/*
Theme Name: Darker
Author: Drexler
Author URI:  http://www.drxlr.com
Description: I used to be darker 

*/

/* Font References --------

font-family:'LetterGothicW01-Regular';
font-family:'Letter Gothic W01 Bold';
font-family:'LetterGothicW01-Oblique';
font-family:'Plantin W01 Italic';
font-family:'Plantin W01 Light';
font-family:'PlantinW01-LightItalic';
font-family:'Plantin W01';

*/


/* Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0; 
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

fieldset, img { 
	border:0; 
}

address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal; 
}

caption, th { 
	text-align:left;
}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal; 
}

q:before, q:after { 
	content:'';
}

strong { 
	font-weight:bold;
}

em { 
	font-style:italic;
}

a img { 
	border:none 
}

abbr {
	color:#ee1c24; 
	border-bottom:1px dotted #ee1c24;
}

div {
	position:relative;
}


#mobile-trailer {display:none;}

.page-id-32 video {position: absolute; left: 30%; margin: 30px 0 0 -30px;}

.page-id-32 .modal-inner .close {margin:0;}


/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	margin:20px 0;
	line-height: 1.7em;
}

a {
	color: #4aa3c7;
}

a:hover {
	color: #333;
	}
	
.welcome_nav {color:#999;}

h1, h2, h3 {
	line-height:1.5;
	font-weight: normal;
}

h2 {
	font:34px 'Letter Gothic Std' , Monaco, Consolas, monospace;
	text-transform:uppercase;
}

	h2 span {
		color:#b9b9b9;
		font-weight:bold;
	}
	
	.cast_crew h2 {border-bottom: none!important;}
	
h3 {
	font:22px 'Letter Gothic Std' , Monaco, Consolas, monospace;
	text-transform:uppercase;
}

blockquote {
	font: normal 18px 'Plantin', Times;
	color:#001820;
	line-height: 20px!important;
	font-style: oblique;
	}
	
	blockquote span {color:#b9b9b9; font-size: 12px; line-height: 14px!important;}

	article blockquote {
		text-indent: -8px;
		}

	article blockquote span {
		margin-top: 16px;
		display: block;
		}
	

/* Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	color:#111;
	margin:0;
	padding: 0;
	font:12px 'Letter Gothic Std', Monaco, Consolas, "Lucida Console", monospace;
	background:#fff;	
}

body.home {
	overflow-y: hidden;
	background:#f1f1f1;	
	}

footer {
	padding:0 0 0 35px;
	font-size:12px;
	position: fixed;
	top: 110px;
	left: -70px;
	color: #777;
	text-align: right;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	white-space:nowrap;
	}
	
	footer a {
		text-decoration: none;
		color:#777;
		}

/* Homepage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#wrapper {
	width:100%;
	/* overflow:hidden; */
	padding: 0;
	margin: 0;
}

#page_home {
	width:23000px;
	height:970px;
	overflow-y: hidden;	
}

#page {
	padding-bottom: 60px;
	}

.panel {
	height:960px;
	min-width: 600px;
	float:left;
	/* T E M P O R A R Y */
/*
	border-right: 1px dashed #000;
	border-left: 1px dashed #000;
*/
}


.laurels {
	position: absolute;
	bottom:100px;
	left:-170px;
}

.laurels ul {list-style-type: none;}
.laurels ul li {display: block; float:left; margin-right: 20px;}
.left, .right {
	font-size: 30px;
	position: fixed;
	left: 40px;
	bottom: 100px;
	z-index: 9999;
	}

.right {
	left: 150px;
	}

p.stats {
	font-size: 30px;
	position: fixed;
	left: 50px;
	top: 100px;
	color: #fff;
	z-index: 9999;
	}

	.title {
		background: #021921 url(images/bg_home_texture.jpg) no-repeat 0 0;
		padding: 0 0 0 270px;
		width:1030px;
		min-width: 900px;
		color: #fff;	
	}
	
		.title h1.logo {
			display:block;
			text-indent:-9999px;
			margin-top: 100px;
			margin-left: 200px;
			color: #fff;
			position: absolute;
		}
		
		.title h1.logo span {
			background:url(images/title.png) no-repeat;
			display: block;	
			position: absolute;
			}
		
		.title h1.logo span.iused {
			width:247px;
			height:120px;
			background-position: left top;
			top: 0; left: -5px;
			}
			
		.title h1.logo span.tobe {
			width:115px;
			height:140px;
			left: 440px; top: 160px;
			background-position: left -163px;
			}
			
		.title h1.logo span.darker {
			width:412px;
			height:65px;	
			left: 0px; top: 358px;				
			background-position: left -360px;
			}								
		
		.title div {
			position: absolute;
			width: 320px;
			margin-top: 270px;
			margin-left: 200px;
			}
		
				
		.welcome_nav {
			position:absolute;
			top:290px;
			left:250px;
			line-height: 20px;
			width: 150px;
			text-align: right;
			list-style-type:none;
		}
		
		.welcome_nav li {
			display:inline;
		}
		
		.welcome_nav a {
			color:#fff;
			text-decoration:none;
		}

		.welcome_nav p.arrows {
			margin-top: 27px;
			margin-left: 95px;
			width: 52px;
			height: 27px;
			display: block;
			width: 100%;
			text-indent: -9999px;
			background: transparent url(images/arrow-nav.gif) no-repeat;
			text-align: left;
		}
		
		.fixed_nav {
			position: fixed;
			bottom: 0px;
			left: 0px;
			border-top: 2px solid #fff;
			width: 100%;
			z-index: 9999;
			background: transparent url(images/nav-bg.png) no-repeat 600px bottom;
			}
		
			.home .fixed_nav {
				background: none;
				left: 0px;
				text-indent: 0;			
				}
		
		.fixed_nav li {
			float:left;
			display: block;
			text-indent: 0;
			}
		
		.fixed_nav a {
			color: #ccc;
			text-decoration: none;
			margin-right: 0px;
			background: #021921;			
			padding: 0 25px 0 25px;
			height: 70px;
			line-height: 70px;
			display: block;
			}

		.fixed_nav li.current-menu-item a, .fixed_nav li.current-page-ancestor a, .page-id-9 .fixed_nav li.menu-item-117 a {
			text-decoration: line-through;
			background: rgba(255,255,255,0.6);
			color: #333;
			}
		
		.single-cast_crew #menu-item-117 a {
			text-decoration: line-through;
			background: none;
			color: #fff;
			}

		.fixed_nav a.share, .fixed_nav a.email {
			float:left;
			display: block;
			}
		
		.fixed_nav a.credits {
				position: absolute;
				right: 0px;
				bottom: 0;
				padding: 0;
				text-indent: 0;
				width: 60px;
				text-align: center;
			}

		.fixed_nav a:hover {
			color: #fff;
			background: #0e2d38;
			}

			.home .fixed_nav a.credits {
				position: absolute;
				right: 0px;
				bottom: 0;
				padding: 0;
				text-indent: 0;
				width: 60px;
				text-align: center;
				}
			
		.fixed_nav a span {
			position: absolute;
			bottom: 0px;
			right: 60px;
			padding: 0px 15px;
			background: #fff;
			color: #333;
			width: 110px;
			text-align: center;
			}

			.home .fixed_nav a {
				background: none;
				}		
		
			.home .fixed_nav a:hover {
				color: #fff!important;
				background: #021921;
				}
		
		.home .fixed_nav li.current-menu-item a {
			background: rgba(255,255,255,0.1);
			color: #fff;
			}
		
		.subnav {
			position: fixed;
			top: -5px;
			right: 70px;
			z-index: 99;
			}
		
		.subnav a {
			font-size: 24px;
			display: block;
			}

		.subnav ul li {
			display: block;
			list-style: none;
			font-size: 24px;
			float:left;
			clear:left;
			}

		.subnav ul li a {
			display: inline;
			font-size: 24px;
			text-shadow: 0 0 0.4em #fff, 0 0 0.4em #fff;
			}
			
			.subnav ul li a:hover {
				color:#000;
				text-shadow: 0 0 0.4em #ddd, 0 0 0.4em #ddd;
				background: rgba(255, 255, 255, .5);
				}
				
				.single-cast_crew .subnav ul li a {
			display: inline;
			font-size: 24px;
			text-shadow:none;
			}
			
			.single-cast_crew .subnav ul li a:hover {
				color:#fff;
				text-shadow: none;
				background: none;
				}
			
		.subnav ul li.current_page_item a {
			color: #000;
			text-decoration: line-through;
			}
			
		.subnav .epk {
			display: none;
			}	
			
