/*
 * A responsive layout - requires base/css/responsive.css
 * 
*/

body{
		
		font-size:86%;  /* = 14px base */
		line-height: 150%;
		padding-left:1em;
		padding-right:1em;
	}
	
.row{
	max-width: 1140px;  /* the max size of this layout */
	}

#page{
	padding-top:1em;
	
}
	
/* 
 * HEADER AREA 
*/
#header-page-logo{
	float:left;
	width: 60%;
	margin-top: 2em;
	}
	
#header-social{
	float:right;
	width: 40%;
	margin-top: 2em;
	}
	
#header-fb-social{
	float:right;
}

#header-twitter-social{
	float:right;
	width: 180px;
}

#header-googleplus-social{
	float:right;
}

#header-email{
	clear:both;
	float:right;
}

#header{
	float: left;
	clear: both;
	width:12.45%;
	margin-right:2.8%;
	margin-bottom:1.8em;
	
	overflow:visible;	/* so menu shows up */
	}
	
	/* page menu and search box */
	#page-menu{ 
		margin-bottom: 3em;
		
		}
	#searchbox{
		float: left;
		}

	/* title and logo */
	#header-title{
		clear:both;
		margin-bottom: 1.8em;
		}
	#site-title{text-align:left;margin-bottom:.1em;}
	#site-description{text-align:left;margin-bottom:0;line-height:120%;}	
	#logo{
		margin-bottom:1.8em;
		text-align:left;
		}
	/* menu */
	ul.page-menu li, ul.page-menu li a, ul.page-menu{
		float:none;
		margin:0;
		}
	ul.page-menu li a{
		text-align:left; line-height:200%;padding:0;font-style:none;padding-left:10px;
	}
	
	ul.page-menu li{
		
	}
/*
 * MAIN CONTENT AREA
 */
#main{
	float:left;
	width:84.7%;
	margin-bottom:0;
	
	}
	#content-container { 
		float:left; 
		width: 100%;	
		}
	.single-content, .index-content{
		float:left;
		width: 74.05%;
		margin-right:3.8%;
	}
	.navigation{
		float:left;
		width:100%;
	}
	#respond, #comments{
		clear:both;
	}
	#content-container.wide .single-content{
		width:100%;
		margin-right:0;
	}
	
	#content-container.home{
		width: 100%;
		
	}
	
	
	#sidebar1 { 
		float:left; 
		width:22.05%;	
		margin-bottom:2em;
		}
	
	#sidebar2 { 
		float:left;
		margin-bottom:2em;
		width:22.05%;
		}
	#content-container.wide #sidebar2 { 
		display:none;
	}
	
	
	.widget-container{margin-bottom:2em;}
	
	#features{margin-bottom:0;}
	#first-content{margin-bottom:2em;}
	#second-content{float:left; width:48%;margin-right:3.8%;}
	#third-content{float:left; width:48%;}
	#fourth-content{clear:both;float:left; width:100%;}
	
	#fbSEOComments {
		float: left;
	}
	
/*
 * FOOTER AREA
 */
 
#footer-container{
	padding-bottom:2em;
	padding-top:2em;
}
	#footer .widget-container{float:left;width:16.96%;margin-right:3.8%;}
	#footer .widget-5{margin-right:0;}
	#footer .widget-6{clear:both;}
	#footer .widget-last{margin-right:0 !important;}
	#colophon{
		clear:both;
		}
/*
 * MEDIA QUERIES 
 */

/* Smaller screens */
@media only screen and (max-width: 1024px) {
	
	body{
		font-size:0.85em;
	}
	#page{
		padding-top:1em;
	}
	#header-page-logo{
		float:left;
		width: 55%;
		margin-top: 2em;
		padding-left: 15px;
	}
	
	#header-social{
		float:right;
		width: 40%;
		margin-top: 2em;
		padding-right: 15px;
	}
	
	#header, #main{
	
		width:96%;
		margin:0 2%;
		position:relative;
	}
	
	#site-title{text-align:left;}
	#site-description{text-align:left;}	
	
	#logo{
		float:left;
		clear:both;
		margin-bottom: -0.5em;
	}
	#header-title{
		clear:none;
		float:left;
		
		}
	#page-menu{
		float:right;
		margin-bottom:1.8em;
	}
	ul.page-menu li, ul.page-menu li a, ul.page-menu{
		
		float: left;
		
		}
	ul.page-menu li{
		
		margin-top: 2em;
		margin-left: 10px;
	}
	#searchbox{
		clear:right;	
		float:right;
		margin-top: -1em;
		}	
	
}


/* Mobile */
@media handheld, only screen and (max-width: 767px) {
	body{
		font-size:14px;
		padding-left:0px;
		padding-right:0px;
	}
	#page{
		padding-top:1em;
	}
	#header, #header-page-logo, #main{
		float:none;
		width:auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#header-social, #header-fb-social, #header-twitter-social{
		display: none;
	}
	
	#page-menu{ 
		float:none;
		width:auto;
		margin-bottom:1em;
	}
	#searchbox{
		clear:both;
		float:none;
		text-align:center;}
	#searchbox #s{
		width:90% !important;
		margin: 1em auto;
	}
	#logo{
		float:none;
		width:auto;
		text-align:center;
		margin-bottom:1em;
	}
	#header-title{width:auto;float:none;}
	
	ul.page-menu li, ul.page-menu li a, ul.page-menu{
		float:none;
		margin:0;
		}
	ul.page-menu li {
		background: #f4f4f4;
		margin:2px;
	}
	ul.page-menu li  a{
		padding-left:5px;
	}
	#searchbox{
		position:relative;
		right:auto;
		
		}
	#content-container { 
		float:none; 
		width: auto;
		
		}
	#content-container.wide{
		width: auto;
	}	
	
	.single-content, .index-content{
		float:none; 
		width: auto;
		margin-right:0;
	}
	
	#features,#first-content,#second-content,#third-content, #second-content .widget-container, #fourth-content, #fourth-content .widget-container{
		float:none; width:auto;margin-right:0;
		}
	.flex-caption{ display:none;}
	
	#sidebar1, #sidebar2, #sidebar3{
		float:none;
		width:auto;
	}
	#footer .widget-container{float:none;width:auto;margin-right:0%;clear:both;}
	
	.one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fith, .one-sixth  {
		float: none;
		margin-right: 0;
		width:auto;
		}
	.los-custom-post,.los-custom-post.one-half, .los-custom-post.one-third, .los-custom-post.two-thirds, .los-custom-post.one-fourth, .los-custom-post.three-fourths, .los-custom-post.one-fith, .los-custom-post.one-sixth {

		clear:both;
		float: none;
		margin-right: 0;
		width:auto;
		}
		
	/* wp admin bar */
	#wpadminbar {
		min-width:auto !important;
	}
		 
}

/* iPhone*/
@media only screen and (max-device-width: 480px) {
	/* for future or custom use */
}

/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

/* Disappear social media stuff from iPads */
	#header-page-logo{
		float:left;
		width: auto;
		margin-top: 2em;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header-social{
		display: none;
	}
}