/*
Theme Name: Steeplechase Films
Theme URI: http://social-ink.net
Description: By Social Ink
Version: 1
Author: yonatan reinberg, matt pinto
Author URI: http://social-ink.net
*/

@import "_css_resets/reset.css";


/*****************
INITS
***********************************************/

	* {
	
	}
	
	body {
		font-family: "Adobe Garamond Pro", Garamond, Georgia,"Times New Roman", Serif;
		color: #F1F2F2;
		background: #222;
		
	}
	
		body.category_news {
			background: url(../../uploads/2012/09/deep-nocopter.jpg);
			background-size: cover;
			height: 100%;
			width: 100%;
			
		}



/*****************
CONTAINER AND COMMON DIVS
***********************************************/	

		#container {
			height: 100%;

			width: 100%;			
		}
		
			.fp_container {
				position:absolute;
			}
			
		.clearfix {
			clear:both;
		}
		
		.onepage {
			/* display:none; */
			clear:both;
			margin-bottom: 50px;
		}		
		
			.ie7 .onepage {
				display:block;
			}

			 .ie7 #page_home.onepage  {
			 	display: none;
			 }

		
		.centering_box {
			width: 960px;
			margin-left: auto; margin-right: auto;		
		}
		
		.leftcolumn {
			float:left;
			width:560px;
		}
				
		
/*****************
COMMON DIV DECORATION
***********************************************/		

		
		.shadow_module { /* http://www.westciv.com/tools/boxshadows/index.html */
			-webkit-box-shadow: 1px 1px 4px 2px #CCCCCC;
			-moz-box-shadow:1px 1px 4px 2px #CCCCCC;	
			box-shadow:1px 1px 4px 2px #CCCCCC;	
		}
		
		.round_module {	/* http://border-radius.com/ */
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius:5px;
		}				

		
		
/*****************
COMMON MARKUP
***********************************************/	
		
		h1, h2, h3, h4, h5 {
			font-weight:normal;
		}
		
			.fancyfont {
			
			}
		
		a {
			text-decoration:none;
			color:#C2B59B;
		}
		
			a:hover {
				color: #A5503F;
			}	
			
		/*
		Fixes for Internet Explorer?
		*/

			.ie8 , .ie9  {

			}

			.ie7  {

			}	

		
	
	.dark_transparency, .film_content,  .film_list ul li.currentfilm {
		background-color: rgba(0, 0, 0, 0.43);
	}	

	.film_list ul li:hover {
		background-color: rgba(0, 0, 0, 0.63);

	}
	

			
/*****************
SLIDESHOW
***********************************************/

.slideshowarea {
		height: 100%;
		width: 100%;
		position: absolute;

}

#frontpage_slideshow {
		height: 100%;
		width: 100%;
		position: absolute;
}


	.sink_frontpage_slide {
		height: 100%;
		width: 100%;
		display:none;
		background-size: cover;
		

	}

	.category_.single-film .sink_frontpage_slide, .category_.page_film-score .sink_frontpage_slide, .category_.page_press .sink_frontpage_slide {
		    width: 100%;
   			max-width: 100%;
		   	background-repeat: repeat-y;
    		background-size: contain;
    		margin-left: auto;
    		margin-right: auto;

	}


	
	
		#sink_frontpage_slide1 {
			display:block;

		}
		
		.yc_slidemeta {
			bottom: 0;
			height: 40px;
			padding-bottom: 20px;
			position: absolute;
			text-align: center;
			width: 100%;
			z-index: 20;
		}	

			.slide_details_title {
				background: none repeat scroll 0 0 #231F20;
				color: #C2B59B;
				display: inline;
				font-size: 30px;
				font-style: italic;
				padding: 20px;
			}			
		
		
	#fp_nav {
		bottom: 109px;

		position: absolute;
		text-align: center;
		width: 100%;
		z-index: 30;
	}		
	
		.nav_left {
			
		}
		
		.nav_right {
    background: inherit;
    display: inline;
    height: inherit;
    margin-left: 28px;
    width: inherit;
		}

/*****************
NAV MENU MARKUP
***********************************************/
	
	.menu_horizontal li {
		display:inline;
		list-style:none;
	}		
	