/* EXPERIENCE FRAMEWORK */
		
	.photos {
		
		}
	
	.video {
		
		}
	
	.full {
		max-height: 945px;
		width: auto;
		overflow: hidden;
		}
	
	
	/*Specific Panels*/

	.ocmd {
		width:auto;
		/* height:490px; */
		padding:0 112px 0 0;
		margin-left: -127px;
	}

		.ocmd .vid-mask {
			height: 525px;
			width: 1220px;
			overflow: hidden;
			float: left;
			margin: 100px 95px 0 0;
			}
		
		.ocmd .ferris {
			float: left;
			}
		
		.ocmd .party {
			float: left;
			position: relative;
			}

		.ocmd .party figcaption {
			position: absolute;
			left: 100px;
			top: 50px;
			display: block;
			width: 400px;
			color: #fff;
			line-height: 1.4;
			text-shadow: 1px 1px 1px #000;			
			}
			
	.vid-scrub {
		padding-left: 70px;
		width: 1140px;
		/* background: url(images/hash-marks.png) no-repeat 69px 356px; */
		}

	.jam {
		margin-right: 100px;
		margin-top: 20px;
		padding-left: 20px;
		}

	#nedjam {
		cursor: pointer;
		}

		#dopebody-show {
			width: 689px;
			height: 300px;
			background-image: url(images/vid-sprites/dopebody-clip.jpg);
			background-position: left top;
			text-indent: -9999px;
			cursor: e-resize;
			margin-top: 40px;
			display: block;
			float: left;
			}

		#door-scene {
			width: 689px;
			height: 300px;
			background-image: url(images/vid-sprites/frontdoor.jpg);
			background-position: left top;
			text-indent: -9999px;
			cursor: e-resize;
			margin-top: 45px;
			margin-left: 365px;
			display: block;
			float: left;
			}

	.quote {
		width: 1040px;
		}

		.quote aside {
			margin: 244px 0 0 130px;
			}

		.quote aside h3 {
			font: normal 38px/1.4em 'Plantin', Times;
			font-style: italic;
			text-transform: none;
			text-indent: -16px;
			font-weight: 100;
			}
	
	.dope {
		margin-right: 110px;
		}
	
	.dope video, .dope figure, .dope .drawer, .dope p {
		float: left;
		}
	
	.dope figure {
		position: relative;
		z-index: 50;
		}
	
	.dope .drawer {
		background: #a1a1a0 url(images/drawer-grain.jpg) repeat;
		height: 100%;
		padding: 0 50px 0 25px;
		position: relative;
		width: auto;
		}

	.dope .drawer .trigger {
		position: absolute;
		right: 8px;
		top: 325px;
		background: transparent url(images/trigger.png) no-repeat center;
		display: block;
		width: 30px;
		height: 30px;
		}

	.dope .drawer .upup, .dope .drawer .downdown {
		position: absolute;
		right: 8px;
		width: 30px;
		height: 30px;
		text-align: center;
		color: #fff;
		font-size: 40px;
		text-decoration: none;
		}

	.dope .drawer .upup:hover, .dope .drawer .downdown:hover {
		color: #111;
		}

	.dope .drawer .upup {
		top: 280px;
		}

	.dope .drawer .downdown {
		top: 365px;
		}

	.dope .drawer .arrow {
		display: none;
		}

	.dope .drawer .shadow {
		position: absolute;
		right: 0px;
		top: 625px;
		background: transparent url(images/slider-shadow.png) repeat-x right;
		display: block;
		width: 340px;
		height: 30px;
		z-index: 20;
		display: none;
		}

	.dope .drawer ul {
		width: 200px;
		}

	.dope .drawer li {
		list-style: none;
		margin-bottom: 25px;
		margin-top: 25px;
		padding-bottom: 25px;
		float: left;
		clear: left;
		width: 200px;
		height: 630px;		
		}
	
	.dope .drawer li img {
		height: 300px;
		width: auto;
		margin-bottom: 25px;
		}

	.dope p {
		width: 80px;
		line-height: 14px;
		margin-left: 10px;
		margin-top: 335px;				
		}
	
	.dope p a {
		display: block;
		margin-bottom: 15px;
		}

	.stack {
		position: relative;
		padding-top: 135px;
		padding-left: 215px;
		padding-right: 215px;
		margin-top: 50px;					
		}
	
	.stack figcaption {
		position: absolute;
		top: -10px;
		left: -10px;
		padding: 10px 40px 10px 10px;
		cursor: default;
		width: 150px;
		line-height: 1.4;		
		}
	
	.stack img {
		position: absolute;
		}

	.girls {
		width:2088px;
		/* height:490px; */
		padding:0 112px 0 110px;
	}
	
		.girls figure {
			display: inline;
			float: left;
			}
	
		.girls .taryn1 {
			margin-top: 130px;
			}
	
		.girls .taryn2 {
			margin-top: -80px;
			margin-left: -134px;
			}

		.girls .taryn2 figcaption {
			margin-left: 145px;
			margin-top: 5px;
			}

		.girls .abby1 {
			margin-top: -222px;
			margin-left: 488px;
			position: relative;
			}

		.girls .abby1 figcaption{
			position: absolute;
			left: 200px;
			top: -30px;
			}

	.basement {
		padding: 0 130px;
		margin-right: 20px;
		}

		.ned-abby {
			margin-top: 75px;
			border: 1px solid #aaa;
			padding: 35px;
			}
	
	.band {
		width:1500px;
		padding:0 112px 0 110px;
	}
	
		.band figure {
			display: inline;
			float: left;
			clear: none;
			}

		.band div {
			float: right;
			clear: none;
			}
	
		.band .kim-in-chair {
			float: left;
			margin-top: 80px;
			}

			.band .kim-in-chair figcaption {
				margin-bottom: 5px;
				}
	
		.band .guy-on-couch {
			float: left;
			}

		.band figcaption {
			margin-top: 5px;
			}

		.band .guy-on-couch figcaption {
			margin-left: 145px;
			text-align: right;
			}

		.band .nick {
			float: left;
			clear: left;
			}

	.scrapbook {
		position: relative;
		}

		.scrapbook .open-book {
			position: absolute;
			top: 500px;
			left: 1080px;
			font-size: 20px;
			color: #fff;
			}

	.band {
		width:1500px;
		padding:0 112px 0 110px;
	}
		
		.gifs {
			margin: 50px 50px;
			}
		
		.gifs figure {
			display: inline;
			float: left;
			clear: none;
			}

		.gifs div {
			float: left;
			clear: none;
			margin-right: 25px;
			}
	
	.b-w .circlenav {
		position: absolute;
		top: 250px;
		left: 20px;
		z-index: 9;
		width: 30px;
		}

		.b-w .circlenav a {
			display: block;
			margin-bottom: 10px;
			display: block;
			background: transparent url(images/cycle-nav.png) no-repeat -6px -34px;
			width: 24px;
			height: 24px;
			text-indent: -99999px;
			}

		.b-w .circlenav a.activeSlide {
			background-position: -6px -5px;
			}
	
	.cycle {
		background: none;
		display: block;
		float: left;
		position: relative;
		cursor: s-resize;
		margin-right: 150px;
		}
	
	.song {
		width: 1250px;
		}
	
	.song figure {
		text-align: right;
		width: auto;
		float: left;
		margin-right: 15px;
		}

	.song figure img {
		float: right;
		clear: right;
		margin-bottom: 15px;
		}

	.song figure img.kim-guitar {
		height: 430px;
		width: auto;
		}

	.song figure img.curb {
		height: 340px;
		width: auto;
		}

	.song figure img.room {
		margin-top: 65px;
		}
		
	.download a {
		font-size: 36px;
		margin: 0 0 0 -93px;
		}
		
	.download p {
		margin: 0 0 0 0!important;
		}
		
	
	.download {
		margin:	80px 0 -50px 0;
		}
		
	
	.trailer {
		position: relative;
		background: #fff;
		padding: 0 105px;
		}
	
	.trailer #trailer {
		margin-top: 100px;
		border: 1px dotted #000;
		width: 980px;
		height: 535px;
		background: none;
		overflow: hidden;
		position: relative;
		text-align: center;
		}
	
	#trailer a {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		height: 100%;
		line-height: 490px;
		color: #6ccaee;
		font-size: 28px;
		display: block;
		background: #fff;
		}

	#trailer a:hover {
		color: #333;
		background: (255,255,255,.9);
		}

	.trailer iframe {
		margin: 40px auto;
		width: 820px;
		}
	
	.final {
		border-left: 100px solid #fff;
		min-width: 250px;
		width: 250px;
		}

	.final a {
		position: relative;
		left: -25px;
		top: 275px;
		text-transform: uppercase;
		text-decoration: none;
		color: #333;
		}

	.final a span {
		color: #6ccaee;
		font-size: 80px;
		text-decoration: underline;
		position: relative;
		top: 24px;
		margin-right: 20px;
		}

	.final a:hover span {
		color: #333;
		}

