/* ------ COLOR CHART ------ */
/* 
Fluoro Yellow #EAFE44
Background Grey #333333
Main Text #E6E6E6
Text Shadow #090909
Footer Copyright Blue #0239DB
Footer Copyright Link #0242FD
*/

/* ------------------- LAYOUT ---------------------- */
body {background: url(../images/bg.gif) repeat-x #333333;}

/* ------------------- PAGE WRAP ---------------------- */
#page-wrap {
	width:960px;
	margin:0 auto;}

/* ------------------- PAGE WRAP END ------------------ */


/* ------------------- HEADER ---------------------- */
#header {
	height:425px;
	background: url(../images/headerbg.jpg) no-repeat #000;}

/* ------------------- HEADER END ------------------ */


/* ------------------- CONTENT - Home ---------------------- */
#content {
	width:600px;
	margin:0 9px -35px 15px;
	display:block;
	float:left;
	z-index:2; position:relative;}
	
#content .newsphoto {
	position:relative;
	margin:20px 0 8px 0;}

.dateflag {
	width:253px;
	height:48px;
	position:absolute;
	left:334px;
	top:138px;}
/*background:url(../images/dateflag.png) no-repeat;*/

#sidebar {
	float:left;
	margin:10px 15px 0 8px;}

#latest {
	width:313px;
	height:243px;
	background:url(../images/latestresults.gif) no-repeat;
	text-align:center;}
	
	#latest table{
	width:229px;
	margin:0 42px;
	color:#000000;}
	
	#latest tr{line-height:2.8em;}
/* ------------------- CONTENT END ------------------ */

/* ------------------- CONTENT Bio ------------------ */
#bio #content {
	width:900px;
	margin:10px 0px -35px 0px;
	display:block;
	padding:0 30px 0 30px;
	background:url(../images/bio/bg.jpg) top right no-repeat;}
	
#bio p{font-size:1.7em;}

#bio #firstp {width:460px;}

#bio h2.bullet{
	display:block;
	height:56px;
	width:664px;
	background: url(../images/bio/bullet.gif) no-repeat;
	background-color:transparent;
	text-indent:-9999px;}
	
#bio h2.rides{
	font-family:"Century Gothic", "Apple Gothic", sans-serif;
	text-transform:uppercase;
	font-size:3em;
	font-weight:bold;
	color:#555555;
	text-align:center;
	margin:-.3em 0 .15em 0;
	letter-spacing:0.25em;}
	
	#bio h6{
	font-size:0.9em;
	font-weight:normal;
	text-transform:uppercase;
	color:#999;
	text-align:center;
	margin:.1em 0 .15em 0;
	letter-spacing:0.25em;
}
	
#bio h3{
	display:block;
	height:75px;
	width:725px;
	background: url(../images/bio/carlscrew.gif) no-repeat;
	background-color:transparent;
	text-indent:-9999px;
	margin: 17px 0 2px 0;}
	
#bio ul#info{width:515px; margin-bottom:25px;}
#bio ul#info span{color:#EAFE44; text-shadow:0 1px 2px #090909;}
#bio #info li{font-size:1.9em;}

.biophotos {
	width:120px;
	height:120px;
	background-color:#CCC;
	float:left;
	display:block;
	margin:4px;
}
	
#bio ul#crew{ list-style:disc; margin:0 0 0 45px;}
#bio #crew li{font-size:1.9em;}	

/* caption styling */
.caption-top, .caption-bottom {
	color: #FFF;
	padding: 5px 0;
	font-weight: normal;
	font-size: 18px;
	font-family:"Century Gothic", "Apple Gothic", sans-serif;
	letter-spacing:2px;
	border: 0px solid #334143;
	background: #333333;
	text-shadow: 0 1px 2px #202020;
	text-align:center;
	text-decoration: none;
}
.caption-top {
   border-width: 0px 0px 0px 0px;
}
.caption-bottom {
   border-width: 0px 0px 0px 0px;
}

