/*
Theme Name: Craven Official
Author: Celis Design
Author URI: http://www.celisdesign.com/
*/


*{
margin:0;
padding:0;
}

html {
	height:100%;
}

body {
	width:100%;
	height:100%;
	font:13px 'orator_fsregular',Arial, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	text-align:center;
	color:#fff;
	letter-spacing:1px;
	background:#000 url("http://d34jljxn7hrbc2.cloudfront.net/~tarsus37/wp-content/themes/craven/img/charcoal.jpg");
    background-attachment:fixed;
    background-size:cover;
}


img {
	width: 100%;
	max-width: 100%;	
	height:auto !important;
	display:block;
}

/*IE8*/
.lt-ie9 .scroll-pane img, 
.lt-ie9 .gallery-cycle-wrap .cycle-slideshow img {
	max-width:none;
	width:auto;
}

/*Inserts*/
p img {
	width:auto;
}

.list-entry img, div.no_resize img {
	width:273px !important;
	height:148px !important;
	margin:20px 0 0 0;
}

img.loader {
	width:16px !important;
	height:16px !important;
}

.charcoal {
	background: url("http://d34jljxn7hrbc2.cloudfront.net/~tarsus37/wp-content/themes/craven/img/charcoal.jpg");	
	background-attachment:fixed;
	background-size:cover;
}

.fixed {
	position:fixed;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}	

.text_left {
	text-align:left;
}

.text_right {
	text-align:right;
}

iframe {
	z-index:2000;
	max-width:100%;
}

.hidden {
	display:none;
}

.visible {
	visibility:visible; 
}

.tint {
	position:fixed;
	width:100%;
	height:100%;
	background:black;
	opacity:0.6;
	filter: alpha(opacity=60);
	z-index:-5;
}

.z-1 {
	z-index:1 !important;
}

.z-200 {
	z-index:200 !important;
}

.plot {
	padding:7% 0;
}

.single-wrap p, .plot p {
	line-height:29px !important;
	padding:0 0 30px 0;
}	


span.orator {
	float:left;
}

/*--------------------------------------------

STRUCTURE [GRID ESTABLISHED IN CSS DIRECTORY]

---------------------------------------------*/

#wrap {
	position:relative;
	min-width:100%;
	min-height:100%;
	height:100%;
	z-index:1000;
}	

.wrap-timeline {
	top:-72px;
}

.guttered {
	width:90%;
	max-width:1514px;
	margin:0 auto;
}

.span_2_of_3 .nested_third {
	float:left;
	width:50%;
	position:relative;
}

.padding_2 {
	padding:2% 0;
}

.padding_3 {
	padding:3% 0;
}

.padding_5 {
	padding:5% 0;
}

.padding_6 {
	padding:6% 0;
}

.padding_7 {
	padding:7% 0;
}

.padding_8 {
	padding:8% 0;
}

.padding_9 {
	padding:9% 0;
}

.padding_10 {
	padding:10% 0;
}

.top_5 {
	padding-top:5%;
}

.top_10 {
	padding-top:10%;
}

.bottom_10 {
	padding-bottom:10%;
}

.margin-50 {
	margin-top:50%;
}

.margin-100 {
	margin-top:100%;
}



/*-------------------------

FIXED CONTENT

--------------------------*/


.fixed_section, .fixed_form {
	position:fixed !important;
	width:100%;
	z-index:1000 !important;
	top:72px;
}

.fixed_filter {
	position:fixed !important; 
	width:100%;
	z-index:1000 !important;
}

.relative_form {
	position:relative !important;
	width:100%;
	display:none;
	z-index:1000 !important;
	top:0 !important;
}

.fixed-section-content {
	z-index:1200 !important;
	position:relative;
	margin-top:20%;
	opacity:0;	
	filter: alpha(opacity=0);
}


.fixed_image {
	position:fixed;
	width:100%;
	z-index:1 !important;
}

.fixed_top {
	position:fixed;
	top:0;
	width:100%;
	z-index:1000 !important;
}

.fixed-back-trigger {
	width:100%;
}

.background-fixed {
	background-attachment: fixed !important;
	background-position:center 72px !important;
}

.background-scroll {
	background-attachment:scroll !important;
	background-position:center 0px !important;	
	
}


/*-------------------------

FONTS / TYPE

--------------------------*/

ul {
	list-style:none;
}

@font-face {
	font-family: 'orator_fsregular';
	src: url('fonts/Orator-webfont.eot');
	src: url('fonts/Orator-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Orator-webfont.woff') format('woff'),
	url('fonts/Orator-webfont.ttf') format('truetype'),
	url('fonts/Orator-webfont.svg#webfontbold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansNarrowRegular';
	src: url('fonts/PTN57F-webfont.eot');
	src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/PTN57F-webfont.woff') format('woff'),
	url('fonts/PTN57F-webfont.ttf') format('truetype'),
	url('fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-------P--------*/

p, ul.tweet_list li, 
.adjacent_excerpt li, 
.fancybox-title, 
.fancybox-error {
	font:16px/1.4 'PTSansNarrowRegular',Arial, sans-serif !important;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
}


.col p {
	margin:0 auto;
/*	max-width:310px;*/
	letter-spacing:1px;
}

.span_1_of_3 p {
	max-width:55%;
}

p.height_27 {
	line-height:27px !important;
}

p._222, .wp-caption-text {
	color:#353535;
}

p.quote {
	letter-spacing:4px;
}

/*about page*/
.intro-text p {
	padding:0 0 150px 0;
	line-height:27px !important;
}


/*-------HEADINGS--------*/


h1, h2, h3, h4, h5, .orator, p.orator, span.orator {
	color:#fff;
	text-transform:uppercase !important;
	font-family:'orator_fsregular' !important;
}

/*-------H1--------*/


h1 {
	
	font-size: 32px;
	letter-spacing: 32px;
	color: white !important;
	display: inline-block !important;
	/*border-bottom: solid 4px white !important;
	text-transform: none;
	padding: 4px 4px 8px 18px !important;*/

}


/*-------H2--------*/

h2 {
	font-size: 26px;
	letter-spacing: 18px;
	color: white;
	display: inline-block;
	text-transform: none;
	padding: 4px 0px 6px 0px;
	
}

h2.underline {
	border-bottom: solid 3px white !important;
	text-transform: none;
	padding-left:15px;
}


.landing h2 {
	color:#777;
}

h2.single_title {
	white-space:nowrap; 
}

.film_entry h2 {
	letter-spacing:20px;
}


/*-------H3--------*/

h3 {
	font-size:17px;
	letter-spacing:4px;
	color:#fff !important;
	display:inline-block !important;

	/*border-bottom:solid 3px #fff !important;
	padding:2px 2px 4px 2px !important;*/
}

h3.reduced {
	font-size:16px;
}

h3.subtitle {
	color:#373737 !important;
}

h3.underline, .media h3 {
	border-bottom:solid 3px #fff;
	padding:2px 0px 3px 2px !important;
}

/*add these classes to sibling divs in featured section that don't fill space because of h3 underline*/
.h3_sibling_border_red {
	border-top:solid 2px red;
	border-bottom:solid 8px red;
}

.h3_sibling_border_white {
	border-top:solid 2px white;
	border-bottom:solid 3px white;
}

.film-grid .media h3 {
	border-bottom:solid 2px #fff;
	border:none;
}

/*-------H4--------*/

h4 {
	font-size:15px;
	letter-spacing:4px;
	display:inline-block;
	margin:0 0 5px 0;

}

h4.underline {
	border-bottom:solid 2px #fff;
	padding:2px 2px 2px 2px;
}

/*-------H5--------*/

h5 {
	font-size:14px;
	letter-spacing:2px;
	display:inline-block;
}

h5.underline {
	border-bottom:solid 2px #fff;
	padding:2px 2px 2px 2px;
}

/*-------------------------

LINKS

--------------------------*/

a { 
	color:#fff;
	text-decoration:none;
	-webkit-font-smoothing: subpixel-antialiased;
}

a:hover {
	color:#444;
}

.label_bottom a {
	color:#323232;
	letter-spacing:2px;
	-webkit-font-smoothing: subpixel-antialiased;	
}
.tweet a {
	color:#09f;
}

a span.link_arrow {
	margin:0px 0 0 4px;
}


div.entry-actions {
	float:left;
	margin:30px 0;
}

div.entry-actions ul {
	float:left;	
	font-size:11px;
	letter-spacing:3px;
	width:100%;
	padding:70px 0 60px;
}

div.entry-actions ul li {
	float:left;
	background:#131313;	
	padding:12px 12px 12px 15px;
}


div.entry-actions ul li.last {
	padding-left:4px;
	padding-right:14px;
}

div.entry-actions ul li.label {
	padding:11px 11px 11px 12px;
	border:solid 1px #131313;
	background:black;
	color:#454545;
}

div.entry-actions ul li a {
	color:#aaa;
}

div.entry-actions ul li a:hover {
	color:#fff;
}

a.more {
	font-family:'orator_fsregular',Arial, sans-serif !important;
	font-size:12px;
	display:inline-block;
	background:#faf9d7;
	padding:4px 21px 2px;
	color:#000;
	letter-spacing:2px;
	display:inline-block;
	width:auto;
	margin:8px auto;
}

a.more-external {
	padding:10px;
}

a.more_black {
	background:black;
	color:#fff !important;
}

a.buy, a.ts_buttonlink {
	float:left;
	font-size:11px;
	letter-spacing:2px;
	border:solid 1px #222;
	background:#faf9d7;
	color:black;
	padding:11px 11px 11px 12px;
	text-transform:uppercase;
}

a.ts_buttonlink {
	font-family:'orator_fsregular',Arial, sans-serif !important;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}

a.more:hover, a.buy:hover, ul.share li a:hover, 
a.ts_buttonlink:hover {
	color:white !important; 
	-webkit-transition:background-color 0.3s ease-out;   
	 background:#BF2C31;   
}

a.more_fade:hover {
	color:white !important;
}	

a.gallery_more {
	font-size:13px;
}


a.trailer {
	font:13px 'orator_fsregular',Arial, sans-serif !important;
	display:block;
	color:#fff;
	width:120px;
	margin:12px auto !important;
	letter-spacing:2px;
}

a.trailer:hover {
	color:#333;
}

a.arrow_thin_down {
	display:inline-block;
	width:13px;
	height:21px;
	margin:25px auto;
	background: url(img/arrow_down_white.png) no-repeat;
}

a.btn_x {
	display:inline-block;
	position:absolute;
	width:23px;
	height:23px;
	margin:auto;
    background-image: url("img/x.png");
}

a.btn_x_large {
	display:inline-block;
	width:30px;
	height:25px;
	background:url("img/x_large.png") center 2px no-repeat;
	z-index:200;
}

.gallery-cycle-wrap a.btn_x {
	right:2.5%;
}


/*---------------------------


FILMS PAGE INTRO 


--------------------------*/


#films-intro {
	padding:200px 0 120px;
}

#films-intro p {
	padding:0 0 90px 0; 
}

.intro-text p.sig {
	font-size:17px !important;
	letter-spacing:2px;
	/*background:url('img/slash.png') 0 0 no-repeat;*/

}

div#films-intro-link {
	position:absolute;
	z-index:1500;	
	top: 50%;
    left: 50%;
    width: 30%;
    height: auto;
    margin: -3.5% 0 0 -15%;	
    background: url('img/black70.png');  
}


