/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		 .post_excerpt, .post_details{width: 100% !important;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	
		h1, #footer_text{float: none; }
		.portfolio_preview, .post_excerpt, .post_details{width: 100% !important;}
		
		#header h1 {margin: 2em auto 1.5em auto; text-align: center;}/*spacing*/
		h2 {margin-top: 1em; margin-bottom: 1em;}/*sddsf*/
		
		
		#topbar	{margin-top: 45px;}
		.nav	{position:  fixed; float: none;  top: 0px; padding: 10px 0 10px 0; background: #ededed; z-index: 20; box-shadow: 0 3px 3px rgba(0,0,0, 0.15);}
		.nav ul     { display: none; }/*hide desktop nav*/
		.nav select { display: block;  margin: 0 auto;  }/*show mobile nav*/
		.menu_mobile{display: block !important; margin: 0 auto 20px auto;}/*sddsf*/
		.flex-direction-nav li a{display: none !important;}/*hide slider nav*/
		
		.post_excerpt{padding-right: 0;}
		
		#footer_text {margin-bottom: 30px; text-align: center;}
		#social_links{ left: auto;}
		#social_links li{right: auto;}
		#social_links a{margin: 0 20px 20px 20px !important;}
		#social_links a:hover{margin-top: none !important;}
		
		#portfolio-filter {margin-bottom: 24px;}
		#portfolio-filter li{float: left;}
		#portfolio-filter li .filter_divider{ display: inline; margin: 0 8px;}

		body.home .one_third{text-align: center; margin-bottom: 40px;}

		/*display one column for mobile*/
		.one_half,
		.half_width, 
		.one_third, 
		.two_third,
		.one_fourth, 
		.one_fifth,
		.four_fifth,
		.one_sixth,
		.two_fifth,
		.three_fifth,
		.three_fourth   {
			display: block;
			width: 100%;
			float: none;
		}
		
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		.nav{width: 480px; margin-left: -30px;}
		
		.portfolio_preview a span.overlay {left: 120px;}
		body.home .one_third a span.overlay {left: 64px;}
		

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		.nav{width: 320px; margin-left: -10px;}
		
		.portfolio_preview a span.overlay {left: 60px;}
		body.home .one_third a span.overlay {left: 4px;}
	
	}