/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.menu-button { 
		display: block;
	}

	.select-nav {
		background: #ffffff url(../images/responsive-nav-bg.png) right center no-repeat;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		border-radius: 0;
		-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
		-webkit-padding-end: 20px;
		-moz-padding-end: 20px;
		-webkit-padding-start: 2px;
		-moz-padding-start: 2px;
		-webkit-user-select: none;
		-moz-user-select: none;
		border: 1px solid #CCC;
		color: #555;
		font-size: 14px;
		margin: 0;
		overflow: hidden;
		padding-top: 2px;
		padding-bottom: 2px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
		
	#top .search-form,
	#site-desc,
	.social-icons,
	#sidebar {
		display: none;
	}

	#header {
		height: 0 !important;
		overflow: hidden;
	}
	#logo,
	#text-logo,
	#site-title {
		float: none;
		text-align: center;
	}
	/* PRIMARY NAV */
			
	#primary-nav {
		background-color:#444444;
		color: #ffffff;
		width:150px;
		height: 100%;
		position: fixed;
		left: -100% ;
		top: 0;
		z-index:999;
	}
	#primary-nav .nav { 
		background: none;
		border-left: none;
		border-right: none;			
		border-bottom: 1px solid #333333;								
		float: none;
		width: 100%; 
	}	
	#primary-nav .nav li { 
		background: none;	
		border-top: 1px solid #333333;		
		border-bottom: 1px solid #515151;
		display: block !important; 
		float: none;
		width:100%;
		margin: 0;
	}
	#primary-nav .nav li a:link,
	#primary-nav .nav li a:visited { 
		background: none;
		border-left: none !important;
		border-right: none !important;
		color: #ffffff;
		font-weight: bold;
		line-height: 57px;
		text-transform: none;		
	}
	#primary-nav .nav li a:hover,
	#primary-nav .nav li a:active { 
		background: #535353 !important;
		color: #dddddd; 
	}	
	#primary-nav .nav .sf-sub-indicator,
	#primary-nav .nav li ul { 
			display: none !important; 
	}
	#main { 
		overflow: visible !important;
	}
	#wrapper {
		width: 90%;
	}
	.one-col {
		width: 100% !important;
	}
	#content { 
		width:100%; 
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.menu-button { 
		margin-left: 10px; 
	}
	.model {
		width: 100% !important;
		margin: 0;
	}
	#content .entry-thumb img,
	.entry-content img {
		max-width: 100% !important;
		height: auto;
	}
	.header-ad,
	.footer-ad,
	.commentlist .comment .avatar,	
	.entry-categories,
	.entry-tags,
	.comment-edit-link { 
		display: none; 
	}
	.comment-body { 
		padding-left: 0; 
	}		
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#main {
		overflow: visible;
		width: 480px !important;
		margin: 0 auto;
	}
	#top .container,
	#wrapper,
	#content { 
		width: 480px; 
	}
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	#main {
		overflow: visible;
		width: 320px !important;
		margin: 0 auto;
	}
	#top .container,	
	#wrapper,
	#content { 
		width: 320px; 
	}
	#contact-form input,
	#contact-form textarea,
	#commentform input,
	#commentform textarea { 
		width: 100% !important; 
	}
	#commentform textarea { 
		margin-top: 20px; 
	}	
	
}