/******************************************************************
Handheld Stylesheet
******************************************************************/

/******************************************************************
MEDIA QUERIES & DEVICE STYLES
******************************************************************/

@media only screen and (max-device-width: 960px), screen and (max-width: 960px) {

	header #inner-header{ width:700px;  }
	#logo{ max-width:360px;}
	#logo img{ width:100%; height:auto; }
	.social{ max-width:360px; }
	nav[role=navigation] .menu{ max-width: 460px; }
	nav[role=navigation] #searchform{ width:210px; }

	#content{ width:700px; }
	#main{ width:460px;}
	.post-home{ width:180px; margin-right:20px; } 
	.post-home .post-thumb{ width:220px; }
	.post-home .video-container{ width:220px; height:131px;}
	.post-home .video-container iframe, .post .video-container object, .post .video-container embed{ width:220px; height:126px; }

	.post-home-one-column{ width:420px; margin-right:0; float:none; }
	.post-home-one-column .post-thumb{ width:460px; height:auto; overflow:hidden; }
	.post-home-one-column .post-thumb img{ margin-top:0;}
	.post-home-one-column .video-container{ width:460px; height:350px; }
	.post-home-one-column .video-container iframe, .post-home-one-column .video-container object, .post-home-one-column .video-container embed{ position:relative; width:460px; height:350px; margin-bottom:5px;}
	.post-even{ margin-right:0; }
	
	#slider .item{ width: 460px; }
	#slider .slider-thumb{ height:287px;}
	#slider .video-container, #slider .video-container iframe, #slider .video-container object, #slider .video-container embed{ width:460px; height:287px; }

	#sidebar{ width:220px; }
	.widget_video .video-container{ width:100%; height:50%; }

	footer[role=contentinfo]{ width:700px;}
	#footer-widgets{ width:700px;}
	#footer-widgets .f-widget{ width:140px; margin-right:20px;}


}

@media only screen and (max-device-width: 700px), screen and (max-width: 700px) {
	
	body{ font-size:12px;}

	header #inner-header{ width:302px;  }
	#logo{ max-width:302px; float:none; margin-bottom:-40px;}
	#logo img{ width:70%; height:auto; text-align:center; }
	.social{ max-width:302px; float:none; margin-bottom:20px; }
	nav[role=navigation] .menu{ max-width: 302px; float:none;  }
	nav[role=navigation] .menu ul li a { padding: 10px 5px;}
	nav[role=navigation] .menu > ul > li > a { border-right:#eee 1px solid;  }
	nav[role=navigation] #searchform{ width:292px; float:none; border-left:none; border-top:#eee 1px solid; }
	nav[role=navigation] .menu ul li ul li a { padding: 5px 0; margin:0 5px 0 5px;}
	nav[role=navigation] .menu ul li ul.sub-menu{ width:170px; }
	#content{ width:302px; }
	#main{ width:302px; float:none;}
	.post-home{ width:262px; margin-right:0; float:none; } 
	.post-home .post-thumb{ width:302px; }
	.post-home .video-container{ width:302px; height:194px; margin-left:-20px; background:url(library/images/hatch1.png) left top repeat; margin-bottom:20px; padding-top:0; }
	.post-home .video-container iframe, .post .video-container object, .post .video-container embed{ position:relative; width:302px; height:189px; margin-bottom:5px;}


	.page_navi{ float:none;}
	.page-of{ float:none; display:none;}
	
	/*#slider{ display:none; }*/
	#slider .item{ width: 302px; }
	#slider .slider-thumb{ height:188px;}
	#slider .video-container, #slider .video-container iframe, #slider .video-container object, #slider .video-container embed{ width:302px; height:189px; }
	#slider .slider-nav{ text-align:center; float:none;}
	#slider .page-of{ display:none;}

	#sidebar{ width:302px; float:none; }
	.widget_video .video-container{ width:100%; height:50%; }

	footer[role=contentinfo]{ width:302px;}
	#footer-widgets{ width:302px;}
	#footer-widgets .f-widget{ width:100%; float:none;}
}