html { 
	background-color: #000; 
	background-size: cover; 
	background-attachment: fixed; 
	background-position: top center;
	background-repeat: no-repeat;
}

body { 
	font-size: 12px; 
	background-image: url('header-border.png'); 
	background-position: top; 
	background-repeat: repeat-x; 
}

body, select, input, textarea { 
	color: #ccc; 
	color: rgba(245,245,245,0.66); 
}

a { 
	color:#ccc; 
	color: rgba(178,178,178,0.66); 
	-webkit-transition: all 0.5s;
}

a:hover { color:#f0f0f0; color: rgba(178,178,178,0.88); }

.wrapper { width: 940px; margin: 0 auto; }

header { position: relative; height: 120px; }

#site-title { 
	display: block; 
	height: 110px; position: absolute; top: 0px; left: 0px; background-image: url('xl-logo.png'); background-position: right; width: 180px; text-indent: -999em; overflow: hidden; }

#nav-main .large { margin-left: 200px; padding-top: 18px; height: 50px; }
#nav-main .large li { float: left; }

#nav-main .large a {
	display: block; 
	text-decoration: none; 
	font-family: "futura-pt"; 
	font-size: 20px; 
	font-weight: 700; 
	text-transform: uppercase; 
	padding-right: 0.8em; 
	margin-right: 0.8em; 
	border-right: 3px solid rgba(178,178,178,0.66); 
}

#nav-main .large a.last { margin-right: 0; padding-right: 0; border-right: none; }

#nav-main .small { margin-left: 240px; float: right; }
#nav-main .small li { float: left; }
#nav-main .small a { display: block; text-decoration: none; font-family: "futura-pt"; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-left: 1em; }


nav.social { position: absolute; top: 0px; right: 0px; }
nav.social ul { float: left; }
nav.social li { float: left; }

article { margin: 0 auto; width: 940px; }
#main-heading { font-family: "futura-pt"; font-size: 70px; text-transform: uppercase; font-weight: 700; color:#ccc; color: rgba(178,178,178,0.66); }
article h2 { font-size: 20px; text-transform: uppercase; font-weight: 700; color:#ccc; color: rgba(178,178,178,0.66); margin-top: 15px; }
article p { font-family: "Arial"; font-size: 16px; margin-bottom: 5px; }
article em { font-style: normal; text-transform: uppercase; }

html.thefilm .poster { float: left; margin-right: 30px; margin-bottom: 30px; margin-top: 13px; opacity: 0.88; }

.poster {
	float: left; margin-right: 30px; margin-bottom: 30px; margin-top: 13px; opacity: 0.88;
}

.cast_crew h1 { margin-bottom: 40px; }

.cast_crew article { width: 620px; float: right; }
.cast_crew #list-cast { line-height: 1.25em; font-size: 12px; }
.cast_crew #list-cast h2 { display: inline; font-size: 12px; text-transform: none; margin-right: 0.25em; color: #ccc; color: rgba(245,245,245,0.66); }
.cast_crew #list-cast h2:after { content: ':'; }
.cast_crew #list-cast ul { display: inline; }
.cast_crew #list-cast li { margin-bottom: 0.75em; display: inline-block; margin-right: 0.25em; padding-right: 0.5em; border-right: 1px solid #ccc; border-right-color: rgba(245,245,245,0.66); }
.cast_crew #list-cast li.last { border-right: none; margin-right: 0; padding-right: 0; }

.cast_crew #list-crew { margin-top: 20px; }
.cast_crew #list-crew h2 { display: none; }
.cast_crew #list-crew li { font-size: 12px; margin-bottom: 0.5em; }
.cast_crew #list-crew strong:after { content: ':'; }

#stills_container { width: 960px; overflow: hidden; }

#stills { width: 1000px; }
#stills li { float: left; }
#stills li a { display: block; margin: 10px; float: left; }
#stills li img { float: left; }

#stills { width: 1000px; }

#index-container { width: 574px; margin: 0 auto; margin-top: 100px; }

#social a:hover { opacity: 0.8; }
#social .contactus a { background-image: url('contactus.png'); background-repeat: no-repeat; background-color: rgba(255,255,255,0.2); height: 111px; width: 39px; display: block; text-indent: -999em; overflow: hidden; position: absolute; top: 100px; right: 0px; }
#social .facebook a { background-image: url('facebook.png'); background-repeat: no-repeat; background-position: bottom; background-color: rgba(255,255,255,0.2); height: 210px; width: 39px; display: block; text-indent: -999em; overflow: hidden; position: absolute; top: 219px; right: 0px; }

	header { background-position: 0px 0px; }
	header #nav-main .large { float: none; }
	header #nav-main .small { margin-left: 0; margin-top: 7px; }
	article { margin: 0 20px; width: auto; }

@media (max-aspect-ratio: 4/3) {
	html.index { background-image: url('bg/index.n.1280.jpg'); }
	html.behind { background-image: url('bg/behind.n.1280.jpg'); }
	html.thefilm { background-image: url('bg/thefilm.n.1280.jpg'); }
	html.cast_crew { background-image: url('bg/cast_crew.n.1280.jpg'); }
	html.stills { background-image: url('bg/stills.n.1280.jpg'); }
}
@media (min-aspect-ratio: 4/3) {
	html.index { background-image: url('bg/index.w.1280.jpg'); }
	html.behind { background-image: url('bg/behind.w.1280.jpg'); }
	html.thefilm { background-image: url('bg/thefilm.w.1280.jpg'); }
	html.cast_crew { background-image: url('bg/cast_crew.w.1280.jpg'); }
	html.stills { background-image: url('bg/stills.w.1280.jpg'); }
}