a#films-intro-link-list {
	display:inline-block;
	width:98%;	
	height:100%;
	/*need padding for orator*/
	padding:50px 0px 50px 13px;
	color:white;
	font-size:17px;	
	letter-spacing:19px;

}	

a#films-intro-link-grid:hover, a#films-intro-link-list:hover {
	-webkit-transition:background-color 0.3s ease-out;   
	 background:#BF2C31;   
}	 


a#films-intro-link-grid {
	font-size:15px;
	letter-spacing:12px;
	padding:80px 0;	
	background:white;
	color:black;
}

div.trailer_tint {
	position:absolute;
	width:100%;
	z-index:1000;
}

div.trailer_tint img {
	width:100%;
	height:auto;
	display:block;
	opacity:0.75;
}


/*---------------------------


404


--------------------------*/

div#error-404-link {
	width:600px;
	width:50%;
	height:227px;
	padding-top:100px;
	background:url("img/slash.png") 290px top no-repeat;
	margin:0 auto;
}


div#error-404-link {
	background: url("img/slash.png") 47% top no-repeat;
}

div#error-404-link a  {
	font-size:19px;
	letter-spacing:26px;
}


/*---------------------------


MOBILE HIDE


--------------------------*/

div.swipe_to_browse {
	font-size:13px;
	color:#373737;
	padding:30px 0;
}

.span_1_of_4 .overlay p,
#films-intro-link-grid, 
a#footer-all-films, 
.swipe_to_browse, .mobile_only {
	display:none;
}


/*---------------------------


LANDING


--------------------------*/

#landing-house {
	width:100%;
	height:100%;
}

#landing-house .title {
	position:fixed;
	margin-top:-2% !important;

}

#landing-house .title h1 {
	font-size: 35px;
	letter-spacing:42px;
	padding-left:10px;
}

div.landing_spacer {
	width:100%;
	height:100%;
}

.landing, .landing-interior, .landing-tint {
	width:100%;
	height:100%;
	min-height:100%;
	z-index:-6;
}

.landing-interior-content {
	margin-top:100%;
	min-height:50%;	
}


.landing-interior .title-muted {
	opacity:0.1;
	filter: alpha(opacity=10);
}

#landing {
	position:fixed;
  	width: 100%;
  	min-height: 100%;
  	height:100%;
 	z-index: 1;
}


#landing-house .media-thumb .title h3 {
	font:16px/1.4 'PTSansNarrowRegular',Arial, sans-serif !important;
	display:inline-block;
	color:#404644 !important;
	letter-spacing:7px;
	opacity:0;
	filter: alpha(opacity=0);
}

#landing-house .media-thumb .title p {
	color:#363c3a;
	padding:3% 0 4%;	
	opacity:0;
	filter: alpha(opacity=0);	
}


.landing #canvas-loader {
	padding-top:100px;
}

/*----------------------------

FORMS

-----------------------------*/

form input[type='text'], form input[type='text']:focus {
	padding:10px;
	background:none;
	color:white;
	border:solid 1px #222;
}

form input[type='submit'] {
	border:solid 1px #222;
	background:none;
	color:white;
	padding:10px;
}

form input[type='submit']:hover {
	color:white;
	-webkit-transition:background-color 0.3s ease-out;   
	 background:#e41f26;   
}


.main-wrap input[type='text'] {
	padding:20px;
	width:50%;
}	

.main-wrap input[type='submit'] {
	padding:20px;
}


/*----------------------------

MAIN NAV & Filter NAV Icons

-----------------------------*/

#nav-wrap {
	width:100%;
	background:#111;
	padding:25px 0;
	border-bottom:solid 4px #151517;
	z-index:3000 !important;
}


input[type="text"]:focus {
	outline:none;
	color:white;
	border-bottom: solid 1px #191919;	
}

#nav-toggle {
	position:absolute;
	width:25px;
	height:15px;
	right:25px;
	top:25px;
	display:none;
	background:url("img/menu_arrow_down.png") center center no-repeat;

}

nav ul li {
	display:inline;
	margin:0 22px; 
}

nav ul li a {
	font-size:12px;
	color:#444;
	letter-spacing:2px;
}	

nav ul li a:hover {
	color:#fff;
	/*border-bottom:solid 2px white;
	padding:0 0 2px 0;*/
}	

nav ul li a.active {
	color:#fff !important;
}


nav ul li.social {
	float:right;
	margin:0 12px 0 0;
	opacity:0.3;
	filter: alpha(opacity=30);	
}

nav ul li.social:hover, 
.filter-nav ul li a.filter_icon:hover {
	opacity:1;
	filter: alpha(opacity=100);	
}

.filter-nav ul li a.filter_icon {
	margin:0 6px 0 0;
	opacity:0.2;
	filter: alpha(opacity=20);	
}

.filter-nav ul li a.active_icon {
	opacity:1;
	filter: alpha(opacity=100);	
}

ul.filter_icons {
	background:black;
	padding:2px 0 5px 5px;
}	

a.instagram_sm {
	display:inline-block;
	margin-right:22px;
	width:16px;
	height:17px;
	background:url("img/icons/icon_instagram_sm.png") center 1px no-repeat;
}

a.twitter_sm {
	display:inline-block;
	width:16px;
	height:17px;
	background:url("img/icons/icon_twitter_sm.png") center 1px no-repeat;
}

a.youtube_sm {
	display:inline-block;
	width:16px;
	height:17px;
	background:url("img/icons/icon_youtube_sm.png") center 1px no-repeat;
}


a.mailing_sm {
	display:inline-block;
	width:16px;
	height:17px;
	background:url("img/icons/icon_mail_sm.png") center 1px no-repeat;
}

