/*  
Theme Name: Speedways
Author: Postmodern Sublime
Author URI: http://www.postmodernsublime.com/
*/

/*=== Setup and all-purpose ===*/
*{border: 0;margin: 0;padding: 0; outline: none}
html{height: 100%}
body{background: #343434 url(images/bg_body.jpg) no-repeat center 0 fixed; color: #444; font: 12px/1.3  "Helvetica Neue", Helvetica, Arial, sans-serif;}
p{margin: 0 0 10px}
.alignleft{display:inline;float:left;}
.alignright{display:inline;float:right;}
.aligncenter {display: block; margin: 0 auto 10px; text-align: center}
.block {display: block}
.row {clear:  both; overflow: hidden}
.no-float {float: none!important}
a {color: #0E3F8B;text-decoration: none}
a:hover {color: #8D0F1B}
a:active, a:focus {outline: none}
.article-link img{}
img.alignleft, div.alignleft {margin: 0 10px 0 0}
img.alignright, div.alignright {margin: 0 0 0 10px}
div.no-image {width: 75px; height: 35px}
img.avatar {-moz-box-shadow: 0 2px 4px #666; -webkit-box-shadow: 0 2px 4px #666}
input,select,textarea{font: normal 1em  "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 2px; border-width: 1px; border-color: #eaeaea #ddd #ccc; border-style: solid}
input[type="submit"] {font-weight: bold; text-transform: uppercase; padding-right: 7px; padding-left: 7px; background: #ccc; cursor: pointer}
input[type="submit"]:hover {background: #ddd;}
input[type="submit"]:focus {background: #bbb; outline: none!important;}

select{padding: 0}
ul li{list-style: none}
h1, h2, h3, h4{margin: 0 0 10px;}
h1{font-size: 24px;text-transform: uppercase; letter-spacing: 0.04em}
h2{font-size: 16px;}
h3 {font-size: 14px;text-transform: uppercase; letter-spacing: 0.04em}
h4 {font-size: 12px; color: #666;text-transform: uppercase; letter-spacing: 0.04em}
/*=== Layout ===*/
#wrap {width: 100%;}
#case{width: 1000px; margin: 15px auto; text-align:left; background: #fafafa; -moz-box-shadow: 0 4px 30px #1a1a1a; -webkit-box-shadow: 0 4px 30px #1a1a1a; }	
/*=== Header ===*/
#header{position:relative;z-index: 1;margin: 0 0 15px; height: 90px}
#utilities {margin: 7px 0; overflow: hidden; clear:both}
	#utilities ul{float: right}
	#utilities li {margin: 0 0 0 15px; float: left; text-transform:uppercase; font: 85% "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#banner_ad {margin: 0 0 10px}
#header #logo{text-indent: -999em; position: absolute; top:5px; left: 0; height: 90px; width: 270px; z-index: 2}
#header #logo a{height: 90px; width: 270px; display: block; background: url(images/logo.png) no-repeat 0 0}
.tagline {font-size: 9px; font-weight: normal; margin: 0; position: absolute; left: 28px; top: 80px; z-index: 3}
/*main nav*/
	#menu-wrap {position: absolute; top: 30px; right: 0; width: 825px; height: 65px; z-index: 1}
	#mainmenu {background: #666 url(images/bg-mainmenu.png) repeat-x 100% 0;position: relative; z-index: 1; height:65px; margin: 0 0 0 79px}
	#mainmenu ul {position: relative; z-index: 10; width:750px}
	#mainmenu li {float: left; position: relative; z-index:10; text-transform: uppercase; font: 12px "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.04em; background: url(images/mainmenu-slash.png) no-repeat 100% 0;}
		#mainmenu li a {color: #5B5B5B; padding: 13px 25px 10px 0; display: block; *padding: 10px 25px 10px 0}
		#mainmenu .current_page_item, #mainmenu .current_page_parent, #mainmenu .current-cat {}
		#mainmenu .current_page_item a, #mainmenu .current_page_parent a, #mainmenu .current-cat a, #mainmenu .current-cat-parent a, #mainmenu li a:hover {color: #000000;}
			#mainmenu li ul {position: absolute; left: -999em; z-index: 10; width: 175px; background: #4c4c4c; opacity: 0.95;}	
			#mainmenu li.hover ul {left: auto;}
				#mainmenu li li {font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif; background: none!important; float: none}
					#mainmenu li li	a {color: #ffffff!important;  padding: 5px 5px; display: block}	
					#mainmenu li li	a:hover {color: #ffff00!important}	
#menu-social {position: absolute; top: 40px; right: 2px; z-index: 1}
	a.faceyspace {float: right; height: 20px; width: 20px; display: block; margin:0px 3px 0 0; background-image: url(images/social.png); background-repeat: no-repeat; opacity: 0.85; filter: alpha(opacity=85)}
	a#myspace {background-position: -42px 0 }
	a#twitter {background-position: -21px 0 }
	a#facebook {background-position:0 0 }
	a#youtube {background-position: -84px 0 }
	a#rss {background-position: -105px 0 }	
	
#header #search {position: absolute; top: 40px; right: 75px; width:240px;height: 20px; background: transparent url(images/bg-search.png) no-repeat 0 0; z-index: 1}
	#search #s {margin: 2px 0 0 30px; width: 165px; font-size:  85%; background: none !important; border: none !important}	
#search #searchsubmit {background: none!important; position: absolute; top: 0px; left: 195px; height: 18px; width: 40px; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; cursor: pointer }
		
/*=== Main column ===*/
#content{overflow: hidden; padding: 0 10px}
.banner {background: #fff; -moz-box-shadow: 0 1px 3px #aaa; -webkit-box-shadow: 0 1px 3px #aaa; margin: 0 0 10px;padding: 10px; overflow: hidden}
#main{width: 550px; float: left; margin: 0 0 10px; /*overflow: hidden;*/}
#main-top{}
#main-bottom {}
.main-content {padding: 10px; background: #fff; -moz-box-shadow: 0 1px 3px #aaa; -webkit-box-shadow: 0 1px 3px #aaa; overflow: hidden; margin: 0 0 10px}
	.wp-caption, .wp-caption.aligncenter {margin-bottom: 10px}
		.wp-caption img {margin: 0 auto 5px; display: block}
		.wp-caption .wp-caption-text {font-size: 90%; padding: 3px 3px 0; text-align: center}
		.wp-caption.alignright {margin: 0 0 7px 7px}
		.wp-caption.alignleft {margin: 0  7px 7px 0}

/* track listing pages*/
.promo {margin: 0 0 10px; overflow: hidden; background: #fff; -moz-box-shadow: 0 1px 3px #aaa; -webkit-box-shadow: 0 1px 3px #aaa; padding: 15px}
.featured-tracks {border-bottom:1px dashed #DDDDDD;margin:0 0 10px;overflow:hidden;}
.featured-track {float: left; width: 50%; margin: 0 0 10px;}
	.featured-track-inner {padding: 7px; border: 1px #dedede solid; height: 220px}
	.even .featured-track-inner {margin: 0 0 0 5px}
	.odd .featured-track-inner {margin: 0 5px 0 0}
	.featured-track-image-wrap {height: 150px; width: 244px;padding: 0 0 10px; display: table-cell; vertical-align: middle}
	.featured-track-image {margin: 0 auto; display: block}
.track-listing {padding: 7px; clear:both; border-bottom: 1px #ddd dashed; overflow:hidden}
	.track-listing.even {background: #fafafa}
.track-name {font-size: 14px; margin: 0 0 3px}


/*single track listing*/
.track-left {float: left; width: 170px}
.track-facts {background: #ffffff url(images/gradient.png) repeat-x 0 100%; border: 1px #ddd solid; padding: 7px; margin-bottom: 10px!important }
	.track-left h4 {text-align: center; margin: 0 0 7px}
	.track-facts img {display: block; margin: 0 auto 7px;}
	.track-facts-table {font-size: 90%}
		.track-facts-table td {vertical-align: top; padding: 3px 0}
		td.heading {font-weight: bold; width: 85px}
	.track-website {text-align: center; padding: 7px 0 0}
		.track-website a {font:bold 100% "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif;; background: url(images/more.png) no-repeat 100% 0; padding: 0 18px 0 0; color: #C6463C;}
.track-right {float: right; width: 350px;}
.track-bio {border-bottom: 1px #ddd dashed; margin: 0 0 10px; padding: 0 0 10px}
.track-map {margin: 0 0 20px}
#track-directions {position: relative; margin: 0 0 10px}
#directions-form {padding: 0 0 10px}
	#saddr {margin-right: 5px}
#directions-map {height: 350px; width: 350px; margin: 0 0 10px; overflow: hidden}
#event-map{height: 530px; width: 530px; margin: 0 0 10px; overflow: hidden}
#directions-output {}
.weather {line-height:1;}
	.weather.morning {background: #83a3c8 /*url(images/weather/sunny.png) no-repeat 100% 0*/}
	.weather.afternoon {background: #5679a2/* url(images/weather/sunny.png) no-repeat 100% 0*/}
	.weather.evening {background: #593e5e}
	.weather.night {background: #4c4c4c /*url(images/weather/moon.png) no-repeat 100% 0*/}
.conditions {padding: 5px 5px 7px; background-position: 100% 0; background-repeat: no-repeat}
	.conditions.cloudy, .conditions.overcast {background-image: url(images/weather/cloudy.png)}
	.conditions.partly.cloudy {}
	.conditions.rain, .conditions.heavy.rain, .conditions.showers, .conditions.light.rain {background-image: url(images/weather/rain.png)}
	.conditions.sunny{background-image: url(images/weather/sunny.png)}
	.conditions.clear {}
	.conditions.windy {background-image: url(images/weather/windy.png)}
	.conditions.snow {background-image: url(images/weather/snow.png)}
	.conditions.rain.snow {background-image: url(images/weather/rain-snow.png)}
	.conditions.thunderstorm, .conditions.scattered.thunderstorms {background-image: url(images/weather/thunderstorms.png)}
	.conditions.scattered.showers, .conditions.drizzle {background-image: url(images/weather/cloudy-rain.png)}
	.conditions.fog {background-image: url(images/weather/fog.png)}
	.conditions.haze {background-image: url(images/weather/haze.png)}

	.current_info_wrap {padding: 2px 0 0 5px}
	.current_temp {font-size: 28px; color: #fff;}
	.current_info {font-size: 75%}
		.weather_location {padding: 0 0 2px; color: #fff}
		.today_high_low, .current_humidity, .current_wind {color: #eaeaea; padding: 0 0 2px}
	.forecast_wrap{clear: both; margin: 25px 0 0}
		.forecast_day {float: left; width: 40px; text-align: center; background-image: url(images/weather/weatherstrip.png); background-repeat: no-repeat}
			.forecast_day_abbr {font-size: 75%; color: #eaeaea; margin: 0 0 36px}
			.forecast_temp {color: #fff}

		.forecast_day.cloudy, .forecast_day.overcast {background-position: -40px 10px}
		.forecast_day.partly.cloudy {background-position: -400px 10px }
		.forecast_day.rain, .forecast_day.heavy.rain {background-position: -280px 10px }
		.forecast_day.sunny, .forecast_day.clear {background-position: -520px 10px }
		.forecast_day.windy {background-position: -560px 20px }
		.forecast_day.snow {background-position: -360px 10px}
		.forecast_day.rain.snow {background-position: -320px 10px}
		.forecast_day.showers, .forecast_day.light.rain, .forecast_day.scattered.showers {background-position: -480px 10px }
		.forecast_day.thunderstorm, .forecast_day.thunderstorms {background-position: -240px 10px }
		.forecast_day.fog {background-position: -120px 10px}
		.forecast_day.haze {background-position: -440px 10px}

/*=== Post ===*/
.blogpost {padding: 0 0 10px; margin: 0 0 10px; clear:both; border-bottom: 1px #ddd dashed; overflow:hidden }
.blogpost .preview-image {margin: 0 15px 0 3px}
.post {clear: both; overflow: hidden}
.post p, .post ul, .post ol, .post li, .blogpost p {margin: 0 0 10px}
.embed-wrap {margin: 0 auto 10px; width:640px;  -moz-box-shadow: 0 2px 4px #666; -webkit-box-shadow: 0 2px 4px #666; padding: 5px; background: #4c4c4c}
	.embed-wrap embed {}
.postmeta, .track-meta, .featured-track-meta, .sanction-meta{color: #999;font-size: 85%; overflow: hidden; font-family: "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif; display:block; margin: 0 0 5px}
.single .postmeta {border-bottom: 1px #ddd dashed; padding: 0 0 7px; margin: 0 0 10px;  }
	.postmeta span, .track-meta span, .sanction-meta span {float: left; line-height: 14px; padding: 0 0 0 5px; margin: 0 0 0 5px; border-left: 1px #ddd solid}
	.featured-track-meta {text-align: center}
	.featured-track-meta span {display: inline; float: none; line-height: 14px; padding: 0 0 0 5px; margin: 0 0 0 5px; border-left: 1px #ddd solid}
	.track-meta .location, .featured-track-meta .reviews, .sanction-meta .location {border: none; margin: 0; padding: 0}
	.postmeta .time {border: none; padding: 0; margin:0 }
	.postmeta .tags {display: block; clear:left; margin: 5px 0 0 0; border: none; font-style: italic}
	.sanction-meta .blurb {display: block; clear:both; padding: 5px 0 0 0; border: none; font-style: italic; color: #666}
	.website {font-weight: bold; text-transform: uppercase}
.share {float: right; padding: 0 0 0 5px }
.sociable {}
sociable_tagline {font-family: "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#999999}
.sociable li {float: left; margin: 0 5px 0 0; height: 16px; width: 16px; overflow: hidden}
	.sociable li img {opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60)}
.blogpost .posted {float: right; color: #999;font-size: 85%;}
.post-content {overflow: hidden}
.post a:hover {text-decoration: underline}
.post-content ol {margin: 0 0 0 20px}
.post-content ul{margin: 0 0 10px 10px}
.post-content ul li ul, .post ol li ol{margin-bottom:0px;}
.post-content ul li {list-style:disc outside;margin: 5px;}
.post-content ul li ul li {list-style:disc outside;}
.post-content ol li {list-style:decimal outside }
.post-content ol li ol li {list-style:decimal-leading-zero outside}
.post-content img {}
.edit {float:right; font-size: 85%}	
.more {float: right; text-transform:lowercase; font-family: "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif; background: url(images/more.png) no-repeat 100% 0; padding: 0 18px 0 0; color: #C6463C;}
.more:hover, .track-website a:hover{color:#b32216; background-position: 100% -15px }
.previous-next {font-size: 85%; text-transform:lowercase;}
.rss-link {float: right; color: #c6463c; background: url(images/feed-small.png) no-repeat 0 0; padding: 1px 0 5px 20px; font-weight: bold}

/*=== sidebar == */
#sidebar-container {width: 420px}
#sidebar-r{width: 250px; float: right;}
#sidebar-l{width: 160px; float: right; margin: 0 10px 0 0}
.sidebar-content {}
.sidebar .widget {margin: 0 0 15px 0; overflow:hidden; /*background: #fff url(images/gradient.png) repeat-x 0 100%; border-style: solid; border-width: 1px 1px 1px; border-color: #eaeaea #ddd #ccc*/}
.widget-content {overflow: hidden}
.sidebar h3 {background: #6d6e71 url(images/checkers.png) no-repeat 100% 0; color: #ffff00; padding: 5px}
	.sidebar h3 a {color: #ffff00; }
	.sidebar ul{}
		.sidebar ul li {overflow: hidden; margin: 0 0 7px; border-bottom:1px #ddd dashed; padding: 0 0 3px 0}
		.sidebar ul.headlines li, .sidebar .events li{}
.sidebar-content ul li a {}
.featured-posts-more-news, .follow-me {}

.sidebar #search {position: relative; background:url(images/bg-search.png) no-repeat 0 0; width: 237px; margin: 0 auto}

/*tabs module - track finder*/
#trackfinder {margin: 0 0 10px}
select.filter {float: right}
#filter-tabs {margin: 0 0 10px; width: 420px}
#tabs-nav {padding: 2px 0 2px 5px; margin: 0; background: #4c4c4c url(images/bg-mainmenu.png) repeat-x 0 -5px; overflow: hidden; clear:both}
#tabs-nav li {float: left; font: 12px/1 "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 2px 0!important; padding: 2px 30px 2px 5px !important; border: none!important; background: transparent url(images/mainmenu-slash.png) no-repeat scroll 100% -9px; letter-spacing: 0.05em}
#tabs-nav li.ui-state-hover {color: #000}
#tabs-nav li.ui-state-active, #tabs-nav li.ul-state-active.ui-state-hover {color: #000}
#tabs-nav li a {color: #666; }
#tabs-nav li a:hover {color: #fafafa}
#tabs-nav li.ui-state-active a {color: #000}
.filter-header {font-weight: bold; margin: 0 0 5px}
ul.track-filters {overflow: hidden; margin:0 0 7px; font-size: 90%}
	ul.track-filters li {border: none; width: 30%; float: left; padding: 0 3.3% 0 0; margin: 0 0 2px}
.dashed {border-bottom: 1px #ddd dashed}
.tabs-panel-container {background: #ffffff url(images/gradient.png) repeat-x 0 100%; border: 1px #ddd solid; height: 420px; overflow: hidden; padding: 10px}
.ui-tabs-panel {}
.ui-tabs-hide {display: none}


/*=== Footer ===*/
#footer{background: url(images/bg-footer.png); height:27px; line-height: 27px; clear: both; font-size: 85%; color: #ddd; padding: 0 10px}
	#footer a {color: #eee}
	
/*=== Misc. ===*/
.th{float: left; margin: 0 7px 0 0}
.image-wrap {float:left; margin: 0 15px 15px 0}
.fl{float: left;}
.fr{float: right;}
.gravatar {float:left;border: 1px solid #ccc;margin-right: 7px;}
/*========= COMMENTS =========*/
div#comments {clear: both; border-top: 1px #ddd dashed; padding: 10px 0}
textarea#comment {width: 400px}
.post-a-comment {float: right}
div#comments li {list-style: none; margin: 0}
#comments a {color: #555555}
.respond {width: 100%; margin: 0 0 0 10px}
	.respond p{margin-bottom:10px;padding:0!important;}
.respond input {padding: 3px 5px}
.cancel-comment-reply {display: none}
.fldrequired{
background-image: url(images/bg-required-field.png)!important; background-repeat: no-repeat !important; background-position: 100% 0!important}

ol.commentlist{margin: 10px 0 0;padding: 0;list-style: none;line-height: 20px;}
ol.commentlist p{line-height: 20px;}
ol.commentlist cite{font-style: normal;font-weight: bold;}
ol.commentlist li{padding: 10px; border-top:1px dashed #dddddd;}
ol.commentlist li.alt{background: #fbfbfb}

ol.commentlist .comment-meta{font-size:10px; float: right; color: #999}	
ol.commentlist li .avatar {float:left;margin-right: 7px;}
ol.commentlist li .even{}
ol.commentlist li ul {margin: 0 -10px 0 20px; padding: 0}
ol.commentlist li ul li {padding: 10px; background: none!important ;}
ol.commentlist li ul li ul li.alt {}
ol.commentlist li .reply {text-align: right; font-size: 0.8em}
ol.commentlist li .awaiting-moderation {color: #892e06; font-style: italic; padding: 0 0 5px}
.post-alt p {padding:0;}

.navigation {padding: 10px 0 0;overflow: hidden; clear:both}

ul.reviews {margin: 0}
ul.reviews li {font: italic 10px Georgia, "Times New Roman", Times, serif; margin: 0 0 7px; padding: 0 0 7px; border-bottom: 1px #eaeaea dotted; list-style: none;}
.reviews .quote {font: italic bold 18px Georgia, "Times New Roman", Times, serif; position: relative; bottom: -6px; line-height: 50%}
.review-name {display: block; text-align: right; font: 85% "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; padding: 7px 0 0}
.review-count {font-size: 85%; margin: 0 0 5px; color: #777;}
/*widgets*/
.news-feed span {display: block;margin: 0 0 5px }
.news-feed .title {font-weight: bold}
.news-feed .excerpt {font-style: italic}
.more-headlines {color: #444!important; background: none!important; padding: 5px 0!important; margin: 0 0 5px!important}
.news-feed .date {color: #999; font: normal 85% "Century Gothic",Futura,"Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0}


/*cufon stuff */
.archive-title, .leave-a-reply, #TB_ajaxWindowTitle {text-transform: uppercase}
.cufon-loading h1, .cufon-loading h3, .cufon-loading #mainmenu li {visibility: hidden}
/*thickbox overrides*/
.thickbox-hidden {display: none}
#TB_title {background: #8D0F1B!important; color: #fff}
#TB_ajaxWindowTitle {font: 13px "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.05em}

/*ads*/
#top-banner {width: 468px; margin: 0 auto 10px}
#bottom-ads {}
#bottom-ads .widget {float: left; -moz-box-shadow:0 1px 3px #AAAAAA;
background:none repeat scroll 0 0 #FFFFFF;
margin:0 7px 10px;
overflow:hidden;
padding:10px;}