/*
Theme Name: Motoring Exposure
Description: Custom WordPress Theme for Motoring Exposure.
Author: FLDtrace
Author URI: http://www.fldtrace.com/
*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-weight: normal; font-style: normal}
ul,ol,li {list-style: none}
fieldset,img {border: none}
caption,th {text-align: left}
table {border-collapse: collapse; border-spacing: 0}

/*GENERAL STYLE*/
html,body {height:100%}

a {text-decoration: none; color: #f94f00}

/*----------------LAYOUT GENERAL STYLE----------------*/
body {text-align:center; font-family: Arial, Helvetica, sans-serif; background: url(i/body-bg.jpg) repeat; font-size:62.5%} /*em size for font is the same as in px */
	#header_top_bg {width:100%; background:url(i/header-bg.jpg) repeat-x}
		#header_block {width: 100%; background:url(i/header-block-bg.jpg) no-repeat top center}			
			/*general wrappers style*/
			#header_wrapper, #main_nav_wrapper, #top_banner, #container, #footer_catnav, #footer_earth {position:relative; width: 1002px; margin: 0 auto; text-align:left}	
			#header_wrapper {z-index: 3000}
			/*top part - logo, socials*/
				#logo {display: block; width: 360px; height: 111px}
				#topnav {position: absolute; top: 7px; right: 0}
					#topnav li {float: left}
						#topnav a {float: left; padding: 0 11px; border-right: 1px solid #555; font-size: 1.4em; color: #fff}
						#topnav li.first a {border-left: 1px solid #555}
							#topnav a:hover {text-decoration: underline}
				.fb_badge {position: absolute; top: 45px; left: 595px; width: 52px; height: 52px}
				.fb_badge_text {position: absolute; top: 52px; left: 656px; width: 111px; height: 14px}
				#like_wrapper {position: absolute; top: 76px; left: 656px; width: 150px}
					#like_wrapper li {float: left; font-size: 1.4em; color: #a1a1a1}
						li.likes {padding: 5px 0 0 5px}
				#socials_top {position: absolute; top: 72px; left: 807px; width: 195px; height: 22px}
					#socials_top li {float: left; padding: 0 15px 0 0}
			/*main nav style*/
			#main_nav_wrapper {height: 42px; margin: 6px auto}
				#browse_by {float: left; width: 158px}
				#main_catnav {position: absolute; top: 0; left: 158px; width: 645px;}
					#main_catnav li {position: relative; float: left}
						#main_catnav a {position: relative; float: left; height: 42px; background-image: url(i/main-catnav.png); background-repeat: no-repeat; text-indent: -9999px; z-index: 1000}
						/*active state*/
						li.catcat a {width: 135px; background-position: 0 0}
						li.catvehmake a {width: 150px; background-position: -135px 0}
						li.catvehtype a {width: 146px; background-position: -285px 0}
						li.catgal a {width: 108px; background-position: -431px 0}
						li.catvid a {width: 106px; background-position: -539px 0}
						/*hover state*/
						li.catcat a:hover, li.catcat.current a {background-position: 0 -42px}
						li.catvehmake a:hover, li.catvehmake.current a {background-position: -135px -42px}
						li.catvehtype a:hover, li.catvehtype.current a {background-position: -285px -42px}
						li.catgal a:hover, li.catgal.current a {background-position: -431px -42px}
						li.catvid a:hover, li.catvid.current a {background-position: -539px -42px}
						/*---drop-down 1st tier---*/
						ul#main_catnav ul {position: absolute; margin-top: 42px; left: 0; display: none; z-index: 100; border: 1px solid #d4d4d4; border-right: none; 
							-moz-box-shadow:0px 0px 5px #8e8e8e;  
							-webkit-box-shadow:0px 0px 5px #8e8e8e;  
							box-shadow:0px 0px 5px #8e8e8e  }
							ul#main_catnav li:hover > ul, ul#main_catnav li.hover > ul { display: block} /*The Magic*/								
							ul#main_catnav li:hover ul ul, ul#main_catnav li.hover:hover ul ul, ul#main_catnav li.hover ul ul { display: none} /*hide the 2nd tier at this point*/
							ul#main_catnav ul li {position: relative; margin: 0; padding: 0 0 0 10px; background: #e6e6e6; border-bottom: 1px solid #d4d4d4; border-top: 1px solid #eee}
							ul#main_catnav ul li:hover {background: #fff url(i/dropdown-li-bg.png) repeat-x 0 0}
								ul#main_catnav ul li a {width: 200px; height: auto; font-size: 1.2em; margin: 0; padding: 8px 0 8px 12px; color: #666666;  font-weight: bold; background: none; text-indent: 0; z-index: 1000}
								ul#main_catnav ul li a:hover {background: url(i/dropdown-a-bg.png) no-repeat left center !important;}
								span.has_ul {font-size: 0.9em; color: #f2834f}
								/*---drop-down 2nd tier---*/
								ul#main_catnav ul ul {margin-top: 0; top: -2px; left: 221px; width: 460px; padding: 10px 0; background: #e6e6e6; border-left: none}								
								ul#main_catnav li ul li:hover ul, ul#main_catnav ul li.hover  ul {display: block} /*The Magic 2*/
									ul#main_catnav ul ul li {float: left; padding: 0 0 0 20px; border: none}
										ul#main_catnav ul ul li:hover {background: none}
										ul#main_catnav ul ul li a {float: left; width: 120px; padding: 5px 0; font-weight: normal}
											ul#main_catnav ul ul li a:hover {background: none !important; color: #ff6700}
								
				/*search top style*/	
				#search_top {float: right; width: 190px; padding: 5px 0 0 9px}
					.search input {float: left}
					.search_text {width: 141px; height: 33px; padding: 0 7px; background:url(i/search-input.png) no-repeat; border: none}
				/*top banner section*/
				#top_banner {margin-bottom: 9px}
					#top_banner img {width: 998px; height: 150px; border: 2px solid #595959}	
				/*container section*/
				#container {position: relative; background:url(i/container-bg.png) repeat-y 0 0}
					/*content*/
					#content_wrapper {float: left; width: 687px; background: #fff}	
						#content {float: left; width: 687px; padding-bottom: 74px; border-top: 3px solid #d9d9d9; background:#fff url(i/content-bg-top.png) repeat-x 0 top}
						#content_bg_bt {position: absolute; left: 0; bottom: 0; width: 687px; height: 74px; background:url(i/content-bg-bt.png) repeat-x}	
					/*sidebar*/
					#sidebar {float: left; width: 315px}
						/*banners*/						
						.large_banners img, .large_banners .textwidget  {border: 2px solid #595959;margin: 0 0 10px 10px  }
						.textwidget a img {margin:0;}
						
						.small_banners { background: #595959; margin: 0 0 20px 10px; padding: 18px 0 0 0}
							.small_banners p {display:inline}
							.small_banners img {padding: 0 0 18px 18px}
						/*grey boxes*/
						.sidegrey_box {margin: 0 0 15px; padding: 27px 15px 0 12px; border-top: 2px solid #eaeaea; border-right: 2px solid #eaeaea; border-bottom: 2px solid #d3d3d3; background: #eaeaea url(i/sidegrey_box.png) repeat-x;
							/*borders*/
							-webkit-border-top-right-radius: 5px;
							-webkit-border-bottom-right-radius: 5px;
							-moz-border-radius-topright: 5px;
							-moz-border-radius-bottomright: 5px;
							border-top-right-radius: 5px;
							border-bottom-right-radius: 5px;
							/*shadow*/
							-webkit-box-shadow:inset 6px 0 7px #bfbfbf;  
							-moz-box-shadow:inset 6px 0 7px #bfbfbf;  
							box-shadow:inset 6px 0 7px #bfbfbf;
						}
							/*popular posts*/
							.popular_posts {margin: 15px 0 25px; padding: 0 0 5px; /*border-bottom: 1px solid #d3d3d3*/}
							#popular_posts_wrapper ul li {margin: 0 0 5px; padding: 5px 0 0; border-top: 1px solid #d3d3d3; }							
								.wppnothumb, body img.wpp-thumbnail {float: left; width: 62px; border: 1px solid #fff}
								.popular_text, .wpp-post-title {float: left; width: 198px; margin: 0 0 0 9px; font-size: 1.2em; color: #666} /*popular text for top commenteres*/
										.popular_posts .wpp-post-title:hover {color: #fa7d43}
							/*top commenters*/
							body li.dsq-widget-item {margin: 0 0 5px; font-size: 1.2em}
									a.dsq-widget-user {display: block; width: 225px; margin: 0 0 0 40px; padding-top: 3px; border-top: 1px solid #d3d3d3; color: #000}
										a.dsq-widget-user:hover {color: #fa7d43}
									body p.dsq-widget-meta {display: block; width: 225px; margin: 0 0 0 40px;}
									body span.dsq-widget-clout {color: #666666; background-color: #eaeaea}
							div#top_commenters .popular_posts {border-bottom: none}
							/*sidebar about widget*/
							#sideabout-widget {width: 314px; height: 443px; margin: 0 0 15px; background:url(i/sideabout-bg.jpg) no-repeat}
								#sideabout-widget p {margin: 0; padding: 67px 25px 0 29px; color: #5f5f5f; font-weight: bold}
							/*sidebar socials widget*/	
							#sidefollow-widget {position: relative; width: 314px; height: 68px; margin: 0 0 15px; background:url(i/sidefollow-bg.png) no-repeat}
								#socials_side {position: absolute; top: 23px; left: 136px; height: 22px}
									#socials_side li {float: left; padding: 0 10px 0 0}
							/*popular tags sidebar widget*/
							#sidebar_tags {padding: 0 0 0 23px}
								#sidebar_tags .title {margin: 0 0 10px}
								#sidebar_tags a {color: #626262}
									#sidebar_tags a:hover {text-decoration: underline}	
									#sidebar_tags a.larger {font-size: 1.6em}
		/*footer part*/	
		#footer_catnav_wrapper {width: 100%; background:url(i/footer-catnav-wrapper.png) no-repeat center bottom}
			#footer_catnav {width: 1002px; height: 46px; margin: 30px auto 0; padding: 0 0 11px; background:url(i/footer-catnav-bg.png) no-repeat}
				#footer_catnav ul {float: left}
					#footer_catnav li {float: left}
						#footer_catnav a {float: left; padding: 16px 33px; font-size: 1.4em; color: #fff; font-weight: bold}
							#footer_catnav a:hover {color: #c84b11}	
				/*search bottom style*/	
				form#search_bottom {float: left; width: 280px; padding: 6px 0 0 30px}
					form#search_bottom .search_text {width: 231px; height: 32px; padding: 0 7px; background:url(i/search-input-bt.png) no-repeat; border: none}		
	#footer_earth_wrapper {width: 100%; height: 218px; background:url(i/footer-bg.jpg) repeat-x}
		#footer_earth {text-align:center}
			a#logo_footer {margin: 0 auto}
			ul#bottom_nav {margin: 28px 0 17px}
				#bottom_nav li {display: inline}
					#bottom_nav a {display:inline-block; margin: 0 6px 0 0; padding: 0 6px 0 0; border-right: 1px solid #7c7c7c; color: #fff; font-size: 1.4em; font-weight: bold}
						#bottom_nav a:hover {color: #c84b11}
						#bottom_nav li.last a {border-right: none}
			#footer_earth p {color: #a2a2a2; margin: 0 0 15px}			
			p.terms_text {font-size: 1.4em}

/*----------------LAYOUTS STYLE----------------*/
/*------------home - index------------*/
.post_wrapper {margin: 0 0 49px; padding: 0 10px 0 17px}
	.thumb {float: left; width: 304px; margin: 0 16px 0 0}
		.thumb img {border: 2px solid #f4f4f4}	
	.post_text {float: left; width: 340px; padding: 10px 0 0; border-top: 1px solid #e5e5e5}
		.meta {border-top: 1px solid #e5e5e5; padding: 10px 0 0; color: #999; font-size: 1em}
			 .fb_iframe_widget {float: left; margin:0 0 0 20px;}
			.tweetmeme_button {float: left; margin: 2px 0 0}
				.tweetmeme_button iframe {width: 70px !important}
.wp-pagenavi {float: left; margin: 12px 10px 0 17px; background: #fafafa; border: 1px solid #ececec; font-size: 1.4em; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
	.wp-pagenavi a, .wp-pagenavi span.current {float: left; padding: 6px 8px; color: #383838}
	span.pages, span.extend {display: none}
	.wp-pagenavi a.page {color: #a6a6a6; border-right: 1px solid #eaeaea}
		#content .wp-pagenavi a:hover {font-style: normal; text-decoration: underline}
		.wp-pagenavi span.current {color: #f94f00; border-right: 1px solid #eaeaea}
		.wp-pagenavi a.last {float: right; border-left: 1px solid #fff}
		.wp-pagenavi a.first, .wp-pagenavi a.prev {border-right: 1px solid #fff}
/*------------category layout------------*/
.text_intro {margin: 0 17px 10px 25px}
.box_container {background:url(i/post-container-bg-top.png) repeat-x; margin: 20px 0 0 5px; padding: 15px 0 0;  
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;  
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;}
		.box_container .post_wrapper {padding: 0 5px 0 12px}
	body ul.subcat_list {margin: 0 0 20px 0px}
		ul.subcat_list li {display: none; width: 205px; float: left; list-style:disc inside; padding: 0 10px 0 0} /*154px for 4 columns*/
		ul.subcat_list li.cat-item {display: block; list-style: disc inside}
			ul.subcat_list li ul {display: none}
			ul.subcat_list a {font-size: 1em; color: #525252}
/*------------single layout------------*/
.single_meta {margin: 0 0 25px; padding: 0 0 10px; border-bottom: 1px solid #e5e5e5;}
	body.single  .single_meta .meta {float: left; margin: 0; padding: 5px 0 0; border-top: none; font-weight: bold}
		body.single .post_share {float: left; margin: 0;}
			span.single_postshare, span.single_tweetbutton {float: right; margin: 0 0 0 20px}
body.single .text_intro p {margin: 0 0 20px 0}
	body.single .thumb {margin-bottom: 17px} /*will show 25 px in page due to text indent*/
	/*gallery*/
	.photo_gallery_container {margin: 0 5px 35px 25px}
		.gallery {margin: 25px 0 0}
			.gallery_thumb {float: left; margin: 0 10px 10px 0}
				.gallery img {border:2px solid #F4F4F4}
	.ngg-navigation {padding-bottom: 30px; font-weight: bold}
		.ngg-navigation  a, .ngg-navigation span {font-size: 1.3em}
		/*lightbox nav*/
		#TB_window a {font-weight: bold}
			body #TB_window a:link {color: #F94F00}
			body #TB_window a:hover {color: #BF4810}
		/*gallery single*/
		body.single .ngg-imagebrowser img {padding: 0; border: none}
		body.single .ngg-imagebrowser-nav {font-size: 1.5em}
			.ngg-imagebrowser-nav .back, .ngg-imagebrowser-nav .next {font-weight: bold}
		.ngg-imagebrowser h3 {display: none}
			body.single .text_intro .ngg-imagebrowser-desc p {text-align: center}
			body.single .ngg-imagebrowser-nav .counter {font-size: 1.1em !important}
	/*tech specifications*/
	.box_noshadow {margin: 0 25px 10px}
		.tech_floats {float: left; margin: 20px 0 0}
		#tech_right {float: right}
		.box_noshadow ul {margin: 0 0 20px}
			.box_noshadow li {font-size: 1.2em; color: #5f5f5f; margin: 0 0 5px}
	/*add single layout*/
	.ad_single {margin: 0 0 25px 5px}
	/*sharing is caring*/
	#sharing_container {margin: 0 20px}	
		#sharing {margin: 20px 0 55px 25px}
	/*related articles / posts*/
	#related_posts {margin: 0 0 35px}
	.related_head {width:600px; color:#b4b4b4; background:url(i/me_head_bg.png) no-repeat left; padding:5px 0 0 35px; height:25px; margin:0 0 15px 20px;}
	#related_posts h2 span, #disqus_container h2 span {color:#f94e00;	}     
	.disqus_head {color:#b4b4b4; background:url(i/me_head_bg.png) no-repeat left; padding:5px 0 0 35px; height:25px; margin:0 0 15px 0;} 
	.disqus_head h2, .related_head h2 {border-bottom:1px solid #e5e5e5;}
	.title_margin {margin: 0 0 20px 20px}
		#slider {position: relative !important}
			#slider ul {width: 635px;}
				#slider li {float: left; width: 117px; height: 130px; margin: 0 20px 0 0; padding: 0 20px 0 0; font-size: 1.1em; color: #666666; border-right: 1px solid #dcdcdc}
					#slider img {float: left; width: 115px; height: 75px; margin: 0 0 10px; border:1px solid #F4F4F4}
	/*tags*/
	.tags {margin: 0 20px 5px 20px}
		#tags_title {margin: 0 0 -3px}
		.tags a {font-size:11px; text-transform:uppercase; color:#fb4e00; text-decoration:underline;}
			.tags a:hover {text-decoration: none}
	/*category list*/
	.category_list {overflow:hidden; margin:0 0 0 20px;}
	.category_list span, .tags span {font-size:11px; text-transform:uppercase; color:#040404; float:left;width:auto; font-weight:bold;margin:0 5px 0 0;}
	.post-categories {overflow:hidden; float:left; width:89%}
	.post-categories li {float:left; margin:0 5px 5px 0;}
	.post-categories li a {font-size:11px; text-transform:uppercase; color:#fb4e00; text-decoration:underline;}
	/*disqus*/
	#disqus_container {margin: 0 20px 40px 22px}
	#aswift_0_anchor {margin:0 0 20px 0px !important;}
	.al a {margin:0 0 30px 10px !important;}
	#disqus_container .cufon {}
	.singlepage_widget {overflow:hidden; margin:0 0 20px 0;}   
	#singlepage_widget {float:left; width:300px; height:263px; margin:0 10px 0 23px;}
	
/*----------------TEXT GENERAL STYLE----------------*/
.breadcrumbs {padding: 25px 25px 5px; margin: 0 0 20px; font-size: 1.2em; color: #383838}
span.invisible {position: absolute; text-indent: -9999px}
p, .text_intro li {font-size: 1.2em; color: #5f5f5f; margin: 0 0 10px}
	.text_intro p, .text_intro ul, .text_intro ol {margin: 0 0 20px 20px}
	.text_intro ul li {list-style: disc inside}
h1 {font-size: 2.2em; color: #000; margin: 0 0 10px; padding: 0 0 8px 20px; background: url(i/h1-arrow-bg.png) no-repeat left top; border-bottom: 1px solid #e5e5e5}
	body.single h1 {font-size: 2em; padding: 0 0 8px 0; background: none}
h2 {color: #000; font-size: 1.8em; margin: 0 0 10px}
h3 {font-size: 1.4em}
h4 {font-size: 1.3em; margin-bottom: 5px}
h1,h2 {text-transform:uppercase}

/*----------------LINKS GENERAL STYLE----------------*/
#content a:hover {color: #bf4810}
h2 a {color: #000}
#content h2 a:hover, #content h2 a:focus {color: #F94F00}

/*-----------FAUX CLEARFIX FLOAT CLASS - it reduces markup while keeping elements positioned properly-------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
/********************************************************/
#aswift_1 {
	margin:0 0 0 20px;
}
#advancedsocialwidget h3 {
	font-weight:bold;
}
#mc-embedded-subscribe-form {
}
#aswift_1_anchor {
}