@media screen and (max-width: 950px) {
	#pagewrap {width: 95%;}
	#content { width: 65%;/*padding:4px;*/}
	#sidebar {width: 31%; color:purple;}
	#sidebar .widget {margin-bottom: 4px;}
}
@media screen and (max-width: 768px) {
	#pagewrap {width: 95%;}
	#content { width: 65%;padding: 2px;}
	#sidebar {width: 30%; color:green;}	}
	#sidebar .widget {padding: 2px; margin-bottom: 10px;}
}
@media screen and (max-width: 600px) {
	#header {height: auto;	}
	#content { width: 100%;padding: 4px;  }
	#sidebar {width: 100%;	}
} 
@media screen and (max-width: 480px) {
#content {	width: auto;float: none;}
#sidebar {width: 100%;float: none;}
}
@media screen and (max-width: 320px) {
#content {	width: auto;float: none;}
#sidebar {width: 100%;float: none;}
}
@media screen and (max-width: 240px) {
#content {	width: auto;float: none;}
#sidebar {width: 100%;float: none;}
}
@media screen and (max-width: 120px) {
#content {	width: auto;float: none;}
#sidebar {width: 100%;float: none;}
}