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

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


/* Apply To All Responsive Layouts
================================================== */
/*grid*/	
.outerbox {
	width: 95%;
}
.grid-container {
	width: 103%;
	/* [disabled]background-color: red; */
}
.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: 1% 3% 1em 0%;
}
.grid-1 {
	width: 100%;
}
.grid-2,.grid-2-1 {
	width: 47.0%;
}
.grid-2-2 {
	width: 97%;
}


.grid-3, .grid-3-1 {
	width: 30.3333%;
}
.grid-3-2 {
	width: 63.6666%;
}
.grid-3-3 {
	width: 97%;
}


.grid-4, .grid-4-1 {
	width: 22.0%;
}
.grid-4-2 {
	width: 47%;
}
.grid-4-3 {
	width: 72%;
}
.grid-4-4 {
	width: 97%;
}


.grid-5, .grid-5-1 {
	width: 17.0%;
}
.grid-5-2 {
	width: 37%;
}
.grid-5-3 {
	width: 57%;
}
.grid-5-4 {
	width: 77%;
}
.grid-5-5 {
	width: 97%;
}


.grid-6, .grid-6-1 {
	width: 13.6666%; 
}
.grid-6-2 {
	width: 30.3332%;
}
.grid-6-3 {
	width: 46.9998%;
}
.grid-6-4 {
	width: 63.6664%;
}
.grid-6-5 {
	width: 80.3333%;
}
.grid-6-6 {
	width: 97%;
}

#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 {
	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%;	
}

/* 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%;
}

/*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;
}
/*other*/
	#error-page-title {
	font-size: 80px;
	line-height: 80px;
	margin-bottom: 25px;
}
#error-page-text {
	margin-top: 0;
}
/*comments*/
	.children {
	margin: 30px 0 0;
}
.children li.depth-2,  .children li.depth-3,  .children li.depth-4,  .children li.depth-5,  .children li.depth-6,  .children li.depth-7,  .children li.depth-8,  .children li.depth-9,  .children li.depth-10 {
	margin: 0
}
}


/* 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%;
}
/* make 4 across grid 2 across */
.grid-4, .grid-4-1, .grid-4-2 {
	width: 97%;
}
.grid-3-1,.grid-3-2, .grid-3-3 {
	width: 46.998%;
}
/* make 6 across grid 3 across */
.grid-6, .grid-6-1 , .grid-6-2{
	width: 46.998%;	
}
/* make 6 across grid 3 across */
.grid-6-3 {
	width: 46.998%;
}
}