@media (max-width:1024px) {
	#wrap, nav#top, footer {width:720px;}
	#tagline {font-size: 13px;}
	h1 {font-size:19px;} h2, h2 a {font-size: 17px;} h3 {font-size: 15px;} h4, #sidebar article h4 {font-size:14px;}
	p, a, .entrymeta p {font-size: 13px; line-height: 16px;}
	header {background: url('images/header-720.gif') top left; width:720px; margin-left:0;}
	#content {width: 400px; float:left;} 
	#sidebar {width:200px; float:left; margin-left: 20px;}
	
}

@media only screen and (max-width:720px)  {
	#wrap, nav#top, footer {width:509px;}
	#tagline {display:none;}
	h1 {font-size:17px;} h2, h2 a {font-size: 15px;} h3 {font-size: 13px;} h4, #sidebar article h4 {font-size:12px;}
	p, a, .entrymeta p {font-size: 11px; line-height: 14px;}
	header {background: url('images/header-640.gif') top left; width:509px;}
	#content {width: 280px; padding-left: 0;} 
	#sidebar {width:140px; float:left; margin-left: 10px;}

}

@media only screen and (max-width: 480px) and (min-height: 0px) and (orientation:portrait)  {
	#wrap, nav#top, footer {width:360px;}
	h1 {font-size:15px;} h2, h2 a {font-size: 13px;} h3 {font-size: 11px;}
	header {background: url('images/header-480.gif') top left; width:360px;}
	#content {width: 320px; margin-left: 0;}
	#sidebar {display:none;}
}

@media  only screen and (max-width:640px) and (min-device-height: 480px) and (orientation:landscape) {
	#wrap, nav#top, footer {width:470px;}
	h1 {font-size:17px;} h2, h2 a {font-size: 15px;} h3 {font-size: 13px;} h4 {font-size:12px;}
	p, a, .entrymeta p {font-size: 10px; line-height: 13px;}
	header {background: url('images/header-640i.gif') top left; width:470px;}
	#content {width: 435px; padding-left: 0;} 
	#sidebar {display:none;}
}