#wrapper {word-wrap:break-word;  }


@media (min-width: 768px) and (max-width: 900px) {
	body {
		min-width: 769px;
	}
		
		#credits:after {display: table;	clear: both;	content: '';}
	
	.widget {display: -moz-inline-box;	display: inline-block; 	*zoom: 1; 	*display: inline;	vertical-align: top;}
	
	#content, #sidebar, .footer-recent-posts, .footer-meta, #credits, .widget, .footer-recent-comments{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	
	#header {height:auto}
		#logo, #headerimg, #navi, #page, #footer, #credits, #commentform textarea {width:100%}
		
		#headerimg {padding:10px 0}
		
		#content, #sidebar  {float:none;width:100%;padding:10px}
		
	.footer-meta, .footer-recent-comments {margin:0}	
	
	#credits {padding:10px}
	
	.widget {width:28%;margin:2%}
	
	.footer-recent-posts, .footer-meta, .footer-recent-comments {width:32%;padding:10px}
	
}
 
/* Landscape phone to portrait tablet */
@media (min-width: 481px) and  (max-width: 767px) {
	body {
		min-width: 480px;
	}
	
	#credits:after {display: table;	clear: both;	content: '';}
	
	.widget {display: -moz-inline-box;	display: inline-block; 	*zoom: 1; 	*display: inline;	vertical-align: top;}
	
	#content, #sidebar, .footer-recent-posts, .footer-meta, #credits, .widget, .footer-recent-comments{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	
	#header {height:auto}
		#logo, #headerimg, #navi, #page, #footer, #credits, #commentform textarea {width:100%}
		
		#headerimg {padding:10px 0}
		
		#content, #sidebar, .footer-recent-posts, .footer-meta, .footer-recent-comments {float:none;width:100%;padding:10px}
		
	.footer-meta, .footer-recent-comments {margin:0}	
	
	#credits {padding:10px}
	
	.widget {width:44%;margin:2%}
	
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	body {
		min-width: 310px;
		
	}
	
	#credits:after {display: table;	clear: both;	content: '';}
	
	#content, #sidebar, .footer-recent-posts, .footer-meta, #credits,  .footer-recent-comments{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	
	#header {height:auto}
		#logo, #headerimg, #navi, #page, #footer, #credits, #commentform textarea {width:100%}
		
		#headerimg {padding:10px 0}
		
		#content, #sidebar, .footer-recent-posts, .footer-meta,  .footer-recent-comments {float:none;width:100%;padding:10px}
		
	.footer-meta, .footer-recent-comments {margin:0}	
	
	#credits {padding:10px}



.yyy a, .yyy a:visited {
    font-size: 22px;
 
}


.description {
    
    font-size: 11px !important;
}


}