.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0;
}
.caption a:hover, .caption a:hover {
	background: #202020; text-decoration: none;
}
.caption-wrapper {
	float: left; text-decoration: none;
}
br.c { clear: both; }
/* ------------------- CONTENT Bio END ------------------ */

/* ------------------- CONTENT Results ------------------ */
#results #content {
	width:900px;
	display:block;
	margin:10px 0px -10px 0px;
	padding:0 30px 0 30px;}
	
#results #content table{width:680px;}
	
#results #content table th{
	font-family:"Century Gothic", "Apple Gothic", sans-serif;
	text-transform:uppercase;
	font-size:3.0em;
	font-weight:bold;
	padding:2px;
	color:#FFF;}
	
		#results #content .date{text-align:center; width:20%}
		#results #content .track{text-align:center; width:65%;}
		#results #content td.track{border-bottom:solid #222 1px;}
		#results #content .finish{text-align:center; width:15%;}
		#results #content .win{text-align:center; width:15%; color:#EAFE44;}

	#results #content table td{
	font-family:Tahoma, Verdana, Geneva;
	font-size:1.8em;
	padding:4px;
	border-bottom:solid #2b2b2b 1px;}
/* ------------------- CONTENT Results END ------------------ */

/* ------------------- CONTENT Sponsors ------------------ */
#sponsors #content {
	width:900px;
	display:block;
	margin:10px 0px -10px 0px;
	padding:0 30px 0 30px;}
	
	#sponsors #content img{display:block; margin:0 auto; padding:8px;}
	
	#sponsors #content h2{
		color:#FFFFFF;
		font-family:"Century Gothic","Apple Gothic",sans-serif;
		font-size:3em;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
		margin-bottom: 0.15em;}
		
	#sponsors #content h3{
		color:#E6E6E6;
		font-family:Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
		letter-spacing:0.060em;
		font-size:1.8em;
		font-weight:normal;
		text-align:left;
		margin:0.5em 0 0 1.5em;}
/* ------------------- CONTENT Sponsors END ------------------ */

/* ------------------- CONTENT News ------------------ */
#news #content {
	width:900px;
	display:block;
	margin:10px 0px -10px 0px;
	padding:0 30px 0 30px;}
	
	#news h3{font-style:italic;}
	
	#news h2{text-align:center;font-size: 2.4em;margin-bottom: 0.15em;}
	
	#news .last{width:680px;}
/* ------------------- CONTENT News END ------------------ */

/* ------------------- CONTENT Contact ------------------ */
#contact #content {
	width:680px;
	display:block;
	margin:10px 0px -10px 0px;
	padding:0 30px 0 30px;}
	
	#contact #content h2{
		color:#FFFFFF;
		font-family:"Century Gothic","Apple Gothic",sans-serif;
		font-size:3em;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
		margin-bottom: 0.15em;}
		
		#contact-thanks #content h2{
		color:#FFFFFF;
		font-family:"Century Gothic","Apple Gothic",sans-serif;
		font-size:3em;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
		margin-bottom: 0.15em;}
		
		#contact-thanks #content h3{
		color:#FFFFFF;
		font-size:2.2em;
		font-weight:normal;
		line-height:1.3;
		margin-bottom: 8em;}
	
#contact-area {width: 640px;}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 537px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1.4em;
	margin: 2px 0 6px 6px;
	border: 2px solid #ccc;
	color:#ffffff;
	background-color:#999;
}

#contact-area textarea {
	height: 165px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #EAFE44;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	cursor:pointer;
}

td.left {
	width: 80px;
	text-align: right;
	padding:7px 3px 0 0;
	vertical-align:top;
	font-size: 1.4em;
}

#captcha-area {
	margin:7px 320px;
}
/* ------------------- CONTENT Contact END ------------------ */

/* ------------------- CONTENT Links ------------------ */
#links #content {
	width:680px;
	display:block;
	margin:10px 0px -10px 0px;
	padding:0 30px 0 30px;
	position:relative;
	height:340px;}
	
	#links #content h2{
		color:#FFFFFF;
		font-family:"Century Gothic","Apple Gothic",sans-serif;
		font-size:3em;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
		margin-bottom: 0.15em;}
		
	#links #content img{position:absolute;}
	
	#links #content #hoseheads{left:225px; top:45px;}
	#links #content #mrp{left:74px; top:155px;}
	#links #content #lernerville{left:417px; top:120px;}
	#links #content #stivy{left:36px; top:269px;}
	#links #content #scn{left:385px; top:268px;}
