@charset "utf-8";

/* 3stepsfusion CSS Document 'design.css' */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*  You can get more informations on www.3stepsfusion.eu						                   */
/*  Copyright by Trackmanai-Friends v2 (www.trackmania-friends.de) - (C) 2010 All Rights reserved  */
/*  This Template "Trackmania-Friends" was created by Sacha Lehmann aka Ramires (3stepsfusion) 	   */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MAIN SECTION */

* 							{ padding:0; margin:0; }

body 						{ background-image:url('images/body_bg.jpg'); background-color:#4d4d4d; color:#000; margin:0; font-size:10px; font-family:"Arial", Lucida Console, Verdana, Arial, Helvetica; }

a:link, a:visited, a:active { color:#39bae3; text-decoration:none; cursor:pointer; }
a:hover 					{ color:#c0c0c0; }

a.footer, a.footer:visited, a.footer:active { color:#fff; text-decoration:none; cursor:pointer; }
a.footer:hover 								{ color:#c0c0c0; }

.preload 					{ width:0px; height:0px; visibility:hidden; overflow:hidden; }

/* BUTTON LINKS */

a.but1, a.but1:visited, a.but1:active				{ width:110px; height:25px; margin-top:3px; float:left; clear:both; background-image:url('buts/but_1_off.jpg'); }
a.but1:hover										{ background-image:url('buts/but_1_on.jpg'); }

a.but2, a.but2:visited, a.but2:active				{ width:110px; height:25px; margin-top:4px; float:left; clear:both; background-image:url('buts/but_2_off.jpg'); }
a.but2:hover										{ background-image:url('buts/but_2_on.jpg'); }

a.but3, a.but3:visited, a.but3:active				{ width:110px; height:25px; margin-top:4px; float:left; clear:both; background-image:url('buts/but_3_off.jpg'); }
a.but3:hover										{ background-image:url('buts/but_3_on.jpg'); }

a.but4, a.but4:visited, a.but4:active				{ width:110px; height:25px; margin-top:4px; float:left; clear:both; background-image:url('buts/but_4_off.jpg'); }
a.but4:hover										{ background-image:url('buts/but_4_on.jpg'); }

a.but5, a.but5:visited, a.but5:active				{ width:110px; height:25px; margin-top:4px; float:left; clear:both; background-image:url('buts/but_5_off.jpg'); }
a.but5:hover										{ background-image:url('buts/but_5_on.jpg'); }

a.sublinks, a.sublinks:visited, a.sublinks:active 	{ width: 77px; height:15px; padding:3px 0 0 0; margin-left:10px; float:left; background-image:url('buts/sub_but_off.jpg'); color:#fff; }
a.sublinks:hover 									{ background-image:url('buts/sub_but_on.jpg'); color:#000; }

/* DESIGN INDEX SECTION */

#outter						{ width:1000px; }
#header_top					{ width: 915px; height: 19px; padding:17px 0 0 85px; float:left; background-image:url('images/header_top.png'); color:#fff; text-align:left; font-size:10px; }
#header_left_side			{ width: 659px; height:292px; float:left; clear:both; }
	#main_nav_left				{ width:  12px; height:147px; float:left; background-image:url('images/main_nav_left.png') }
	#change						{ width: 380px; height:147px; float:left; }
		#innerchange				{ width: 380px; height:147px; z-index:2; position:relative; }			
		#menu1						{ width: 380px; height:147px; float:left; background-image:url('images/menu1.jpg'); z-index:1; margin-top:-147px; }
		#menu2						{ width: 380px; height:147px; float:left; background-image:url('images/menu2.jpg'); z-index:1; margin-top:-147px; }
		#menu3						{ width: 380px; height:147px; float:left; background-image:url('images/menu3.jpg'); z-index:1; margin-top:-147px; }
		#menu4						{ width: 380px; height:147px; float:left; background-image:url('images/menu4.jpg'); z-index:1; margin-top:-147px; }
		#menu5						{ width: 380px; height:147px; float:left; background-image:url('images/menu5.jpg'); z-index:1; margin-top:-147px; }
	#header_middle				{ width: 267px; height:147px; float:left; background-image:url('images/header_middle.png') }
	#sub_nav				{ width: 657px; height: 22px; padding:5px 0 0 2px; float:left; clear:both; background-image:url('images/sub_nav.png') }
	#header_sub_left		{ width: 213px; height:113px; padding:5px 0 0 17px; float:left; clear:both; background-image:url('images/header_sub_left.png'); color:#c0c0c0; }
	#header_sub_right		{ width: 429px; height:118px; float:left; background-image:url('images/header_sub_right.png'); overflow:hidden; }
#header_right_side			{ width: 341px; height:269px; padding:23px 0 0 0; float:left; background-image:url('images/header_wars.png'); text-align:left; }

/* WAR SECTION */

#wars_navtop				{ width: 341px; height:142px; float:left; }
#war_top					{ width: 319px; height:142px; padding:0 0 0 22px; float:left; }
	#war_top_logo1				{ width: 100px; height:100px; float:left; overflow:hidden; }
	#war_top_middle				{ width:  90px; height: 40px; padding-top:60px; float:left; overflow:hidden; text-align:center; }
	#war_top_logo2				{ width: 100px; height:100px; float:left; overflow:hidden; }

#wars_navlast				{ width: 341px; height:127px; float:left; clear:both; }
#war_last					{ width: 319px; height:127px; padding:0 0 0 22px; float:left; clear:both; }
	#war_last_logo1				{ width: 100px; height:100px; float:left; overflow:hidden; }
	#war_last_middle				{ width:  90px; height: 40px; padding-top:60px; float:left; overflow:hidden; text-align:center; font-size:18px; }
	#war_last_logo2				{ width: 100px; height:100px; float:left; overflow:hidden; }


#content_outter_index		{ width:1000px; float:left; background-image:url('images/content_bg_index.png'); background-repeat:repeat-y; }
	#content_left				{ width: 230px; float:left; }
		#left_top					{ width: 230px; height:155px; float:left; overflow:hidden; }
			.box_head					{ width: 190px; height: 27px; padding:15px 0 0 40px; float:left; clear:both; background-image:url('images/box_head.png'); color:#fff; text-align:left; font-size:14px; font-weight:bold; }
			.box_cont					{ width: 190px; padding:5px 20px 5px 20px; float:left; clear:both; background-image:url('images/box_cont.png'); color:#fff; }
			.box_end					{ width: 230px; height: 18px; float:left; clear:both; background-image:url('images/box_end.png'); }
	#content_right				{ width: 751px; padding:6px 15px 0 4px; float:left; color:#fff; }
#footer_outter				{ width:100%; height:216px; clear:both; background-color:#323232; }
	#footer_index			{ width:1000px; height:184px; padding:30px 0 0 0; background-image:url('images/footer_index.jpg'); }
	
#content_outter_board		{ width:1000px; float:left; background-image:url('images/content_bg_board.png'); background-repeat:repeat-y; }
	#content_board			{ width: 970px; padding:0 15px; float:left; color:#fff; }
	#footer_board			{ width:1000px; height:184px; padding:30px 0 0 0; background-image:url('images/footer_board.jpg'); }
	
#navlogin_form				{ width: 230px; height:114px; padding:56px 0 0 0; float:left; background-image:url('images/left_nav_top_form.png'); text-align:left; }

	a.login, a.login:visited, a.login:active				{ width:230px; height:32px; float:left; clear:both; background-image:url('buts/login_off.png'); }
	a.login:hover											{ background-image:url('buts/login_on.png'); }
	a.forgot, a.forgot:visited, a.forgot:active				{ width:230px; height:30px; float:left; clear:both; background-image:url('buts/forgot_off.png'); }
	a.forgot:hover											{ background-image:url('buts/forgot_on.png'); }
	a.register, a.register:visited, a.register:active		{ width:230px; height:30px; float:left; clear:both; background-image:url('buts/register_off.png'); }
	a.register:hover										{ background-image:url('buts/register_on.png'); }
	
	a.logout, a.logout:visited, a.logout:active				{ width:230px; height:56px; float:left; clear:both; background-image:url('buts/logout_off.png'); }
	a.logout:hover											{ background-image:url('buts/logout_on.png'); }

#navlogin_view_top				{ width: 230px; height: 56px; float:left; text-align:left; }
#navlogin_view_sub				{ width: 210px; height: 89px; padding:10px 0 0 20px; float:left; clear:both; background-image:url('images/left_nav_view.png'); text-align:left; color:#c0c0c0; }

/* SLIDER SECTION */

.latest_wars					{ width:415px; height:104px; float:left; background-image:url('slider_pics/latest_wars.jpg'); }
.latest_threads					{ width:415px; height:104px; float:left; background-image:url('slider_pics/latest_threads.jpg'); }

/* NEWS RECENT2 */

.news_over					{ width:360px; float:left; margin-left:10px; margin-top:10px; }
.news_head					{ width:350px; height: 27px; padding:3px 0 0 10px; float:left; text-align:left; font-size:12px; background-image:url('images/news_head_bg.jpg'); }
.news_cat					{ width:358px; height: 58px; padding:1px; float:left; clear:both; background-image:url('images/news_cats_bg.jpg'); }
.news_text					{ width:344px; height:136px; padding:8px 8px; float:left; clear:both; overflow:hidden; text-align:justify; background-image:url('images/news_text_bg.jpg'); }
.news_more					{ width:340px; height: 18px; padding:2px 10px 0 10px; float:left; clear:both; text-align:right; background-image:url('images/news_more_bg.jpg'); }
.news_mirror				{ width:340px; height: 18px; padding:2px 10px 0 10px; float:left; clear:both; background-image:url('images/news_mirror.jpg'); }
.but_readmore				{ width: 89px; height: 13px; float:left; background-image:url('buts/but_readmore.jpg'); }
.but_comments				{ width: 89px; height: 13px; float:right; text-align:center; background-image:url('buts/but_comments.jpg'); }
.but_comments_nr			{ width: 30px; height: 13px; float:right; margin-left:5px; text-align:center;  background-image:url('buts/but_comments_nr.jpg'); }



/* CLANSPHERE STANDARDS */

div, span 					{ font-family:Tahoma; }
img 						{ border:0px; }
form 						{ display:inline; }
td 							{ font-size:11px; vertical-align:top; }
textarea 					{ width:90%; }
ul 							{ margin:0px; list-style:none; }


#debug 						{ width:100%; height:150px; margin-bottom:20px; overflow:auto; padding-left:5px; text-align:left; }
#errors 					{ color:#CC0000; }
#sql 						{ color:#666666; }

.quote						{ background-color:#333; border:1px solid #000; padding:5px; color:#c0c0c0; font-style:italic; font-weight:bold; }

.form 						{ background-color:#333; color:#c0c0c0; border:1px solid #474747; font-family:arial; font-size:11px; cursor:pointer }
.forum 						{ margin:auto; }
.headb 						{ height:25px; padding:5px 0 0 20px; color:#fff; font-weight:bold; text-align:left; font-size:11px; background-image:url('images/headb_bg.jpg'); background-position:0 0; background-repeat:no; }
.headc 						{ background-color:#333; color:#c0c0c0; font-weight:bold; text-align:left; padding:5px; font-size:12px; }
.bottom 					{ background-color:#333; color:#c0c0c0; text-align:left; padding:5px; }
.newshead 					{ color:#fff; text-align:left; padding:5px; font-size:14px; font-weight:bold; border-bottom:3px solid #c0c0c0; }
	a.readmore:link, a.readmore:visited, a.readmore:active	{ padding:6px; background-color:#333; color:#fff; cursor:pointer; text-decoration:none;}
	a.readmore:hover 										{ color:#000;  background-color:#c0c0c0; }
.left, .center, .right 		{ font-size:11px; }
.leftb, .centerb, .rightb 	{ padding-left:4px; padding-top:5px; padding-bottom:5px; padding-right:4px; }
.leftc, .centerc, .rightc 	{ padding-left:4px; padding-top:5px; padding-bottom:5px; padding-right:4px; }
.left, .leftb, .leftc 		{ text-align:left; }
.center, .centerb, .centerc { text-align:center; }
.right, .rightb, .rightc 	{ text-align:right; }
.select, input 				{ background-color:#333; color:#c0c0c0; border:1px solid #000; font-family:arial; font-size:11px; padding:2px; }
textarea					{ background-color:#333; color:#c0c0c0; border:1px solid #000; font-family:arial; font-size:11px; padding:2px; }
.navhead, .navhead2 		{ color:#E4E4E4; font-weight:bold; text-align:center; }
.navbodyb, .navbody2b 		{ color:inherit; text-align:center; }

.calhead 								{ background-color:#02116a; color:#c0c0c0; text-align:center; }
.calday, .calevent, .caltoday, .calweek { text-align:center; }
.calday 								{ color:#000; }
.calevent 								{ background-color:#8bfd85; font-weight:bold; }
.calevent:link, .calevent:visited, .calevent:active 	{ color:#000; }
.calevent:hover 										{ color:#fff; }
.caltoday 								{ background-color:#233f82; color:#fff; }
.calweek 								{ color:#545454; }