/* ####################################### */
/* ############## STRUCTURE ############## */
/* ####################################### */

* {
	-moz-box-sizing : border-box;
	box-sizing : border-box;
}

html, body {
	min-height: 100%;
}

body {
	overflow-y: scroll;
}

#page {
	margin: 0px;
}

#wrapper {
	height: 100%;
	margin: 0 auto;
}

.e-push {
	display: none;
}

.sticky-footer #wrapper {
	margin: 0 auto -80px;
	height: auto;
	min-height: 100%;
}

.sticky-footer .e-footer,
.sticky-footer .e-push {
	height: 80px;
}

.sticky-footer .e-push {
	display: block;
}

.sticky-header #header {
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 1000;
}

.sticky-header :target:before {
	content: " ";
	display: block;
	height: 110px; /* fixed header height*/
	margin: -110px 0 0; /* negative fixed header height */
}


/* ####################################### */
/* ############# CONTAINERS ############## */
/* ####################################### */

.container:before,
.container:after,
.container-inner:before,
.container-inner:after {
	content: ""; 
	display: table;
}

.container:after,
.container-inner:after {
	clear: both;
}

.container,
.container-inner { 
	zoom: 1;
}

.container-inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0px 40px;
}

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

	.container-inner {
		padding: 0px 20px;
	}

}

.syntaxhighlighter .container:before,
.syntaxhighlighter .container:after {
	display: none;
}

/* ####################################### */
/* ############## COLUMNS ################ */
/* ####################################### */

.col {
	float: left;
	box-sizing : border-box;
	-moz-box-sizing : border-box;
}

/* TWO COL (SUB RIGHT)
------------------------------------------------*/

.two-col-right .main {
	width: 66.6666%;
}

.two-col-right .sub {
	width: 30%;
	float: right;
}

/* TWO COL (SUB LEFT)
------------------------------------------------*/

.two-col-left .main {
	width: 66.6666%;
	float: right;
}

.two-col-left .sub {
	width: 30%;
}

/* FULL WIDTH COL
------------------------------------------------*/

.full-width-col .col {
	float: none;
}

/* ####################################### */
/* ################ FOOTER ############### */
/* ####################################### */ 

#site-credits p,
#site-info-links p,
#site-copyright p {
	margin-bottom: 0;
}

#site-copyright {
	clear: left;
}

#site-credits {
	float: right;
	text-align: right;
}

#site-info-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#site-info-links li {
	float: left;
	margin-right: 10px;
}