/*
	(c)2012 - visuallizard.com
	
	Mobile styles using Media Queries
*/


/* !Media Queries ============================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.container {
		width: 100%;
		margin: 0;
	}
	#header {
		background: white;
	}
		#header hgroup {
			display: block;
			width: 100%;
			height: auto;
			min-height: 100px;
			background-size: cover;
		}
		#header .logo hgroup {
			float: none;
		}
		.logo_wrha {
			display: none;
		}
		
		header .search-form { float: none; }
			header .search-form div.input { width: 70%; }
			header .search-form .input.text input { width: 90%; margin-left: 1%; }
			header .search-form div.input.submit { width: 30%; }
	
	
	#header nav ul {
		width: auto;
	}
		#header nav ul li {
			float: none;
		}
		#header nav ul li a {
			padding: 5px;
			border-bottom: 1px solid olive;
		}
		#header nav > ul > li.at a:before,
		#header nav > ul > li.at a:after {
			display: none;
		}
		
		#header nav ul.nav_1 > li > ul {
			width: 90%;
		}
		#header nav ul.nav_1 > li > ul a {
			border-bottom: 1px solid #fff;
		}
	
	#content {
		width: auto;
		min-height: 0;
	}

	#main, aside {
		margin-top: 0;
		padding: 0;
		float: none;
		width: 100%;
	}
	
	.jcarousel-container {
		width: auto;
		max-height: 0;
		display: none;
	}
	
	
	div.main h2 {
		margin: 0 0 .5em 0;
		padding: 0;
		color: olive;
		background: transparent;
		font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
		font-size: 25px;
	}
	
	#donor-block {
		padding: 5px;
		min-height: 0;
	}
	#donor-block h2 {
		font-size: 24px;
		line-height: 1.1;
		margin: 0;
	}
	.be-a-hero {
		width: 100%;
	}
		.be-a-hero img {
			width: 100%;
		}
	
	
	footer .logo {
		display: none;
	}
	footer .nav-footer_1,
	footer #footer-subnav {
		display: none;
	}
	footer .social-links {
		position: relative;
		top: auto; right: auto;
	}
	#footer .credits {
		text-align: left;
		margin: 5px;
	}

}