/* Description: Site Layout */

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

.wrap {
	width: 960px;
	margin: 0 auto;
}

#main {
	position: relative;
}

#primary {
	width: 65%;
	float: left;
	margin-bottom: 30px;
}

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

.page-template-page-staff-php #primary {
	max-width: none;
}

.home #primary {
	max-width: none;
	padding-right: 340px;
	margin-bottom: 0;
}

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

.home #main {
	min-height: 500px;
}

.home #main #secondary {
	width: 277px;
	position: absolute;
	top: 100px; 
	right: 0;
	margin: 0;
}

#colophon {
	clear: both;
	width: 100%;
}

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

/* Footer
------------------------------------------------------------ */

footer {
	padding: 10px 0 0;
}

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

.one-half {
	float: left;
	margin: 0 0 10px;
	width: 48%;
	margin-left: 4%;
}

#primary .one-half:first-child, #primary .one-half.odd {
	margin-left:0;
}

.one-third {
	float: left;
	margin: 0 0 10px;
	margin-left: 3%;
	width: 31%;
}

#primary .one-third:first-child {
	margin-left:0;
}

.two-thirds {
	float: left;
	width: 66%;
	margin-bottom: 20px;
}

.one-fourth {
	float: left;
	margin: 0 0 10px;
	width: 24%;
	margin-left: 1%;
}

#primary .one-fourth:first-child {
	margin-left:0;
}


.multi-col2 {
	-moz-column-count:2; 
	-webkit-column-count:2; 
	column-count:2;
	-moz-column-gap:40px;
	-webkit-column-gap:40px;
	column-gap:40px;
}

.multi-col3 {
	-moz-column-count:3; 
	-webkit-column-count:3; 
	column-count:3;
}


.multi-col2 li, .multi-col3 li {
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
}

/* 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) {

	#page .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) {

	.one-half, .one-third, .grid .grid_1_of_2, .grid .grid_1_of_3 {
		width: auto;
		float: none;
		clear: both;
		margin: 0 0 30px;
	}

	#main #primary, .two-thirds, #main #secondary, .home #main #secondary {
		width: auto;
		float: none;
		clear: both;
		padding-right: 0;
		position: static;
	}
	
	.fb-like-box, .fb-like-box span, .fb-like-box iframe {
		width: 99% !important;
	}
	
}