/********************************************************************************************* 

CSS3 Elements Seperated to Maintain Validation

*********************************************************************************************/
#menu a, 
.widget img, 
#preview img, 
#twitter-feed img, 
.entry img, 
#comment, 
#author, 
#email, 
#url, 
#submit, 
ul.commentlist li div.reply a, 
img.avatar  {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.entry a {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

#preview img  {
-webkit-box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
box-shadow: 0px 0px 4px #000000;
}

/* mattadded -- support for smaller devices (i.e. iphone) */

/* @media only screen and (max-device-width: 480px) { Use the line below to allow for testing with a tool like protofluid.com*/
/*@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	div#header {
		width: 400px;
	}

	div#header {
		background-image: url(media-queries-phone.jpg);
		height: 93px;
		position: relative;
	}

	div#header h1 {
		font-size: 140%;
	}

	#content {
		float: none;
		width: 100%;
	}

	#navigation {
		float:none;
		width: auto;
	}
}*/


@media only screen and (max-device-width:480px) and (orientation:landscape)/*, only screen and (max-width: 480px)*/ {
	body {width:480px;float:none;background-color:blue;}
}

@media only screen and (max-device-width:480px) and (orientation:portrait)/*, only screen and (max-width: 480px)*/ {
	body {width:320px;background-color:red;}
}

@media only screen and (max-device-width:480px), only screen and (max-width: 480px) {
	body {width:320px;float:none;}
	#header {width:100%;padding:5px 0 10px 5px;margin-bottom:12px;} 
	#header #logo, #header #menu, #header #menu ul {width:100%;float:none;}
	#header #logo {text-align:center;}
	#header #menu a {font-size:14px;float:left;margin:3px 3px 0 0;padding:7px 12px 6px;}
	
	#content {width:100%;padding:0 5px;margin-bottom:10px;}
	#content .content-item {width:100%;padding:0;margin-bottom:10px;}
	#content .content-item .content-dets {width:100%;margin-bottom:10px;}
	#content .content-item .content-dets h3 {font-size:12px;}
	#content .content-item .content-dets ul.dets {display:none;}
	#content .content-item .content-body {width:100%;margin:0;}
	
	#content #disqus_thread {width:100%;margin-left:0;}
	#content a.dsq-brlink {margin:0;}
	li.dsq-depth-1 {margin-left:5px !important;}
	li.dsq-depth-2 {margin-left:10px !important;}
	li.dsq-depth-3 {margin-left:15px !important;}
	li.dsq-depth-4, li.dsq-depth-5, li.dsq-depth-6 {margin-left:20px !important;}
	
	#footer {width:100%;margin:5px 5px 10px;padding:0;float:none;}
	
}

@media screen and (max-device-width:480px) and (orientation:landscape), screen and (max-width: 480px) {
	body {width:480px;float:none;}
}

@media screen and (max-device-width:480px) and (orientation:portrait), screen and (max-width: 480px) {
	body {width:320px;}
}