/* CONTENT PAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#header h1 {
		font: normal 30px 'Plantin';
		font-style: italic;
		text-transform: uppercase;
		letter-spacing: 4px;
		margin-top: 50px;
		margin-bottom: 20px;
		}


/* CONTENT PAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.synopsis, .page-id-9 #page, .page-id-15, .page-id-13, .page-id-40, .page-id-11, .archive, .blog, .single, .category, .press, .error404 {
		background: #fff url(images/bg_page_texture.jpg) no-repeat 0 0;
		}
		
		.page-id-32 {
				padding: 50px 0 0 100px;
		}
		
		.page-id-32 header {padding-bottom: 50px;}

		

/* SYNOPSIS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.synopsis article, .page-id-15 article, .page-id-13 article, .page-id-40 article {
		float: right;
		margin-right: 70px;
		margin-top: 250px;	
		width: 70%;
		padding-bottom: 100px;
		}
		
		.error404 article {
		text-align: center;
margin: 350px auto 0;	
		width: 100%;
		padding-bottom: 100px;
		}

	.synopsis article h2, .page-id-15 article h2, .page-id-13 article h2, .page-id-40 article h2, .single article h2 {
		font: normal 30px 'Plantin';
		font-style: italic;
		letter-spacing: 5px;
		border-bottom: 1px solid #000;
		padding-bottom: 20px;
		margin: 0 0 20px 0;
		}

	.synopsis article .col, .page-id-15 article .col, .page-id-13 article .col,  .page-id-40 article .col, .single .col {
		float: left;
		width: 45%;
		margin-right: 5%;
		}
		
	.col-wide {
		float: left;
		width: 65%;
		margin-right: 5%;
		}

	.col-narrow {
		float: left;
		width: 25%;
		margin-right: 5%;
		}
		
	.col-commentform {
		float: right;
		width: 79%;
        margin:0;
		}

	.col-commenttext{
		float: left;
		width: 21%;
		}
		
	.col-block {
		float: left;
		margin-right: 5%;
		padding: 0 20px 20px 0;
		}
		
	.col-text-wrap {
		width: 100%;
		margin-right: 5%;
		}

	.synopsis section li, .page-id-15 section li, .page-id-13 section li, .page-id-40 section li {
		font-size: 24px;
		list-style: none;
		}

/* CAST/CREW
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.cast-crew {
		background: #fff;
		}

	.cast-crew section {
		float: right;
		margin-right: 70px;
		margin-top: 250px;		
		}

	.cast-crew section.cast {
		margin-top: 250px;
		margin-left: 0px;
		margin-right: 100px;
		}

	.cast-crew section h2 {
		font: normal 30px 'Plantin';
		font-style: italic;
		letter-spacing: 5px;
		border-bottom: 1px solid #000;
		padding-bottom: 20px;
		margin: 0 0 20px 0;
		}

	.cast-crew section li {
		font-size: 24px;
		list-style: none;
		}
		
		.crew ul {
		width: 250px;
	    float:left;
	    
		}

		
		

/* SINGLE C/C MEMBER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	.single-cast_crew {
		background: #000!important;
		}

	.single-cast_crew #wrapper {
		background: #000;
		}
	
	.cc-single {
		overflow: hidden;
		}

	.cc-single article {
		float: left;
		margin-left: 5%;
		margin-top: 250px;	
		width: 45%;
		padding-bottom: 100px;
		}

	.cc-single .cc-nav {
		width: 35%;
		float: left;
		text-align: right;
		margin-right: 10%;
		margin-top: 91px;
		position: relative; /*Fix so it shows above the img stack*/
		color: #fff;
		}
	
	.cc-single .cc-nav a {
		display: block;
		text-decoration: none;
		margin-bottom: 5px;
		color: #fff;		
		}

	.cc-single article div {
		width: 50%;
		float: left;
		clear: none;
		}

	.cc-single article div {
		width: 50%;
		float: left;
		clear: none;
		}

	.cc-single article header {
		border-bottom: 1px solid #fff;
		padding-bottom: 20px;
		margin: 0 0 20px 0;
		}

	.cc-single article h2 {
		font: normal 30px 'Plantin';
		font-style: italic;
		letter-spacing: 5px;
		margin: 0 0 5px 0;
		color: #fff;
		border-bottom: none!important;		
		}

	.cc-single article h4, .cc-single article p  {
		color: #fff;
		}
	
	.cc-single .cc-img {
		position: fixed;
		left:0;
		top:0;		
		}

	.bgwidth { width: 100%; height: auto; position: fixed; top:0;left:0; }
	.bgheight { height: 100%; width: auto;  position: fixed; top:0; left:0;}

