/* CSS Resets */

article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
height: 100%;
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
height: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: visible;
position: relative;
}



.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.7%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 80.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}



/* 	==============================
   	OFFSETS
	============================== */
	
.offset-by-two { margin-left: 17.54%; }	

/* 	==============================
   	PAGE, POST TEMPLATES 
	============================== */

	nav select { display: none; }
	.blog .ninecol, .single .ninecol, .error404 article,
	.archive .ninecol, .page-template-default article,
	.page-template-page-contact-php article { padding: 5px 0 0 3.260%; }
	.sidebar-left { width: 30%; }
	.sidebar-left { width: 30%; }
	.page-template-page-sidebar-left-php section { padding: 0; }
	.page-template-page-sidebar-left-php article { float: left; max-width: 61.95%; }
	.home article { float: left; max-width: 45%; }	 
	.page-template-page-custom-php article { padding: 13px 0 0 3.260%; width: 96.7%; }
	.page-template-page-custom-php footer:last-child { padding-top:0px; position:relative; top:-3px; }
	
	.blog .row .threecol, .single .row .threecol, .archive .row .threecol { width: 18.05%; }
	.blog article { padding-bottom: 45px; width: 100%; min-height: 0;  }



@media handheld, only screen and (min-width: 768px) and (max-width: 1024px) {

	.nav { height: 548px; }
	.nav nav { width: 75px; right: 17px; }
	nav li { line-height: 1em; }
	nav a { font-size: .9em; }
	.tagline { right: -8.5%; font-size: .9em; top: 80px; width: 160px !important;}
	
	.page-template-page-sidebar-left-php .sidebar-left { width: 30%; }
	.page-template-page-sidebar-left-php article { max-width: 54%; padding: 0; }
	body footer:last-child p { font-size: 0.8em; }
	article[id*=post-] { min-height: inherit; }
	body footer:last-child  { margin-top: 20px; }
	

}

@media handheld, only screen and (max-width: 768px) {

	article[id*=post-] { min-height: inherit; }
	.tagline { display: none; }
	.nav { height: 440px; }
	nav { right: 0; }
	body footer:last-child  { margin-top: 20px; }
	

}




/* Mobile */

@media handheld, only screen and (max-width: 685px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0; 
	padding-right: 0px;
	margin: 0 auto; 
	}
	
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: 100%;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	}
	
	
	.row .custom { background: none; padding: 0; margin: 0 3.260%; width: 93.5%;  }

	section { padding: 0 10px; }
	article[id*=post-] { min-height: inherit; width: 100%; }
	.sidebar-left { padding-left: 0; }
	.tagline { display: none; }
	.nav { height: 440px; }
	nav { right: 0; }
	body footer:last-child  { margin-top: 20px; }
	

	.logo { left: 0; width: 75%; }
	.tagline { display: none; }
	.flexslider p { width: 100%; }
	.blog .row .threecol { width: 100% !important;}
	.blog .row .threecol aside { float: left !important;}
	
	nav > ul { display: none; } /* HIDE UL NAV */
	
	.nav { 
		display: inline;
		position: relative;
		top: 0px;
		height: auto;
		width: 100%; 
		}
		
	.nav nav {
		position: relative;
		width: 100%;
		background: url(../images/icon-select-menu.jpg) no-repeat center #ddd;
	   	border: 1px solid #ccc;
	 
	}
	
	.nav nav select {
		background: transparent;
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 5px;
		font-size: 16px;
		line-height: 1;
		border: 0;
		border-radius: 0;
		height: 34px;
		-moz-appearance: none;
		-moz-appearance: button;
		-moz-user-select: none;
		-webkit-appearance: none;
		overflow:hidden;
		color: #999;
		font-weight: 600;
		}
	
		.page-template-page-custom-php article { padding: 0; width: 100%; }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

/* Styles */

		.row, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0; 
	padding-right: 0px;
	margin: 0 auto; 
	}
	
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: 100%;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	}

	.row .custom { background: none; padding: 0; margin: 0 3.260%; width: 93.5%;  }
	
	.logo { left: 0; }
	.tagline { display: none; }
	
	.sidebar-left { width: 100% !important; }
	body footer:last-child p { font-size: 0.8em; }
	.middot:nth-child(2) { padding-right: 80px; }
	.home article { float: left; max-width: 100%; }
	.page-template-page-sidebar-left-php article { float: left; max-width: 100%; }
	.flexslider p { width: 90%; }
	.blog .row .threecol { width: 100% !important;}
	.blog .row .threecol aside { float: none !important;}
}