/*  
	---------------------------

	Richard Fricker 
		T-bone Productions
	
	---------------------------
	
	
*/


/*--- Elements ---*/

*											{ margin: 0; padding: 0; }
html, body								{ font-size: 100%; height: 100%; }
body										{ font: 62.5%/100% "Lucida Grande", Tahoma, sans-serif; background: #EDEEF0 url("/img/bg/bg.jpg") center center no-repeat; }

p											{ font-size: 1.1em; line-height: 140%; margin-bottom: 1.5em; }
blockquote								{ padding: 0 70px; text-align: justify; }

ul, ol									{ margin: 0 0 1.5em 1.5em; }
li											{ font-size: 1.1em; line-height: 130%; margin-bottom: 1em; }

abbr										{ cursor: help; }

a											{ color: #e50101; text-decoration: none; }
a:hover									{ color: #e50101; text-decoration: underline; }

a img										{ border: 0; }

.clear									{ clear: both; }
.hr										{ height: 0px; border-bottom: 1px solid blue; margin-bottom: 1.5em; overflow: hidden; }
.hr hr									{ display: none; }


::selection								{ background: #e50101; color: white; /* Safari */ } 
::-moz-selection						{ background: #e50101; color: white; /* Firefox */ } 


/*--- Layout ---*/

#spacer									{ float: left; width: 1px; position: relative; height: 50%; margin-bottom: -305px; }
#container								{ clear: left; position: relative; width: 920px; height: 610px; margin: 0 auto; background: url("/img/bg/hero-bw.jpg"); }
#footer									{ position: absolute; bottom: -40px; left: 0; width: 920px; height: 20px; text-align: right; }

#header									{ background: url("/img/bg/header-strip.png") 0 48px repeat-x; height: 140px; overflow: hidden; position: relative; z-index: 10; }
#logo										{ border: 0; position: absolute; top: 20px; left: 20px; }

#page										{ background: url("/img/bg/white.png"); position: absolute; bottom: 20px; right: 20px; height: 490px; width: 620px; }
#page-inner								{ padding: 30px; }

.home #page								{ background: none; position:static; bottom: auto; right: auto; width: auto;}
.home #page-inner						{ padding: 0; }
.gallery #page							{ width: 880px; }

.columns									{ background: url("/img/bg/divider.gif") 280px 0 repeat-y; clear: both; }
.col-1, .col-2							{ width: 260px; }
.col-1									{ float: left; }
.col-2									{ float: right; }


/*--- Global Nav ---*/

#global-nav 							{ list-style: none; margin: 0; padding: 0; position: absolute; top: 66px; left: 190px; width: 710px;
											  background: url("/img/bg/nav-divider.png"); height: 13px; }
#global-nav li							{ float: left; margin-right: 31px; }
#global-nav li.contact				{ margin: 0; }
#global-nav a							{ display: block; float: left; background: url("/img/bg/nav.png"); height: 13px; text-indent: -999em; overflow: hidden; }

#global-nav li.home a				{ width: 48px; background-position: 0 0; }
#global-nav li.gallery a			{ width: 72px; background-position: -79px 0; }
#global-nav li.drivers a			{ width: 136px; background-position: -182px 0; }
#global-nav li.news a				{ width: 49px; background-position: -349px 0; }
#global-nav li.videos a				{ width: 60px; background-position: -429px 0; }
#global-nav li.sponsors a			{ width: 83px; background-position: -520px 0; }
#global-nav li.contact a			{ width: 76px; background-position: -634px 0; }

#global-nav li.home a:hover,
.home #global-nav li.home a				{ background-position: 0 -40px; }
#global-nav li.gallery a:hover,					  
.gallery #global-nav li.gallery a		{ background-position: -79px -40px; }
#global-nav li.drivers a:hover,					  
.drivers #global-nav li.drivers a		{ background-position: -182px -40px; }
#global-nav li.news a:hover,						  
.news #global-nav li.news a				{ background-position: -349px -40px; }
#global-nav li.videos a:hover,					  
.videos #global-nav li.videos a			{ background-position: -429px -40px; }
#global-nav li.sponsors a:hover,					  
.sponsors #global-nav li.sponsors a		{ background-position: -520px -40px; }
#global-nav li.contact a:hover,					  
.contact #global-nav li.contact a		{ background-position: -634px -40px; }


/*--- Mini Nav ---*/

#mini-nav								{ float: right; margin: 32px 0 0 0; font-size: 1.2em; font-weight: bold; }
#mini-nav a								{ color: #000; }
#mini-nav a:hover, #mini-nav a.active	{ color: #e50101; }


/*--- Headings ---*/

h1											{ background: url("/img/bg/headings.gif") no-repeat; height: 23px; text-indent: -999em; margin: 30px 0; }
.home h1									{ display: none; }
.drivers h1								{ background-position: 0 -29px; }
.dprofile h1							{ width: 155px; }
.history h1								{ background-position: 0 -180px; width: auto; }
.news h1									{ background-position: 0 -60px; }
.article h1								{ background: none; height: auto; text-indent: 0; font-size: 1.8em; line-height: 140%; }
.gallery h1								{ background-position: 153px 0; width: 240px; }
.videos h1								{ background-position: 0 -89px; }
.sponsors h1							{ background-position: 0 -120px; }
.contact h1								{ background-position: 0 -148px; }

h2											{ font-size: 1.4em; margin-bottom: 1em; }



/*--- Homepage ---*/

.home #container						{ background: url("/img/bg/hero.jpg") no-repeat; }
#standings								{ background: url("/img/bg/current-standings.png");  height: 145px; color: #fff; position: absolute;
											  bottom: 0px; right: 0px; }
#standings h2							{ font-size: 1.2em; padding: 16px 0; text-indent: 20px; margin: 0; }
#standings p							{ font-size: 1.1em; float: left; width: 120px; display: inline; margin: 0; }
#standings p.top6						{ margin: 0 20px; }
#laurel									{ color: #fff; height: 300px; position: relative; top: 300px; padding-left: 20px; }
#laurel p								{ float: left; width:159px;text-align: center; padding: 10px;font-size: 6.5pt;}


/*--- Driver Profile ---*/

.profile									{ font-size: 1.1em; margin-bottom: 1.2em; }
.profile td, .profile th			{ padding: 2px; vertical-align: top; line-height: 130%; } 
.profile th								{ text-align: left; padding-left: 0; padding-right: 10px; }

#profiles a								{ width: 170px; font-size: 1.1em; float: left; line-height: 140%; text-align: center; margin-right: 15px; }
#profiles a span						{ color: #000; border-bottom: 1px dotted #787878; }
#profiles a:hover						{ text-decoration: none; }
#profiles a:hover span 				{ color: #e50101; border-bottom-color: #e50101; text-decoration: none; }
#profiles a img						{ width: 170px; height: 104px; display: block; margin-bottom: 10px;  }

.profile-img							{ border: 1px solid #000; }


/*--- Photo Gallery ---*/

#gal-scroll								{ height: 355px; overflow: auto; width: 267px; border: 3px; }
#gallery									{ width: 840px; position: absolute; bottom: 20px; left: 20px; }
#gallery h2								{ text-align: right; line-height: 130%;width: 240px;}
#gallery	ul								{ list-style: none; margin: 0 0 30px 0; padding: 0; width: 240px; }
#gallery li								{ text-align: right; letter-spacing: 1px; line-height: 140%; }
#gallery a								{ color: #000; border-bottom: 1px dotted #787878; }
#gallery a:hover						{ color: #e50101; border-bottom-color: #e50101; text-decoration: none; }
#gallery ul img						{ position: absolute; }
.album #gallery ul img				{ display: none; }

#gallery-images						{ width: 590px; position: absolute; bottom: -4px; right: -4px; }
#gallery-images a						{ border: 0; float: right; display: block; margin: 4px; }
#gallery-images img					{ display: block; }
.gallery-row							{ clear: both; }

.g1 .g1, .g2 .g2, .g3 .g3,
.g4 .g4, .g5 .g5, .g6 .g6,
.g7 .g7, .g8 .g8, .g9 .g9, 
.g10 .g10, .g11 .g11					{ font-weight: bold; }


#videos									{ display: none; }
#gallery-videos a						{ width: 170px; font-size: 1.1em; float: left; line-height: 140%; text-align: center; margin-right: 15px; }
#gallery-videos a span				{ color: #000; border-bottom: 1px dotted #787878; }
#gallery-videos a:hover				{ text-decoration: none; }
#gallery-videos a:hover span 		{ color: #e50101; border-bottom-color: #e50101; text-decoration: none; }
#gallery-videos a img				{ width: 170px; height: 104px; display: block; margin-bottom: 10px;  }






/*--- Link list ---*/

.links									{ list-style: none; margin: 0; }
.links li								{ line-height: 150%; }
.links em								{ font-size: 0.85em; font-style: normal; font-weight: bold; color: #e50101; }
.links i									{ font-style: normal; font-weight: bold; color: #e50101; }
.links a									{ color: #000; border-bottom: 1px dotted #787878; }
.links a:hover							{ color: #e50101; border-bottom-color: #e50101; text-decoration: none; }


/*--- News page ---*/

.older-links							{ margin: 30px 0 0 0; }
#news-wrap								{ overflow: auto; height: 350px; padding-right: 30px; }


/*--- Form ---*/

.form										{ margin: 2.5em 0 2.5em 0; }
.form p									{ position: relative; }
.form label								{ display: block; width: 150px; float: left; margin-right: 15px; font-weight: bold; line-height: 2.2em;
											  text-align: right; }
.form label i							{ display: block; font-size: 0.9em; font-weight: normal; font-style: normal; margin-top: 0.8em; }
.form span.input						{ width: 400px; overflow: hidden; display: block; }
.form input, .form textarea		{ padding: 5px; border: 1px solid #BDBDBD; font-size: 1em; width: 300px;
											  font-family: "Lucida Grande", Tahoma, Arial, sans-serif; }
.form input:focus, .form textarea:focus
											{ border: 1px solid #000; background: #e8e8e8; }
.form textarea							{ width: 300px; height: 140px; }
.form input.btn						{ width: auto; background: #F3F3F3; }
.form input.error, .form textarea.error
											{ border: 1px solid #DA0000; }
.form span.error						{ font-size: 0.9em; background: #DA0000; color: #FFF; padding: 2px 5px; position: absolute; top: 2px; left: 486px; 
											  -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none; }


/*--- 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%; }