/* PRESS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	
	.press #header, .category-press #header {
		text-align: center;
		margin: 0 auto 30px auto;
		}

	.press #header p, .category-press #header p {
		display: inline;
		font-size: 11px;
		margin: 0 5px 0 -135px;
		}
	
	#year-filter {
		font-size: 40px;
		color: #6dcaef;
		margin-bottom: 50px;
		display: inline;
		}

		#year-filter li {
			display: inline;
			}

		#year-filter li a {
			color: #6dcaef;
			letter-spacing: -1px;
			border-bottom: 1px solid #6dcaef;
			text-decoration: none;
			}
	
		#year-filter li.current a {
			color: #000;
			text-decoration: line-through;
			}
	
	.press-list {
		width: 80%;
		max-width: 1020px;
		margin: 70px auto 0 auto;
		}
	
	.press-list article {
		border-bottom: 1px solid #333;
		margin-bottom: 25px;
		padding-bottom: 10px;
		}
	
	.press-list article h1 {
		font-size: 24px;
		color: #6dcaef;
		border-bottom: 1px solid #6dcaef;
		display: inline;
		}

	.press-list article header p {
		font-size: 24px;
		font-weight: normal;
		color: #c1c1c1;
		margin: 0;
		}

	.post-nav {
		width: 80%;
		max-width: 1020px;
		margin: 0 auto;
		padding-bottom: 60px;
		padding-top: 20px;
		}
	
	.post-nav a {
		color: #021921;
		}
	
	.post-nav a.next-ent {
		float: right;
		}


/* PRESS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	.blog #header, .archive #header, .single #header {
		text-align: center;
		margin: 0 auto 30px auto;
		}

	.blog #header p, .archive #header p, .single #header p {
		display: inline;
		font-size: 11px;
		margin: 0 5px 0 -55px;
		}
		
		.single figure {
			margin: 40px 0!important;
			}
			
	
	#post-filter {
		font-size: 24px;
		color: #6dcaef;
		margin-bottom: 50px;
		display: inline;
		}

		#post-filter li {
			display: inline;
			}

		#post-filter li.current a {
			color: #000;
			text-decoration: line-through;
				-webkit-transition: color 1s linear;
				transition: color 1s linear;
			}

		#post-filter li a {
			color: #6dcaef;
			letter-spacing: 1px;
			border-bottom: 1px solid #6dcaef;
			text-decoration: none;
			text-transform: uppercase;
				-webkit-transition: color .15s linear;
				transition: color .15s linear;
			}

		#post-filter li a:hover {
			text-decoration: line-through;
			border-bottom: none;
			color: #555;
				-webkit-transition: color 1s linear .1s;
				transition: color 1s linear .1s;			
			}
	
	.post-list {
		width: 80%;
		max-width: 1020px;
		margin: 70px auto 0 auto;
		}
	
	.post-list article {
		border-bottom: 1px solid #333;
		margin-bottom: 25px;
		padding-bottom: 10px;
		}
	
	.post-list article h1 {
		font-size: 24px;
		color: #6dcaef;
		display: inline;
		}

	.post-list article h1 a {
		border-bottom: 1px solid #6dcaef;
		text-decoration: none;
		}

	.post-list article header p {
		font-size: 24px;
		font-weight: normal;
		color: #c1c1c1;
		margin: 0;
		}

	.post-nav {
		width: 80%;
		max-width: 1020px;
		margin: 0 auto;
		padding-bottom: 60px;
		padding-top: 20px;
		}
	
	.post-nav a {
		color: #021921;
		}
	
	.post-nav a.next-ent {
		float: right;
		}

/* SCREENINGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
	
	.screenings {
		background: #fff;
		}
	
	.screen-filter {
		width: 85%;
		display: block;
		margin: 50px 40px 0 0;
		float: right;
		border-bottom: 1px solid #000;
		}

	.screen-filter p {
		float: left;
		display: inline;
		margin-right: 20px;
		}

		.screen-filter p.fest-ce {
			width: 70%;
			float: right;
			clear: none;
			margin-right: -15px;
			}

	.screenings section {
		width: 85%;
		margin-right: 40px;
		display: block;
		margin-bottom: 50px;
		float: right;
		}
	
	.screens {
		margin-top: 0px;
		}
	
	.screenings header h2 {
		font: normal 30px 'Plantin';
		font-style: italic;
		letter-spacing: 5px;
		border-bottom: 1px solid #000;
		padding-bottom: 20px;
		margin: 0 0 20px 0px;
		float: left;
		width: auto;
		}
	
	.screens header {
		float: left;
		width: 25%;
		margin-top: 76px;
		margin-right: 5%;
		}
	
	.screenings section nav {
		float: left;
		clear: left;
		width: 250px;	
		}

	.screenings section nav a {
		display: block;
		text-align: right;
		text-decoration: none;
		margin-bottom: 5px;
		}

	.screens table {
		width: 70%;
		float: right;
		clear: none;
		}

	.screens tr {
		border-bottom: 1px solid #000;
		}

	.screens tr.even {
		background:url(images/screen-table-stripe.jpg) repeat-y;
		}
	
	.date-col { width: 20%; min-width: 152px; }
	.thtr-col { width: 60%; }
	.tix-col { width: 20%; min-width: 75px; }	

	.tix-col span {
		height: 11px;
		width: 11px;
		background:url(images/external.gif) no-repeat;
		display: inline-block;
		text-indent: -9999px;
		}

	.screens td {
		padding: 24px 18px;
		border-right: 1px solid #000;
		vertical-align: middle;
		background: none;
		}
		
			.screens tr td:last-child {width: 200px; border-right: none;}
	

	.screens thead td {
		border-right: none;
		}
		

	.festivals .festival-list {
		width: 70%;
		float: right;
		clear: none;
		}
		
	.festivals .festival-list li {
		list-style: none;
		float: left;
		clear: none;
		width: 160px;
		height: 65px;
		margin-right: 10px;
		}	
		
	.festivals header a {
		float: left;
		clear: left;
		text-align: right;
		width: 215px;
		}	

/* CONTACT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	

	.inquiries {
		margin: 100px 60px 0 335px;
		width: 950px;
		float: right;
		}
	
	.inquiries h2 {
		font: normal 30px 'Plantin';
		font-style: italic;
		letter-spacing: 5px;
		border-bottom: 1px solid #000;
		padding-bottom: 20px;
		margin: 0 0 20px 0px;
		float: left;
		clear: none;		
		}
	
	.inquiries aside {
		float: left;
		margin: 92px 30px 0 0;
		width: 170px;
		text-align: right;
		}

	.inquiries aside a {
		margin-bottom: 10px;
		display: block;
		}

	.inquiries div {
		float: left;
		clear: none;
		width: 740px;
		margin: 0;
		}

	.inquiries form ul li, #respond form p {
		border-bottom: 1px solid #000;
		list-style: none;
		margin-top: 18px;
		}

	.wpcf7 ul li.last {
		border-bottom: none!important;
		padding: 0;
		}

	.wpcf7-text, .wpcf7-textarea {
		border: none;
		background: none;
		padding: 14px 0 22px 0;
		width: 615px;
		font-family: 'Letter Gothic Std', Monaco, Consolas, monospace;
		}

	.wpcf7 label, #respond label  {
		width: 76px;
		display: inline-block;
		padding: 22px 0;
		border-right: 1px solid #000;
		margin-right: 35px;
		}
		
		.message label {
		height: 140px;
		vertical-align: top;
		margin-top:0;}

	.wpcf7-submit:hover, #respond #submit:hover {
			color: #333;
		}
		
/*Errors-Thank You*/