a.rss_sm {
	position:absolute;
	width:17px;
	height:17px;
	background:url("img/icons/icon_rss_sm.png") center 1px no-repeat;
}

a.icon_list {
	display:inline-block;
	width:17px;
	height:17px;
	background:url("img/icons/icon_list.png") center 3px no-repeat;
}

a.icon_grid {
	display:inline-block;
	width:17px;
	height:17px;
	background:url("img/icons/icon_grid.png") center 3px no-repeat;
}

a.icon_timeline {
	display:inline-block;
	width:17px;
	height:17px;
	background:url("img/icons/icon_timeline.png") center 3px no-repeat;
}

		
/*----------------------------

SEARCH

-----------------------------*/

a.btn_search {
	position:absolute;
	left:25px;
	width:17px;
	height:17px;
	opacity:0.3;
	filter: alpha(opacity=30);	
	background:url("img/search.png") center 1px no-repeat;
}

a.btn_search:hover {
	opacity:1;
	filter: alpha(opacity=100);	
}

#header-form-wrap {
	position:fixed;
	display:none;
	width:100%;
	height:55px;
	padding:100px 0 100px 0;
	z-index:111;
	top:72px;
	background: url("img/black90.png");
}


#header-form-wrap form input[type="text"], 
#header-form-wrap form input[type="submit"] {
	padding:20px;
	font-size:13px;
}

#header-form-wrap form input[type="text"]  {
	width:400px;
}

#header-form-wrap a.btn_x {
	position:absolute;
	top:30px;
	left:30px;
}

#header-form-wrap label {
	font-size:14px;
}	

#search-results {
	height:900px;
	padding:50px;
	text-align:left;
}

/*results page*/
.search-wrap {
	min-height:800px;
}

.search-wrap h4 {
	margin:100px 0 55px;
	padding-bottom:50px;
	border-bottom:dotted 1px #222;
}

.search-border-bottom {
	border-bottom: solid 1px #191919;
	border:solid 2px white;
}
	

/*----------------------------

HEADERS

-----------------------------*/

div.header {
	width:100%;
	float:left;
	background:#070707;
	padding:90px 0;
	border-top:solid 4px #151517;
	border-bottom:solid 10px #1b1b1d;	
}	

div.header_top {
	/*padding:150px 0 90px 0;*/
}

div.header h2 {
	/*orator fix*/
	padding-left:16px;
}


.header_news h2 {
	padding-left:17px;
}


div.header div.sub_title {
	color:#444;
	font-size:15px;
	letter-spacing:2px;
	display:inline-block;
	/*letter spacing causes border that is too long when applied to h2*/
	border-top:solid 3px #fff;
	padding:10px 0 0  0; 
}


#header_news .sub_title, 
#header_home .sub_title {
	display:inline-block;
	min-width:105px;
	width:auto;
	margin:0 auto;
}

.header_featured .sub_title {
	width:230px;
}

#header_films .sub_title {
	width:140px;
}

#header_galleries .sub_title {
	width:258px;
}

#header_merch .sub_title {
	width:137px;
}

#header_other_media .sub_title {
	width:320px;
}

#header_projects .sub_title {
	width:228px;
}

#header_press .sub_title {
	width:135px;
}

#header_search .sub_title {
	width:165px;
}

#header_video .sub_title {
	width:135px;
}

#header_404 .sub_title {
	width: 410px;
}

#header_mailing_list .sub_title {
	width: 344px;
}

/*----------------------------

FOOOTER & PAGINATION

-----------------------------*/

#footer {
	font-size:13px;
	text-align:left;
}

#footer h4, .single_pagination h4{
	margin-bottom:22px;
}

#footer .label_section {
	height:30px;
	padding:0;
	background:#020202;
}

#footer .arrow_down {
	border-color: #020202 transparent transparent transparent;
}


#footer ul, .single_pagination ul {
	text-align:left;
}

#footer ul.social, a#footer-all-films {
	margin:28px 0;
}

#footer ul.social li {
	font-size:16px;
	display:block;
	padding:10px 0;
	height:20px;
}


#footer ul.social li a {
	padding-left: 22px;
	background-position:left 0px;
}

#footer ul.archives, .single_pagination ul {
	margin:0 0 28px 0;
}

#footer ul.archives li {
	line-height:17px;
}

.single_pagination {
	background:#060606;
}

.single_pagination ul li {
	line-height:20px;
}

#footer .list_box {
	width:100%;
	background:none;
	border-top:solid 1px #151515;
}

#footer .list_box ul  {
	padding:20px 0 2px 0;
}

#footer ul li a, #footer p, .single_pagination li a {
	color:#333;
}

#footer ul li a:hover, .single_pagination li a:hover {
	color:white;
}


#footer ul li.list_all{
	padding-top:25px;
}	

/***********LEGAL**********/

#legal {
	padding:3% 0 1.75%;
	background:black;
}

#legal h5 {
	margin-left:25px;
	text-transform:uppercase;
	letter-spacing:4px;
	font-size:12px;
	color:#292929;
}

#legal a {
	font-size:13px;
	color:#252525;
	margin-right:12px;
}

#legal a:hover {
	color:white;
}


/*----------------------------

ARROWS & LINES

-----------------------------*/


ul li.arrow_prev a {
	display:inline-block;
	width:21px;
	height:13px;
	background:url("img/arrow_thin_left.png") left center no-repeat; 
}

ul li.arrow_next a {
	display:inline-block;
	width:21px;
	height:13px;
	background:url("img/arrow_thin_right.png") left center no-repeat; 
}


div.line_black {
	margin:20px auto;
	width:60px;
	height:3px;
	background:#090909;
}

.arrow_black_left_right {
	background:url("img/arrow_right_black80.png") left center no-repeat; 
}


.arrow_05_left_right {
	background:url("img/arrow_right_05.png") left center no-repeat; 
}

.arrow_wrap {
	position:absolute;
	z-index:111;
	width:100%;
	text-align:center;
}

.arrow_down {
	width: 0px;
	height: 0px;
	margin:0 auto;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #090909 transparent transparent transparent;
}


.arrow_white {
	border-color: #fff transparent transparent transparent;
}

.arrow_up {
	z-index:100;
	position:absolute;
	bottom:0;
	left:25px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent #000000 transparent;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.arrow_up_06 {
	border-color: transparent transparent #060606 transparent;
 	_border-color: #000000 #000000 #060606 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#060606');
}

.arrow_up_09 {
	border-color: transparent transparent #090909 transparent;
 	_border-color: #000000 #000000 #090909 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#090909');
}
.arrow_up_white {
	border-color: transparent transparent #fff transparent !important;
	_border-color: #000000 #000000 #ffffff #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}


/*----------------------------

BRACKETS

-----------------------------*/

div.brackets {
	min-width:35%;
	margin:0 auto;
}

div.brackets .bracket {
	width:10px;
	height:2px;
	padding:15px 11px;
	display:inline;
	border-top:solid 1px #191919;
	border-bottom:solid 1px #191919;
}

.bracket_left {
	border-left:solid 1px #191919;
	margin-right:3%; /*account for extra Orator spacing*/
	margin-right:25px; /*account for extra Orator spacing*/	
}

.bracket_right {
	border-right:solid 1px #191919;
	margin-left:12px;
}

.bracket_heading {
	text-align:center;
	font-size:13px;
	letter-spacing:3px;
	color:#dedede;
	display:inline-block;
	-webkit-font-smoothing: subpixel-antialiased;	
}

/*----------------------------

LABELS & TITLES

-----------------------------*/
	
.label_section {
	width:100%;
	padding:57px 0;
}

#label-section-projects {
	/*padding:5% 0;
	max-height:132px !important;*/
}

#label-section-projects .sub_label {
	float:left;
	width:50%;
}
	
.label_section h4 {
	color:#eee;
	letter-spacing:3px;
	font-size:13px;
}

#insta_feed .label_top {
	padding:9.25% 0;
}

/*----LABEL BOTTOM--------*/

.label_bottom {
	float:left;
	width:100%;
	height:1%;
	padding:8% 0;
	font:13px 'orator_fsregular',Arial, sans-serif;	
	color:#323232;
	letter-spacing:1px;
	-webkit-font-smoothing: subpixel-antialiased;	
}

.label_absolute {
	position:absolute;
	width:100%;
	padding:7% 0;
	bottom:0px;
	font:13px 'orator_fsregular',Arial, sans-serif;		
}

.label_bottom_full {
	float:left;
	width:100%;
	/*height:25%;*/
	height:1%;
	padding:4% 0;
	font:13px 'orator_fsregular',Arial, sans-serif;	
}


.span_1_of_5 .label_bottom {
	padding:8% 0;
}

