/*-- 1.default:      992px;
	 2.tablet:       768px-991px;
	 3.small mobile: 320px-767;
	 4.wide mobie:   450px-767px;
	 5. iphn :       +2 ratio;     --*/
	 








/*		Default Layout: 992px./960px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-----------------------------------------------------------------    */

.wrap{
	width:960px;
	display:block;
	margin:0 auto;
}

	
.img{
	max-width:100%;
	height:auto;
	}
	
.selectnav{
	display:none;
}






/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
------------------------------------------------------   */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	
.wrap{
	width:95%;
}	
#content {
    width: 65%;
	margin-right:2%;
}	
	

#sidebar {
   width: 33%;
}	

	
.selectnav{
	display:block;
	height:2.75em;
	width:100%;
}	

#listmenu{
	display:none;
}





	
}	





/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
.wrap{
	width:98%;
}	
#content {
    width: 100%;
}	
	

#sidebar {
   width: 100%;
}


#slider_wrapper{
	display:none;	
}	
#imgp_wrap  img {
    width: 98%;
    height: auto;
    padding: 3px;
}	
	
#header{
	text-align:center;
}
#content img{
	width:100%;
}	
	
#content figure{
	width:75%;
	padding:5px;
}	
#content figcaption{
	font-size:85%;
}	
blockquote{
margin-left:1%;	
padding:5px;	
padding-left:3%;	
}	

	
.selectnav{
	display:block;
	height:2.75em;
	width:100%;
}	

#listmenu{
	display:none;
}







	
}	




/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
---------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	
	
.wrap{
	width:98%;
}	
#content {
    width: 100%;
}	
	

#sidebar {
   width: 100%;
}	
	
#slider_wrapper{
	display:none;
}
#header{
	text-align:center;
}
#content img{
	width:100%;
}	
	
#content figure{
	width:75%;
	padding:5px;
}	
#content figcaption{
	font-size:85%;
}	
blockquote{
margin-left:1%;	
padding:5px;	
padding-left:3%;	
}

	
.selectnav{
	display:block;
	height:2.75em;
	width:100%;
}	

#listmenu{
	display:none;
}






	
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
		
.wrap{
	width:98%;
}	
#content {
    width: 100%;
}	
	

#sidebar {
   width: 100%;
}	
	
#slider_wrapper{
	display:none;
}
#header{
	text-align:center;
}



	
.selectnav{
	display:block;
	height:2.75em;
	width:100%;
}	

#listmenu{
	display:none;
}	
	
}