/*****************
HEADER
***********************************************/	


	#header {
		 background: url("images/header_background.png") repeat scroll 0 0 transparent;
	    height: 52px;
	    padding-top: 0;
	    width: 100%;
	    z-index: 15;
	}
	
		.header_inner {
		
		}	
	
		.logo {
			margin: auto;
			margin-top: 40px;
			text-align: center;
			width: 960px;
			z-index: 30;
		}
			
			.logo img {
			
			}
		
		.topmenu {
			float: right;
			padding-top: 15px;
		}

		
			.topmenu li {
				font-size: 19px;
				margin-right: 20px;	
			}
			
				.topmenu li a {
					color:#F1F2F2;
				}	

				.topmenu li a:hover {
					color: #A5503F;
				}

			.topmenu li.current-menu-item a {
				color:#A5503F;
			}
			
			
		.socialmediamenu {
			float: left;
		}
		
			.socialmediamenu li {
				border-right: 1px solid #939598;
			    float: left;
			    height: 47px;
			    margin-right: 6px;
			    padding-right: 9px;
			    padding-top: 5px;	
			}
			
		.searchfollow {
			float: right;
			padding-top: 15px;
		}
			
/*****************
SEARCHBAR
***********************************************/			

	
	.search_container {

		display: none;
		float: right;
		padding: 10px;
	}	
	
		.search_container .search_input {
			background: rgba(194, 181, 155, .8);
		    border: medium none;
		    font-family: "Adobe Garamond Pro", Garamond, Georgia,"Times New Roman", Serif;
		    font-size: 1em;
		    padding: 10px;
		}

		.one_search_result {
			border-bottom: 1px solid #999;
		}

	
/*****************
WP BASE MODIFICATION
***********************************************/		
	
.content {
		background-color: rgba(0, 0, 0, 0.73);
		padding: 30px 20px 20px;
		color:white;
		min-height: 600px;
		font-size: 1em;
		margin-top: -14px;

		}

		.win .content {
			margin-top: 0px;
		}
	
.content p {
	font-size: 1em;
	margin-bottom: 20px; 
	text-align: justify;
}

	.pageheader {
	    margin-top: 40px;
	    padding-left: 20px;
	}
		
		.pageheader h1, .content h1 {
		   	  
			margin-bottom: 0;
			color: #A5503F;
			font-size: 2.5em;
    	}

    	.ipad .pageheader h1, .content h1 {
    		height: 39px;
    	}

    	.win .pageheader h1, .content h1 {
    		height: 38px;
			display: inline-block; 
    	}
		
		.content h2 {
			  color: #A5503F;
			    font-size: 1.5em;
			    text-transform: uppercase;
		}		
		
		.content h3 {
			font-size: 1em;
			text-transform: uppercase;
		}		

		.content ul {
			margin-bottom: 15px;
		}
	   
		.content ul li {
			list-style-type: disc;
			margin-left: 20px;
			line-height: 17px;
			}		
			
			
