/* set defaults */
* { 
	font-size: 1em; 
	line-height: 1.5em;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	margin: 0;
	padding: 0;
	background: #FFFFE8 url(../images/bgs/header-bg.jpg) no-repeat center top;
	z-index:0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin: 0 0 1em 0;  } 
ul, ol, dl, li {
	list-style: none;
	padding:0 1px;
}
a {
	color:#63635A;
}
a:hover {
	color:#FF6600; 
}
p{
	font-size: 1.1em;
}

h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
img {
	border: none;
}		
ul, dl {
	font-size: 1em;
}

p.date {
font-weight:800;
}


/* boxes */
#wrapper {
	position:relative; 
	width:770px; 
	left:50%;
	top:0%; 
	margin: 0;
	margin-left:-385px; 
	padding: 0;
}
#header{
	height:140px;
	padding:5px 0 0 0;
	text-align:center;
	color: #fff;
}
#content {
	margin: 0 ;
	padding:0 0 110px 0;
	min-height: 600px;
	_height: 600px;
	background: url(../images/bgs/body-bg.gif) repeat-y left top;
	clear: both;
}
#footer{
	position: relative;
	bottom:0;
	height: 120px; 
	padding: 0;
	margin:-110px 0 0 0;
	background: url(../images/bgs/footer-bg.jpg) no-repeat center bottom;
	clear: both;
}

/* columns */
#columnOne {
	width:200px;
	float: left;
	margin:0;
	padding: 25px 0 0 0;
	width:175px;
	padding-left:25px;
}
#columnTwo {
	width:517px;
	float: left;
	margin:0;
	padding:5px 0 0 0;
}
#columnTwo .wrap {
	padding:0 35px;
}
#columnThree {
	width:200px;
	margin:0;
	padding:5px 0 0 0;
}

/*nav stuff */
#menu {
	position: absolute;
	top:61px;
	left:0;
	margin:0 auto 0 105px;
	width: 570px;
	list-style: none;
	padding: 0;
	}

#menu li {
	float: left;
	padding: 0;
	margin:0;
	}

#menu .navitem{
	position:absolute;
	left:-10000px;
	text-align:left;
	text-indent: -20000px;
	height:20px;
	}	
/* menu rollovers*/
#menu a {
	display: block;
	height:41px;
	color: #fff;
	padding: 0;
	}

/* commented backslash hack v2 for IE5 Mac \*/
#menu a {
}
/* end hack */

#menu li.whoNav {
	margin:7px 6px 0 0;
	width:70px;
	background: url(../images/links/who-hover.jpg) 0 0 no-repeat;
	}
#menu a.whoNav{background: url(../images/links/who.jpg) 0 0 no-repeat;}
.who #menu a.whoNav, #menu a.whoNav:hover {background: url(none) 0 0 no-repeat;}

#menu li.newsNav {
	margin:7px 12px 0 0;
	width:70px;
	background: url(../images/links/news-hover.jpg) 0 0 no-repeat;
	}
#menu a.newsNav {background: url(../images/links/news.jpg) 0 0 no-repeat;}
.news #menu a.newsNav, #menu a.newsNav:hover {background: url(none) 0 0 no-repeat;}

#menu li.filmsNav {
	margin:0 11px 0 0;
	width:84px;
	background: url(../images/links/films-hover.jpg) 0 0 no-repeat;
	}
#menu a.filmsNav {background: url(../images/links/films.jpg) 0 0 no-repeat;}
.films #menu a.filmsNav, #menu a.filmsNav:hover {background: url(none) 0 0 no-repeat;}

#menu li.screeningsNav {
	margin:0 7px 0 0;
	width:121px;
	background: url(../images/links/screenings-hover.jpg) 0 0 no-repeat;
	}
#menu a.screeningsNav {background: url(../images/links/screenings.jpg) 0 0 no-repeat;}
.screenings #menu a.screeningsNav, #menu a.screeningsNav:hover {background: url(none) 0 0 no-repeat;}

#menu li.mediaNav {
	margin:3px 4px 0 0;
	width:81px;
	background: url(../images/links/media-hover.jpg) 0 0 no-repeat;
	}
#menu a.mediaNav {background: url(../images/links/media.jpg) 0 0 no-repeat;}
.media #menu a.mediaNav, #menu a.mediaNav:hover {background: url(none) 0 0 no-repeat;}

#menu li.contactNav {
	margin:0;
	width:99px;
	background: url(../images/links/contact-hover.jpg) 0 0 no-repeat;
	}
