/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


[class*='col-'] {float: left;padding-right: 40px;}
/*[class*='col-']:last-of-type {padding-right: 40px;}*/

.grid {width: 100%;max-width: 1240px;margin: 0 auto;overflow: hidden;}
.grid:after {content: "";display: table;clear: both;}
.grid-pad {padding: 20px 0 0px 40px;}
.main-grid {padding-top:40px;padding-bottom:20px;}
.home-grid {padding-top:20px;padding-bottom:20px;}
.fours > [class*='col-']:nth-child(4n+1){clear:both;}
.threes > [class*='col-']:nth-child(3n+1){clear:both;}
.push-right {float: right;}
#mobile-header {display: none;}

/* Content Columns */

.col-1-1 {width: 100%;}
.col-2-3, .col-8-12 {width: 66.66%;}
.col-1-2, .col-6-12 {width: 50%;}
.col-1-3, .col-4-12 {width: 33.33%;}
.col-1-4, .col-3-12 {width: 25%;}
.col-1-5 {width: 20%;}
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-1-6, .col-2-12 {width: 16.667%;}
.col-1-7 {width: 14.28%;}
.col-1-8 {width: 12.5%;}
.col-1-9 {width: 11.1%;}
.col-1-10 {width: 10%;}
.col-1-11 {width: 9.09%;}
.col-1-12 {width: 8.33%}
.col-11-12 {width: 91.66%}
.col-10-12 {width: 83.333%;}
.col-9-12 {width: 75%;}
.col-5-12 {width: 41.66%;}
.col-7-12 {width: 58.33%}
@media all and (max-width: 1024px) {
	#page-header h1 {font-size:30px;line-height:30px;}
}
/*--------------------------------------------------------------*/
/* Reduce some cols / Portrait pads
/*--------------------------------------------------------------*/
@media all and (max-width: 900px) {
	.fours > [class*='col-']:nth-child(4n+1){clear:none;}
	.fours > [class*='col-']:nth-child(3n+1){clear:both;}
	.col-1-4 {width: 33.33%;}
	.col-2-5 {width: 50%;}
        .col-3-5 {width: 50%;}
	.gray-box {padding:20px;}
	.gray-box .grid .col-1-2 {width: auto;float: none;margin-left: 0px;margin-right: 0px;margin-top: 10px;margin-bottom: 10px;padding-left: 0;padding-right: 0;}
	#footer .col-1-4 {float:left;padding-right:20px;width: 50%;padding-bottom: 20px;}
	#footer .third {clear:both;} 
	#footer .second, #footer .fourth {padding-right:0;}
	#page-header h1 {font-size:26px;line-height:26px;}
	.topslider {margin-top:0;}
	#homewrap {margin-top: 0;}
}


/*--------------------------------------------------------------*/
/* Break Grid to 100% widths / Small pads
/*--------------------------------------------------------------*/

@media all and (max-width: 650px) {
	
	.grid, .grid-pad {width: 100%;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 20px;padding-right: 20px}
	[class*='col-'] {width: auto;float: none;margin-left: 0px;margin-right: 0px;margin-top: 10px;margin-bottom: 10px;padding-left: 0;padding-right: 0;}
	
	body {font-size:1.3em}
	#sidebar{clear: both;padding-top: 20px;}
	#footer .col-1-4 {float:left;padding-right:20px;width: 50%;padding-bottom: 20px;}
	#footer .third {clear:both;} 
	#footer .second, #footer .fourth {padding-right:0;}
	#navigation {display:none;}
	#mobile-header {display: block;float:left;}
	#mobile-header .mobileonly {display:block}
	#page-header h1 {font-size:22px;line-height:22px;}
	.logo.col-4-12 {margin:0;}
	
}

/*--------------------------------------------------------------*/
/* Adjustments for larger phones
/*--------------------------------------------------------------*/

@media all and (max-width: 480px) {
	#comments .commentlist ul.children{padding-left:10px !important;margin-left:0 !important;}
	
}

/*--------------------------------------------------------------*/
/* Adjustments for small phones
/*--------------------------------------------------------------*/
 @media all and (max-width: 410px) {
	 #footer .col-1-4 {float:none;clear:both;padding-right:0;width: 100%;padding-bottom:20px;}
	 .commentlist li .comment-content {padding: 0 0 0 10px;}

}