/*

* Layout

* 

* @package WP Pro Automotive

* @subpackage CSS

*



WARNING! DO NOT EDIT THIS FILE!



To make it easy to update your theme, you should not edit the styles in this file. Instead use 

the Child Theme Generator in WP Admin > Appearance > Child Theme



View the screencast: http://www.screenr.com/tbos



/* ==============================================================================



Stylesheet Guide



	3.1 Site Styles

	3.2 Page Styles

	3.3 Media Queries



/* ============================================================================== */

/* 3.1 Site Styles

/* ============================================================================== */



	/* Body */

	body { background: #E8DFCE;}

	

	/* Container */

	.container { background: #fff;}

		.container[role='masthead'] { position: relative; z-index: 998 !important; border-top: 5px solid #554D46;}

		

	/* Header */

	#logo { position: relative;}

		#logo:active { top: 1px;}

	.container[role='masthead'] header { position: relative; z-index: 1;}

	header nav#dark { float: right; margin: -10px 0 0 0;}

		header nav#dark li a:hover, li.hover a { color: #fff !important; text-shadow: 0 1px 1px #000; font-weight: 500;}

			header nav#dark li li a { color: #fff !important; text-shadow: 0 1px 1px #000; font-weight: 500;}	

	

	/* Maps */

	#home #map { position: absolute; top: 0px; z-index: 0; width: 100%; height: 490px; font-size: 12px; border-bottom: 1px solid #fff; background: url(../images/loader.gif) no-repeat center center #efefef;}

		.label { height: 22px; width: 59px; font-size: 10px; line-height: normal; font-weight: bold; color: #fff; padding: 1px 4px; background: url(../images/listing-pin.png) no-repeat;}

		.info-content { width: 275px; padding: 5px;}

			.listing-details { width: 180px;}

			.info-content h3, #info-content p { line-height: normal;}

				.info-content h3 { font-size: 14px; margin: 0; line-height: normal;}

				.info-content p { font-size: 12px; margin: 0; line-height: 12px;}

					p.location { color: #777; font-size: 11px; margin: 0 0 5px 0;}

					.info-content p.price { margin: 0 0 2px 0;}

					.info-content p.details { margin: 0 0 5px 0;}

					.info-content p.tagline { color: #777; margin: 0 0 8px 0;}

				.info-content img.left { margin: 0 8px 0 0;}

	

	/* Homepage */

	#home .container { position: relative; z-index: 1;}

		#info-bar { border-top: 1px solid #dfdfdf;}

		#featured-listings article { position: relative; overflow: hidden;}

			#featured-listings img { border: 1px solid #41454b; width: 99.5%;}

			.featured-listing-info { position: absolute; width: 93%; bottom: 0; z-index: 2; padding: 2% 6%; border-top: 1px solid #868e98; background: #555; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); background: -moz-linear-gradient(top, #555 0%, #222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#222)); color: #fff;}

			.featured-listing-info a { color: #fff;}

			.featured-listing-info p { margin: 0; font-size: 11px; color: #ccc;}

		#cta { text-align: center; padding: 20px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}

		#advanced-search-inner { padding: 20px; background: #efefef; box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); background: -moz-linear-gradient(top, #efefef 0%, #dfdfdf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dfdfdf)); border: 1px solid #ddd;}

			#advanced-search-inner h3 {}

			#advanced-search-inner form { margin: 0;}

				#advanced-search-inner .left { margin: 0 10px 0 0;}

				#advanced-search-inner input#submit { margin: 0;}

		#home h6.snipe { top: 8px;}

		#home .textwidget p { font-size: 14px; line-height: 21px;}

			

	/* Listing Search */

	#map-wrap { position: relative; width: 95.75%; margin: 0 0 0 20px; border: 1px solid #dfdfdf; background: #efefef; max-height: 398px; min-height: 30px;}

		.post-type-archive-listings #map, .author #map { display: block; height: 400px; margin: 0; min-height: 30px;}

			#map img { max-width: none;}

		a.show-hide { position: absolute; bottom: 0; right: 0; padding: 4px 15px; border-top: 1px solid #868e98; background: #555; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); background: -moz-linear-gradient(top, #555 0%, #222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#222)); color: #fff; z-index: 2;}

	#tools h6 { border-top: 2px solid #554D46; padding: 10px 0; border-bottom: 1px solid #ddd;}

	.post-type-archive-listings .listing { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #dfdfdf;}

		.post-type-archive-listings h4 { margin: 0; line-height: normal;}

		.post-type-archive-listings .listing-info p { font-size: 12px; margin: 0;}

			.post-type-archive-listings .listing p.price { font-size: 16px;}

			

	/* Listing Status - Snipes */

	h6.snipe { position: absolute; top: 15px; font-size: 9px; line-height: 9px; font-weight: 500; color: #fff; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); margin: 0; padding: 6px 10px; text-transform: uppercase; z-index: 2; font-family: Helvetica, Arial, sans-serif}

		h6.sold { background: #ff6400;}

		h6.leased{ background: #90F;}

		h6.reduced{	background: #bc0000;}

		h6.open-house{ background: #7FAF1B;}

		

	/* Listing Single */

	.single-listings section.sixteen { padding: 20px 0 0 0; border-top: 1px solid #dfdfdf;}

		.single-listings section.sixteen .eleven { margin-left: 0;}

		.single-listings section.sixteen .five { width: 280px;}

		.single-listings h3.address { line-height: normal;}

		.single-listings p.price {}

		.flexslider li { list-style: none;}

			.flexslider .snipe { display: none;}

		#listing-tools li { display: inline-block;}

		#first-image-for-print-only { display: none;}

		.primary-info { width: 35%;}

			.primary-info li span { float: right;}

		.single-listings #map { height: 300px; border: 1px solid #dfdfdf; background: url(../images/loader.gif) no-repeat center center;}

		.single-listings #map .label { height: 51px; width: 47px; font-weight: bold; color: #fff; padding: 1px 4px; background: url(../images/map-pin.png) no-repeat;}

	

	/* Author */

	.author .show-hide { display: none;}

	.author p { margin: 0;}

		

	/* Archive */

	#archive-header { padding: 20px 0 0 0; border-top: 1px solid #dfdfdf;}

	

	/* Article */	

	#archive article,

	#search article,

	#single article,

	#page article { padding: 20px; background: #fff; border: 1px solid #dfdfdf;}

		#page article.full-width { padding: 0 0 20px 0; border: 0;}

		#archive.post-type-archive-listings article { padding: 0 0 10px 0; background: none; border-top: 0; border-right: 0; border-left: 0;}

		.breadcrumb { font-size: 11px;}

		#single article { margin-bottom: 30px;}

		article ul.meta { width: 20%; margin: 0 0 0 0;}

			article ul.meta li { font-size: 11px; line-height: 14px; margin: 0; padding: 5px 0 5px 24px; border-bottom: 1px dotted #ccc; list-style: none;}

			article ul.meta li.author { background: url(../images/icons/author_16.png) no-repeat left;}

			article ul.meta li.category { background: url(../images/icons/category_16.png) no-repeat left;}

			.single-attachment li.category { display: none;}

			article ul.meta li.date { background: url(../images/icons/date_16.png) no-repeat left;}

			article ul.meta li.comments-num { background: url(../images/icons/comments_16.png) no-repeat left;}

			article ul.meta li.tags { background: url(../images/icons/tags_16.png) no-repeat left 4px;}

			article ul.meta li.twitter,	article ul.meta li.linkedin, article ul.meta li.google { padding: 5px 0 1px 0;}

			article ul.meta li.print { background: url(../images/icons/print_16.png) no-repeat left;}

		.article-content { width: 75%;}

		article ul { margin: 0 0 15px 15px;}

			article li { list-style: inside circle;}

		article p {}

			.gallery-item { margin: 0 8px 8px 0;}

			#authorinfo { width: 94.5%; margin: 30px 0 0 0; padding: 30px 15px 15px 15px; border-top: 2px solid #554D46;}

			#authorinfo .avatar { float: left; margin: 0 15px 15px 0;}

			#authorinfo p { margin: 0;}

		#single article nav { width: 100%;}

		

	/* Contact */

	#location {}

		#location #map { height: 238px; width: 100%; border: 1px solid #dfdfdf; background: url(../images/loader.gif) center center no-repeat;}

		

	#contactform { width: 90%; margin: 0;}

		fieldset { border: 0;}

		#contactform textarea, #contactform input[type="text"], #contactform input[type="email"], #contactform input[type="url"] { display: block; width: 94%; margin: 0 0 10px 0; padding: 6px 15px; border: 1px solid #dadada; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;background: #fafafa;}

		#contactform textarea { font-family: Arial, Helvetica, sans-serif;}

		#contactform input[type="text"]:focus, #contactform input[type="email"]:focus, #contactform input[type="url"]:focus, #contactform textarea:focus { background: #ffffe5;}

	

	#contact-info ul { margin: 0;}

	#contact-info li { list-style: none; padding: 0 0 0 24px; margin: 0 0 12px 0;;}

		#contact-info li#address { background: url(../images/icons/address_16.png) no-repeat left 2px;}

		#contact-info li#tel { background: url(../images/icons/tel_16.png) no-repeat left 2px;}

		#contact-info li#fax { background: url(../images/icons/fax_16.png) no-repeat left 2px;}

		#contact-info li#email { background: url(../images/icons/email_16.png) no-repeat left 2px;}

	

	#social-links {}

	#social-links ul, #social-links li { list-style: none; margin: 0; padding: 0;}

		#social-links li { padding: 0 0 0 24px; line-height: 28px;}

			#social-links li.facebook { background: url(../images/social/facebook_16x16.png) no-repeat left;}

			#social-links li.twitter { background: url(../images/social/twitter_16x16.png) no-repeat left;}

			#social-links li.linkedin { background: url(../images/social/linkedin_16x16.png) no-repeat left;}

			#social-links li.google-plus { background: url(../images/social/google_plus_16x16.png) no-repeat left;}

			

	/* Team */

	article.member { margin: 0 0 15px 0; padding: 0 0 15px 0 !important; background: none; border-top: none !important; border-right: none !important; border-bottom: 1px solid #efefef !important; border-left: none !important;}

		img.author-img { width: 20%;}

		.author-info { width: 75%;}

		.member h4 { line-height: normal;}

		.member h6 { text-transform: uppercase; color: #777;}

		.member ul { }

			.member li { float: left; margin: 0 20px 0 0; font-size: 12px; list-style-type: none;}

		

	/* Pagination */	

	.pagination { width: 100%; margin: 0 0 15px 0;} /* 11px */

		.pagination span, .pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px;	text-decoration: none; width: auto;}

		.pagination .current{ padding: 6px 9px 5px 9px; border: 1px solid #dfdfdf; color: #555; background: #fff;}

	

	/* Footer */

	footer { padding: 15px 0 20px 0; background: url(../images/double-border.png) repeat-x top;}

	footer nav {}

		footer nav li { display: inline-block; margin-right: 15px; font-size: 11px; line-height: normal;}

			footer nav li.drop { background: none !important;}

					footer nav li.drop a { padding: 0;}

				footer nav li a { padding: 0;}

					footer nav li a:hover, footer a:hover { background: none !important;}

				footer nav li ul { display: none !important;}

	footer p { font-size: 11px;}



/* ============================================================================== */

/* 3.2 Page Styles

/* ============================================================================== */



/* ============================================================================== */

/* 3.3 Media Queries

/* ============================================================================== */

	

	/* Smaller than standard 960 (devices and browsers)

	@media only screen and (min-width: 1200px) and (max-width: 2200px) {

		#home .widget-area .widget,

		#home .sidebar .widget { margin-right: 20px;}

			#home .widget-area .widget { width: 48.6%;}

			#home .sidebar .widget { width: 47.75%;}

				#home .widget-area .widget:nth-child(2n+1),

				#home .sidebar .widget:nth-child(2n+2) { margin-right: 0;}

	} */

	

	@media only screen and (min-width: 960px) {

		header #logo { float: left;}

		#home #featured-listings .four.columns { width: 215px; height: 159px}

		#home .widget-area .widget { margin-right: 15.6px;}

			#home .widget-area .widget { width: 23.3%;}

		.container .widget_ct_agentsotherlistings .three.columns { width: 80px;}

	}

	

	/* Smaller than standard 960 (devices and browsers) */

	@media only screen and (max-width: 959px) {

		header #logo { width: 250px;}

		header nav { font-size: 11px; margin: 28px 0 0 0;}

		.featured-listing-info {}	

		.container { padding-bottom: 20px; margin-bottom: 0 !important;}

			.container[role="masthead"] { padding-bottom: 0;}

		.single-listings section.sixteen { border: none;}

			.container .widget_ct_agentsotherlistings .three.columns { margin-bottom: 10px;}

			#archive-header { border: none;}

		footer { background: none;}

	}



	/* Tablet Portrait size to standard 960 (devices and browsers) */

	@media only screen and (min-width: 768px) and (max-width: 959px) {

		header #logo { float: left;}

		.featured-listing-info {}

			.featured-listing-info h5 { font-size: 12px; line-height: 12px; margin-bottom: 3px;}

			.featured-listing-info p { font-size: 10px; line-height: 10px;}

		#home #featured-listings .four.columns { width: 167px; height: 124px; }

		#home .widget-area .widget { margin-right: 20px;}

			#home .widget-area .widget { width: 30.63%;}

		#map-wrap { width: 94.75%;}

			.post-type-archive-listings #map { width: 94.5%;}

		.single-listings section.sixteen .eleven { padding-bottom: 20px;}

		.single-listings section.sixteen .five { width: 200px;}

			.single-listings section.sixteen .five .widget .authorinfo { margin-top: 10px;}

			.widget_ct_agentsotherlistings .three.columns { width: 100%; !important;}

		#page.page-template-template-contact-php .four { margin-bottom: 20px;}

	}



	/* All Mobile Sizes (devices and browser) */

	@media only screen and (max-width: 767px) {

		header #logo { float: none; margin: 0 auto 20px 60px;}

		/* Nav */

		header nav#dark { float: none; margin: 0; padding: 0 0 15px 0;}

		header ul,

		footer ul { display: none;}

			header nav,

			footer nav { width: 100%;}

			nav select { clear: both; display: block !important; width: 100%; padding: 1%; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; outline: none;}

		#home #info-bar { border-top: 0;}

			#home #info-bar .right { position: relative; top: 3px;}

			#home .container[role='masthead'] { margin-bottom: 0 !important;}

			#home .flex-caption { bottom: 10px;}

			#home .flex-caption h3 { font-size: 24px; line-height: 28px !important;}

			#home .flex-caption h5 { font-size: 14px; line-height: 18px;}

		#cta { border-top: none;}

		footer { background: none;}

		#featured-listings article { margin-bottom: 15px;}

		.post-type-archive-listings .sidebar { display: none;}

		.single-listings section.sixteen .five { margin: 20px 0 0 0;}

		.page-template-template-contact-php .columns .columns { margin-left: 0; margin-right: 0;}

		.author #authorimg { margin-bottom: 20px;}

		.author #contact-info.three.columns { width: 150px;}

		.author .eight.columns { margin: 20px 0 0 0;}

		#home .widget_ct_listings .imgwrap { width: 100%;}

	}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		#map-wrap { width: 378px;}

		.single-listings section.sixteen .five { width: 380px;}

	}



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

	@media only screen and (max-width: 479px) {

		header #logo { margin-left: 5px;}

		#map-wrap { width: 258px;}

		.single-listings section.sixteen .five { width: 260px;}

		.author .three.columns { margin: 20px 0 0 0;}

	}