.wpcf7-not-valid-tip {
	background:#000!important;
	color:#fff; border:none!important; 
	text-align:center; 
	font-size:10px!important; 
	padding: 5px!important; 
	width: 200px!important;
	}
	
.wpcf7-validation-errors {
	background:url(images/background_input.gif) repeat;
	position: absolute;
	padding: 20px 20px 20px 20px!important;
	text-align:center;
	border:1px solid #000!important;
	}
	
.wpcf7-mail-sent-ok {
	background: url(images/background_input.gif) left top repeat, url(images/checkmark.png) left 20px no-repeat;
	padding: 20px 20px 20px 20px!important;
	text-align:center;
	border:1px solid #000!important;
}
		

	#share-modal, #email-modal, #one-modal, #two-modal, #three-modal, #four-modal {
			position: fixed;
			top: 0; bottom: 0;
			left: 0; right: 0;
			width: 100%;
			height: 100%;
			background: #000;
			background: rgba(0,0,0,.93);
			display: none;
			z-index: 99;
		}
	
	.modal-inner {
		margin-top: -50px;
		}
	
	#share-modal .close, #email-modal .close, #one-modal .close, #two-modal .close, #three-modal .close, #four-modal .close {
		width: 130px;
		height: 130px;
		display: block;
		background: transparent url(images/bigX.png) no-repeat center top;
		text-indent: -9999px;
		text-align: center;
		margin: 0 auto 50px auto;
		}
	#one-modal .close, #two-modal .close, #three-modal .close, #four-modal .close {margin: -50px auto 10px auto!important; position: absolute; right:40px;}

	#share-modal .close:hover, #email-modal .close:hover {
		background-position: center bottom;
		}

	#share-modal h2, #email-modal h2 {
			width: 80%;
			text-align: center;
			margin: 50px auto 50px auto;
			color: #fff;
			text-transform: none;
			font-size: 12px;
			}
	
	#share-modal ul {
			width: 80%;
			margin: 0 auto 50px auto;
			text-align: center;
		}

	#share-modal ul li {
			display: inline;
			color: #6dcaef;
			font-size: 30px;			
		}

	#share-modal ul li a {
			text-decoration: none;
			padding-bottom: 95px;
		}

	#share-modal ul li a:hover {
			color: #fff;
			background: transparent url(images/sharrow.png) no-repeat center bottom;
		}

	#scrapbook {
			position: fixed;
			top: 0; bottom: 0;
			left: 0; right: 0;
			width: 100%;
			height: 100%;
			background: #000;
			background: rgba(0,0,0,.3);
			display: none;
			z-index: 99;
		}
	
	#scrapbook .modal-inner {
		margin-top: -250px;
		}
	
	#scrapbook .close {
		width: 130px;
		height: 130px;
		position: absolute;
		top: 20px;
		left: 20px;
		background: transparent url(images/bigX.png) no-repeat center top;
		text-indent: -9999px;
		}

	#scrapbook .close:hover {
		background-position: center bottom;
		}

	#scrapbook h2 {
			width: 80%;
			text-align: center;
			margin: 50px auto 50px auto;
			color: #fff;
			text-transform: none;
			font-size: 12px;
			}
	
	#scrapbook figure {
			width: 80%;
			margin: 0 auto 50px auto;
			text-align: center;
		}
		
	#email-modal form {
			margin: 10px auto;
			width: 690px;
		}

	#email-modal form input {
			font-size: 13px;
			padding: 5px;
			margin-left: 25px;
		}

	#email-modal form input[type="email"] {
			width: 490px;
			padding: 10px;
			font: normal 13px 'Letter Gothic Std' , Monaco, Consolas, monospace!important;
		}

	#email-modal form input[type="submit"] {
			background: #333;
			text-align: center;
			font: normal 13px 'Letter Gothic Std' , Monaco, Consolas, monospace!important;
			color: #f1f1f1;
			padding: 12px 15px;
			text-indent: 0;
			display: inline;
			border: none;
		}

	#email-modal form input[type="submit"]:hover {
			background: #555;
			color: #fff;
		}