#menu a.contactNav {background: url(../images/links/contact.jpg) 0 0 no-repeat;}
.contact #menu a.contactNav, #menu a.contactNav:hover {background: url(none) 0 0 no-repeat;}

/* footer stuff */
#footer .details{
	position:relative; 
	width:770px; 
	left:50%;
	top:50px; 
	margin: 0;
	margin-left:-385px; 
	text-align: center;
	color: #fff;
	font-size:.9em;
}
#footer p{
	margin:0;
	line-height:1.3em; 
}
#footer .siteby{
	position:absolute; 
	width:110px; 
	left:630px;
	top:5px; 
}
#footer a{
	color: #CDAE75;
}

/* userpanel stuff */
#userpanel {
	margin-top:10px;
}

/* breadcrumbs */
.crumbs {
	padding-left:18px;
	padding-bottom: 12px;
}



/* screeningList styles (screening, index and films pages)*/
.screeningList {
	text-align:center;
} 
.screeningList .item {
	text-align:left;
	padding-left:20px;
	background: url(../images/icons/orange-star.gif) no-repeat 5px 5px;
} 
.screeningList .item h3{
	margin-bottom:0;
} 
.screeningList .item h4{
	margin-bottom:0;
} 
.screeningList .item span{
	display:block;
}
.screenings .screeningList .item{
	padding-bottom:12px;
}


/* blog styles (index, who and contact pages) */
.blog {
	padding-bottom:20px;
}
#columnOne .blog .item {
	width: 160px;
}
.blog h3 {
	margin-bottom:0;
}
.blog .more{
	text-align: right;
}
.contact .blog h2, .news .blog h2{
	text-align: right;
}
.blog #columnTwo .newsimage{
	float:right;
	text-align:center;
	margin:0 0 10px 10px;
}
.blog #columnTwo .inlinepic{
	padding:3px;
	border: 2px dashed #999999;
}
.blog #columnTwo .caption{
	font-size:.9em;
}



/* index specific styles */
body.index {
	background: #FFFFE8 url(../images/bgs/header-index-bg.jpg) no-repeat center top;
}
.index #content{
	background:  url(../images/bgs/body-index-bg.gif) repeat-y center top;
}
.index #columnOne {
	text-align:center;
	padding-top:0;
}
.index #columnTwo {
	width:370px;
	float: left;
	margin:0;
	padding-top:0;
}
.index #columnThree {
	width:199px;
	float: left;
	margin:0;
}
.index .blog .item{
	padding-left:15px ;
}
.index #footer{
	background: url(../images/bgs/footer-index-bg.jpg) no-repeat center bottom;
}


/* frontNews styles (index)*/
.newspic {
	text-align:center;
	padding-top:15px;
	background:  url(../images/bgs/newspic-bg.gif) repeat-y center top;
} 
.frontNews .item{
	width: 310px;
	margin:0 auto;
	color: #fff;
} 
.frontNews h3 a{
	color: #ffffff;
} 
.frontNews h3 span{
	font-size: .9em;
	font-weight:normal;
} 


/* current film styles (index)*/
.currentfilms{
	padding-bottom:5px;
}
.currentfilms a img.inlinepic{
	border: 2px dashed #999999;
	margin-bottom:10px;
}
.currentfilms a:hover img.inlinepic{
	border: 2px dashed #FF6600;
}


.shopitem {
	clear:both;
	margin:10px 0 10px 0;
	padding:10px 0 20px 0;
	border-top: 1px solid #eee;
}

.shopitem h3 {
	font-size:1.5em;
}

.shopitem img.inlinepic {
	float:left;
	padding:2px;
	border: 2px dashed #FF6600;
	display:block;
	clear:both;
	margin:0px 10px 10px 10px;
}


/* shelf styles (index)*/
.shelf {
	margin-top:10px;
}
.shelf h2{
	margin-left:-3px;
}
.shelf .item{
	margin-top:10px;
	padding-left:15px;
	padding-bottom:10px;
	background:   url(../images/bgs/horz-line-196px.gif) no-repeat left bottom;
}
.shelf .item a img.inlinepic{
	border: 2px dashed #999999;
	float: left;
	padding:3px;
}
.shelf .item a:hover img.inlinepic{
	border: 2px dashed #FF6600;
}
.shelf .item h3,.index #columnThree .shelf .item p {
	margin-left:70px;
}
.shelf .item h3{
	padding-top:10px;
	margin-bottom:0px;
}




/* who specific styles */
.who #columnOne {
	padding-top:0px;
}
.who #columnOne h1{
	color:#FF6600;
	text-align:center;
}
.who .list h3 {
	margin-bottom:0;
}
.who .list .more{
	text-align: right;
}
.who .list h2{
}

