/* Description: Site Layout */

/* Structure
------------------------------------------------------------ */

.container {
  max-width: 1150px;
  margin: 0 auto;
}

#primary {
	float: left;
	margin: 0;
	margin-bottom: 20px;
	width: 70%;
}

#primary.full-width {
	width: auto;
	float: none;
}

#main #secondary {
	float: right;
	overflow: hidden;
	margin-bottom: 20px;
	width: 27%;
}

#colophon {
	clear: both;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Alignment
------------------------------------------------------------ */

.align-left, .alignleft {
	float: left;
	margin: 0 15px 15px 0; 
	display: block;
}

.align-right, .alignright {
	float: right;
	margin: 0 0 15px 15px;
	display: block;
}

.left {
	float:left;
}

.right {
	float:right;
}

/* Responsive Design
------------------------------------------------------------ */

@media only screen and (max-width: 1000px) {

	.site-wrap {
		width: auto;
		margin: 0 20px;
	}
	
	#main .widget .align-left, #main .widget .align-right {
		float: none;
		clear: both;
		margin-bottom: 10px;
	}

} @media only screen and (max-width: 700px) {
  
	#main #primary, #main #secondary {
		width: auto;
		float: none;
		clear: both;
	}
	
}