@charset "UTF-8";
/* 

Theme Name: Stranger in a Strange Land
Theme URI: http://mosessmith.net
Description: Custom theme for Benjamin Moses Smith
Version: 1.0
Author: CHIPS + Thadd Williams
*/

html { overflow-y: scroll }
body { background-color: #171717; margin: 0; font-family:"Apercu Bold", Calibri, sans-serif; text-transform: uppercase; font-size: 45px; line-height: 45px; font-size-adjust:0.508; font-weight:bold; font-style:normal; color: #ffffff }
	a:link, a:visited { color: #ffffff; text-decoration: none }
	a:hover, a:active { color: #868686; text-decoration: none }

.nav { position: fixed; z-index: 2; height: 45px }
.nav.nav-top { top: 40px }
.nav.nav-bot { bottom: 40px }
.nav.nav-left { left: 40px }
.nav.nav-right { right: 40px }
	.nav a { display: block; height: 45px; color: #868686 }
		.nav a:hover, .nav a.selected { color: #ffffff }
#container { position: absolute; z-index: 0; width: 775px; margin: 0 auto 0 -387.5px; top: 0; left: 50% }
	#header { position: fixed; z-index: 1; width: 775px; height: 45px; padding: 40px 0; background-color: #171717; text-align: center }
	#content { margin-top: 145px }
		#content .video-wrapper { width: 775px; height: 436px; margin-bottom: 40px; overflow: hidden }
			.video-wrapper .video-thumbnail { width: 775px; height: 436px; overflow: hidden }
				.video-thumbnail .poster-image { position: absolute; z-index: -1 }
					.poster-image .play-button { display: block; width: 0; height: 0; position: absolute; z-index: 0; margin: 173px auto 0 372.5px; border-top: 45px solid transparent; border-bottom: 45px solid transparent; border-left: 60px solid #868686 }
						.poster-image .play-button span.arrhead { display: block; width: 50px; height: 30px; background-color: #868686; margin: -15px 0 0 -110px }
					.poster-image img { position: absolute; z-index: -1 }
				.video-thumbnail .poster-title { position: absolute; z-index: 0; width: 675px; height: 381px; margin: 0 50px 55px 50px }
					.poster-title h2.title { margin: 0; font-size: 45px; line-height: 45px; display: table-cell; width: 775px; height: 381px; vertical-align: bottom; text-align: center }
			.video-wrapper .video-player { width: 775px; height: 436px; overflow: hidden; display: none }
#container-home { display: table; position: absolute; z-index: 0; width: 775px; height: 100%; margin: 0 auto 0 -387.5px; top: 0; left: 50% }
	#container-home #content { display: table-cell; width: 775px; height: 100%; vertical-align: middle; text-align: center }
		#content h1 { margin: 0; font-size: 100px; line-height: 95px }
			#content h1 span.dash { color: #868686 }
			#content h1 a { color: #868686 }
				#content h1 a:hover { color: #ffffff }