/* Coding and design by Hambo Development
-------------------------------------------------------------*/

body 					 { background: #050505 url(/assets/images/layout/bg_body.jpg) no-repeat top center; text-align: center; }



/* DIV Areas
-------------------------------------------------------------*/

#container 				{ margin: 0 auto; padding: 0 15px 20px; position: relative; text-align: left; width: 940px; }



/* Masthead Area
-------------------------------------------------------------*/

#masthead 				{ background-color: #050505; height: 60px; padding: 30px 0; width: 940px; }
#masthead #logo 		{ float: left; height: 60px; width: 289px; }
#masthead #utility		{ float: right; width: 370px; } 
	#utility p			{ text-align: right; }
#franchise_header		{ background: url(http://www.houseofspeed.com/assets/images/layout/bg_franchise_header.gif) left repeat-y; margin-top: 20px; padding: 5px 10px 0; }



/* Navigation Area
-------------------------------------------------------------*/

#navigation				{ background: url(http://www.houseofspeed.com/assets/images/layout/bg_masthead.gif) bottom left no-repeat; border-bottom: 1px solid #333; height: 30px; width: 940px; }
#navigation ul			{ float: right; margin-top: 8px; text-align: right; width: 590px; }
#navigation li			{ display: inline; }
#navigation li a		{ padding: 3px; }

#subnav					{ border-bottom: 1px dotted #333; margin-bottom: 20px; }
#subnav	ul				{ padding-bottom: 10px; }
#subnav li				{ font-size: 14px; }
#subnav li a			{ color: #bbb; display: block; padding: 4px 0 4px 5px; text-decoration: none; }
#subnav li li			{ margin-left: 15px; }
#subnav li li a			{ font-size: 11px; }
#subnav li a:hover		{ background: #333 url(http://www.houseofspeed.com/assets/images/layout/bg_subnav_marker.png) right center no-repeat; }



/* Content Area
-------------------------------------------------------------*/

#content				{ overflow: auto; margin: 20px 0; width: 940px; }

#main					{ float: right; margin-left: 15px; width: 625px; }

	#main img.right		{ display: block; margin: 20px; direction: rtl;}
	#main img.left		{ margin: 0 20px 20px 0; }
	#main img.portrait	{ border: 3px solid #666; }
	
#home #main img			{ margin-bottom: 20px; }

#main_content			{ float: left; overflow: auto; width: 420px; }
#main_content .entry	{ margin-bottom: 20px; }
#main_subnav			{ border-left: 1px solid #333; float: right; padding-left: 15px; width: 165px; }
	


/* Sidebar
-------------------------------------------------------------*/

#sidebar				{ background: url(http://www.houseofspeed.com/assets/images/layout/bg_divider2.png) top right no-repeat; float: right; padding-right: 20px; width: 280px; }
#home #sidebar			{ background: none; padding-right: 0; width: 300px; }
#sidebar .sidebar		{ width: 278px; }

#sidebar .feature_content	{ float: left; margin-bottom: 10px; width: 188px; }
#sidebar .feature_image		{ float: right; height: 140px; width: 90px; }
#sidebar .feature_don_image		{ float: right; height: 140px; width: 90px; }
#feature_don_beebe .feature_don_image	{ background: url(http://www.houseofspeed.com/assets/images/layout/feature_don_beebe1.png) top center no-repeat; }
#feature_speed_pass .feature_image	{ background: url(http://www.houseofspeed.com/assets/images/layout/feature_speed_pass.png) top center no-repeat; }
#feature_my_speed .feature_image	{ background: url(http://www.houseofspeed.com/assets/images/layout/feature_my_speed.png) top center no-repeat; }
#myspeed_records		{ clear: both; }

#sidebar .section		{ border-bottom: 1px dotted #333; margin-bottom: 20px; padding-bottom: 10px; }

#sidebar .entry			{ width: 280px; }
#sidebar .entry_content	{ width: 220px; }



/* Info Bar
-------------------------------------------------------------*/

#info_bar				{ border-top: 1px solid #333; border-bottom: 1px solid #333; margin: 20px 0 40px; overflow: auto; padding: 20px 0; width: 940px; }
#info_bar .section		{ float: left;  width: 310px; }
#info_bar #section_blog	{ width: 315px; }



/* Newsletter Feature
-------------------------------------------------------------*/

#feature_newsletter_wrap	{ clear: both; margin-bottom: 40px; position: relative; }
#feature_newsletter			{ background: url(http://www.houseofspeed.com/assets/images/layout/bg_newsletter.png) center no-repeat; border: 1px solid #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: auto; padding: 8px 5px 10px 15px; width: 918px; }
#feature_newsletter_signup	{ float: left; width: 300px; }
#feature_newsletter_content	{ float: left; width: 450px; }
#feature_newsletter_image	{ background: url(http://www.houseofspeed.com/assets/images/layout/feature_newsletter.png) no-repeat; height: 158px; position: absolute; top: -10px; left: 790px; width: 125px; z-index: 100; }



/* Footer Area
-------------------------------------------------------------*/

#footer					{ border-top: 1px solid #333; clear: both; overflow: auto; padding-top: 10px; width: 940px; }
#legal					{ float: left; width: 35%; }
#footer_nav				{ float: right; text-align: right; width: 65%; }	
	
	
	
/* DIV Classes
-------------------------------------------------------------*/

span.rss				{ display: block; float: left; position: relative; }
span.rss a				{ background: url(http://www.houseofspeed.com/assets/images/icons/rss.png) bottom no-repeat; display: block; float: left; height: 16px; position: absolute; top: 5px; left: 0; width: 16px;  }
span.rss h4				{ margin-left: 25px; }

.entry					{ clear: both; margin-bottom: 10px; overflow: auto; }
#main .entry			{ margin-top: 30px; }
.entry_date				{ background: url(http://www.houseofspeed.com/assets/images/icons/event_date.png) no-repeat; float: left; height: 32px; width: 32px; }
.entry_date p			{ color: #000; text-align: center; text-transform: uppercase; }
.entry_date span.month 	{ display: block; font-size: 9px; height: 9px; padding-top: 1px; }
.entry_date span.day 	{ display: block; font-size: 18px; height: 15px; padding-top: 4px; }
.entry_content			{ float: left; padding-left: 10px; width: 240px; }

.feature				{ background: #181818 url(http://www.houseofspeed.com/assets/images/layout/bg_sidebar_feature.png) center no-repeat; border: 1px solid #333; margin-bottom: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; padding: 10px 5px 10px 15px; }

#main .feature img		{ border: 3px solid #666; margin: 5px; }

.resume					{ float: left; margin-right: 10px; width: 280px; }
.resume .feature_image	{ clear: left; float: left; width: 90px; }
.resume .feature_content{ float: left; width: 180px; }

.answer					{ margin-bottom: 20px; }

.information			{ border-top: 1px solid #333; margin-top: 20px; padding-top: 20px; }



/* List Styling
-------------------------------------------------------------*/

#main ul				{ list-style-type: none; margin-bottom: 20px; }
#main li				{ background: url(http://www.houseofspeed.com/assets/images/icons/bullet_blue.png) left center no-repeat; margin-bottom: 5px; padding-left: 15px; }

#main_subnav li			{ background: none; padding-left: 0; }



/* Buttons
-------------------------------------------------------------*/

a.button				{ display: block; margin-bottom: 10px; text-indent: -9999px; }
a.button:hover			{ cursor: pointer; }

a.pdf					{ background: url(http://www.houseofspeed.com/assets/images/icons/button_pdf.png) no-repeat; height: 60px; width: 295px; }
a.redeem				{ background: url(http://www.houseofspeed.com/assets/images/icons/button_register.png) no-repeat; height: 31px; width: 147px; }
a.register				{ background: url(http://www.houseofspeed.com/assets/images/icons/button_register.png) no-repeat; height: 31px; width: 147px; }

input.button			{ border: none; cursor: pointer; float: left; display: block; margin-bottom: 10px; text-indent: -9999px; }
input#search_button,
input#speed_pass_button,
input#my_speed_button,
input.submit			{ background: url(http://www.houseofspeed.com/assets/images/icons/button_go.png) no-repeat; border: none; cursor: pointer; float: left; display: block; margin: 2px 0 0 5px; text-indent: -9999px; height: 18px; width: 18px; }

input#email				{ background: url(http://www.houseofspeed.com/assets/images/icons/button_email.png) no-repeat; height: 31px; margin-left: 140px; width: 147px; }
input#register			{ background: url(http://www.houseofspeed.com/assets/images/icons/button_register.png) no-repeat;  height: 31px; width: 147px; }
input#login				{ background: url(http://www.houseofspeed.com/assets/images/icons/button_login.png) no-repeat; height: 31px; margin-left: 140px; width: 147px; }
input#getspeedpass		{ background: url(http://www.houseofspeed.com/assets/images/icons/button_getspeedpass.png) no-repeat; height: 31px; margin-left: 140px; width: 147px; }



/* Tables
-------------------------------------------------------------*/

table					{ font-size: 12px; width: 550px; vertical-align: middle;  }

tr.tableHeading th		{ color: #fff; font-size: 12px; text-transform: uppercase; }
td,th					{ border: 1px solid #222; color: #c4c4c4; padding: 6px; }
th						{ width: 15%; }
th.column1				{ width: 35%; }
th.column4				{ width: 35%; }


/* Results Table
---------------------------*/






/* Free Speed Pass Popup
-------------------------------------------------------------*/

#freepassform				{ background: #000; }
#freepassform #container	{ padding: 20px 0; width: 400px; }



/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu *					{ margin: 0; padding: 0; list-style: none; }
.sf-menu							{ line-height: 1.0; }
.sf-menu ul 						{ position: absolute; top: -999em; width: 180px; }
.sf-menu ul li						{ width: 100%; }
.sf-menu li:hover					{ visibility: inherit; }

.sf-menu li							{ float: left; position: relative; }
.sf-menu a							{ display: block; position: relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul 				{ left: 0; top: 2.5em; z-index: 99; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul			{ top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul			{ left: 10em; top: 0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul		{ top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul		{ left: 10em; top: 0; }


/*** DEMO SKIN ***/
.sf-menu							{ float: left; width: 190px; }
.sf-menu a 							{ padding: 5px; text-decoration: none; }
.sf-menu a,
.sf-menu a:visited 					{ color: #fff; }
.sf-menu li 						{ background: #525151; border: 2px solid #333; }
.sf-menu li li 						{ background: #525151; border-top: none; border-bottom: none; }
.sf-menu li li li 					{ background: #525151; }
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { background: #444; }
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator 									{ background-position:-10px -100px; }

/*** JOSH ADDITIONS ***/
.jar_speed_pass_img	{ float: right; height: 140px; width: 90px; background: url(http://www.houseofspeed.com/assets/images/layout/feature_speed_pass.png) top center no-repeat; }