.who .submenu {
	width: 170px;
	text-align:center;
}
.who .list .item {
}
.who .submenu .item li {
	line-height:1em;
	margin-bottom:12px;
}
.who .submenu .item li .name{
	color:#000;
	font-weight:bold;
	font-size:1.3em;
}
.who .submenu .item li a.box {
	display:block;
	border: 2px dashed #999999;
	padding:3px 0;
	width:145px;
	text-decoration:none;
	background:#fff;
}
.who .submenu .item li a.box:hover {
	border: 2px dashed #FF6600;
	color:#63635A;
}

.who #columnTwo .inlinepic{
	padding:2px;
	border: 2px dashed #FF6600;
	float:left;
	margin: 0 10px 0 0;
}



/* news specific styles */
.news .newsList{
	padding-bottom:15px;
}
.news .newsList h2, .buy .newsList h2, .media .newsList h2{
	text-align: right;
}
.news .newsList .item, .buy .newsList .item, .media .newsList .item  {
	text-align:left;
	padding-left:20px;
	background: url(../images/icons/orange-star.gif) no-repeat 5px 5px;
} 
.news .newsList .item h3, .buy .newsList .item h3, .media .newsList .item h3 {
	margin-bottom:0;
} 
.news .newsList .more, .buy .newsList .more, .media .newsList .more {
	margin-right:10px;
}
.news #columnTwo h1{
	margin-bottom:0;
}
.news #columnTwo .newsimage{
	float:right;
	text-align:center;
	margin:0 0 10px 10px;
}
.news #columnTwo .inlinepic{
	padding:3px;
	border: 2px dashed #999999;
}
.news #columnTwo .caption{
	font-size:.9em;
}



/* films specific styles */
.films .filmList .item{
	display:block;
}
.films .filmList .item ul li{
	position:relative;
	text-align: center;
	display:block;
	width:140px;
	height:135px;
	margin-bottom:20px;
	float: left;
}
.films .filmList .item li a{
	display:block;
	border: 2px dashed #999999;
	width:120px;
	height:135px;
	margin-bottom:0;
	margin-right:20px;
}
.films .filmList .item li a:hover{
	border: 2px dashed #FF6600;
}
.films .filmList .item li span{
	position:absolute;
	top: 117px;
	left:0;
	width:124px;
}
.films .filmList .item li span a, .films .filmList .item li span a:hover {
	display:inline;
	height:auto;
	width:auto;
	margin:0;
	border:none;
}



/* individual film page styles */

/* first column stuff */
.films .filminfo {
	text-align:right;
	padding:0 10px 0 0;
	margin-left:20px;
} 
.films .filminfo dl {
	padding-bottom:10px;
	background: url(../images/bgs/horz-line-152px.gif) no-repeat left bottom;
} 
.films .filminfo .item dt{
	text-transform: uppercase;
	font-size:.9em;
} 
.films .filminfo .item dd{
	font-size:1.2em;
	margin-bottom:7px;
} 
.films .filminfo .awards .item {
	text-align:right;
} 
.films .filminfo .awards .item h3{
	margin-bottom:0;
} 
.films .filminfo .awards .item li{
	font-size:1.1em;
	line-height:1.2em;
	padding-bottom:.4em;
} 


/* second column stuff */
.films .film .headerpic{
	float:left;
} 
.films .film h1{
	width:360px;
	float:left;
} 
.films .film h2 {
	text-align:center;
	clear:both;
}
.films .film dt, .films .film dd{
	font-size:1.1em;
	float: left;
	margin:0;
	width: 48%;
}
.films .film dt{
	text-align: right;
	width: 51%;
	margin-right:.9%;
}
.films .film h3{
	text-align:center;
}

