@media screen and (max-width: 980px) {
	#pagewrap 				{width: 95%;}
	#content  				{width: 63%; padding: 3% 4%;}
	#sidebar 					{width: 27%;}
	#sidebar .widget 	{padding: 8% 7%;	margin-bottom: 10px;}
}
@media screen and (max-width: 650px) {
	#header {	height: auto;}
	#content {	width: auto;		float: none;		margin: 20px 0;	}
	#sidebar {		width: 100%;		margin: 0;		float: none;	}
	#sidebar .widget {		padding: 3% 4%;		margin: 0 0 10px;	}
}
@media screen and (max-width: 480px) {
	/* disable webkit text size adjust (for iPhone) */
	html { -webkit-text-size-adjust: none;}
}