.span_2_of_4 .label_bottom {
	padding:5% 0;
}

.span_2_of_10 .label_bottom {
	padding:16% 0;
}

.span_3_of_3 .label_bottom {
	padding:3.5% 0;
	color:#111;
}

.label_2_col {
	padding:5% 0;
}

.label_unit {
	width:100%;
	padding:32% 0;
	font:13px 'orator_fsregular',Arial, sans-serif;	
}


#label_unit_more_films {
	padding:34% 0;
}


.label_unit_large {
	width:100%;
	padding:45% 0;
}

.label_center {
	position:absolute;
	text-align:center;	
	z-index:100;
	background: url("img/black60.png");
}

div.title h4, div.label_center h4 {
	font-size:14px;
	letter-spacing:1px;
	margin:7px 0 0 0;
	color:#777 !important;
	border:none;
	display:block;
}

div.label h4 {
	margin:8px 0 0 0;
}



/*----------------------------

ENTRIES, MEDIA & THUMBS

-----------------------------*/

.entry {
	width:100%;
	position:relative;
	
}	

/*specify col here, timeline also has media class*/
.col .media {
	/*float:left;*/
	position:relative;
	width:100%;
	max-height:100%:
	height:auto;
	text-align:center;
	background:black;
	z-index:100;
}

div.title {
	position:absolute;
	text-align:center;		
	z-index:100;
	top: 50%;
    left: 50%;
    height: 1%;
    width: 70%;
    margin: -2% 0 0 -35%;	
}	


div.landing div.title {
	height:4%;
	/*margin:3% 0 0 -35%;*/
	width:90%;
    margin: 0% 0 0 -45%;	

}

/*-----OVERLAYS------*/

div.media .media-thumb .overlay {
	position:absolute;
	width:100%;
	/*height:100%;*/
	padding:10% 0 0 0;
	z-index:90;				
	text-align:center !important; 
	letter-spacing:1px !important;
	line-height:20px !important;	
	color:#666 !important	
}


.span_1_of_4 div.media .media-thumb .overlay, 
.span_3_of_3 div.media .media-thumb .overlay {
	padding:12% 0 0 0;
}	

.span_3_of_6 div.media .media-thumb .overlay {
	padding:15% 0 0 0;
}	

div.no_link .media-thumb .overlay {
	padding:12% 0 0 0;
}

div.no_label  .media-thumb .overlay {
	padding:20% 0 0 0;
}

div.film-grid .media-thumb .overlay {
	padding:8% 0 0 0;
}

.span_2_of_3 .overlay a.trailer {
	letter-spacing:15px;
	width:100%;
	font-size:16px !important;
}

div.media .media-thumb .overlay p {
	font-family: 'PTSansNarrowRegular',Arial, sans-serif !important;
	font-size:15px;
	max-width:430px !important;
	margin:8px auto !important;
}

span.subtitle  {
	font-family:'orator_fsregular' !important;
	font-size:13px;
	display:block !important;
	color:#666 !important;
	margin:0px 0 7px 0;
	letter-spacing:2px;	
	text-transform:uppercase;
}

div.media .media-thumb .overlay span.date, 
.about-entry span.date, 
div.gallery-thumb .gallery-link {	
	width:70%;
	margin:0 auto;
	font-size:13px;
	display:block;
	text-align:center;
	color:#fff;
	letter-spacing:2px !important;
	background: url("img/line_date.png") center -3px no-repeat;
}


/*-----ADJACENT EXCERPT------*/

div.adjacent_excerpt  {
	text-align:left;
}

div.adjacent_excerpt ul {
	width:72%;
	display:block;
	margin:17% 10% 0 12%;
}

div.adjacent_excerpt ul li {
	display:block;
	margin:0 0 7% 0;
	color:#555;
}

div.adjacent_excerpt ul li a {
	font-size:15px;
	color:#424242;
}

div.adjacent_excerpt ul li a:hover, 
div.adjacent_excerpt ul li span.white:hover {
	color:#333;
}



/*FILMS LIST & GRID*/

.film_label {
	text-align:left;
}

.film_label h5 {
	display:inline-block;
	width:auto;
	margin-left:8%;
	text-transform:uppercase;
	letter-spacing:4px;
	font-size:12px;
}

div.film_label a.more_arrow {
	float:right;
	margin-right:8%;
	font-size:14px;
	color:#444;
}

div.film_label a.more_arrow:hover {
	color:white !important;
}	

/*FILMS LIST*/
div.film_entry .film_label h5 {
	color:#292929;
	margin-left:2.75%;
}

div.film_entry  .film_label a.more_arrow {
	margin-right:2.75%;
	color:#292929;
}


/*-------------------------

LISTINGS

--------------------------*/

div.listing-item {
	width:100%;
	text-align:left;
	margin:0 0 100px 0;
}

div.listing-item .entry-date {
	font:14px/1.4 'PTSansNarrowRegular',Arial, sans-serif !important;
	letter-spacing:2px;
	color:#353535;
}

div.listing-item p {
	color:#666;
	padding-bottom:20px;
}

div.listing-item .listing-actions a {
	letter-spacing:2px;
	font-size:14px;
	color:#353535;
}

div.listing-item .listing-actions a span.outlet, 
a.outlet {
	color:#BF2C31;
}

div.listing-item .listing-actions a:hover, 
div.listing-item .listing-actions a span.outlet:hover, 
a.outlet:hover {
	color:#292929;
}

#listing-pagination a {
	font-size:14px;
	letter-spacing:2px;
	color:#666;
}

#listing-pagination a:hover {
	color:#333;
}


/*------------------------------

PAGE WRAPS: SINGLE, GRID, FILMS LIST

-------------------------------*/

.single-wrap {
	padding:320px 0 0 0;
	background:#060606;
}

.single-gallery {
	padding:0;
}

.single-film {
	padding-bottom:10%;
}

.single-trailer {
	padding-top:10%;
}	

.single-wrap p {
	padding:7% 0;
}

/*VIDEO / GALLERIES / PROJECTS / LISTINGS*/
.main-wrap {
	padding:75px 0;
	background:#060606;
}

.films_wrap { 
	background:black;
}


/*---------------

SINGLE ENTRIES

----------------*/

div.single_subtitle {
	/*font:14px 'orator_fsregular',Arial, sans-serif;	*/
	color:#373737;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:55px 0 30px;

}


div.meta-details {
	font:15px/1.4 'PTSansNarrowRegular',Arial, sans-serif !important;
	letter-spacing:2px;
	padding:6px 0 0 0;
	
}

div.meta-details div {
	margin:20px 0 20px 0;
}

span.detail {
	font:15px/1.4 'PTSansNarrowRegular',Arial, sans-serif !important;
	color:#373737;
	letter-spacing:1px;
}

span.detail ul {
	margin-top:10px;
}


/******** TRAILERS ********/

div.title_play {
    position:absolute;
	/*width:100%;
	height:100%;
	margin:137px 0 0 0;
	*/
	text-align:center;		
	z-index:100;
	top: 50%;
    left: 50%;
    height: 2%;
    width: 60%;
    margin: -4% 0 0 -30%;
}

.span_1_of_3 div.title_play, .span_4_of_9 div.title_play {
	margin-top:-6%;
}

.single-wrap .trailer .title_play {
	margin-top:-3%;

}

.btn_play {
	display:inline-block;
	width:74px;
	height:74px;
	margin:auto;
    background-image: url("img/btn_play.png");
}

/*------- GRID SELECTORS -----*/

div.selector_title {
	text-align:left;
	padding:6% 0 0 6%;
	font-size:14px;
	color:#333;
	height:75px;
}

div.selector_title a.more_arrow {
	float:right;
	margin-right:10%;
	font-size:14px;
	color:#252525;
}

div.selector_title a.more_arrow:hover {
	color:white;
}

div.selector_excerpt {
	text-align:left;
	color:#444;
}

div.selector_excerpt p {
	margin:0 0 0 6%;
	max-width:85%;
}


/*------------

GRID: MERCH

-------------*/

.entry_merch {
	margin-bottom:65px;
}

.entry_merch div.selector_excerpt {
	min-height:135px;
}

.entry_merch a.buy, .entry_merch a.ts_buttonlink {
	margin-left:6%;
}

div.selector_title.merch_title {
	height:auto;
	margin-bottom:20px;
	font-size:17px;
	color:white;
}

div.selector_title.merch_title span {
	font-size:15px;
	color:#444;
}


.entry_merch .media-thumb ul.image-actions {
	position:absolute;
	width:20px;
	height:20px;
	padding:10px 10px 8px 8px;
	bottom:0;
	right:0;
	margin:0 !important;
    background-image: url("img/black80.png");
}

