/*
	
		Blue Artichoke Films
		http://blueartichokefilms.com
		 
		dark grey: #333333
		light blue: #b9dce9
		white: #ffffff
		

*/


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter 				{ display:block; margin:0 auto }
.alignleft 					{ float:left; margin:0 10px 10px 0; }
.alignright 				{ float:right; margin:0 0 10px 10px;}
.wp-caption 				{ text-align:center; margin:0 0 10px 0;}
.wp-caption-text 			{ margin-top:10px}



/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */


li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */



/*
	FORMS
*/

input								{ padding: 3px; }

.order-buttons {
 text-align: center;
}

.order-buttons li {
 display: inline-block;
 *display: inline;
 zoom: 1;
 margin: 0 0 10px 20px;
}

.order-buttons li:first-child {
 margin-left: 0;
}

.order-buttons .button {
 padding: 6px 25px;
} 

.button	{
 display: inline-block;
 *display: inline;
 zoom: 1; 
 border: 1px solid #272727; 
 background: #96c6e0; 
 padding: 3px 3px; 
	border-radius: 5px;  
	color: #333333;
	text-decoration: none;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.post .button {
 text-decoration: none;
}

.button:hover	{ 
 background: #3670A2; 
 color: white;
}

.faq-item {
 margin-bottom: 15px;
 padding-left: 25px;
 position: relative;
}

.faq-item_title {
 font-size: 15px;
 cursor: pointer;
 margin-top: 0;
 padding-top: 0;
 font-family: 'Pontano Sans'; 
}

.faq-item_text {
 display: none;
}

.faq-item .icon {
 display: block;
 margin: 0;
 width: 16px;
 height: 16px;
 position: absolute;
 top: 2px;
 left: 0px;
 background: url('/cms/images/plus-icon.png');
 text-indent: -9999px;
}

.faq-item .icon.open {
 background: url('/cms/images/min-icon.png');
}

/*
STRUCTURE
*/

* 								{ margin: 0; }
html, body						{ height: 100%; }
.wrapper 						{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -250px; /* the bottom margin is the negative value of the footer's height */ }
.footer, .push					{ height: 250px; /* .push must be the same height as .footer */ }
div.errorpage					{ position:absolute; left:365px; top:188px; width:130px; height:44px; }

.column2 {
width: 610px;
margin-left: 355px;
/*margin-top:150px;*/
}

.page-template-press-downloads-php .column2 a {
 text-decoration: underline;
} 

/*
HEADER NAV
*/

.header-nav{
position:static !important;
width:500px;
margin-top:50px;
}
.column2 .header-nav a {
	font-weight:normal;
	text-decoration: none;
}

div.header-nav-get-involved_	{ width:120px; height:90px; text-align: center; font-size: 14px; }
div.header-nav-login_			{ width:119px; height:90px; text-align: center; font-size: 14px; }
div.header-nav-watch-buy_		{ width:120px; height:90px; text-align: center; font-size: 14px; }

.header-nav div{
position:static !important;
float:left;
}

.header-nav-watch-buy_ {
margin-top:-50px;
}

.header-nav-watch-buy_ a:link, .header-nav-watch-buy_ a:visited{
display:block;
background: url('http://blueartichokefilms.com/cms/wp-content/uploads/2011/03/star-over.png') no-repeat center;
width:94px;
height:89px;
padding-top:50px;
}

.header-nav-watch-buy_ a:hover, .header-nav-watch-buy_ a:active{
display:block;
background: url('http://blueartichokefilms.com/cms/wp-content/uploads/2011/03/star.png') no-repeat center;
width:94px;
height:89px;
padding-top:50px;
} 


div.baf-logo_					{ position:absolute; left:0px; top:90px; width:245px; height:175px; }
div.baf-logo1					{ visibility: hidden; position:absolute; left:0px; top:0px; width:245px; height:175px; }
div.baf-description_ 			{ position:absolute; left:20px; top:265px; width:245px; height:40px; font-size: 13px; font-weight: 100; }
div.englishnederland_ 			{ position:absolute; left:20px; top:346px; width:245px; height:34px; font-size: 13px; font-weight: 100; }


/*
MAIN NAV
*/
div.main-nav					{ position:absolute; font: normal 34px/1 'Raleway'; }
h1								{ color: #333333; font-size: 34px; }
.home_       { position:absolute; left:20px; top:344px; width:360px; height:34px; }
.about_							{ position:absolute; left:20px; top:380px; width:360px; height:34px; }
.films_							{ position:absolute; left:20px; top:416px; width:360px; height:37px; }
.castcrew_						{ position:absolute; left:20px; top:560px; width:360px; height:35px; }
.shop_							{ position:absolute; left:20px; top:455px; width:360px; height:38px; }
.blog_							{ position:absolute; left:20px; top:489px; width:360px; height:38px; }
.press_       { position:absolute; left:20px; top:524px; width:360px; height:38px; }
.contact_						{ position:absolute; left:20px; top:596px; width:360px; height:31px; }
.search							{ position:absolute; left:20px; top:634px; width:360px; height:31px; }
.rss							{ background: url(/cms/images/rss.png) top left no-repeat; position:absolute; left:20px; top:670px; width:245px; height:31px; font-size: 14px; text-indent: 20px; }
.fb								{ position:absolute; left:20px; top:694px; width:20px; height:20px; }
.twitter						{ position:absolute; left:45px; top:694px; width:20px; height:20px; }
.legal							{ position:absolute; left:20px; top:730px; width:245px; height:31px; font-size: 10px; }
.backnext {
	display:block;
    position: static;
    width:450px;
    float:left;
}

/*
MAIN NAV about
*/
div.main-nav-about				{ position:absolute; }
.about_1						{ position:absolute; left:20px; top:370px; width:360px; height:34px; }
.about_baf						{ position:absolute; left:30px; top:410px; width:360px; height:34px; }
.about_artichoke				{ position:absolute; left:30px; top:410px; width:360px; height:34px; }
.about_links					{ position:absolute; left:30px; top:427px; width:360px; height:34px; }
.about_nederlands				{ position:absolute; left:30px; top:444px; width:360px; height:34px; }
.films_1						{ position:absolute; left:20px; top:469px; width:360px; height:37px; }
.castcrew_1						{ position:absolute; left:20px; top:503px; width:360px; height:35px; }
.blog_1							{ position:absolute; left:20px; top:541px; width:360px; height:38px; }
.contact_1						{ position:absolute; left:20px; top:575px; width:360px; height:31px; }
.search1						{ position:absolute; left:20px; top:634px; width:360px; height:31px; }
.rss1							{ background: url(/cms/images/rss.png) top left no-repeat; position:absolute; left:20px; top:670px; width:245px; height:31px; font-size: 14px; text-indent: 20px; }
.fb1							{ position:absolute; left:20px; top:694px; width:20px; height:20px; }
.myspace1						{ position:absolute; left:45px; top:694px; width:20px; height:20px; }
.twitter1						{ position:absolute; left:70px; top:694px; width:20px; height:20px; }
.legal1							{ position:absolute; left:20px; top:730px; width:245px; height:31px; font-size: 10px; }


/*
FILM NAV matinee
*/

div.film-nav					{ position:absolute; }
.synopsis						{ position:absolute; left:220px; top:272px; width:136px; height:34px; }
.trailer						{ position:absolute; left:220px; top:289px; width:136px; height:34px; }
.stills							{ position:absolute; left:220px; top:306px; width:136px; height:34px; }
.credits						{ position:absolute; left:220px; top:323px; width:136px; height:34px; }
.awards							{ position:absolute; left:220px; top:340px; width:136px; height:34px; }
.press							{ position:absolute; left:220px; top:357px; width:136px; height:34px; }
.buy							{ position:absolute; left:220px; top:374px; width:136px; height:34px; }
.screenings						{ position:absolute; left:220px; top:391px; width:136px; height:34px; }
.participate					{ position:absolute; left:220px; top:408px; width:136px; height:34px; }
.behind_scenes					{ position:absolute; left:220px; top:425px; width:136px; height:34px; }
.trivia							{ position:absolute; left:220px; top:442px; width:136px; height:34px; }

.otherfilms						{ position:absolute; left:813px; top:60px; width:50px; height:90px; text-align: left; font-size: 14px; }
.otherfilm1						{ position:absolute; left:813px; top:125px; width:50px; height:71px; }
.otherfilm2						{ position:absolute; left:813px; top:210px; width:50px; height:71px; }
.otherfilm3						{ position:absolute; left:813px; top:295px; width:50px; height:71px; }


/*
NEWS ENTRIES
*/

.post							{  width: 500px; padding-bottom: 14px; float:left; }
.post a {
 text-decoration: underline;
}

#post {
 border-bottom: 1px dotted #333;
 padding-bottom: 20px;
 margin-bottom: 40px;
}

.post .meta {
 font-size: 13px;
 border-bottom: 1px dotted #333;
 padding-bottom: 20px;
 margin-bottom: 20px;
 margin-top: 10px;
}

.post a img {
 float: none;
 width: 100%;
 height: auto;
}

.posts.press-list h2 {
 width: 381px;
 float: right;
 font-size: 22px;
 line-height: 32px;
}

.posts.press-list .content {
 width: 100px;
 float: left;
}

.posts.press-list img {
 width: 100px;
}

.posts.press-list p {
 margin: 0;
}

/* TEMPLATE SPECIFIC */

.page-template-baf-filmdetail-desjours-php div.column2,
.page-template-baf-filmdetail-php div.column2,
.page-template-baf-filmdetail2-php div.column2 {
width: 610px;
margin-left: 425px;
/*margin-top:150px;*/
} 

/* PRESS DOWNLOADS */

.press-download {
	width: 100%;
	overflow: hidden;
	margin-bottom: 25px;
}

.press-download.vertical .press-download-cover {
	width: 146px;
}

.press-download-cover {
	float: left;
}

.press-download-info {
	float: left;
	margin: 0 20px;
}

.press-download-gallery {
	float: right;
	width: 140px;
}

.press-download-gallery h3 {
 margin-bottom: 5px;
}

.post .press-download-gallery p img {
 width: 40px;
}

.post .press-download-gallery a {
 display: inline-block;
 zoom: 1;
 *display: inline;
 width: 40px;
 height: 40px;
 float: left;
 margin: 0 0 5px 5px;
}

.post-categories {
 display: none;
}

.helper-text {
	display: block;
	width: 146px;
	padding: 5px 0;
	position: absolute;
	bottom: 1px;
	left: 1px;
	background: #fff;
	background: rgba(255,255,255,0.7);
	text-align: center;
	text-decoration: none;
	-webkit-transition: background 0.4s;  
  	transition: background 0.4s;
}

a:hover .helper-text {
	background: rgba(255,255,255,1);
}

/*


h2								{ color: #333333; font-size: 24px; padding-bottom: 10px; padding-top:15px;}
p								{ position: relative; padding-left: 2px; padding-top: 0px; padding-right: 6px; font-family: Futura, sans-serif; font-size: 14px; color: #333333; letter-spacing: 1px; }
.content a						{ color: #333333; font-size: 12px; font-weight: bold; }
.content a:hover				{ color: #ffffff; font-size: 12px; }
ul, li							{ color: #333333; font-size: 12px; margin-left: 15px; margin-right: 10px; line-height: 13px; letter-spacing: 1px; }
*/

/*
FOOTER
*/
#footer							{ height: 250px; background: #b9dce9; border-top-color: 1px solid #333333; padding-top: 40px; }
#footer-inside					{ text-align: center; width: 960px; margin: 0 auto; }