/*
############ GENERAL
*/	
	body { margin:0px; padding:0px; background:#202020 url(../images/bg.jpg) no-repeat top center; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#737373; }

	a img { border:none; }
	.blue,a.blue { color:#00a7ff; }
	.center { text-align:center; }
	.box .floatList li {float:left; margin:0 5px 0 0; padding:0; }
	
/*
############ LAYOUT
*/	
#container { width:1100px; margin:auto; text-align:left; }
	
	#head { background:url(../images/head.jpg) no-repeat; height:55px; }
	
		#counter { float:left; width:50%; }
		#counter ul,#counter li { margin:0; padding:0; list-style:none; }
		#counter li { float:left; height:42px; line-height:42px; color:#fff; font-weight:bold; padding-left:12px; }
		#counter li.label { font-size:11px; }
		
		#login { float:left; margin-top:12px; color:#fff; }
			#login a { color:#00a7ff; }
			#login input { border:none; background:none; height:18px; line-height:18px; color:#a2a2a2; font-size:9px; font-weight:bold; }
			#login .username { background:url(../images/login_username.jpg) no-repeat; width:119px; padding-left:70px; }
			#login .password { background:url(../images/login_password.jpg) no-repeat; width:120px; padding-left:38px; }
	
	#header { background:url(../images/header.png) no-repeat; height:241px; position:relative; }
	
		#logo { position:absolute; top:50%; left:50px; margin-top:-112px; }
	
		#contentslider { position:absolute; right:77px; top:41px; }
	
	#navi ul,#navi li { margin:0; padding:0; list-style:none; }
	#navi li,#navi a { float:left; }
	#navi li a { position:relative; }
	#navi .navi_hover { position:absolute; top:0; left:0; }
	
	#content { background:#edebec; padding-bottom:5px; }
	
		#left { float:left; width:265px; }
		#main { float:left; width:570px; }
		#right { float:left; width:265px; }
	
	#gallery { background:url(../images/gallery_bg.jpg) no-repeat; height:146px; padding-top:26px; }
		#gallery ul,#gallery li { margin:0; padding:0; list-style:none; float:left; }
		#gallery ul > li { float:left; }
		#gallery li ul li { text-align:center; width:155px; float:none; }
		#gallery a.image { display:block; background:url(../images/gallery_img_bg.jpg) no-repeat; width:114px; height:96px; margin:auto; }
		#gallery a img { width:106px; height:89px; margin-top:4px; overflow:hidden; }
		#gallery a { text-decoration:none; }
	
		ul#randomuser { margin-left:170px; }
	
	#footer { background:url(../images/footer.jpg) no-repeat; height:66px; line-height:45px; color:#fff; font-weight:bold; font-size:12px; text-align:center; }
	#footer a { text-decoration:none; color:#fff; }
	
	
	
	
/*
############ ELEMENTS
*/	
	.box { background:url(../images/box_bg.jpg) repeat-y; }
		#box_head_latestnews { height:32px; background:url(../images/box_head_latestnews.jpg) no-repeat; }
		#box_head_latestwars { height:32px; background:url(../images/box_head_latestwars.jpg) no-repeat; }
		#box_head_latestarticles { height:32px; background:url(../images/box_head_latestarticles.jpg) no-repeat; }
		#box_head_latesttopics { height:32px; background:url(../images/box_head_latesttopics.jpg) no-repeat; }
		#box_head_teamspeak { height:32px; background:url(../images/box_head_teamspeak.jpg) no-repeat; }
		#box_head_server { height:32px; background:url(../images/box_head_server.jpg) no-repeat; }
		#box_head_vote { height:32px; background:url(../images/box_head_vote.jpg) no-repeat; }
		#box_head_topmatch { height:32px; background:url(../images/box_head_topmatch.jpg) no-repeat; }
		
		.main_box{ width:563px; background:url(../images/main_bg.jpg) repeat-y; margin:auto; margin-top:1px; }
		
			.main_box_head { background:url(../images/main_head.jpg) no-repeat; height:6px; }
			.main_box_content { padding:10px; }
			.main_box_foot { background:url(../images/main_foot.jpg) no-repeat; height:6px; }
			
			#topnews h2 { color:#4c4c4c; font-size:12px; margin:0; margin: 2px 0 5px 256px; }
			#topnews.main_box_content { background:url(../images/news_head.jpg) no-repeat right top; }
			#topnews .description { color:#919191; font-weight:bold; margin-left: 10px; }
			#topnews .newsimg { width:246px; padding-bottom:22px; float:left; position:relative; top:-10px; left:-5px; background: url(../images/newspic_shadow.jpg) no-repeat bottom; }
			#topnews .news_comments { background:url(../images/news_comments.jpg) no-repeat; height:26px; line-height:26px; width:506px; color:#fff; font-weight:bold; padding-left:10px; clear:both; }
			#topnews .news_content { margin-top: 20px; }
		
			#topnews input { margin-top:13px; }
			
			.article { }
			.article h2 { margin-top:0; }
			.views { font-weight:bold; color:#999; float:right; }
			a.at_readmore { color:#6d6d6d; font-weight:bold; float:left; }
		
			a.readmore { color:#00a7ff; display:block; text-align:right; }
	
		.box ul,.box li { margin:0; padding:0; list-style:none; }
		.box ul { margin:5px 5px 0 5px; }
		.box li { position:relative; padding:7px 0 7px 30px; line-height:14px; }
		.box img.icon { position:absolute; top:50%; left:0; margin-top:-13px; }
		.box a { text-decoration:none; color:#737373; }
		.box  a.blue { color:#00a7ff; }
		.box_foot { background:url(../images/box_foot.jpg) no-repeat; height:7px; }
		.box .spacer { height:1px; line-height:1px; font-size:1px; background:url(../images/box_spacer.jpg) no-repeat; padding:0; }
		.box .result { position:absolute; right:10px; top:50%; height:20px; line-height:20px; margin-top:-10px; font-weight:bold; }
		
			.events ul,.events li { margin:0; padding:0; }
			#topmatch li { padding:0 10px; }
			#topmatch .center { margin-bottom:10px; padding:0; }
			.events li { background:url(../images/topmatch_tab_bg.jpg) repeat-x; height:30px; line-height:30px; text-align:center; }
		
		#groups ul,#groups li { margin:0; padding:0; list-style:none; }
		#groups li { float:left; margin:10px 10px 0 10px; }
		
		
		
		ul.small_box { margin:2px 0 0 2px; padding:0; list-style:none; }
		ul.small_box li { float:left; width:281px; margin:0; padding:0; margin-right:1px; list-style:none; background:url(../images/main_small_bg.jpg) repeat-y; }
			.small_box_head { background:url(../images/main_small_head.jpg) no-repeat; height:6px; }
			.small_box_content { padding:10px; }
			.small_box_foot { background:url(../images/main_small_foot.jpg) no-repeat; height:6px; }

	
	
/*
############ CLEARFIX
*/	
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }