/* --------------------------------------------
   Viewport less than 1200px Stylesheet 
-------------------------------------------- */			
				
@media (max-width: 1200px) {

#container { width: 960px; }
#content { width: 700px; }
#sidebar { width: 240px; }
	
header hgroup h1 { font-size: 32px; }
header hgroup h2 { font-size: 18px; }

header nav { margin-top: 18px; }
header nav ul li { font-size: 16px; }
	
#banner { margin-bottom: 20px; }
	
#content article { margin-bottom: 12px; }
#content article h3 { font-size: 18px; }
#content article p { font-size: 14px; }
	
#sidebar aside { margin-bottom: 12px; }

}


/* --------------------------------------------
   Viewport iPad Stylesheet : Landscape
-------------------------------------------- */

/* 	
	Desktop preview, replace query with below
	@media (max-width: 1024px) {  } 
*/
	
@media (max-device-width: 1024px) and (orientation: landscape) {

#container { width: 768px; }
#content { width: 540px; }
#sidebar { width: 208px; }

header { margin-bottom: 12px; }

header hgroup { margin-bottom: 12px; }

header nav { float: none; clear: both; }
header nav ul { width: 100%; }
header nav ul li { font-size: 14px; width: 191px; text-align: center; }
header nav ul li:last-child { width: 192px; }
			
#banner { margin-bottom: 18px; }
		
#content article img { float: none; margin: 0 0 10px 0; width: 100%; }

}


/* --------------------------------------------
  Viewport iPad Stylesheet : Portrait
-------------------------------------------- */

/* 	
	Desktop preview, replace query with below
	@media (max-width: 768px) {  } 
*/

@media (max-device-width: 1024px) and (orientation: portrait) {

#container { width: 600px; }
#content { float: none; width: 600px; margin: 0 0 12px 0; }
#sidebar { float: none; width: 600px; }
	
header { margin-bottom: 12px; }
	
header hgroup { margin-bottom: 12px; }
	
header nav { float: none; clear: both; }
header nav ul { width: 100%; }
header nav ul li { font-size: 14px; width: 149px; text-align: center; }
header nav ul li:last-child { width: 150px; }
			
#banner { margin-bottom: 18px; }
	
#content article { padding: 20px; }
#content article img { float: none; margin: 0 0 10px 0; width: 100%; }
	
#sidebar aside {
	background: #A79F91; 
	color: #fff; 
	float: left; 
	width: 250px; 
	min-height: 170px; 
	margin-right: 20px; 
	padding: 20px; 
	}

#sidebar aside:last-child { margin: 0; }

}


/* --------------------------------------------
  Viewport Mobile
-------------------------------------------- */

@media (max-width: 600px) {

#container, #content { float: none; width: inherit; }
#content { margin: 0; }

#sidebar, #banner { display: none; }
	
header { margin: 0 0 12px 0; text-align: center; }
header hgroup { width: 100%; margin-bottom: 12px; }
header hgroup h1 { font-size: 24px; }
header hgroup h2 { font-size: 14px; }
	
header nav { float: none; clear: both; }
header nav ul { width: 100%; }
header nav ul li {
	float: none; 
	display: block; 
	width: 100%; 
	font-size: 14px; 
	text-align: left; 
	border-bottom: 1px solid #938a78; 
	}
header nav ul li:last-child { width: 100%; border-bottom: 0; }
header nav ul li a { padding: 10px; }
	
#content article { padding: 10px; -webkit-border-radius: 0; }
#content article h3 { font-size: 16px; }
#content article p { font-size: 12px; }
#content article img { display: none; }
	
#sidebar aside { 
background: #A79F91; 
color: #fff; 
float: left;
width: 250px; 
min-height: 170px; 
margin-right: 20px; 
padding: 20px; 
}
#sidebar aside:last-child { margin: 0; }
		
footer { padding: 10px; font-size: 12px; }

}