/* extras (trailer & press kit) */
.films .film .extras{
	position:relative;
	width:80px;
	float:left;
	margin:0;
} 
.films .film .extras h3, .films .film .extras a{
	display:block;
	margin:0;
	padding:0;
}
.films .film .extras .trailer{
	position:absolute;
	top:40px;
	height:75px;
	width:80px;
	background: url(../images/bgs/trailer-bg-hover.gif) no-repeat left top;
}
.films .film .extras .trailer a{
	background: url(../images/bgs/trailer-bg.gif) no-repeat left top;
}
.films .film .extras .presskit{
	position:absolute;
	top:120px;
	height:76px;
	width:80px;
	background: url(../images/bgs/presskit-bg-hover.gif) no-repeat left top;
}
.films .film .extras .presskit a{
	background: url(../images/bgs/presskit-bg.gif) no-repeat left top;
}
.films .film .extras .trailer a:hover, .films .film .extras .presskit a:hover{
	background: none;
}
/* popup gallery */
.films .film .gallery {
	position: relative;
}
.films .film .stills {
	display:block;
	margin: 0 0 0 10px;
	padding:0;
	height:79px;
	width:80px;
	background: url(../images/bgs/stills-bg-hover.gif) no-repeat left top;
}
.films .film .stills a{
	display:block;
	width:80px;
	height:79px;
	background: url(../images/bgs/stills-bg.gif) no-repeat left top;
}
.films .film .stills a:hover{
	background: none;
}
.films .film .gallery .photobutton {
	cursor: pointer;
}
.films .film .gallery .closebutton{
	clear: both;
	text-align:center;
	height:22px;
	margin:0;
	background: url(../images/bgs/closebutton-bg.gif) no-repeat center top;
}
.films .film .gallery .closebutton a{
}
.films .film .gallery .addImages {
	clear:left;
}
.films .film .gallery h3 {
	float:left;
	width:80px;
	margin:5px 0;
	display:inline;
	}
.films .film .gallery ul.popup {
	list-style: none outside;
	width:365px;
	float:left;
	margin: 0 ;
	padding:0;
	}
.films .film .gallery li {
	text-align: center;
	float:left;
	width:auto;
	padding:0px;
	margin:5px 9px 5px 0px;
	}
.films .film .gallery .popup li .inlinepic {
	padding:1px;
}
.films .film .gallery .popup li a.pop {
	display:block;
	text-decoration: none;
	border: 1px solid #fff;
	border: 2px dashed #999999;
}
.films .film .gallery .popup li a.pop:hover {
	border: 1px solid #000;
	border: 2px dashed #FF6600;
}




/* screenings specific styles */
.screenings #columnTwo

.screenings .filmList h2 {
	text-align:center;
} 
.screenings .filmList li {
	text-align:left;
	padding:0 20px;
	margin-bottom:10px;
	font-size: 1.2em;
	background: url(../images/icons/orange-star.gif) no-repeat 5px 5px;
} 
.screenings .filmList li a {
	font-weight:bold;
	line-height: 1.2em;
} 
.screenings .filmList li span{
	font-size: .9em;
	width: 130px;
	display: block;
} 



/* shopping cart table stylings */
/* "buy" page news column styles are listed with news pages styles above */
.cart {
	padding:0;
	border-collapse: collapse;
	font-size:1.1em;
}

.cart tr.headrow th {
	font-size: 1.2em;
	text-align:left;
	padding:5px;
	border-bottom:1px solid #fc0;
}

.cart tr.detail td {
	font-size:1em;
	background:#eee;
	border-bottom:1px solid #ccc;
	padding:5px;
}

form input {
	background:#f8f8f8;
	border:1px solid #ccc;
	padding:2px;
}

.formbutton {
	background:#f8f8f8;
	border:1px solid #ccc;
	padding:2px;
}



/* media specific styles */
.media #columnOne{
	text-align: center;
}


/* contacts */

/* universal styles */
.horz-line-152px {
	padding-bottom:5px;
	background: url(../images/bgs/horz-line-152px.gif) no-repeat center bottom;
}
.center{
	text-align:center;
}


/* float clearing code/hack */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

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


/* IMPORTANT! sIFR import styles for screen & print media */

@media screen {
/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}


/* These "decoy" styles are used to hide the browser text before it is replaced... add and alter as necessary for individual site */
/* Letter spacing can be used to make the browser text metrics match up with the sIFR text metrics... settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/* for some reason this site wants specific font-sizes stated for each sifr element replaced without the .sIFR-hasflash class ... */ 
	.sIFR-hasFlash #columnTwo h1{
		font-size:2.6em;
		margin-bottom:3px;
		visibility: hidden;
	}
	.sIFR-hasFlash .who #columnOne .list h1{
		font-size:2.2em;
		margin-top:1em;
		margin-bottom:0;
		visibility: hidden;
	}
	.sIFR-hasFlash .who #columnTwo .item h2, 
	.sIFR-hasFlash .films #columnTwo .item h2,
	.sIFR-hasFlash .contact #columnTwo .item h2{
		font-size:2.2em;
		margin-top:1em;
		margin-bottom:0;
		visibility: hidden;
	}
	.sIFR-hasFlash .who #columnTwo .item h2{
		margin:0;
		font-size:21px;
		visibility: hidden;
	}
	.sIFR-hasFlash .more {
		font-size:1.8em;
		visibility: hidden;
	}

	
	
}

@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}

}