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

/* 
 * HEADER AREA 
*/
#header-container{
	margin-bottom:0em;
	}
	#header{
		overflow:visible;	/* so menu shows up */
		}
	
	/* page menu and search box */
	#page-menu{ 
		float:left;
		margin:0; 
		width:75%;
		margin-bottom:.5em;
		}
	#searchbox{
		float:right;
		width:25%;
		text-align:right;
		margin-bottom:.5em;}

	/* title and logo */
	#header-title{
		clear:both;
		
		}
	#site-title{text-align:center;margin-bottom:0;}
	#site-description{text-align:center;margin-bottom:0;}	
	#logo{
		clear:both;
		float:left;
		width:25%;
		margin-bottom:1em;
		}
	#dropdown-menu{ 
		float:right; 
		width:70%; 
		margin-top:2em;
		margin-bottom:1em; 
		}

/*
 * MAIN CONTENT AREA
 */
#main{
	padding-top: 2em;
	margin-bottom:0;
	}
	#content-container { 
		float:left; 
		margin-left:2%; /* page margin around #main */
		width: 63.4%;
		margin-right:3.8%;		
		}
	#content-container.wide{
		width: 78.75%;
	}
	#content-container.home{
		width: 96%;
		margin-right:2%; 
		margin-left:2%; /* page margin around #main */
	}
	#sidebars{
		float:left; 
		width:28.75%;
		margin-right:2%; /* page margin around #main */
	}
	
	#sidebar1 { 
		float:left; 
		width:13.45%;	
		}
	#sidebars #sidebar1{
		width:48%;
		}
	#sidebar2 { 
		margin-bottom:2em;
		}
	#sidebar3{
		float:left; 
		width:48%;  
		margin-right:3.8%;
		margin-bottom:2em;
	}
	.widget-container{margin-bottom:2em;}
	#sidebar1  .widget-container, #sidebars  .widget-container{clear:both;float:left;width:100%;}
	#features{margin-bottom:1.5em;}
	#first-content{float:left; width: 65.4%;margin-bottom:2em;}
	#second-content{float:right; width:30.75%;margin-bottom:2em;}
	#third-content .widget-container{float:left;width:48%;margin-right:3.8%;}
	#third-content .widget-2, #third-content .widget-4,#third-content .widget-6  {margin-right:0;}
	#third-content .widget-3, #third-content .widget-5,#third-content .widget-7  {clear:both;}
	
	#fourth-content{float:left; width:65.4%;margin-bottom:2em;}
	#fourth-content .widget-container{float:left;width:48%;margin-right:3.8%;}
	#fourth-content .widget-2,#fourth-content .widget-4,#fourth-content .widget-6{margin-right:0;}
	#fourth-content .widget-3,#fourth-content .widget-5,#fourth-content .widget-7{clear:left;}
	
	#fith-content {clear:both;float:left;width:100%;}
	#fourth-content .widget-last,#third-content .widget-last,#second-content .widget-last{margin-right:0 !important;}
	
	
/*
 * FOOTER AREA
 */
 
#footer-container{
	padding-bottom:2em;
	padding-top:2em;
}
	#footer .widget-container{float:left;width:22.05%;margin-right:3.8%;}
	#footer .widget-4{margin-right:0;}
	#footer .widget-5{clear:both;}
	#footer .widget-last{margin-right:0 !important;}
	#colophon{
		clear:both;
		}

/*
 * MEDIA QUERIES 
 */

/* Smaller screens */
@media only screen and (max-width: 1200px) {
	body{
		font-size:0.75em;
	}
	#content-container { 
		
		width: 63.4%;
		margin-right:3.8%;
		}
	#content-container.wide{
		width: 72.05%;
		margin-right:3.8%;
	}	
	#sidebar1{
		float:left; 
		width:20.05%;
	}	
	
	#sidebars #sidebar1, #sidebars #sidebar2, #sidebars #sidebar3 { 
		
		width:100%;
		margin-right:0;
		margin-bottom:2em;
		}
	#third-content .widget-container{float:none;width:auto;}
}


/* Mobile */
@media handheld, only screen and (max-width: 767px) {
	body{
		font-size:14px;
	}
	#wpadminbar{min-width:auto !important;}
	#page-menu{ 
		float:none;
		width:100%;
		margin-bottom:1em;
	}
	#searchbox{
		clear:both;
		float:none;
		width:auto;
		text-align:center;}
	#logo{
		float:none;
		width:auto;
		text-align:center;
		margin-bottom:1em;
	}
	#dropdown-menu{ 
		float:none; 
		width:auto; 
		margin-top:0;
		margin-bottom:1em; 
	}
	#content-container { 
		float:none; 
		width: auto;
		margin-right:2%;
		margin-left:2%;
		}
	#content-container.wide{
		width: auto;
	}	
	#sidebars, #sidebar1{
		margin-right:2%;
		margin-left:2%;
	}
	#sidebars, #sidebars #sidebar1, #sidebars #sidebar2, #sidebars #sidebar3, #sidebar1{ 
		float:none; 
		width:auto;
		margin-bottom:2em;
		
		}
	#features,#first-content,#second-content,#third-content, #second-content .widget-container, #fourth-content, #fourth-content .widget-container{
		float:none; width:auto;margin-right:0;
		}
	#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;
		}
		
	.flex-caption{
		display:none;
	}
}

/* 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) {
	/* for future or custom use */
}