/* Comments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#comments {
	margin: 20px 0;
}

.avatar {
	display: none;
}

ol.commentlist {
	margin:0;
	padding:0; 
}

.commentlist li {
	list-style:none;
	padding:20px 0;
	min-height: 80px;
}

.commentlist li p:last-child {
	border: none!important;
	}

.comment-author {
	float:left;
	width: 200px;
	color:#333;
	font-size: 14px;
}
	
	span.moderation  {
		margin-left: 10px;
		}
		
.commentlist cite {
	display:block;
	font-style:normal
}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#01a2b4;
	text-decoration:none;
	font-weight:bold;
	font-style:oblique;
	font-size:16px;
}

.commentlist cite a:hover {
	color:#aaa;
	text-decoration:none;
} 

.commentlist p {
color:#787878;
margin: 0 0 20px 213px;
padding: 0 0 20px 0;
border-bottom: 1px solid #515151; 
} 

.comment-last p {
    padding:0;
	border-bottom: none!important;
	}

.commentmetadata {
	font-size: 10px;
	position: absolute;
	left:0;
	top: 20px;
	width: 200px;
	color:#333!important;
}

.comment-reply-link {
	display:none;
}

.comment-reply-link:hover {
	background:#787878;
	color:#fff!important;
}

cite {
	padding:0;
	font-size: 12px;
	}
	
#respond h3 {
	padding: 20px 0 0 0;
	color: #787878;
	text-transform: none;
}


#comments {
	padding: 20px 0;
}

 h3#comments {
	color: #787878;}

#respond {
	padding: 0 0 20px 0;
}

#respond textarea, #respond input {
	    border: none;
		background: none;
		padding: 14px 0 22px 0;
		font-family: 'Letter Gothic Std' , Monaco, Consolas, monospace;
		width: 85%;
		}
		


#respond label {
	font-size: 12px;
}


#respond #submit {
	padding: 0;
	margin: -26px 0 0 0;
	font: normal 36px 'Letter Gothic Std' , Monaco, Consolas, monospace!important;
	display: block;
	color: #6dcaef;
	letter-spacing: -3px;
	width: auto;
	cursor: pointer;
	background:none;
	border:none;
	position: absolute;
	z-index: 999;
	right:0;
}

	
.alt .commenttext {
	background: transparent;
	border: 1px solid #787878;
	padding: 15px;
}

#commentform {}


figcaption, .stack figcaption {
	cursor: help;
	}
	
		.wpcf7-text, .wpcf7-textarea {
		border: none;
		background: none;
		padding: 14px 0 22px 0;
		width: 615px;
		font-family: 'Letter Gothic Std' , Monaco, Consolas, monospace;
		}

	.wpcf7 label {
		width: 76px;
		display: inline-block;
		padding: 22px 0;
		border-right: 1px solid #000;
		margin-right: 35px;
		}

	.wpcf7-submit {
			padding: 0;
			margin-top: -26px;
			font: normal 32px 'Letter Gothic Std' , Monaco, Consolas, monospace!important;
			display: block;
			color: #6dcaef;
			width: auto;
			float: right;
			cursor: pointer;
			background:none;
			border:none;			
		}

	.wpcf7-submit:hover {
			color: #333;
		}

/* Wordpress Defaults
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aligncenter { 
	display:block; 
	margin:0 auto;
}

.alignleft { 
	float:left;
	margin:0 20px 0 0;
}

.alignright { 
	float:right;
	margin:0 0 0 20px;
}

.wp-caption { 
	border:1px solid #666; 
	text-align:center; 
	background:#ccc; 
	padding:10px; 
	margin:10px; 
}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Media Queries
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media screen and (min-width: 901px) {

	#page_home {
		height:970px;
	}

} /** END 481-900 **/


/* Media Queries
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media screen and (min-width: 481px) and (max-width: 900px) {

	
	.fixed_nav {
		background: transparent url(images/nav-bg.png) no-repeat 480px bottom;
		}
		
	.fixed_nav a {
		padding: 0 15px 0 15px;
		}
	
	/*Synopsis*/
	
	.synopsis article .col {
		float: left;
		width: 100%;
		display: block;
		margin-right: 0;
		}
	
	/*Press*/

	.press #header p {
		display: block;
		font-size: 11px;
		margin: 5px auto;
		}

	#year-filter {
		font-size: 30px;
	}		

	/*Blog*/

	.blog #header p {
		display: block;
		font-size: 11px;
		margin: 5px auto;
		}

	#post-filter {
		font-size: 18px;
	}	

} /** END 481-900 **/


