#header, #footer { background-color: #737478; }
#body_content { height: 0px; }

#stackable-container { margin-bottom: 200px; padding-left: 0; padding-right: 0; }
#stackable-container h2,
#stackable-container h3,
#stackable-container h4 {
	font-family: 'Theano Modern', Georgia, serif; font-weight: normal;
}
#stackable-container h2,
#stackable-container h3 { font-size: 66px; line-height: 64px; padding-top: 250px; text-transform: uppercase; }
#stackable-container h3 .alt { font-style: italic; font-size: 40px; line-height: 30px; text-transform: none; width: 100%; float: left; }
.ie7 #stackable-container h3 { line-height: 0; padding-bottom: 50px; }
#stackable-container h4 { font-style: italic; font-size: 18px; margin-bottom: 40px; }
#stackable-container ol { font-family: Georgia, serif; font-size: 14px; }

.fixedPos { position: fixed !important; top: 0; left: 0; z-index: 1; }
.bottomPos { position: absolute !important; bottom: 0; z-index: 1; }

.stackable-col { background: #0F1014; position: relative; }
#hitt .text-col .text-col-content { padding-bottom: 0 !important; }

.stackable-img { position: relative; z-index: 2; overflow: hidden; background: #0F1014; }
.stackable-img img { position: absolute; top: 0; height: 100%; width: auto; max-width: none; margin: auto; }

.text-col { }
.text-col .text-col-content { display: block; width: 80%; margin: auto; padding-bottom: 200px; overflow: visible; height: auto; }

.hr-dotted { width: 100%; height: 1px; margin: 35px 0; border-bottom: 1px dotted #BBBBBB; }
p.caption { font-style: italic; font-weight: bold; }
span.start { text-transform: uppercase; font-weight: bold; }

.stackable-img p.caption { 
	display: block;
	width: 230px;
	position: absolute;
	bottom: 90px; 
	right: 20px; 
	font-family: Georgia, serif; 
	font-weight: normal;
	color: #fff; 
	text-align: right;
}
p.credit { 
	color: #666; 
	font-size: 10px; 
	text-transform: uppercase; 
	position: relative; 
	top: 20px; 
	left: 20px; 
	font-family: 'Helvetica', sans-serif; 
}

@media (max-width: 900px) {	
	/* Don't let h3's stretch the page: */
	#stackable-container h3 { font-size: 52px; }
}


@media (max-width: 767px) {	
	#stackable-container { margin-bottom: 50px; }
	#stackable-container h2, #stackable-container h3 { padding-top: 30px; }
	#stackable-container h3 { font-size: 45px; }
	#stackable-container h3 .alt { font-size: 35px; }
	
	.stackable-img { position: static; overflow: visible; text-align: center; }
	.stackable-img img { position: static; width: 100%; }
	
	.text-col .text-col-content { padding-bottom: 50px; width: 100%; }
	
	p.caption { }
	p.credit { position: absolute; bottom: 10px; right: 20px; top: auto; left: auto; }
	.stackable-img p.caption { bottom: 0; }
}