/* # Site Structure
---------------------------------------------------------------------------------------------------- */

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}


/* ## Float Clearing
--------------------------------------------- */

.clearfix:before {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
	content: " ";
	display: table;
}

.clear {
	clear: both;
}


/* # Positioning, display, and max-width
--------------------------------------------- */
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.inline-block {
	display: inline-block;
}


/* ## Containers and wraps
--------------------------------------------- */
.site-container {
	background-color: #CCD2AA;
	color: #000;
}

.site-inner {
	clear: both;
	background-color: #fff;
}

.wrap {
	margin: 0 auto;
	max-width: 1160px;
	padding: 0 15px
}

body.home .wrap-smaller,
.wrap-smaller {
	max-width: 740px;
}

.content {
	overflow: hidden;
}

body.page .site-inner .wrap {
	padding-top: 30px;
	padding-bottom: 0;
}

body.home .site-inner .wrap {
	max-width: 1060px;
	padding-top: 0;
}

/* ## Column Classes
--------------------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

/* ## Site Header
--------------------------------------------- */

.site-header {
	background-color: #fff;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 166px;
	position: fixed;
	z-index: 9999;
}

.fixed-header-spacer {
	padding-top: 166px;
}

.title-area {
	width: 250px;
	float: left;
}

.title-area img {
	display: block;
}

.title-area a:hover img {
	opacity: 0.7;
}

@media only screen and (max-width: 875px) {
	.site-header {
		height: 148px;
	}

	.fixed-header-spacer {
		padding-top: 148px;
	}

	.title-area {
		width: 200px;
	}

	.main-nav-area {
		margin-top: 62px;
	}
}

@media only screen and (max-width: 767px) {
	.site-header {
		height: 122px;
		position: relative;
	}

	.fixed-header-spacer {
		padding-top: 0;
	}
}

/* ## Site Footer
--------------------------------------------- */
.site-footer {
	background-color: #CCD2AA;
	color: #000;
	font-weight: 300;
	font-size: 15px;
	padding: 25px 0;
}

.site-footer .wrap {
	padding: 0 25px;
}

.site-footer a {
	font-weight: 400;
}

/* ## Archives and indices
--------------------------------------------- */
article.post {
	border-bottom: solid 1px #ccc;
	padding-bottom: 25px;
	margin-bottom: 25px;
}


/* 1px below iPad portait view */
@media only screen and (max-width: 767px) {
	
	/* # Header
	-------------------------- */
	.site-header .wrap {
		padding-left: 0;
		padding-right: 0;
	}

	.title-area {
		padding-left: 15px;
		width: 175px;
		/*float: none;	*/
	}

}