/*****************
FILMS
***********************************************/		

	button, input[type=submit], .button_hicontrast {
		background: #9b8579; /* Old browsers */
		background: -moz-linear-gradient(top,  #9b8579 0%, #c2b59b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b8579), color-stop(100%,#c2b59b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #9b8579 0%,#c2b59b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #9b8579 0%,#c2b59b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #9b8579 0%,#c2b59b 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #9b8579 0%,#c2b59b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b8579', endColorstr='#c2b59b',GradientType=0 ); /* IE6-9 */
	    color: white;
	    font-family: "Adobe Garamond Pro",Garamond,Georgia,"Times New Roman",Serif;
	    font-size: 1em;
	    height: 35px;
	    padding: 5px 10px;
	    text-transform: uppercase;
	    border: none;
	    box-shadow:1px 1px 1px #111;
	    -webkit-box-shadow:1px 1px 1px #111;
	    -moz-box-shadow:1px 1px 1px #111;
	}

	button, input[type=submit]:hover, .button_hicontrast:hover {

	cursor: pointer;
	}

	button, input[type=submit]:active, .button_hicontrast:active {
		box-shadow:inset 0 0 1px #111;
		-webkit-box-shadow:inset 0 0 1px #111;
		-moz-box-shadow:inset 0 0 1px #111;

	}
	
	input[type=text], textarea, input[type=textarea] {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
	    border: 0 none;
	    color: white;
	    font-family: "Adobe Garamond Pro",Garamond,Georgia,"Times New Roman",Serif;
	    font-size: 1em;
	    margin-top: 5px;
	    padding: 10px;
	    width: 255px;
	}

	textarea {
		width: 430px;
	}

	
	.content_nopad .content {
		padding:0px !important;
	}
	
	
	.film_list {
    
    float: left;
    width: 360px;
	padding-bottom: 50px;
	  padding-top: 20px;
	}
	
		.film_list ul {
		
		}
		
			.film_list ul li {
    list-style: none outside none;
    margin-left: 0;
    padding: 10px 20px;
			}
			
			.film_list ul li a{
    color: white;
    display: block;
			}
			
						
			.film_list ul li.currentfilm a{
				color:#A5503F;
			}
			
			.film_list h3 {
    color: #C2B59B;
    margin-top: 45px;
    padding: 0 20px;

			}
			
	
	
	.film_content {
		float: left;
		min-height: 747px;
		padding: 20px;
		width: 560px;
		padding-bottom: 50px;
		padding-top: 30px;
	}
		.film_content p {
			padding-right: 15px;
    text-align: justify;

		}
	
		.film_content h3 {
			color:#A5503F;
		}
		
		.filmtitle {
			float:left;
		}

		.filmtitle h3 {
			font-size: 1.5em;
    		width: 434px;
		}
		
		.purchase_link {
			float:right;
			   margin-right: 15px;
			margin-bottom: 30px;
		}

			.purchase_link a.button_hicontrast {
				display: block;
	    		height: 17px;
	    		padding: 10px;
			}
		
		.film_module {
			margin-bottom: 20px;
		}		
			
			.film_module h3 {
			    background: url("images/arrow_expand.png") no-repeat scroll right 33% transparent;
			    display: inline-block;
			    padding-right: 20px;
				cursor:pointer;
			}			
			.film_module h3.expanded {
 			     background-image: url("images/arrow_expanded.png");
			}
			
				
			
			.film_module_data{
    display: none;
    margin-bottom: 25px;
    margin-top: 15px;
		}
		
		.sink_onefilm_slide {
			float: left;
			margin-bottom: 15px;
			margin-right: 15px;		
		}
		
			.sink_onefilm_slide .yc_slidemeta {
				display:none;
			}
		

	

			
/*****************
PRESS ARCHIVE
***********************************************/		


.filmpress_archive {
	float:left;
	width:560px;
}



.one_film_press {
    border-bottom: 1px solid #A5503F;
    margin-bottom: 20px;
  
}

.one_film_press h2 {
    color: #A5503F;
	margin-bottom:15px;
	background: url("images/arrow_expand_red.png") no-repeat scroll right 40% transparent;
	cursor:pointer;	
	display: inline-block;
	padding-right: 20px;
	width: 95%;
}

		
		.one_film_press h2.expanded {
			 background-image: url("images/arrow_expanded_red.png");
		}
	

	.press_content {
		display:none;
	}

		.press_content .readmorelink {
			margin-top: 20px;
		}
	
			
		.press_content_1 {
			display:block;
		}
		
		
	
	
	.press_item {
	    border-bottom: 1px dotted #C2B59B;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	}	

		.press_item.last_item {
			border-bottom: none;
			padding-bottom: 0;
		}
		
		
	
	.press_item h4 {
	   color: #C2B59B;
	    font-size: 1.5em;
	    font-style: italic;
	    margin-bottom: 15px;
		}	

		
			.film_module h3. {
   
			}

			
		.readmorelink {
			text-align:right;
			text-transform:uppercase;
		}
		
			.readmorelink a {
				color:#C2B59B;
			}


			.readmorelink a:hover {
				color: #A5503F;
			}

			.press_side ul li {
				margin-bottom: 15px;
			}

				.press_side .sidebar_module ul li a {
					color: #C2B59B;
				}


			.press_side h4 {
				font-weight: bold;
			}
	
/*****************
SIDEBAR
***********************************************/		
	
	.sidebar {
		width:232px;
		padding:20px;
		float:right;
	}	
	
		.sidebar_module {
			margin-bottom: 30px;
		}		
		
			.sidebar_module h3 {
    color: #A5503F;
    font-size: 1.3em;
    margin-bottom: 10px;
			}

			
			
			.sidebar_module ul {
				list-style:none;
			}
			
				.sidebar_module ul li {
	    list-style: none outside none;
    margin-left: 0;			
				}

				.sidebar_module ul li a {
					color:white;
				}

				.sidebar_module ul li a:hover {
					color: #A5503F;
				}
			
			
		
			.sidebar_module .module_title {
			
			}			
			
			.sidebar_module .module_content {
			
			}
	
	
	#page_filmscores .sidebar_module ul li a {
		color: #C2B59B;
		font-style: italic;
		font-size: 1.1em;
	}

	#page_filmscores .sidebar_module ul li a:hover {
		color: #A5503F;
	}



