@charset "utf-8";

/*	-------------------------------------------------------------
	Lovely CSS - A CSS framework by Constantinos Demetriadis
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	URL:			www.ohmylovely.com/css-framework/
	Description:	Screen Template CSS - DEMO VERSION
	Author:			Constantinos Demetriadis

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	SVN Repository Info

	$Id: _tpl.screen.css 265 2009-05-04 16:40:16Z cdemetriadis $
	$URL: https://lovely-css.googlecode.com/svn/trunk/lovely-css/_tpl.screen.css $
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


/*	-------------------------------------------------------------
	Index
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    $1 Global Styles/Classes
    $2 Custom Page Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
       
        
/*	-------------------------------------------------------------
	$1 Global Styles/Classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	The following styles apply to the site
					globally.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		body {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.8em; }
			
		html { }

		a, a:link, a:visited {
			outline: none;
			text-decoration: none; }

		a:hover {
			text-decoration: underline; }

/*	Global Classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
        .clear         { clear:both; }
        .float-left    { float:left; }
        .float-right   { float:right; }

        .text-left     { text-align:left; }
        .text-right    { text-align:right; }
        .text-center   { text-align:center; }
        .text-justify  { text-align:justify; }

        .bold          { font-weight:bold; }
        .italic        { font-style:italic; }
        .underline     { border-bottom:1px solid; }
        .highlight     { background:#ffc; }	


/*	-------------------------------------------------------------
	Custom Page Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Place your CSS here.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
		/* 
			Typography Styles
		
		   	em sizes from http://lamb.cc/typograph/ 
		   															*/
	
		body { font-size:75%; line-height:1.5; font-family: Palatino, Georgia, "Times New Roman", Times, serif; } /* font-size:12px; line-height: 18px; */
		h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:0; }
		h1 { font-size:3em; } /* 36px */
		h1, h2 { padding:1.5em 0; } 
		h2 { font-size:2em; } /* 24px */
		h3 { font-size:1.75em; } /* 21px */
		h4 { font-size:1.5em; } /* 18px */
		h5 { font-size:1.33333em; } /* 16px */
		h6 { font-size:1.16667em; } /* 14px */
		a, a:link, a:visited { text-decoration: underline; }
		a:focus, a:hover { 
			background: #d3a95b;
			color: #000; 
			text-decoration: none;}
			
		.privacy p { margin-top: 18px; }
		
		
		/* 
			Header Styles 
		
																	*/
		
		#header {
			height: 111px;
			background: url(../_images/header-tile.gif) repeat-x;
			margin-bottom: 36px; }
		
		#header .logo {
			float:left;
			width:453px;
			display:block; }
		
		#header .logo h1 { 
			text-indent:-9999px;
			background:url(../_images/tfj-logo.png) no-repeat;
			display: block;
			padding:0; } /* Uses padding instead of margin because typographic styles use padding */
	
		#header .logo h1 a {
			display:block;
			background:url(../_images/tfj-logo.png) no-repeat;
			height: 43px;
			margin-top: 32px; }
			
		#header h2 { font-size:1.33333em; padding: 2.5em 0 0 60px; } /* 16px */
		
		
		
		/* 
			Styles for MainA 1 - Performances by / Musicians
																	*/
		
		#mainA a, #mainA a:link, #mainA a:visited { color:#000; }															
		
		.musicians h3 {
			text-indent: -9999px;
			background: url(../_images/text-performancesby.png) no-repeat;
			padding: 0 0 4px 0;
			width:150px;
			height:14px; }
		
		.musicians ul {
			list-style-type: none;
			font-size:1.16667em;
			padding: 0;
			margin: 0; }
		
		.musicians li { padding: 0.910715em 0; }
		
		
		/* 
			Styles for MainA 2 - Screenings
																	*/
		
		.screenings h3 {
			text-indent: -9999px;
			background: url(../_images/text-screenings.png) no-repeat;
			padding: 0 0 4px 0;
			width:97px;
			height:14px; }	
			
		.screenings ul {
			list-style-type: none;
			padding: 0;
			margin: 0; }	
		
		.screenings li { padding: .92em 0; }												
																	
		
		/* 
			Styles for MainA 3 - Trailer and Buy Tickets
																	*/
		
		.mainScreening h4 { color: #410c07; }
		.mainScreening h4 + p { color: #410c07; padding-bottom: 1.5em;}
		
		.mainScreening .buy {
			float:left;
			width:139px;
			padding: 0 0 0 60px;
			display:block; }
		
		.mainScreening .buy h2 { 
			text-indent:-9999px;
			background: url(../_images/button-buytix.png) no-repeat;
			display: block;
			padding:0; } /* Uses padding instead of margin because typographic styles use padding */
	
		.mainScreening .buy h2 a {
			display:block;
			background: url(../_images/button-buytix.png) no-repeat;
			height: 40px;
			margin-top: 18px; }

		
		/* 
			Styles for Secondary Bottom Container
																	*/
		
		
		
		#mainB {
			margin-top: 72px;
			height: 283px;
			background: url(../_images/bottom-tile.png) repeat-x;
			color:#FFF; }
			
		#mainB a, #mainB a:link, #mainB a:visited { color:#FFF; }
			
		#mainB p { margin-top: 18px; }
		
		.synopsis h3 {
			text-indent: -9999px;
			background: url(../_images/text-synopsis.png) no-repeat;
			margin: 20px 0 6px 0;
			width:79px;
			height:14px; }
			
		.reviews h3 {
			text-indent: -9999px;
			background: url(../_images/text-press.png) no-repeat;
			margin: 20px 0 6px 0;
			width:47px;
			height:14px; }
			
		.reviews ul {
			list-style-type: none;
			padding: 0;
			margin: 18px 0 0 0; }	
			
		.bio h3 {
			text-indent: -9999px;
			background: url(../_images/text-aboutkb.png) no-repeat;
			margin: 22px 0 6px 0;
			width:195px;
			height:14px; }
		
		
		/* 
			Styles for Secondary Bottom Container
																	*/
																	
		#footer { margin-top: 10px; line-height: 24px; color:#666; text-align: center;}
		#footer img { vertical-align: middle; margin-left: 5px;  }
		
		#design a { color:#666; font-family: "Bauhaus 93", Arial, Helvetica, sans-serif; text-decoration: none; }
		
		a.pp { color:#666; }
		.fbText, .msText { margin-right: 10px; }
		.fbText a { color: #3c5fac; }
		.msText a { color: #005187; }
		.lfmText a { color: #d12540; }