/*
some basic styling to set the master background, the font color and size, 
center the template, get rid of margins and padding, define link states and style form elements
*/
body {
background:#000 url(img/bg.gif) top left repeat;
color:#fff;
font:normal 12px/16px Tahoma,Verdana,Arial,sans-serif;
text-align:center; /* "center the div please" hack part 1/2 =D */
margin:0;
padding:0;
position:relative;
z-index:0;
}
#race {
position:absolute;
top:0;
left:0;
width:100%;
height:170px;
background:url(img/bg_flag.gif) top left repeat-x;
z-index:-1;
}
a:link, a:visited, a:active {
color:#8693b3;
text-decoration:none;
}
a:hover {
color:#97a7c7;
text-decoration:none;
}
a:focus {outline:none}
h1 {font-size:15px; margin:0 0 0 0;}
h2 {font-size:14px; margin:0 0 0 0;}
h3 {font-size:13px; margin:0 0 0 0;}
img {
border: none;
margin:0;
}

form {
margin:0;
padding:0;
}
input, textarea {
background:#1b1b1b;
color:#666;
border:1px solid #2b2b2b;
margin:0;
padding-left:2px;
font:11px Tahoma,Arial,sans-serif;
}
input.text:hover { 
border:1px solid #3b3b3b; 
}
input.password:hover { 
border:1px solid #4b4b4b; 
}
input:focus, textarea:focus {
background:#1f1f1f;
color:#6f6f6f;
}
select {
background:#1b1b1b;
color:#666;
border:1px solid #2b2b2b;
margin:0;
padding-left:2px;
font:11px Tahoma,Arial,sans-serif;
}
select:hover {
background:#1f1f1f;
color:#6f6f6f;
}
/*
source formatted view aka sfv lol, it just makes the code clearer to me that way
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
one (table class) to include them all
*/
.master {
width:888px;
margin:0 auto; /* "center the div please" hack 2/2 =D */
padding:20px 0 0 0;
text-align:left;
vertical-align:top;
height:auto;
}
	/*
	overall header
	*/
	#header {
	width:888px;
	height:88px;
	vertical-align:top;
	margin:0;
	padding:0;
	background:url(img/bg_header.gif) top left no-repeat;
	}
	/*
	overall body
	*/
	#overall {
	width:888px;
	height:auto;
	background:url(img/bg_cont.gif) top left repeat-y;
	vertical-align:top;
	margin:0 0 0 0;
	}
		/*
		left and right sides with blocks
		*/
		#sideleft {
		width:194px;
		height:auto;
		margin:0;
		float:left;
		vertical-align:top;
		text-align:left;
		font-size:11px;
		}
		/* navigation */
		#nav {
		width: 100%;
		margin:0;
		padding:0;
		text-align:right;
	   	}
		#nav ul {
		padding:0;
		margin:0;
		}
		#nav li	{
		/*display:inline;*/
		list-style:none;
		padding:22px 6px 5px 6px;
		margin:0;
		font:bold 14px arial,sans-serif;
		border-bottom:1px solid #262626;
		}
		#nav a:link, #nav a:visited, #nav a:active {
		color:#369;
		text-decoration:none;
		}
		#nav a:hover {
		color:#69c;
		text-decoration:none;
		}
		#active a:link, #active a:visited, #active a:active, #active a:hover {color:#69c;}
		#sideright {
		width:186px;
		height:auto;
		margin:0;
		float:right;
		vertical-align:top;
		text-align:center;
		font-size:11px;
		color:#ccc;
		}
		.block {
		margin:0 0 1px 1px;
		padding:10px;
		}
		.block2 {
		text-align:left;
		width:166px;
		background:#243c6d url(img/bg_box-bottom.gif) bottom left no-repeat;
		margin:0 auto;
		padding:0;
		height:auto;}
		.block2 p {
		margin:0;
		padding:0 10px 10px 10px;
		}
		.corpo {
		height:36px;
		width:166px;
		margin:0 auto;
		background:url(img/bg_box-top.gif) top left no-repeat;
		}
		.corpo h3 {
		margin:0;
		padding:5px 0 0 0;
		height:20px;
		color:#fff;
		font:normal 11px verdana,serif;
		}
		/*
		main content here
		*/
		#content {
		width:508px;
		height:auto;
		text-align:left;
		vertical-align:top;
		float:left;
		}
		#ccc {
		height: auto;
		width: auto;
		margin:0 1px;
		padding:10px;
		}
		#ccc p {
		margin:0 5px 10px 5px;
		}
		#main-box-left {
		width:253px;
		height:112px;
		margin:0 0 0 1px;
		float:left;
		display:inline; /* fixes stupid ie double margin bug */
		vertical-align:top;
		text-align:left;
		font-size:11px;
		}
		#main-box-right {
		width:253px;
		height:112px;
		margin:0 1px 0 0;
		float:right;
		display:inline; /* fixes stupid ie double margin bug */
		vertical-align:top;
		text-align:left;
		font-size:11px;
		}
		.mainblock {
		width:211px;
		margin:0;
		padding:25px 10px 10px 10px;
		height:80px;
		border-bottom:1px solid #333;
		}
	/*
	overall footer
	*/
	.footer {
	background:url(img/bg_footer.gif) top left no-repeat;
	width:888px;
	height:153px;
	vertical-align:top;
	text-align:center;
	clear:both;
	}

hr { display:none; }
.clear { clear:both; }
.desc { font:normal 10px verdana,serif; color:#999; }
.antiblock { background-color:#eee; border:1px solid #d4d4d4; width:80%; margin:40px auto; padding:20px; }
.news { background-color:#010101; border:1px solid #020202; width:95%; margin:10px auto; padding:10px; }