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

body{
		font-size:86%;  /* = 14px base */
	}

/* change max width */
.row {max-width: 1140px;}	

#page{padding-top: 1.8em;}
/* 
 * HEADER AREA 
*/
#header-container{
	overflow:visible;
	border-top:4px solid #eaeaea;
	margin-bottom:0em;
	z-index : 99;
	}
	#header{
	
		padding-top:1em;
		float:left;
		background: #fff;
		width:100%;
		}
	
	#logo{
		float:left;
		margin-right: 1em;
		margin-left:4%;
		}
		
	
	/* page menu and search box */
		
	#dropdown-menu{
			float:right;
		margin:0; 
		margin-right:4%;
		margin-top:2em;
		margin-bottom:2em;
	}
	#dropdown-menu ul{float:right}
	/* title and logo */
	#site-title{
		float:left;
		margin-top:0.25em;
		margin-bottom:0.25em;
		margin-left:15%;
		}
	
	#site-description{display:none;}	
	
	

/*
 * MAIN CONTENT AREA
 */
#main{
	padding-top: 0.5em;
	margin-bottom:0;
	background: #fff;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
		-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
	}
	#content-container { 
		
		float:right; 
		width: 70.05%;
		margin-right:4%;		
		}
	#content-container.wide{
		width: 92%;
		margin-right:4%;
		margin-left:4%;
	}
	#content-container.home{
		width: 92%;
		margin-right:4%;
		margin-left:4%;
	}
	#sidebars{
		float:right; 
		width:18.05%;
		margin-right:3.8%;
		margin-bottom:2em;
	}
	
	
	.widget-container{margin-bottom:2.2em;}
	#sidebar1  .widget-container, #sidebars  .widget-container{clear:both;float:left;width:100%;}
	
	#first-content{float:left; width: 68%;margin-right:0%;margin-bottom:3em;}
	#second-content{float:right; width:32%;margin-bottom:1.8em;}
	#second-content .widget-container{padding: 1.8em; }
	
	#third-content{clear:both;}
	#third-content .widget-container{float:left;width:22.05%;margin-right:3.8%;}
	#third-content .widget-4, #third-content .widget-8,#third-content .widget-12  {margin-right:0;}
	#third-content .widget-5, #third-content .widget-9,#third-content .widget-13  {clear:both;}
	
	#fourth-content{clear:both; float:left; width:100%;}
	
	
	#fith-content .widget-container{float:left;width:30.75%;margin-right:3.8%;}
	#fith-content .widget-3, #fith-content .widget-6,#fith-content .widget-9  {margin-right:0;}
	#fith-content .widget-4, #fith-content .widget-7,#fith-content .widget-10  {clear:both;}
	#fith-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;
	margin-bottom: 2em;
}
#footer{
	margin-right:4%;
	margin-left:4%;}
	#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:75%;
	}
	
	
}


/* Mobile */
@media handheld, only screen and (max-width: 767px) {
	body{
		font-size:14px !important;
	}
	#header{overflow:hidden;float:none;}
	#logo{
		float:none;
		width:auto;
		text-align:center;
		margin-bottom:1em;
		margin-left:4%;margin-right:4%;
	}
	
	#dropdown-menu{float:none;margin-left:4%;margin-right:4%;}
	#content-container { 
		float:none; 
		width: auto;
		margin-left:4%;
		}
	#content-container.wide{
		width: auto;
	}	
		
	#sidebars, #sidebars #sidebar1, #sidebars #sidebar2, #sidebars #sidebar3, #sidebar1{ 
		float:none; 
		width:auto;
		margin-bottom:2em;
		margin-left:4%;
		}
	#features,#first-content,#second-content,#third-content, #third-content .widget-container, #second-content .widget-container, #fourth-content, #fourth-content .widget-container, #fith-content, #fith-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{
		clear:both;
		float: none;
		margin-right: 0;
		width:auto;
		}
	select.mobileMenu{
	
		-webkit-appearance: none;
		border: 1px solid #DDD;
		padding: 10px;
		outline: none;
		overflow: hidden;
		
		color: #555;
		margin: 0;
		width: 100%;
		max-width: 100%;
		display: block;
		background: white url('../images/navselect.gif') no-repeat right center;
		cursor: pointer;
		}	
		
}

/* 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 */
}