/********* IMAGE ACTIONS *************/

ul.image-actions {
	z-index:200;
	width:100%;
	height:30px;
	margin:18% 0 0 0;
}
	
ul.image-actions li {
	display:inline;
}	

ul.image-actions li a {
	display:inline-block;
	margin:0px;
}

ul.image-actions li a.zoom_it {
	width:17px;
	height:17px;
    background-image: url("img/icons/icon_zoom.png");
}
	
ul.image-actions li a.pin_it {
    width:33px;
	height:23px;
    background-image: url("img/icons/icon_pin_it.png");
}

ul.image-actions li a.instagram_it {
	width:17px;
	height:17px;
    background-image: url("img/icons/icon_instagram2.png");
}

ul.image-actions li a.tweet_it {
	width:22px;
	height:17px;
    background-image: url("img/icons/icon_twitter.png");
}


/*---------------------------


FEATURED MODAL / SHIRTS 


--------------------------*/

.modal-featured {
	position:fixed;
	top:15%;
	left:10%;
	width:80%;
	height:75%;
	background:#141414;
	z-index:3000;
	display:none;
	opacity:0;
}

.modal-featured.modal-full {
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url("img/black90.png");
	display:none; 
	opacity:0;
}

.modal-featured.modal-full img {
	width:60%;
	height:auto;
	margin:auto;
}

.modal-featured .inner {
	padding:100px;
}

.modal-featured .text-section {
/*
	text-align:right;
	padding-right:10%;
*/
}

.modal-featured a.btn_x_large {
	position:absolute;
	top:30px;
	right:30px;
}



/*----------------------------

CYCLE NAV 

-----------------------------*/

#cycle-nav {
	width:33.33%;
	float:left;
	position:relative;
	text-align:center;
	padding:150px 0 0 0;
	background:#000;
}	


/*-----FEATURED-----*/
#cycle-nav a, 
#featured-galleries-nav a.next, 
#featured-galleries-nav a.prev, 
#featured-films-nav a.next,  
#featured-films-nav a.prev  {
	display:inline-block;
	/*width:40px;
	height:70px;*/
	width:10%;
	height:7%;
	width:40px;
	height:67px;
	z-index:200;
	position:absolute;
	top:23%;
}	

#featured-galleries-nav {
	position:relative;
}

#featured-films-nav {
	background:#030303;
}

#featured-galleries-nav .label_absolute {
	z-index:200;
}

/*-----SINGLE AND GALLERIES-----*/

.gallery-cycle-wrap a.prev, 
.gallery-cycle-wrap a.next {
	display:inline-block;
	width:40px;
	height:67px;
	position:relative;
}


#cycle-nav a.next, #featured-galleries-nav a.next, a.next, 
#featured-films-nav a.next  {
	max-width:47px;
	background:url("img/arrows.png") -47px 0 no-repeat; 
	right:36%;
}

#cycle-nav a.prev, #featured-galleries-nav a.prev, a.prev, 
#featured-films-nav a.prev {
	max-width:47px;
	background:url("img/arrows.png") 0 0 no-repeat; 
	left:36%;

}

#featured-films-nav a.next {
	top:27%;
	right:38%;
}

#featured-films-nav a.prev {
	top:27%;
	left:38%;
}

/*----------------------------

INSTAGRAM

-----------------------------*/

div#therealwescraven {
	background:url("img/insta_wes.jpg") 0 0 no-repeat;
}

a.craven_instagram {
	display:inline-block;
	color:#fff;
	width:210px;
	height:22px;
	padding:0 0 0 25px;
	margin-top:4px;
	color:#fff;
	letter-spacing:5px; 
	background:url("img/icons/icon_instagram2.png") left 0 no-repeat;
}


a.craven_instagram:hover {
	color:#000;
}

#instafeed div{
	float:left;
	list-style:none;
	width:25%;
	height:auto;
	background:none	;
}

#instafeed div a img{
	opacity:0.18;
	filter: alpha(opacity=18);	
	height:auto;
}

#insta_feed ul li.insta_follow {
	float:right;
	width:50%;
	padding:65px 0;
	padding:11% 0;
	background:#0d0d0d;
	font-size:12px;
}


#images_title {
	min-height:500px !important;
}


/*----------------------------

MORE NEWS

-----------------------------*/


#more-news ul {
	width:85%;
	margin:0 auto;
	position:absolute;
	z-index:100;
	top: 28%;
    left: 8%;
    height: 2%;
    margin: -4% 0 0 0;	
	
}

#more-news ul li{
	display:block;
	margin:0 0 7% 0;
}

#more-news a.more-news-title{
	color:#373737;
	font-size:14px;
	letter-spacing:1px;
	min-height:22px;
	display:block;
}

#more-news a.more-news-title:hover {
	color:#fff;
}

#more-news a.more-news-link {
	color:#282828;
	font-size:13px;
}

#more-news a.more-news-link:hover, #more-news a span.white:hover, 
.list-grid a span.white:hover {
	color:#222;
}

#more-news .news-item {
	text-align:left !important;
}

#more-news .label_bottom {
	padding:22% 0;
}

#more-news .label_bottom a {
	color:#fff;
}

#more-news .label_bottom a:hover {
	color:#333;
}

/*----------------------------

LIST GRID: TV

-----------------------------*/

.list-entry {
	text-align:left;
	font-size:13px;
	color:#373737;
	font-size:15px;
	letter-spacing:1px;
	margin:100px 0;
}

.list-entry h4 {
	padding:3px 0 5px 2px;
}

.list-entry span.white {
	margin:0 0 0 5%;
}

.list-entry ul {
	width:30%;
	width:100%;
	margin:40px 0 40px 0;
}

.list-entry ul li {
	line-height:16px;
}

.list-entry ul li.white{
	line-height:45px;

}

.list-entry ul li a {
	line-height:45px;
	color:#777;
}

.list-entry ul li a:hover {
	line-height:45px;
	color:#fff;
}



/*------------------------------------------

FEATURED MAIN: ABOUT, PROJECTS,  FILMOGRAPHY

---------------------------------------------*/

#featured-about .overlay {
	padding-top:8%;
}

#featured_filmography {
	padding:12%;
	color:black !important;
	height:auto;
}

#featured_filmography p.heading {
	padding:5% 0 15% 0;
}

#featured_filmography p.excerpt {
	padding:4% 0 9% 0;
	max-width:75%;
	font:15px/1.3 'PTSansNarrowRegular',Arial, sans-serif !important;
}

#featured_filmography .media .title {
	margin-top:-4%;
}	

#featured_stats {
	margin:11% auto 0% auto;
	text-align:center;
}

/*About Page Stats*/

#featured_stats ul, #featured_stats_about ul {
	/*padding:40px 0 15px;*/
	padding:9% 0 7% 0;
	width:13%;
	display:inline-block;
	margin:0 9%;
	color:#666;
	text-align:center;
}


#featured_stats_about ul  {
	margin:40px 7% 40px;
}

#featured_stats ul.bordered {
	border-top:solid 3px #090909;
}

#featured_stats ul li {
	margin:0 0 25% 0;
	font-size:90%;

}

#featured_stats_about ul li{
	font-size:18px;
	color:#444;
	letter-spacing:3px;
	margin:0 0 40px 0;
}

#featured_stats_about ul li.bordered {

}

#featured_stats ul li.number, #featured_stats_about ul li.number {
	font:'PTSansNarrowRegular',Arial, sans-serif !important;
	font-size:20px;
	font-weight:bold;
	color:black;
}


#featured_stats_about ul li.number {
	font-size:44px;
	color:white;
}

/*----------------------------

FEATURED PRESS

-----------------------------*/

#featured-press {
	padding:8% 10%;
	color:#888 !important;
	height:auto;
	background:#010101;
	background:#0e0e0e;
}

#featured-press-title {
	padding:41% 0;
}

#featured-press img {
	width:75%;
	margin:2% auto 5% auto;
}

#featured-press h4 {
	color:white !important;
}

#featured-press p {
	width:80%;
}	

/*----------------------------

FEATURED TIMELINE

-----------------------------*/


#featured_timeline h4 {
	color:#fff !important;
	letter-spacing:3px;
}

#featured_timeline .label_bottom {
	padding:105% 0;
}

#featured_timeline  .label_bottom a {
	color:#fff;
}

#featured_timeline .label_bottom a:hover {
	color:#333;
}


/*----------------------------

FILTERS

-----------------------------*/


