*{
	border:				0;
}

html, body{
	height: 100%;
}

body{
	font-family:		verdana, tahoma, arial;
	font-size: 			11px;
	color:				#CCC;
	margin:				0px;
	background-color: #333333;
	background-attachment: fixed;
	background-position: center top;
	background-image: url(/public/images/gaming.jpg);
}

#wrapper{
	width:				809px;
	min-height: 100%;
	margin-left:		auto;
	margin-right:		auto;
	border-top:			0px;
	background-position: center top;
	background-image: url(/public/images/mainbackground.png);
	background-repeat:no-repeat;
	clear:both;
	padding: 20px;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: inline-block;
	height: 0;
	visibility: hidden;
}
#header{
	width:				100%;
	height: 343px;
	position: relative;
	background: none;
}
#flash{
	position:			absolute;
	width:				600px;
	margin:				5px;
}
#content{
	text-align:			left;
	vertical-align:		top;
	padding-top:		12px;
	padding-left:		20px;
	padding-right:		20px;
	padding-bottom:		10px;
	background:none;
	position: relative;
	background: #000;
	opacity:0.7;
	margin-bottom: 20px;
}

#logo{
	padding-top: 10px;
	padding-left:10px;
}

#logo2{
	float:right;
	width: 234px;
	padding-top: 10px;
	padding-right:10px;
}

#online{
	float:right;
	margin-top:60px;
}

#online a{
	color: #CCC;
}

#menu{
	text-align:			left;
	vertical-align:		top;
	height: 78px;
}
ul.menu{
	list-style: 		none;
	padding-left:		0px;
}
ul.menu li{
	list-style: 		none;
	width: 				108px;
	height:				34px;
	border-left: 		0px;
	float:left;
	background-image: url(/public/images/menu.png);
	text-align: center;
	padding-top: 5px;
	margin-right: 7px;
}
ul.menu li:hover{
	
}

ul.menu a{
	display:			block;
	color:				#FFF;
	text-decoration:	none;
	font-weight: bold;
	text-transform: uppercase;
	font-size:9px;
}
ul.menu a:visited, a:hover{
	color:				#FFF;
	text-decoration:	none;
}


ul.submenu{
	padding: 0;
}



ul.menu_horizontal{
	list-style-type: 	none;
	padding-left:		0px;
}
ul.menu_horizontal li{
	float: 				left;
	border: 			1px solid #000;
	border-bottom: 		0px;
	margin-right: 		10px;
	width: 				120px;
}
ul.menu_horizontal li:hover{
	background:			#333;
}
ul.menu_horizontal a{
	display:			block;
	padding: 			3px;
	color:				#FFF;
	text-decoration:	none;
}
ul.menu_horizontal a:visited, a:hover{
	color:				#FFF;
	text-decoration:	none;
}

#footer_left{
	width:				390px;
	float:				left;
}
#footer_right{
	width:				580px;
	float:				right;
}

#footerLine{
	width: 90%;
	height: 1px;
	background: #1D1D1D;
	margin: 0 auto;
}
#footer{
	margin-top: 5px;
	text-align: center;
	color: #666;
}

#content h1{
	font-size:			20px;
	color:				#80CCE6;
	margin: 0;
}

#content h2{
	font-size:			20px;
	color:				#80CCE6;
	margin: 0;
}

a, a:visited{
	color:				#FFF;
	text-decoration:	underline;
}
a:hover{
	color: 				#FFF;
	text-decoration:	none;
}

label{
	font-weight:		bold;
}

table td{
	padding:			3px; 
}
table th{
	padding:			3px; 
}


.gallery .items{}
.gallery .item{
	float: left;
	width: 100px;
	height: 150px;
	margin: 10px;
}
.gallery .item img{
	border: 1px solid #FFF;
	vertical-align: middle;
}

#perms th{
	font-size: 10px;
}


input, select, textarea{
	border:				1px solid #aaa;
	background-color:	#fff;
	font-family: 		verdana, tahoma, arial;
	color: 				#000;
	font-size: 			11px;
	padding:			5px;
	padding-left:		1px;
}

button{
	border:				1px solid #aaa;
	background-color:	#fff;
	font-family: 		verdana, tahoma, arial;
	color: 				#000;
	font-size: 			11px;
	padding:			5px;
}

input[type="file"]{
	border: 0;
}

.flash_message{
	padding:			2px;
	border:				1px solid #c90;
	background-color:	#ff9;
	color: #000;
}

.error{
	color:				#e00;
}

.avatar{
	border:				1px solid #FFF;
}

.odd {
	background-color:	#333;
}


.icon{
	vertical-align:		middle;
}
.inline{
	display:			inline;
}
.center{
	margin-left: 		auto;
	margin-right: 		auto;
}
.ta-left{
	text-align: 		left;
}
.ta-center{
	text-align:			center;
}
.ta-right{
	text-align: 		right;
}
.va-bottom{
	vertical-align: 	bottom;
}
.va-top{
	vertical-align: 	top;
}
.va-middle{
	vertical-align:		middle;
}
.clear-both{
   clear:				both;
}