/* ------ COLOR CHART ------ */
/* 
Fluoro Yellow #EAFE44
Background Gray #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;}

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

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

	#newsletter_signup form {
		background:url(../images/twitterbod.gif) repeat-y;
		width:231px;
		margin:0 30px;
		padding:1px 11px;
		text-align:center;}

		#newsletter_signup legend{
		font-size:1.3em;
		color:#333333;
		line-height: 1.2;
    	margin: 0;
    	padding: 2px 0 3px 0;
    	text-align:center;
    	text-shadow: 0 1px 1px #6e6e6e;}

		#newsletter_signup .hide {display: none;}
		#newsletter_signup label {
			color:#333333;
			display:block;
			font-family: Tahoma,Verdana,Geneva;
			font-size: 1.3em;
			margin:3px 0 2px 5px;}
		#newsletter_signup input{
			display:block;
			padding: 5px;
			font-family: Verdana, Geneva, Tahoma, sans-serif;
			font-size: 1.4em;
			margin: 2px 0 4px 0;
			border: 2px solid #ccc;
			color:#ffffff;
			background-color:#333333;}
		#newsletter_signup input#form_email {width:215px;}
		#newsletter_signup input#form_submit {
			background:#000BB6;
			border:none;
			-moz-border-radius: 7px;
			border-radius: 7px;
			cursor:pointer;
			float:right;
			margin: 2px 0 0 0;
			width: 85px;
			z-index:5;}
		#newsletter_signup input:focus {border: 2px solid #EAFE44;}
		#newsletter_signup p#response {color:#0121BE; font-size: 1.0em; line-height: 1.2; margin:0 0 0 1px; text-align:left; text-indent:0; width:139px;}

	#newsletter_signup .bottom {
		background:url(../images/twitterfoot.gif) no-repeat;
		width:253px;
		height:31px;
		margin:-14px 30px 0 30px;
		text-align:center;
		padding:0;
		z-index:2;}

#latest {
	width:313px;
	height:243px;
	margin: 1.5em 0 0;
	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:"KomikaAxisRegular", "Century Gothic", "Apple Gothic", sans-serif;
	text-transform:uppercase;
	font-size:3.75em;
	font-weight:normal;
	color:#555555;
	text-align:center;
	text-shadow:1px 1px 4px #222222;
	margin:-.3em 0 .15em 0;
	letter-spacing:4px;}
	
	#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; line-height:1.3;}

.biophotos {
	width:120px;
	height:120px;
	background-color:#CCC;
	float:left;
	display:block;
	margin:15px 52px;
}
	
#bio ul#crew{ list-style:disc; margin:0 0 0 45px;}
#bio #crew li{font-size:1.9em;}	
/* ------------------- 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:"KomikaAxisRegular", "Century Gothic", "Apple Gothic", sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	text-shadow:1px 1px 4px #222222;
	font-size:3.2em;
	font-weight:normal;
	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;}

#results #content h2{
		color:#FFFFFF;
		font-family:"KomikaAxisRegular", "Century Gothic","Apple Gothic",sans-serif;
		font-size:3.2em;
		font-weight:normal;
		text-transform:uppercase;
		text-align:left;
		letter-spacing:1px;
		text-shadow:1px 1px 4px #222222;
		margin: 10px 0 10px 400px;}

		#results a:hover {color:#EAFE44; text-decoration:none;}
/* ------------------- 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:10px 8px;}
	
	#sponsors #content h2{
		color:#FFFFFF;
		font-family:"KomikaAxisRegular", "Century Gothic","Apple Gothic",sans-serif;
		font-size:3.5em;
		font-weight:normal;
		text-transform:uppercase;
		text-align:center;
		letter-spacing:1px;
		text-shadow:1px 1px 4px #222222;
		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:"KomikaAxisRegular", "Century Gothic","Apple Gothic",sans-serif;
		font-size:3.5em;
		font-weight:normal;
		text-transform:uppercase;
		text-align:center;
		letter-spacing:1px;
		text-shadow:1px 1px 4px #222222;
		margin-bottom: 0.15em;}
		
		#contact-thanks #content h2{
		color:#FFFFFF;
		font-family:"KomikaAxisRegular", "Century Gothic","Apple Gothic",sans-serif;
		font-size:3.5em;
		font-weight:normal;
		text-transform:uppercase;
		text-align:center;
		letter-spacing:1px;
		text-shadow:1px 1px 4px #222222;
		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:360px;}
	
	#links #content h2{
		color:#FFFFFF;
		font-family:"KomikaAxisRegular", "Century Gothic","Apple Gothic",sans-serif;
		font-size:3.5em;
		font-weight:normal;
		text-transform:uppercase;
		text-align:center;
		letter-spacing:1px;
		text-shadow:1px 1px 4px #222222;
		margin-bottom: 0.15em;}
		
	#links #content img{position:absolute;}
	
	#links #content #hoseheads{left:225px; top:65px;}
	#links #content #mrp{left:74px; top:175px;}
	#links #content #lernerville{left:417px; top:140px;}
	#links #content #stivy{left:36px; top:289px;}
	#links #content #scn{left:385px; top:288px;}
/* ------------------- CONTENT Links END ------------------ */

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

	#twitter h3{
	font-family:"KomikaAxisRegular", Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
	font-size:2.4em;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	text-shadow:0 1px 2px #000256;
	padding:11px 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;}
	
#footer img{position:absolute;}

#footer #tbe{
	left:2px;
	top:44px;}

#footer #country{
	left:308px;
	top:45px;}

#footer #msmd{
	left:465px;
	top:49px;}

#footer #reesman{
	left:465px;
	top:108px;}

#footer #jj{
	left:0;
	top:170px;}
	
#footer #kistler{
	left:98px;
	top:170px;}

#footer #weld{
	left:232px;
	top:171px;}
	
#footer #fk{
	left:367px;
	top:180px;}
	
#footer #delp{
	left:552px;
	top:179px;}
	
#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 #newsletter_signup input#form_submit,
* html .biophotos,
* html .caption-wrapper,
* html #contact-area input.submit-button {display:inline;}

/* fix negative margins */
* html #content,
* html #bio #content,
* html #newsletter_signup .bottom,
* 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;}

* html #newsletter_signup legend{font-size:12px;}

*:first-child+html #newsletter_signup .bottom{margin:0 30px;}
*:first-child+html #twitter h3{line-height: 1.1;}
*:first-child+html #newsletter_signup h3{line-height: 1.1;}
* html #newsletter_signup .bottom{margin:0 30px;}