#films-filter, #films-filter-single, .filter-nav {
	padding:25px 0 28px 0 !important;
	background:#111;
	font-size:13px;
	text-align:center;
}


.timeline-filter {
	padding:25px 0;
	width:100%;
	position:fixed;
	top:60px;
	z-index:1000;
	border-top:solid 4px #151517;	
}

#films-filter-single {
	position:fixed; 
	top:-72px;
	width:100%;
	z-index:500;
}


.filter_hidden {
	position:fixed; 
	top:-72px;
	width:100%;
	z-index:500;
}

.filter_fixed {
	position:fixed;
	top:72px;
	width:100%;
	z-index:500;	
}

#films-filter .select, 
#films-filter-single .select, 
.filter-nav .select, 
#footer ul.redirect .select {
	position: absolute;
	text-align:left;
	height: 20px;
	width:130px;
	padding: 6px 25px 0 8px;
	overflow: hidden;
	background: url('img/arrow_down_sm.png') 145px 2px no-repeat;
	background-color:#000;
	color:#666;
}


select.styled {
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 5;
	overflow: hidden;
  	text-overflow: ellipsis;
}

#films-filter ul, 
#films-filter form ul, 
#timeline-filter form, 
#films-filter-single ul, 
#films-filter-single form ul, 
.filter-nav form ul {
	float:left;
	margin:0 2.5%;
}


#films-filter-single ul#jump, 
.filter-nav ul#jump {
	margin:0 0 0 2.5%;
}

#video-filter ul#jump, 
.filter-nav a.right {
	float:right;
}

.filter-nav a.right {
	margin-right:35px;
}


#films-filter ul li.label, 
#films-filter-single ul li.label, 
.filter-nav ul li.label, #footer ul.redirect li.label  {
	display:inline-block;
	padding:5px 3px 0 0; 
}

#films-filter ul li, 
#films-filter-single ul li, 
.filter-nav ul li, #footer ul.redirect li {
	display:inline;
}

#films-filter-single ul li, .filter-nav ul li {
	margin:0 5px 0 0;
}

#films-filter ul#view, 
#timeline-filter ul#view,
#films-filter-single #view, 
.filter-nav #view, 
#video-filter ul#pager {
	float:right;
	margin:0 5% 0 0;	
}


.filter-nav ul#pager {
	margin-left:0;
}

.filter-nav ul#pager, 
#films-filter-single ul#pager {
	padding:4px 0 0 0;
}


#gallery-filter ul#pager, 
#news-filter ul#pager, 
#projects-filter ul#pager, 
#other-media-filter ul#pager {
	float:left;
}

.filter-nav a {
	color:#666;
}

.filter-nav a:hover {
	color:white;
}

.timeline-filter ul#sort {
	display:none;
}

/*---------------------------------------------------

VIDEOS: FEATURED VIDEOS / VIDEO PAGES / SINGLE VIDEOS

-----------------------------------------------------*/

h4 a.featured_selector {
	font-size:13px;
	color:#666;
}

h4 a.featured_selector:hover {
	color:white;
}

#video-container-main {
	background:black;
}

.related-video a.video_selector img {
	opacity:0.2;
	filter: alpha(opacity=20);	
}

a.video_selector {
	z-index:3000 !important;
}

h4.video-title {
	color:#444;
}

.page-player .video-container {
	padding-top:4%;
}

.video-container {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}


a#trailer-more {
	font-size:14px;
	color:#252525;
}


a#trailer-more:hover {
	color:white;
}


.crop {
    overflow: hidden;
}

.crop .top {
	position:absolute;
	width:100%;
}

.crop .bottom {
	z-index:-1;
}

.crop img {
	
}


/*----------------------------

GALLERIES

-----------------------------*/


.gallery-section {
	background:black;
	padding:0.5% 0;
}

.scroller, .scroll-pane {
	display: inline-block;
    width: 100%;
    height: 360px;
    white-space: nowrap;
    overflow:auto;
    padding:12px 0;
    background:black;
    text-align:left;

}

.scroll-pane .canvas-loader {
	position:absolute;
	margin:55px;
}

div.scroll-pane  div.item, 
div.scroll-pane  ul li {
	display:inline-block;
	border-left:solid 1px #000;
	border-right:solid 1px #000;

}

.gallery-section ul { 
    height: 380px;
}
.gallery-cycle-wrap {
	background:black;
	padding:6% 0;
	height:800px;
}

.gallery-cycle-wrap .canvas-loader {
	position:absolute;
	text-align:center;		
	z-index:100;
	left:50%;
    height: 1%;
    width: 70%;
    margin: 350px 0 0 -35%;	
}

.gallery-cycle-wrap .cycle-slideshow {
	width:100%;
	max-height:800px;
	margin:auto;
	
}

.gallery-cycle-wrap .cycle-slideshow div {
	position:relative;
	margin:auto;
}

.gallery-cycle-wrap .cycle-slideshow div img{
	margin:auto !important;
}

.gallery-cycle-wrap .cycle-slideshow div.caption ul {
	width:100%;
	font:14px/1.4 'PTSansNarrowRegular',Arial, sans-serif !important;
	text-align:right;
	letter-spacing:1px;
}

.gallery-cycle-wrap .cycle-slideshow div.caption ul li {
	display:block;
	line-height:20px;
	color:#555;

}

.gallery-cycle-wrap .cycle-slideshow div.caption ul li a, 
.gallery-cycle-wrap .cycle-slideshow div.caption ul li span.credit {
	color:#333;
}	

.gallery-cycle-wrap .cycle-slideshow div.caption ul li a span.link_arrow {
	font-size:11px;
}

.gallery-cycle-wrap .cycle-slideshow div.caption a:hover {
	color:white;
}

.gallery-cycle-wrap a.prev, 
.gallery-cycle-wrap a.next {
	position:absolute;
	margin:20% 0 0 0;
	width:2%;
	height:20%;	
}

.gallery-cycle-wrap a.next {
 	right:4%;
 }
 
.gallery-cycle-wrap a.prev {
 	left:4%;
 }

.gallery-cycle-wrap a.close {
 	position:absolute;
 	right:4%
 }
 
 div.gallery-thumb .gallery-link {
	width:200px;
	margin:5px auto;
}

ul.tinted_thumbs li a img {
	opacity:0.25;
	filter: alpha(opacity=25);	
}



/*----------------------------

ABOUT PAGE

-----------------------------*/


.about-title {
	padding:390px 0 390px 0;
}

.about-entry {
	text-align:left;
}

.about-entry p, .about-entry h3 {
	padding-bottom:110px;
}

.about-entry p, 
#about-wrap .text_left p, 
#about-wrap .text-section, 
.main-wrap .text-section  {
	line-height:27px !important;
}

#about-wrap .image-section {
	min-height:100%;
}

.about-content {
	/*background:green;*/
	padding-bottom:350px;
}

#about-1{
	height:80%;
	padding:10% 0;
	background:#060606;
	margin-top:200px;
}

/*hide this, only for mobile*/
#about-1 .about-title {
	display:none;
}

#about-house {
	background: url('http://d34jljxn7hrbc2.cloudfront.net/~tarsus37/wp-content/themes/craven/img/about-backs/last_house_back.jpg') center 0 no-repeat; 
	background-attachment:scroll;	
	background-size:100% !important;
}

#about-house-release {
	background: url('http://d34jljxn7hrbc2.cloudfront.net/~tarsus37/wp-content/themes/craven/img/about-backs/last_house_back.jpg') center 72px no-repeat; 
	background-attachment:fixed;
	height:100%;	
	background-size:100% !important;
	
}

#about-music {
	margin-top:300px;
	padding-top:300px;
	background: url('http://d34jljxn7hrbc2.cloudfront.net/~tarsus37/wp-content/themes/craven/img/about-backs/music_back.jpg') center 0 no-repeat; 
	background-attachment:scroll;	
	background-size:100% !important;	
}

#about-music-release {
	background: url('http://d34jljxn7hrbc2.cloudfront.net/~tarsus37/wp-content/themes/craven/img/about-backs/music_back.jpg') center 72px no-repeat; 
	background-attachment:fixed;
	background-size:100% !important;	
	height:20%;	
}

#about-cor {
	padding:0 0 300px 0;
}


#about-wrap .image-section .backstretch {
	opacity:0.1;
	filter: alpha(opacity=10);	
}

#about-wrap .quote, #about-music .quote{
	padding:10%;
}

#about-wrap .quote {
	line-height:25px;
}

ul.about_era_titles {
	margin-top:30px;
}

ul.about_era_titles li {
	line-height:20px;
}

ul.about_era_titles li a {
	color:#454545;
}