/* 
--------------------------------------------------------------
##Query Tablet Landscape 1024 x 768
-------------------------------------------------------------- 
*/

		@media all and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px) {
			
			.fixed_nav {
				position: device-fixed;
				}
			
			#page_home {
				width:19500px;
				}
				
			.title {
				padding: 0 0 0 180px;
				}
		
			.welcome_nav {
				left: 150px;
				}
		
			.ocmd {
				margin-left: -126px;
				}
						
			.ocmd .vid-mask {
				margin: 50px 95px 0 0;
				}
			
			.stack {
				margin-top: -10px;
				}
			
			.stack figcaption {
				top: 20px;
				}
			
			.full img {
				height: 790px!important;
				width: auto!important;
				}
			
			.girls {
				width: 1788px;
				}
			
			.girls .taryn1 img {
				width: 650px;
				height: auto;
				}

			.girls .taryn2 {
				margin-top: -42px;
				margin-left: -110px;
				}
			
			.girls .taryn2 figcaption {
				margin-left: 125px;
				}

				.girls .taryn2 img {
					width: 655px;
					height: auto;
					}	
			
			.girls .abby1 {
				margin-top: -185px;
				margin-left: 400px;
				}

				.girls .abby1 img {
					width: 650px;
					height: auto;					
					}
			
				.girls .abby1 figcaption {
					left: 155px;
					}
			
			.band {
				width: 1065px;
				}
			
			.band figcaption {
				display: none;
				}
			
			.band .kim-in-chair {
				margin-top: 60px;
				}

				.band .kim-in-chair img {
				width: 550px;
				height: auto;
				}

			.band .guy-on-couch img {
				width: 500px;
				height: auto;
				margin-bottom: 15px;
				}
			
			.quote aside {
				margin-top: 194px;
				}
			
			.trailer #trailer {
				margin-top: 20px;
				}
			
			.final a {
				top: 250px;
				}
			
			.final a span {
				top: 10px;
				}
				
			.dope .drawer ul {
				width: 280px;
				}

				
				.dope .drawer li img {width:200px!important; height: 300px!important;}
				
	.scrapbook .open-book {
		position: absolute;
		top: 400px;
		left:840px;
		font-size: 20px;
		color: white;
		}
		
	#page_home {
		width:18800px;
		height:970px;
		overflow-y: hidden;	
	}
	
	.vid-scrub {display:none; padding-left:0; width:0;}
	
	.jam {margin-right:0; margin-top:0;  margin-left: -127px;}
	.ocmd {padding:0 0 0 0;}


		
		} /** END Tablet Landscape **/
		
/* ------------------------------------------------------------------------------------------------------- */
/* PHONE */		
		
@media screen and (max-width: 480px){

.fixed_nav {
		background: #021921!important;
		height:auto;
	    bottom: auto;
		position: relative;
	}

	.fixed_nav li {
		background:#021921; padding: 0;
		margin:0;
		display: block;
		float: left;
		clear:left;
		width: 100%;
		}

	.fixed_nav a {
		color: #ccc;
		text-decoration: none;
		background: none;
		text-transform: uppercase;
		display: block;
		font-size: 1em!important;
		}
		
	body, html {
		overflow-x: hidden;
	}
	
	/*Hiding*/
	
	footer, .welcome_nav, .inquiries p, .fixed_nav a.credits, .fixed_nav a.share, .fixed_nav a.email, .title h1.logo span.tobe,
	.title h1.logo span.darker, #respond h3   {
		display: none!important;
	}

	.panel {
			display: none; /*Hide all for mobile & small screens*/
		}
		
	#page_home, .contact {
		height: 640px;
	}		
		
		/*Title----*/
	
	.title {
		background: #021921 url(images/bg_home_texture.jpg) no-repeat 0 0;
		display: block;
		padding:0;
		height: 640px;
	}
			
	.title h1.logo span {
		background:url(images/title-mobile-normal.png) no-repeat left top!important;
		display: block;	
		position: absolute;
	}
			
	.title div {margin:0 0 0 2.4%!important; padding:0!important;}
	
	#mobile-trailer { background:transparent; position: relative; margin: 0;}
	
	.title p {
		margin:20px 0 0 0;
		padding:0;
		position: relative;
		top:200px;
		width: 85%;
	}
	
	.title h1.logo span.iused {
		width:259px;
		height:137px;
		background-position: left top;
		top: 0; left: 2.4%;
	}
	
	
		.title h1.logo  {
			margin-top: 50px;
			margin-left: 6px;
		}

}

