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

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

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

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

/*
 * MAIN CONTENT AREA
 */
#main{
	clear:both;
	margin-bottom:0;
	background: #fff;
		}
	#content-container { 
		margin-left:4%;
		float:left; 
		width: 70.05%;
		margin-top:1.8em;	
		}
	#content-container.wide{
		width: 92%;
		margin-left:4%;
		margin-right:4%;
	}
	#content-container.home{
		width: 100%;
		margin-left:0%;
		margin-top:0;
	}
	#sidebars{
		float:right; 
		width:18.05%;
		margin-right:3.8%;
		margin-left:4%;
		margin-bottom:2em;
		margin-top:1.8em;
	}
	
	
	.widget-container{margin-bottom:2.2em;}
	#sidebar1  .widget-container, #sidebars  .widget-container{clear:both;float:left;width:100%;}
	
	#first-content{float:left; width: 100%;margin-right:0%;margin-bottom:3em;}
	#second-content{float:left; width:92%;margin-left:4%;margin-right:4%;}
	
	#third-content{clear:both;float:left; width:92%;margin-left:4%;margin-right:4%;}
	#third-content .widget-container{float:left;width:48%;margin-right:3.8%;}
	#third-content .widget-2, #third-content .widget-4  {margin-right:0;}
	#third-content .widget-3, #third-content .widget-5 {clear:both;}
	
	#fourth-content{clear:both; width:92%;margin-left:4%;margin-right:4%;}
	
	#fith-content{clear:both; width:92%;margin-left:4%;margin-right:4%;}
	
	#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;}

	article.post, article.feature, .index-content article.page, article.event{
		margin-left:120px;
		position:relative;
	}
	article.post .entry-meta, article.feature .entry-meta, article.event .entry-meta{
		font-size: 12px;
		position: absolute;
		left: -120px;
		top: 0px;
		width: 100px;	
	}
	.show-icons article.post .entry-meta, .show-icons article.feature .entry-meta, .show-icons article.event .entry-meta{
		top: 60px;
	}
	.index-content article.page .entry-meta, article.event .entry-meta,article.feature .entry-meta{display:none;}
	.page-header, .entry-header {
		margin-bottom: 1em;
	}
/*
 * 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-1{width:48%;}
	#footer .widget-3{margin-right:0;}
	#footer .widget-4{clear:both;}
	#footer .widget-last{margin-right:0 !important;}
	#colophon{
		clear:both;
		}

		
/* Launch page */

.textshadow{ text-shadow: 0px 2px 1px #333;}
.letterpress{ text-shadow: 0px 1px 1px #fff;}
.dropshadow{ -webkit-box-shadow: 0px 0px 10px #111; -moz-box-shadow: 0px 0px 10px #111; box-shadow: 0px 0px 10px #111;}
.glow{ -webkit-box-shadow: 0px 0px 10px #FFF;	-moz-box-shadow: 0px 0px 10px #FFF; box-shadow: 0px 0px 10px #FFF;}


.launchbox .entry-content{ padding: 40px;position:relative;background: #fff; }

/* http://css-tricks.com/centering-in-the-unknown/ */
/* This parent can be any width and height */
.block {
  height:100%;
  text-align: center;
}
 
/* The ghost, nudged to maintain perfect centering */
.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can
   also be of any width and height */ 
.centered {
  display: inline-block;
  vertical-align: middle;
  width: 590px;
  text-align:left;
}


/* table cell technique */
.center-container.is-table {  
	height:100%;
    width:100%;
    display:table;
    vertical-align:middle;
    position:relative;
    z-index:900;}
.is-table .table-Cell {
  display: table-cell;
  vertical-align: middle;

}
.is-table .center-block {
  width: 590px;
  margin: 0 auto;
}



/*
 * 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;padding-bottom:1em;}
	#header-bar .headerbar-container{float:none;width:auto;margin-left:4%;margin-right:4%;}
	
	#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-right:4%;
		}
	#content-container.wide{
		width: auto;
	}	
		
	#sidebars, #sidebars #sidebar1, #sidebars #sidebar2, #sidebars #sidebar3, #sidebar1{ 
		float:none; 
		width:auto;
		margin-bottom:2em;
		
		}
	#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;
		}
	#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;
		}
		
	article.post, article.feature, .index-content article.page, article.event{
		margin-left:auto;
		position:relative;
	}
	article.post .entry-meta, article.feature .entry-meta, article.event .entry-meta{
		font-size: 12px;
		position: relative;
		left: auto;
		top: auto;
		width: auto;	
	}
	.index-content article.page .entry-meta, article.event .entry-meta,article.feature .entry-meta{display:none;}
	.page-header, .entry-header {
		margin-bottom: 1em;
	}
	.show-icons article.post .entry-meta, .show-icons article.feature .entry-meta, .show-icons article.event .entry-meta{
		top: 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;
		}	
	.centered{
		width:90%;
	}
}

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