ul.about_era_titles li a:hover {
	color:white;
}


/*----------------------------

TWITTER

-----------------------------*/

#label_at_wes_craven a {
	font-size:16px !important;
}

a.craven_twitter {
	display:inline-block;
	padding:0 25px 0 0;
	margin-top:4px;
	color:#fff;
	letter-spacing:5px; 
	background:url("img/icons/icon_twitter.png") right 1px no-repeat;
}

div.twitter_wrap {
	position:relative;
}

div.twitter_wrap p.loading {
	padding-top:15%;
}		

ul.tweet_list {
	display:block;
}

ul.tweet_list li {
	display:inline-block;
	float:left;
	width:50% !important;
	padding:11% 0 0 0;
	text-align:center;
}

ul.tweet_list li span.tweet_text {
	display:inline-block;
	padding:0 20%;
}

div.twitterfeed, div.twitter_follow {
	width:100%;
	position:absolute;
}

div.twitter_follow {
	bottom:15%;
}

div.twitter_follow ul li { 
	float:left;
	width:30%;
	margin:0 10%;
}

div.twitter_follow ul li a {
	font-size:13px;
}

ul.tweet_list li a, a.craven_twitter:hover {
	color:#00aced;
}

ul.tweet_list li span.tweet_time a  {
	display:block;
	color:#333;
	margin-top:3%;
}

ul.tweet_list li a:hover {
	color:#333;
}


span.tweet_date {
	display:inline-block;
	color:#444;
	margin:6px 0 0 0;
}


/*************************

MEDIA QUERIES

************************/

@media only screen and (min-width: 2000px) {
	
	div.entry .media .media-thumb .overlay {	
	 	 padding-top:15%;
	}
	
	
	#featured-about .overlay {
		padding-top:10%;
	}
	
}


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

	/*----NAV---*/
	nav ul li {
		margin:0 15px;
	}	


	/*----TWITTER---*/
	ul.tweet_list li {	
		padding:5% 0 0 0;
	}
	
	/*----FEATURED NAV---*/	
	#featured-films-nav a.next{
		top:25%;
		right:35%;
	}

	#featured-films-nav a.prev {
		top:25%;
		left:35%;
	}
	
	#featured-galleries-nav a.next {
		top:16%;
		right:32%;
	}
	
	#featured-galleries-nav a.prev {
		top:16%;		
		left:32%;
	}


	h2.single_title {
		white-space:normal;
	}


}

@media only screen and (max-width: 1300px) {
	
	#featured_filmography p.excerpt {
		padding:0 0 6% 0;
	}

}


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

	/*-----------
	Media Thumbs
	------------*/

		div.media .media-thumb .overlay {
			position:absolute;
			width:100%;
			padding:6% 0 0 0;
			z-index:90;				
			text-align:center !important; 
			letter-spacing:1px !important;
			line-height:20px !important;	
			color:#666 !important	
		}
		
		div.media .media-thumb .overlay p {
			font-size:11px;
		}

		/*Hide Until We get to tablet, show again for phone*/
		.span_1_of_3 .media .media-thumb .overlay p, 
		.span_2_of_3 .nested_third .media .media-thumb .overlay p {
			display:none;
		}
		
		.span_2_of_3 .media .media-thumb .overlay p {
			max-width:80% !important;	
		}
		
		.span_1_of_4 div.media .media-thumb .overlay, 
		.span_3_of_3 div.media .media-thumb .overlay {
			padding:9% 0 0 0;
		}	

		.span_3_of_6 div.media .media-thumb .overlay {
			padding:15% 0 0 0;
		}	

		div.no_link .media-thumb .overlay {
			padding:10% 0 0 0;
		}

		div.no_label  .media-thumb .overlay {
			padding:10% 0 0 0;
		}
		
		
		#featured_stats ul li {
			font-size:13px;
		}
		
		#featured_stats ul li.number {
			font-size:16px
		}

		/*featured miscellaneous*/	
		div.adjacent_excerpt ul {
			width:90%;
			margin:4% 4% 0 4%;
		}
	
}

@media only screen and (max-width: 1140px) {
	
	/*----TWITTER---*/	
	#twitter_home .span_1_of_3, 
	#twitter_home .span_2_of_3 {
		width:100%;
	}
	
	/* @wescraven */
	#twitter_home .span_1_of_3 {
		height:200px !important;
		padding:100px 0 0 0;
		background:url('img/black60_420.png');
	}
	
	#twitter_home .span_1_of_3 img {
		display:none;
	}
	
	#twitter_home .arrow_black_left_right {
		background:none;
	}
	
	/*arrow wrap and .clear*/
	#twitter_home .hidden {
		display:block;
	}	
	
	#twitter_home .arrow_down {
		border-color: #060606 transparent transparent transparent;
	}
		
	/* tweets */	
	div.twitter_wrap {
		float:left;
		padding:65px 0 0 0;	
	}
		
	ul.tweet_list li {
		width:50% !important;
		margin:45px 0;
		padding:5% 0 0 0;
	
	}
	
	ul.tweet_list li span.tweet_text {
		display:inline-block;
		padding:0 20%;
	}
	
	div.twitter_follow {
		bottom:50px;
	}

	div.twitter_follow ul li {
		width:100%;
		margin:0

	}
	
	div.twitter_follow ul li.mobile_hide {
		display:none;
	}
	
	
}

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

	/*----STICKY-WRAPPER---*/
	
	.sticky-wrapper {
		height:53px !important;
	}

	/*---NAV---*/

	#nav-toggle {
		display:inline-block;
		top:18px;
		right:18px;
	}

	nav {
		float:left;
		padding-left:6%;
	}
	
	nav.expanded {
		padding-top:45px;
	}
	
	nav ul li {
		float:left;
		text-align:left;
		display:none;
		width:26%;
		padding:8px 0;
	}
	
	nav.expanded ul li {
		display:inline-block;
	}
	
	nav ul li.social {
		display:none;
	}
	
	/*----SEARCH & FILTER NAV---*/
	
	#header-form-wrap, .filter-nav {
		top:54px;
		z-index:2001 !important;
	}
	
	.btn_search {
		top:18px;
		left:0px;
	}
	
	/*----TWITTER---*/

	div.twitter_follow {
		bottom:5%;	
	}
	
	/*----INSTAGRAM---*/

	#insta_feed .bracket {
		border:none;
	}

	/*----FEATURED MAIN---*/

	#featured_filmography p.heading {
		padding:2% 0 6% 0;
	}
	
	#featured_filmography p.excerpt {
		padding:0 0 3% 0;
	}
	
	/*----FEATURED MODAL---*/
	
	.modal-featured .inner {
		display:30px;
	}
	
	/*----PLAY BUTTON---*/
	
	.btn_play {
		display:inline-block;
		width:74px;
		height:40px;
		margin:auto;
		background-image: url("img/btn_play.png");
		background-position:0 -93px;
	}
	
	
	/*FILMS FILTER / FILTER NAV*/
	#films-filter .col, #timeline-filter .col, .filter-nav .col {
		width:auto !important;
		float:left !important;	
	}
	
	 #films-filter ul, .filter-nav ul {
		width:auto !important;
		float:left !important;	
		margin:0 0 28px 5px !important;
		
	}
	
	/*timeline*/
	div.timeline-filter	{
		display:none;
	}
	
	.vco-slider .slider-item .content .content-container {
		padding-top:100px !important;
	}
	.wrap-timeline {
		padding-top:18px;
	}
		
	 #films-filter-single ul {
	 	width:auto !important;
		float:left !important;	
		margin:0 0 0 10px !important;
	 }
	
	
	/*HIDE*/
	#films-filter ul li.label,  
	.filter-nav ul li.label, 
	#films-filter ul#view, 
	#films-filter-single ul#view, 
	.filter-nav ul#pager{
		display:none;
	}
	
	
	#films-filter .select, 
	#films-filter-single .select, 
	.filter-nav .select {
		position: absolute;
		text-align:left;
		height: 20px;
		width:100px;
		padding: 6px 25px 0 8px;
		background: #000 url('img/arrow_down_sm.png') 115px 2px no-repeat;
		color:#666;
	}	
	
	select.styled {
		/*width:150px !important;*/
	}
	
	#gallery-filter .select, #projects-filter .select {
		width:130px !important;
		padding: 6px 25px 0 8px !important;
		background: #000 url('img/arrow_down_sm.png') 145px 2px no-repeat;
	}

}


/*--------------

TABLET: LANDSCAPE

--------------*/


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