/*************
ABOUT - need to hide some modules due to incomplete content for launch.
*************/

#page_about-us .sidebar.dark_transparency {
	display: none;
}
	
			
/*****************

CONTACT
***********************************************/	


.contact_data {
	float:left;
	width:340px;
}

	.contact_data h2 {
		text-transform: none;

	}

.contact_form {
	float:right;
	width:478px;
}


span.wpcf7-not-valid-tip {
    background: #A5503F !important;
    border: 1px solid #A5503F !important;
    color: white;
    font-size: 10pt;
    left: 20%;
    padding: 6px !important;
    position: absolute;
    top: 12% !important;
    width: auto !important;
    z-index: 100;
}

div.wpcf7-validation-errors {
    background: none repeat scroll 0 0 #F3F18E;
    border: 2px solid #F3F18E !important;
    color: #333333;
    padding: 6px;
}
	
			
/*****************

ARCHIVE
***********************************************/	

.one_archive_post {
	border-bottom: 1px solid #A5503F;
	padding-bottom: 5px;
	margin-bottom: 40px;
}

.content .one_archive_post h2 {
	font-weight: bold;
	text-transform: none;
	font-size: 1.6em;
}

.one_archive_post .readmore_news {
	text-align: right;
	text-transform: uppercase;
}

	.readmore_news {
	
	}
	
		.readmore_news a {
		
		}
		
.category_news .sidebar_module h2 {
				margin-bottom: 20px;
			}

			.category_news .sidebar_module h4 {
				font-weight: bold;
			}
		

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

LISTS
***********************************************/		

	/* single page view navigation */
	div.next-post{}
	div.prev-post{}

	/* generated by wp_list_cat and wp_list_pages functions */
	li.page_item {}
	li.current_page_item {}
	li.current_page_parent{}
	li.cat-item{}
	li.current-cat {}
			

/*****************
FOOTER
***********************************************/			


	#footer {
    bottom: 15px;
    clear: both;

    width: 100%;
    z-index: 30;	}	
	
		.footer_inner {
		
		}
		
			.footermenu {
			
			}
		
			.footercredits {
			
			}				
		
			.sitecredits {
			
			}								
			
				.sitecredits p {
				
				}					
			
			.sinkcredits {
				
				font-size: .9em;

				text-align: right;
				
	}					

	.fp_container .sinkcredits.centering_box {
		width: 99%;
		
	}
			
				.sinkcredits p {
				
				}		
				
							
				.sinkcredits a {
					color:#ccc;
				}		

				.sinkcredits a:hover {
					color: #f8f8f8;
				}
				
				

			
			

/*****************
ARCHIVE
***********************************************/

	
	.relatedposts {
	
	}
	
		.relatedposts li {
			list-style: none outside none !important;
		}
		
			.prev {
				float:left;
			}
			
			.next {
				float:right;
			}	
			
			
		.single_relatedposts {
		
		}		
		
		.archive_relatedposts {
		
		
		}
	

/*****************
Basic WordPress Blog Styles
***********************************************/	

	.entry-content img {
		margin: 0 0 1.5em 0;
	}
	.alignleft,
	img.alignleft {
		display: inline;
		float: left;
	  margin-right: 1.5em;
	}
	.alignright,
	img.alignright {
		display: inline;
		float: right;
	  margin-left: 1.5em;
	}
	.aligncenter,
	img.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.wp-caption {
		text-align: center;
		margin-bottom: 1.5em;
	}
	.wp-caption img {
		border: 0 none;
		margin: 0;
		padding: 0;
	}
	.wp-caption p.wp-caption-text {
		margin: 0;
	}
	.wp-smiley { 
		max-height: 1em;
		margin:0 !important;
	}
	.gallery dl {
		margin: 0;
	}
	.gallery-caption {
		margin:-1.5em 0 0 0;
	}
		

/*****************
Pullquotes
***********************************************/

	blockquote.left {
		float: left;
		margin-left: 0;
		margin-right: 20px;
		text-align: right;
		width: 33%;
	}
	blockquote.right {
		float: right;
		margin-left: 20px;
		margin-right: 0;
		text-align: left;
		width: 33%;
	}	
	

/*****************
MEDIA QUERIES
***********************************************/
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}			


/*******
404 not found 
************/

#errorpage {

}

#errorpage h2, #errorpage h3 {
	margin-bottom: 20px;
}

#errorpage ul {
	margin-bottom: 40px;
}

#errorpage ul li {
	list-style: none;
}