/* ------------------- CONTENT Links END ------------------ */

/* ------------------- twitter ---------------------- */
#twitter {width:313px; text-align:center; margin:1.5em 0 0 0;}

	#twitter h3{
	font-family:Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
	font-size:2em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.10em;
	text-shadow:0 1px 2px #090909;
	padding:15px 0 0 0.15em;
	color:#FFF;
	background:url(../images/twitterhead.gif) no-repeat;
	display:block;
	height:46px;
	margin:0;}

	#twitter ul {
		list-style: none; padding: 0;
		background:url(../images/twitterbod.gif) repeat-y;
		width:231px;
		margin:0 30px;
		padding:0 11px;
		text-align:left;}
		
		#twitter ul li {
			padding: 0px;
			padding:0 0 10px 0;}
			
			#twitter ul li a {font: Georgia, Times, Serif; color: #0121BE; font-size:1.0em; text-transform:uppercase;}
				#twitter ul li a:hover {color: #0121BE;}

		#twitter ul li span {font: 1.1em/1.3em Verdana, Geneva, Tahoma, sans-serif; color: #333;}
			#twitter ul li span a {font: 1.0em/1.5em Verdana, Geneva, Tahoma, sans-serif; color: #00039A; text-transform:none;}
			
	#twitter #bottom {
		background:url(../images/twitterfoot.gif) no-repeat;
		width:253px;
		height:31px;
		margin:0 30px 0 30px;
		text-align:center;
		padding:0px 0 0 0;}
		
	#twitter #bottom a{text-decoration:none; font-size:1.5em; font-weight:bold; color:#0242FD;}
/* ------------------- twitter END ---------------------- */

/* ------------------- FOOTER ---------------------- */
#footer {
	height:180px;
	padding:50px 0 0 0;
	position:relative;
	z-index:1;}
	/*background:url(../images/sponsorsbg.gif) no-repeat #333333;*/
	
#footer img{position:absolute;}

#footer #msmd{
	left:5px;
	top:94px;}

#footer #tbe{
	left:169px;
	top:36px;}
	
#footer #reesman{
	left:468px;
	top:103px;}

#footer #maxim{
	left:4px;
	top:170px;}
	
#footer #kistler{
	left:157px;
	top:169px;}

#footer #weld{
	left:289px;
	top:170px;}
	
#footer #simpson{
	left:424px;
	top:169px;}
	
#footer #precise{
	left:498px;
	top:169px;}
	
#footer #car{
	left:642px;
	top:-124px;}

#footer h6{
	text-align:center;
	position:absolute;
	top:231px;
	left:345px;
	color:#EAFE44;
	text-shadow:0 1px 2px #090909;
	text-transform:none;
	margin:0;
	font-size:1.0em;
	font-weight:bold;
	letter-spacing:0;}

#footer h6 a{
	color:#EAFE44;
	text-shadow:0 1px 2px #090909;}
/* ------------------- FOOTER END ------------------ */


/* ------------------- CLEARS ---------------------- */
div.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0; position:relative; zoom:1; } /* Use this div class to clear your floated columns */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0; position:relative; zoom:1; } /* Use this br class to clear your floated columns */

/* add display:inline to floated elements */
* html ul#navigation li a,
* html #content,
* html #sidebar,
* html .biophotos,
* html .caption-wrapper,
* html #contact-area input.submit-button {display:inline;}

/* fix negative margins */
* html #content,
* html #bio #content,
* html #bio h2.rides,
* html #contact #content,
* html #links #content,
* html div.clear, * html br.clear,
* html #results #content, * html #sponsors #content, * html #news #content {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
* html ul#navigation,
* html #content,
* html #content .newsphoto,
* html #links #content,
* html #footer,
* html div.clear, * html br.clear {zoom:1;}