/*----ABOUT---*/

	#about-1 {
		padding-bottom:10%;
	}

	#about-1 .about-title {
		display:block;
	}
	
	#about-1 p.orator {
		display:none;
	}
	
	.about-title {
		padding:15% 0;
	}

	.about-entry {
		text-align:left;
	}

	.about-entry p, .about-entry h3 {
		padding-bottom:30px;
	}
	
	ul.about_era_titles {
		margin-top:30px;
	}

	.about-entry p, 
	#about-wrap .text_left p, 
	#about-wrap .text-section, 
	.main-wrap .text-section  {
		line-height:27px !important;
	}

	#about-wrap .image-section {
		height:auto !important;
		min-height:10px !important;
	}

	.about-content {
		padding:0;
	}
	
	
	#about-house .about-title, 
	#about-house-release {
		display:none;
	}
	
	#about-house {
		min-height:150px!important;
		height:150px !important;
	}
	
	#about-music-release {
		height:auto !important;
		
	}
	
	#about-house, 
	#about-house-release, 
	#about-music, 
	#about-music-release {
		background:none;
	}
	
	#about-music {
		margin-top:0%;
		padding-top:0%;
	}
	
	#about-cor {
		padding:0 0 100px 0;
	}
	
	
}

/*--------------

TABLET: Portrait

--------------*/

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

	/*----TWITTER---*/

	ul.tweet_list li {
		width:100% !important;
		padding:11% 0 0 0;
	}

	ul.tweet_list li span.tweet_text {
		display:inline-block;
		padding:0 20%;
	}
	
	
	/*TWITTER*/
	
	/* @wescraven */
	#twitter_home .span_1_of_3 {
		height:auto !important;
		padding:0;	
		background:none;
	}
	
	#twitter_home .span_1_of_3 img {
		display:block;
	}
	
	/* tweets */	
	div.twitter_wrap {
		float:left;
		padding:65px 0 500px 0;
	}	

	
	/*----LANDINGS & TITLES---*/
	
	div.landing div.title {
		text-align:left;
	}
	
	div.landing .no_realign {
		text-align:center !important;
	}
	
	div.landing .no_realign h1 {
		padding-left:23px;
	}
	
	
	h2.single_title {
		white-space:normal; 
	}
	
	/*----FEATURED MAIN----*/

	.span_2_of_3 .nested_third {
		width:100%;
	}

	#featured_filmography p.heading {
		padding:5% 0 15% 0;
	}
	
	#featured_filmography p.excerpt {
		padding:0 0 6% 0;
	}
	
	/*----MEDIA TITLES & OVERLAYS---*/
	
	div.media .title {
		margin-top:-4%;
	}

	
	div.no_label .title {
		margin-top:-6%;
	}
	
	#featured_filmography .media .title {
		margin-top:-5%;
	}
	
	div.media .media-thumb .overlay, 
	.span_1_of_4 div.media .media-thumb .overlay {
		padding-top:13%;
	}	
	
	div.no_link .media-thumb .overlay {
		padding:14% 0 0 0;
	}

	div.no_label  .media-thumb .overlay {
		padding:18% 0 0 0;
	}
	
	.overlay a.trailer {
		display:none;
	}
	
	/*Hide Until We get to tablet, hide again for phone*/
	.span_1_of_4 .overlay p,
	.span_1_of_3 .media .media-thumb .overlay p, 
	.span_2_of_3 .nested_third .media .media-thumb .overlay p {
			display:block;
		}
	
	/*----LABELS---*/
	
	.label_bottom, 
	.span_2_of_4 .label_bottom,
	.span_2_of_10 .label_bottom, 
	.span_3_of_3 .label_bottom{
		padding:30px 0 40px 0;
	}
	
	#insta_feed .label_top, #label-section-projects {
		padding:57px 0;
	}
	
	#films-intro-link-label {
		padding:150px 0;
	}
	
	
	/*----VIDEO---*/
	
	a#trailer-more {
		float:left;
		margin:28px 0;
	}
	
	
	/*----TV---*/
	
	.list-entry {
		
		margin:25px 0;
	}
	
	/*----LEGAL---*/
	
	
	#legal {
		padding:30px 0;
	}
	
	#legal .text_right {
		text-align:left;
		float:left;
		margin-top:25px;
	}
	
	#legal .text_right a {
		margin-left:25px;
	}
	/*----HIDE---*/
	
	/*div.filter-nav-wrap,
	div.filter-nav,*/ 
	.single_filter, 
	#header_search,
	#featured-about,
	div.featured-video-selector,
	#featured-galleries-nav a.prev, 
	#featured-galleries-nav a.next,
	#featured-galleries-nav img, 
	#featured-films-nav .media-thumb, 
	ul.image-actions li a.zoom_it, 
	ul#footer-films-view, 
	div#films-intro-link,
	a#films-intro-link-list, 
	#film-intro-cycle .cycle-slideshow, 
	#film-intro-cycle .trailer_tint, 
	.scroll-pane, 
	.gallery-cycle-wrap a.btn_x, 
	a#gallery-prev, 
	a#gallery-next, 
	.mobile_hide {
		display:none;
	}
	
	/*----SHOW---*/
	
	#featured_timeline,
	#featured_timeline_label,
	div#featured-about-mobile,
	#films-intro-link-grid,
	a#footer-all-films, 
	.swipe_to_browse, 
	.mobile_only {
		display:block;
	}
	
	#featured-galleries-nav .label_absolute {
		position:relative;
	}
	

	#featured_timeline .label_bottom{
		padding:40px 0;
	}	
	
	/*----MAIN---*/

	div.main-wrap, 
	div.col, 
	div.section, 
	.charcoal {
		float:left;
		width:100%;
	}

	div.main-wrap {
		padding-top:50px;	
	}

	div.adjacent_excerpt ul {
		width:72%;
		display:block;
		margin:10% 10% 0 12%;
	}
	
	/*----ABOUT---*/
	
	.about_era_titles {
		display:none;
	}
		
}


/*--------------

PHONE

--------------*/


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


	#landing-house .title {
		text-align:left;
		position:absolute;
		z-index:100;
		top: 50%;
    	left: 50%;
    	height:4%;
		width:90%;
   		margin: 0% 0 0 -45%;	
	}
	
	#landing-house h1, .landing h1 {
		font-size:26px !important;
		letter-spacing:22px  !important;
		padding:0;
	}
	
	.landing h2 {
		font-size:20px !important;
		letter-spacing:15px  !important;	
		max-width:80% !important;
	}


	 div.media .title_play {
	 	margin-top:-5%;
	 }
	
	.single-trailer #video-container-main .media .title_play {
		margin-top:-6%;
	}
	
	/*Home*/
	#featured_stats {
		margin:10px 0;
	}

	#featured_stats ul {
		display:block;
		margin:0 auto;
		width:40%;
	}	
	
	#featured_stats ul li {
		margin:20px 0;
	}	
	
	#featured_stats ul.bordered {
		border-bottom:solid 3px #090909;
	}
	
	#featured_filmography p.excerpt {
		padding:0 0 35px 0;
	}

		.span_1_of_4 .overlay p,
		.span_1_of_3 .media .media-thumb .overlay p, 
		.span_2_of_3 .media .media-thumb .overlay p,
		.span_2_of_3 .nested_third .media .media-thumb .overlay p, 
		.film_entry .media .media-thumb .overlay p {
			display:none;
		}
		
	/*Search / Mailing*/	
	#header-form-wrap form input[type="text"]  {
		width:300px;
	}
			
	
	/*Single*/	
	.single-wrap {
		padding:100px 0 100px 0;
	}
	
	
	.single-wrap .related-video .span_1_of_5 {
		width:45%;
		float:left;
		margin-right:3%;
	}
	
	/*Filter Nav*/
	.single_filter {
		display:none;
	}	
	
	/*Films Page*/
	#films-intro {
		padding:100px 0 0 0;
	}	
	
	/*About Page*/
	.about-title h1 {
		font-size:18px;
		letter-spacing:15px;
	}
	
	#about-1 {
		height:auto;
		padding-bottom:0px;
		background:none;
	}
	
	 #about-intro-arrow, #about-1 .span_1_of_8 {
		display:none;
	}
	
	#about-wrap .intro-text p {
		padding-bottom:30px;
	}
		
	/*Home*/	
	#featured_timeline,
	#featured_timeline_label {
		display:none;
	}	
	
			
}

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

	ul.tweet_list li span.tweet_text {
		padding:0 10%;
	}

	#about-landing .no_realign, #about-landing .title {
			text-align:left !important;	
		}
	
		#about-landing .title h1 {
			font-size:19px !important;
			letter-spacing:10px;
		}	

}