/*Responsive CSS Overrides*/

img{
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 940px) {
	
	
	#shellContent{
		margin-top:40px;
	}
	
	#header{
		width:100%;
	}
	
	#navTopContainer{
		top:-40px;
		width:100%;
		text-align:center;
	}
	
	#navTopContainer ul{
		text-align:center;
	}
	
	#contentBody {
		border:0px;
		width:100%;
	}
	
	#contentBody .item{
		width:66%
	}
	
	#slider{
		width:auto;
		height:auto;
	}
	
	
	.featured-image {
	    height: auto;
	    overflow: hidden;
	    width: 100%;
	}
	
	#contentBody .right-sidebar, #contentBody .left-sidebar, #contentBody .right-sidebar-single{
		width:31%;
	}
	
	#contentBody #sidebar {
	    padding: 10px;
	}
	
	#footer{
		width:94%;
	}
	
	#footer span, #footer div, #footer .copyright, #footer .credit{
		float:none;
		text-align:center;
		display:block;
		margin:10px 0px;
	}
	
}

@media screen and (max-width: 650px) {

	#shellContent{
		margin-top:0px;
	}
	
	#header{
		background-size:100%;
	}
	
	#header .logo{
		position:relative;
		margin:auto;
	}
	
	#navTopContainer{
		display:none;
	}
	
	body.logged-in #wprmenu_bar{
		top: 46px !important;
	}

	#contentBody .item{
		width:100%
	}
	
	#contentBody .left-content, #contentBody .right-content {
		float:none;
	}
	
	#contentBody .right-sidebar, #contentBody .left-sidebar, #contentBody .right-sidebar-single{
		position:relative;
		width:100%;
		height:auto;
	}
	
	#contentBody #sidebar {
	    padding: 30px;
	}

}

@media screen and (max-width: 500px) {

	.entry table.bios td{
		display:block;
		width:100%;
	}
	
	#contentBody .columns .half ,
	#contentBody .columns .third,
	#contentBody .columns .two-thirds,
	#contentBody .columns .quarter,
	#contentBody .columns .three-quarters,
	#contentBody .padded-columns .half ,
	#contentBody .padded-columns .third,
	#contentBody .padded-columns .two-thirds,
	#contentBody .padded-columns .quarter,
	#contentBody .padded-columns .three-quarters{
	    margin: auto;
	    width: 98%;
	}

}