/*----------------------------------------------------

	* Responsive Framework
	* Created by http://gdswebdesign.co.uk
	
/*------------------------------------------------- */


/* Apply To All Responsive Layouts
================================================== */
/*grid*/	
.outerbox {
	width: 95%;
}
.grid-container {
	width: 103%;
	/* [disabled]background: #ccc; */
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6,

.grid-2-1, .grid-2-2,
.grid-3-1, .grid-3-2, .grid-3-3,
.grid-4-1, .grid-4-2, .grid-4-3, .grid-4-4,
.grid-5-1, .grid-5-2, .grid-5-3, .grid-5-4, .grid-5-5,
.grid-6-1, .grid-6-2, .grid-6-3, .grid-6-4, .grid-6-5, .grid-6-6 {
	display: block;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0% 3% 1em 0%;
}
.grid-1 {
	width: 97.0873%;
	/* [disabled]background: blue; */
}
/* === 2 columns === */
.grid-2,.grid-2-1 {
	width: 46.9998%;
	/* [disabled]background: red; */
}
.grid-2-2 {
	width: 97.0873%;
	/* [disabled]background: yellow; */
}

.grid-2.push-1,.grid-2-1.push-1 {
	margin-left: 49.9998%;	
}
/* === 3 columns === */
.grid-3, .grid-3-1 {
	width: 30.3333%;
	/* [disabled]background: red; */
}
.grid-3-2 {
	width: 63.6666%;
	/* [disabled]background: yellow; */
}
.grid-3-3 {
	width: 97.0873%;
	/* [disabled]background: pink; */
}

.grid-3.push-1,.grid-3-1.push-1,.grid-3-2.push-1 {
	margin-left: 33.3333%;	
}
.grid-3.push-2,.grid-3-1.push-2 {
	margin-left: 66.6666%;	
}

/* === 4 columns === */
.grid-4, .grid-4-1 {
	width: 22.0%;
	/* [disabled]background: red; */
}
.grid-4-2 {
	width: 46.9998%;
	/* [disabled]background: yellow; */
}
.grid-4-3 {
	width: 72%;
	background: pink;	
}
.grid-4-4 {
	width: 97.0873%;
	background: blue;	
}

.grid-4.push-1,.grid-4-1.push-1,.grid-4-2.push-1,.grid-4-3.push-1 {
	margin-left: 25%;	
}
.grid-4.push-2,.grid-4-1.push-2,.grid-4-2.push-2 {
	margin-left: 50%;	
}
.grid-4.push-3,.grid-4-1.push-3 {
	margin-left: 75%;	
}
/* === 5 columns === */
.grid-5, .grid-5-1 {
	width: 17.0%;
	background: red;
}
.grid-5-2 {
	width: 37%;
	background: yellow;
}
.grid-5-3 {
	width: 57%;
	background: pink;	
}
.grid-5-4 {
	width: 77%;
	background: blue;
}
.grid-5-5 {
	width: 97.0873%;
	background: orange;
}

.grid-5.push-1,.grid-5-1.push-1,.grid-5-2.push-1,.grid-5-3.push-1,.grid-5-4.push-1 {
	margin-left: 20%;	
}
.grid-5.push-2,.grid-5-1.push-2,.grid-5-2.push-2,.grid-5-3.push-2 {
	margin-left: 40%;	
}
.grid-5.push-3,.grid-5-1.push-3,.grid-5-2.push-3 {
	margin-left: 60%;	
}
.grid-5.push-4,.grid-5-1.push-4 {
	margin-left: 80%;	
}
/* === 6 columns === */
.grid-6, .grid-6-1 {
	width: 13.6666%;
	background: red; 
}
.grid-6-2 {
	width: 30.3332%;
	background: yellow;
}
.grid-6-3 {
	width: 46.9998%;
	background: pink;
}
.grid-6-4 {
	width: 63.6664%;
	background: blue;
}
.grid-6-5 {
	width: 80.3333%;
	background: orange;
}
.grid-6-6 {
	width: 97.0873%;
	background: purple;
}

.grid-6.push-1,.grid-6-1.push-1,.grid-6-2.push-1,.grid-6-3.push-1,.grid-6-4.push-1,.grid-6-5.push-1 {
	margin-left: 16.6666%; 	
}
.grid-6.push-2,.grid-6-1.push-2,.grid-6-2.push-2,.grid-6-3.push-2,.grid-6-4.push-2 {
	margin-left: 33.3332%; 	
}
.grid-6.push-3,.grid-6-1.push-3,.grid-6-2.push-3,.grid-6-3.push-3 {
	margin-left: 49.9998%; 	
}
.grid-6.push-4,.grid-6-1.push-4,.grid-6-2.push-4 {
	margin-left: 66.6664%; 	
}
.grid-6.push-5,.grid-6-1.push-5 {
	margin-left: 83.3333%;	
}
#post {
	/* golden ratio plus 3% */
	width: 64.8034%;
}
#sidebar {
	/* 100% - (64.8034% - 3%) = 32.1966% */
	width: 32.1966%;
}
.entry-left {
	width: 23.5%;
	margin: 0% 3% 0% 0%;
}
.entry-right {
	width: 73.5%;
}
#author-image img {
	width: 100%;
}
#author-image {
	float: left;
	width: 17%;
	margin: 0% 3% 0% 0%;
}
#author-bio {
	float: left;
	width: 77%;
}
@media only screen and (min-width: 1801px)  {
body {
	/*font-size: 150%;
	line-height: 1.83333em;*/
}	
}
@media only screen and (min-width: 960px) and (max-width: 1200px) {
/*grid*/

}