/* ------------------------------------------------------------------------------------------------------- */
/* RETINA PHONE */
		
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px){
	
	body, html {
		overflow: hidden;
	}
	
	#mobile-trailer {display:block; top: 200px; left: -2%; position: relative; margin: 0;}
	#mobile-trailer iframe {background:#000; width: 100%; padding: 0 0;}
	
	/*Hiding*/
	
	footer, .welcome_nav, .inquiries p, .fixed_nav a.credits, .fixed_nav a.share, .fixed_nav a.email, .title h1.logo span.tobe,
	.title h1.logo span.darker, .cc-single img {
		display: none!important;
	}

	.panel {
			display: none; /*Hide all for mobile & small screens*/
		}
			
	/*Nav---*/
	
	.fixed_nav {
		background: #021921!important;
		height:auto;
	    bottom: auto;
		position: relative;
	}

	.fixed_nav li {
		background:#021921; padding: 0;
		margin:0;
		display: block;
		float: left;
		clear:left;
		width: 100%;
		}

	.fixed_nav a {
		color: #ccc;
		text-decoration: none;
		background: none;
		text-transform: uppercase;
		display: block;
		font-size: 1em!important;
		}

	
	#page_home {
		height: 440px;
	}
				
	/*Title----*/
	
	.title {
		background: #021921 url(images/bg_home_texture.jpg) no-repeat 0 0;
		display: block;
		padding:0;
		height: 640px;
	}
			
	.title h1.logo span {
		background:url(images/title-mobile.png) no-repeat left top!important;
		display: block;	
		position: absolute;
		-webkit-background-size: auto 90px;
		-moz-background-size: auto 90px ;
		background-size: auto 90px ;
	}
			
	.title div {margin:0 0 0 2.4%!important; padding:0!important;}
	
	.title p {
		margin:20px 0 0 0;
		padding:0;
		position: relative;
		top:160px;
		width: 85%;
	}
	
	.title h1.logo span.iused {
		width:259px;
		height:137px;
		background-position: left top;
		top: 0; left: 2.4%;
	}
	
	
		.title h1.logo  {
			margin-top: 50px;
			margin-left: 6px;
		}
		
		.subnav a {	font-size: .8em!important;}
		.subnav {width: 100%; margin:0; padding:0; left:10%; position: relative;}
		
	/*Synopsis*/
	
	.cc-single article {
		float: left;
		margin-left: 6%;
		margin-top: 50px;	
		width: 100%;
		padding-bottom: 0px;
		}
		
	.parent-pageid-5 article  {
		float: left;
		margin-left: 10%;
		margin-top: 50px;	
		width: 80%;
		padding-bottom: 0px;
		}
		
 .page-id-15 article .col, .page-id-13 article .col,  .page-id-40 article .col, .single .col {	
		float: left;
		width: 100%;
		margin-right: 0;
		}
	
		

	.cc-single .cc-nav {
		width: 100%;
		float: left;
		text-align: left;
		margin-right: 10%;
		margin-top: 20px;
		margin-bottom: 20px;
		position: relative; /*Fix so it shows above the img stack*/
		color: #fff;
		}
	
	.cc-single .cc-nav a {
		display: block;
		text-decoration: none;
		margin-bottom: 2px;
		color: #fff;		
		}

	.cc-single article div {
		width: 90%;
		float: left;
		clear: none;
		}
		
	.synopsis article, .page-id-9 section, .parent-pageid-5 section {
		margin-top: 100px;
		margin-right: 30px;
		width: 80%;
		}
	
	.synopsis article .col {
		float: left;
		width: 100%;
		display: block;
		margin-right: 0;
		}
		
		.synopsis .col-wide, .cc-single article p, .parent-pageid-5 .col p {width: 100%;}
		
		.synopsis .col-narrow, .cc-single .cc-nav, .parent-pageid-5 .col {
			width: 100%;
			float:left;
			clear:left;
			}
			
	.cast-crew section.cast {
		margin-top: 30px;
		margin-left: 30px;
		margin-right: 0px;
		float:left;
		clear:left;
	}
	
	/*Press*/

	.press #header p {
		display: block;
		font-size: 11px;
		margin: 5px auto;
		}

	#year-filter {
		font-size: 24px;
		margin-bottom: 40px;
	}

	.press-list {
		width: 85%;
		}

	.press-list article h1 {
		font-size: 18px;
		}

	.press-list article header p {
		font-size: 14px;
		}

	/*Blog*/

	.blog #header p {
		display: block;
		font-size: 11px;
		margin: 5px auto;
		}

	.post-list {
		width: 85%;
		}

	.post-list article h1 {
		font-size: 18px;
		line-height: 1.3;
		}

	.post-list article header p {
		font-size: 14px;
		}

	#post-filter {
		font-size: 14px;
	}

	.single div.col figure img, .single figure img, .single img {
		width: 100%;
		height: auto;
		}

	/*Contact*/
	
	.inquiries {
		margin: 100px 0px;
		padding: 0;
		width: 90%;
		float: right;
		}

	.contact .subnav a {
		font-size: 1em;
		}
		
	.contact .subnav li {
		width: 80%;
		} 
	
	.inquiries aside {
		float: left;
		display: block;
		margin: 0 0 20px 0;
		width: 100%;
		text-align: left;
		}

	.inquiries aside a {
		margin-bottom: 10px;
		display: block;
		}

	.inquiries div {
		float: left;
		clear: none;
		width: 100%;
		display: block;
		margin: 0;
		}

	.inquiries form ul li {
		border-bottom: 1px solid #000;
		list-style: none;
		margin-top: 10px;
		width: 85%;
		}

	.inquiries form ul li.last {
		border-bottom: none;
		padding: 0;
		}

	.inquiries form ul li label, .col-commentform label {
		display: inline;
		padding: 6px 5px;
		border-right: none;
		margin-right: none;
		background: #6dcaef;
		font-weight: bold;
		color: #fff;
		float: left;
		width: 96%;
		max-height: 1.3em;
		}
		

		 #respond form {width: 100%; float:left; clear:left;}
		 
		.col-commentform label {height: 5px; padding: 2px;}

	.inquiries form ul li input, .inquiries form ul li textarea, .col-commentform input, .col-commentform textarea {
		border: none;
		background: none;
		padding: 12px 0 12px 0;
		font-size: 14px;
		width: 100%;
		font-family: 'Letter Gothic Std' , Monaco, Consolas, monospace;
		}

	.inquiries form ul li input.submit, .wpcf7-submit, #respond #submit {
			margin-top: 5px;
			font-size: 24px!important;
			display: block;
			letter-spacing: -1px;
			width: auto;
			float: left;
			cursor: pointer;			
		}

	.inquiries form ul li input.submit:hover {
			color: #333;
		}
		
		
	#respond {
		padding: 0;
    }

	#respond textarea, #respond input {
		    border: none;
			background: none;
			padding: 14px 0 22px 0;
			font-family: 'Letter Gothic Std' , Monaco, Consolas, monospace;
			width: 100%;
		}

#respond label {
	font-size: 1em;
	width: 100%;
	padding:0 5px 16px 7px;
	border: none;
}


#respond #submit {
	padding: 0;
	margin: -26px 0 0 0;
	font: normal 24px 'Letter Gothic Std' , Monaco, Consolas, monospace!important;
	display: block;
	color: #6dcaef;
	letter-spacing: -3px;
	width: auto;
	cursor: pointer;
	background:none;
	border:none;
	position: absolute;
	z-index: 999;
	left:6%;
}	

	.trailer {
		padding: 0;
		background: #021921;
		}
	
	.trailer #trailer {
		margin-top: 0px;
		width: 100%;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;		
		}
	
	#trailer iframe,  
	#trailer object,  
	#trailer embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 67%;
		height:67%;
	}
	
	/* video fixed width wrappers */
.video-wrapper {
	width: 600px;
	max-width: 100%;
}
		
		.col-commenttext {width: 100%;}
		.col-commentform {
			float:left;
			clear:left;
			}
			
	 .single-cast_crew .fixed_nav li.menu-item-117 a {
			text-decoration: line-through;
			background: rgba(255,255,255,0.6)!important;
			color: #333;
			}
			
			.single-cast_crew .subnav {
				left:6%;}
			

} /** END <480 **/
	
/*Iphone 5----------- */
@media screen and (device-height: 568px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    
}