/*
* Layout
* 
* @package WP Journal
* @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
/* ============================================================================== */

	img { max-width: 100%; height: auto;}
	
	/* Header */
	header[role="masthead"] { border-top: 10px solid #54871c;}
	#logo { position: relative; display: block; margin: 0 auto;}
		#logo:active { top: 1px;}
	nav #nav { height: 34px; background: #fff; border-bottom: 1px solid #ccc;}
		nav #nav ul { text-align: center; border-top: 1px solid #ccc;}
	
	/* Hide Mobile Nav */
	nav select { display: none;}
	
	/* Homepage */
	#cta-inner { padding: 20px; border: 1px solid #ccc; background: #efefef;}
	#home #featured-listings { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;}
		#home #featured-listings #carousel.flexslider { height: 290px; border: 0; background: none; box-shadow: none;}
			#home #featured-listings .location,
			#home #featured-listings .propinfo { color: #777; font-size: 12px; line-height: 16px;}
	#three-col-widget-area { border-top: 1px solid #ccc;}
		#three-col-widget-area h4 { border: none; padding: 0;}
		#three-col-widget-area .widget p { margin-bottom: 0;}
	.testimonials { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-style: italic; background: #efefef;}
		.testimonials ul li { padding: 0 120px;}
			.testimonials h5 { text-align: center;}
	
	/* CTA */
	article#cta { -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3);}
		article#cta .inner-wrap { min-height: 138px; background: #303030;}
			article#cta h5 { color: #fff;}
			article#cta h5 a { color: #ccc;}
		
	/* Flexslider */
		
	/* Header */
	#archive-header,
	#page-header,
	#single-header { position: relative; background: #303030; color: #fff;}
		#archive-header-inner,
		#page-header-inner,
		#single-header-inner { padding: 20px; color: #dcdee0; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); overflow: hidden; border: solid 1px #000; box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); background: #35383b; background: -moz-linear-gradient(top, #4c4f54 0%, #35383b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4f54), color-stop(100%,#35383b)); -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
			#archive-header h3,
			#page-header h3,
			#single-header h3 { color: #fff;}
		#archive-header strong { color: #fff;}
		.breadcrumbs { font-size: 11px;}
			.breadcrumbs a { color: #ccc;}
			.breadcrumbs a:hover { color: #aaa;}
		#page-header #header-search,
		#single-header #header-search,
		#single-header #header-listing-next-previous,
		#archive-header #header-search { position: absolute; top: 35%; right: 20px;}
			#header-listing-next-previous a { font-size: 11px;}
				#header-listing-next-previous a,
				#header-listing-next-previous a:visited { color: #ccc;}
					#header-listing-next-previous a:hover { color: #aaa;}
					
	/* Post Meta */
	.post-meta { width: 100%; background: #f7f7f7;}
					
	/* Gallery Post Format */
	.format-gallery .flexslider { border: none;}	
		.format-gallery .flexslider .flex-control-nav { bottom: -15px;}
		
	/* Link Post Format */
	#content .format-link { color: #fff; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3);  background: url(../images/icons/link_16.png) no-repeat 98% 10% #35383b;}
		.format-link a { color: #fff;}
			.format-link a:hover { color: #54871c;}
		
	/* Quote Post Format */
	#content .format-quote { color: #fff; background: url(../images/icons/quote_16.png) no-repeat 98% 6% #54871C;}
		.format-quote h5 { color: #fff;}
		
	/* Audio Post Format */
	#content .format-audio a img { display: block; margin: 0 0 5px 0;}

	/* Single */
	#authorinfo { width: 100%; clear: both; font-size: 12px;}
		#authorinfo img { float: left; margin: 0 20px 20px 0;}
	div.label { margin-top: -51px !important;}
	
	/* Archive */
	#archive-header { position: relative; background: #303030; color: #fff;}
		#archive-header p { font-size: 11px;}
		#content article { background: #fff; -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3);}
			.full-width #content article { width: 95.65%;}
			.right-sidebar #content article,
			.left-sidebar #content article { width: 93.68%;}
			.three-column #content article { width: 91.35%;}
			.page-template-template-testimonials-php #content article article { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
				section#content article img { border: 1px solid #ccc;}
					.meta { font-size: 11px; color: #797979;}
					.post-social { width: 100%; margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #ccc;}
						.post-social li { display: inline-block;}
						.tags { line-height: normal; font-size: 11px; color: #797979;}
				.content-nav { width: 100%;}
	
	/* Sidebar */
	
	/* Page */
	
	/* 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;}
	
	/* Footer */
	footer { font-size: 12px; border-top: 1px solid #ccc; padding: 20px 0 0 0;}
		#home footer { margin-top: 0 !important;}
	footer nav li { display: inline-block; margin: 0 10px 0 0;}
	footer nav li a,
	footer nav li a:visited { color: #303030;}
	footer nav li a,
	footer nav li a:hover { padding: 0; background: none; text-shadow: none;}
	#resize_me { position: fixed; height: 73px; width: 73px; right: 0; bottom: 0; background: url(../images/resize_me.png) no-repeat;}

/* ============================================================================== */
/* 3.2 Page Styles
/* ============================================================================== */

/* ============================================================================== */
/* 3.3 Media Queries
/* ============================================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		.flex-caption { top: 60px !important;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#home .flex-caption { margin: -80px 0 0 0;}
			#home .flex-caption h3 { font-size: 1.35em !important;}
			#home .flex-caption .description p { font-size: .9em !important; line-height: 1.2em;}
		
		#home article h6 { font-size: 70%;}
		#home article a:hover img { margin-left: -23.5%;}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		/* Nav */
		div.sixteen nav { float: none; margin: 0;}
		div.sixteen nav ul,
		footer ul { display: none;}
			footer nav { width: 100%;}
			nav #nav {height: auto;}
				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 */			
		.flexslider {}
			#home .flex-caption { display: none;}
				#home .flex-caption h3 {}
				#home .flex-caption .description {}
			.flex-direction-nav { display: none;}
			.flex-control-nav {}
		
		/* Header */
		#header-search { display: none;}
		
		/* Left Sidebar */
		#left-sidebar { display: none;}
		
		/* Archive */
		#archive article .onethirdcol { width: 100%; float: none; margin: 0 0 10px 0;}
		#archive article .twothirdcol { width: 100%; float: none;}
		#archive .content-nav { margin: 0 0 20px 0;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}
	
	@media only screen and (max-width: 766px) {
		#home .testimonials { display: none;}	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		/* Home */
		#logo { margin: 0 0 20px 20px;}
		#home .flex-caption { margin: -60px 0 0 0; height: auto; width: 40%; padding-right: 40px;}
		#home .widget-area .widget { margin-bottom: 12px;}
		#home #four-col-widget-area .widget { margin-bottom: 20px;}
		
			
	}