/* #Tablet (Portrait) = Design for a width of 730px
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {

/*grid*/
.grid-container {
	width: 103%;
}
.grid-4, .grid-4-1 {
	/* [disabled]width: 47.0%; */
}
/* make 6 across grid 3 across */
.grid-5, .grid-5-1 {
	width: 30.3333%;	
}
/* make 6 across grid 3 across */
.grid-5-4 {
	width: 97.0873%;
}

/* make 6 across grid 3 across */
.grid-6, .grid-6-1 {
	width: 30.3333%;	
}
}

/* Mobile (Portrait) = Design for a width of 280px
================================================== */

@media only screen and (max-width: 767px) {
body {
	font-size: 100%;
	line-height: 1.61;
}	
/*grid*/

.grid-container {
	width: 103%;

}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6,

.grid-2-1, .grid-2-2,
.grid-3-1, .grid-3-2, .grid-3-3,
.grid-4-1, .grid-4-2, .grid-4-3, .grid-4-4,
.grid-5-1, .grid-5-2, .grid-5-3, .grid-5-4, .grid-5-5,
.grid-6-1, .grid-6-2, .grid-6-3, .grid-6-4, .grid-6-5, .grid-6-6 
{
	width: 97.0873%;
}

/*main*/
#post {
	width: 100%;
}
#sidebar {
	width: 100%;
}
/*shortcodes*/
	.one-half,  .one-third,  .one-fourth,  .one-fifth,  .one-sixth,  .one-two-third,  .one-three-fourths {
	width: 100%;
	margin: 0 0 25px;
}
.alert-red.alignright,  .alert-yellow.alignright,  .alert-green.alignright,  .alert-blue.alignright,  .alert-red.alignleft,  .alert-yellow.alignleft,  .alert-green.alignleft,  .alert-blue.alignleft {
	width: 100%;
	margin: 25px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
}


/* Mobile (Landscape) = Design for a width of 440px
================================================== */

/* Note: Design for a width of 440px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
	/* decrease font size and line height */
	font-size: 112.5%;
	line-height: 1.61;
}
#post {
	width: 100%;
}
#sidebar {
	width: 100%;
}
.grid-container {
	width: 103%;
}
/*grid*/

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6,

.grid-4-3, .grid-4-4 
{
	width: 97.0873%;
}
/* make 4 across grid 2 across */
.grid-4, .grid-4-1, .grid-4-2 {
	width: 97.0873%;
}
.grid-3-1,.grid-3-2, .grid-3-3 {
	width: 46.998%;
}
/* make 6 across grid 2 across */
.grid-6, .grid-6-1, .grid-6-2{
	width: 46.998%;	
}
/* make 6 across grid 2 across */
.grid-6-3 {
	width: 46.998%;
}
}