/* GLOBALS */
* { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; }
html, body { height: 100%; }
html { font-size: 16px; text-align:left; overflow: scroll; } 
body { width:100%; color:#9f9f9f; }
a { text-decoration:none; outline:none; color:#fff;}
a:hover { color:#33ccff;}
ul { list-style-type:none; }
img { border:none; color: #9f9f9f; font-size: 0.9em;}
div.clear { clear:both; }


/* FONTS */
h1, h2, h3, h4, h5, h6 { 
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1 { 
	font-size:1.3em; 
	font-weight:normal; 
	color:#f0f0f0; 
	margin-bottom:6px;
}
h2 { 
	font-size:0.9em; 
	font-weight:normal; 
	color:#fff; 
	margin-bottom:2px;
}
p { 
	font-size:0.75em; 
	line-height:1.6em; 
	text-align:left;
	padding-bottom:0.75em; 
}
p.link {
	padding-bottom:0.2em;
}
p.photo-credit {
	text-align:right;
	font-size:0.6em;
}
span.intro { 
	 font-size:1.1em;
	 color:#f0f0f0;
}



/* LAYOUT */
#wrapper { 
	width:100%; 
	min-height:100%; 
	height:auto; 
	margin:0 auto; 
	background:#222;
}

#main-content {
	width:960px; 
	margin:24px auto 0 auto; 
	overflow:auto; 
	padding-bottom:60px;
}  /* padding must be same as the footer height */

#header-wrapper { 
	width:100%;
	background-color:#111; 
	height:140px; 
	margin:0 auto;
}

#header { 
	width:960px; 
	margin: 0 auto;
}

#header .kinoman {
	float:left;
	margin-top:33px;
}

#header-right .title { 
	float:right;
	margin-top:48px; 
}

#text-wrapper { 
	float:left;
	width:455px; 
	margin: 0 25px 30px 0;
	overflow:hidden; 
	}
	
#text-container { 
	width:1880px;  
	}

div.text { 
	width:455px;
	margin-right:10px;
	float:left;
}

#text p { 
	margin-bottom:12px; 
}

div.next-arrow { 
	clear:both; 
	width:455px;
	padding-top:18px;
}

div.next-arrow img { 
 	float:left;
 	padding-right:20px;
 	opacity:0.3;
	filter:alpha(opacity=30);
}

div.next-arrow img:hover { 
 	opacity:1;
	filter:alpha(opacity=100);
}

#image-wrapper { 
	position: relative;
	float:left;
	width:480px; 
}

#looper { 
	width:478px; 
}

#looper ul { 
}

#looper ul li { 
	float:left;
	 
}

#footer-wrapper { 
	width:100%; 
	height:60px; 
	clear:both; 
	margin:-60px auto 0 auto; 
	background-color:#111; 
}

#footer-wrapper-index { 
	width:100%; 
	height:60px; 
	clear:both; 
	margin:-60px auto 0 auto; 
}

#footer { 
	width:960px; 
	margin:0 auto; 
	padding-top:10px; 
}

#footer p { 
	font-size:0.75em; 
	color:#666; 
}

#footer-index p { 
	font-size:0.75em; 
	color:#555;
	text-align:center; 
}

/*Navigation*/
#navigation { 
	float:right; 
	height:40px;
	margin:1px 0 2px 0; 
}
#navigation ul  { 
	font-size:0.85em; 
	float:right; 
	position:relative;
	margin-top:13px; 
	line-height:15px;
}
#navigation ul  li { 
	display:block;
	float:left;
	padding:0 4px;
	margin-left:12px;
}
#navigation ul li a { 

}
#navigation ul  li a:link, #header ul li a:visited { 
	color:#777;
}
#navigation ul  li a:hover { 
	color:#33ccff; 
}
#navigation ul  li.selected { 
	color:#33ccff;
}
#navigation ul  li.divider { 
	color:#444; 
}


/* CONTENT */

/* Home page */
#home-navigation {
	margin: 0 auto;
	width:100%; 
	height:100%; 
}
ul#home { 
	position: absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 250px;
	margin-left: -480px; /* Half the width */
	margin-top: -155px; /* Half the logo height plus half footer height */
}
ul#home li {
	float:left; 
	margin-right:40px;
}
ul#home li.last {
	float:left; 
	margin:0;
}
ul#home img {
	margin-bottom:4px;
}
ul#home li a img {
	border:5px solid #f0f0f0; 
}
ul#home a:hover img {
	border:5px solid #f0f0f0; 
}
ul#home li a { 
	 color:#999;
}
ul#home li a:hover { 
	 color:#fff;
}
span.tn-title {
	text-align:center; 
	display:block;
	font-size:0.8em;
}
/* End Home page */

/* Looper */
#image-wrapper ul {
	height: 152px;
	margin-top:20px;
}
#image-wrapper ul li {
	float: left;
	padding-right: 15px;
}
#image-wrapper ul li.last {
	padding: 0;
}
p.photo-credit {
	padding-top: 0.5em;
}


#floater { 
	float:left; 
	height:50%; 
	margin-bottom:-325px; 
}

#logo-animation { 
	clear:both; 
	position:relative; 
	height:650px; 
}

#films { 
	width:455px; 
	float:left;
	margin-right:25px;
}

#film-listing { 
	margin-top:24px;
	border-bottom:1px solid #4e4e4e;
}

#film-listing-last { 
	margin-top:24px;
	border:0;
}

/* Layout of film thumbnails and blurb */
div.title-strip { 
	position:relative; 
	float:left;
	margin-bottom:6px;
}
div.film-title {
	position: absolute; 
	left:126px; 
	bottom:0; 
	width:200px; 
}
div.film-tn { 
	float: left;
	height:84px;
}
div.film-tn img { 
	padding-bottom:2px;
}
.date {
	color:#777;
	font-size:0.7em;
	padding-top:0px;
	padding-bottom:0;
}
div.film-blurb { 
	clear:both;
}

img.thumbnail {
	float:left; 
	margin:14px 10px 6px 0; 
}
#film-frame { 
	width:480px;
	float:right;
	background:url(../images/filmstill.jpg) no-repeat; 
}

p.credits {
	color:#999; 
	font-size:0.95em;
}
p.blurb {
	color:#999; 
	font-size:0.95em;
	padding-top:6px;
}
div.play {
	width:420px; 
	font-size:0.7em; 
	padding:4px 0 18px 0;
}
div.play a:link, div.play a:visited {
	color:#33ccff;
}
div.play a:hover {
	color:#fff;
}
div.play img {
	padding-right:4px; 
}
div.nowShowing {
	width:420px; 
	height:25px; 
	color:#fff; 
	font-size:0.9em; 
	padding:12px 0 4px 0;
}
div.nowShowing img {
	padding-left:4px;
}

div.filmText {
	width:290px;
	float:left;
	margin-top:10px;
}

iframe { 
	border:0px solid #333; 
}
 
iframe body { 
	margin: 0; 
}

/* Layout of events thumbnails and blurb */
#events { 
	width:455px; 
	float:left;
	margin-right:25px;
}
#event-listing { 
	margin-top:24px;
	border-bottom:1px solid #4e4e4e;
}
div.events-title-strip { 
	position:relative; 
	float:left;
	margin-bottom:6px;
	clear: both;
}
div.event-title {
	position: absolute; 
	left:140px; 
	bottom:0; 
	width:300px; 
}
div.event-title h2 { 
	margin:0; 
}
div.event-tn { 
	float: left;
	height:86px;
}
div.event-tn img { 
	padding-bottom:2px;
}

div.view-event {
	width:420px; 
	font-size:0.7em; 
	padding-top:;
}
div.view-event a:link, div.view-event a:visited {
	color:#33ccff;
}
div.view-event a:hover {
	color:#fff;
}


/* CAROUSEL */
div#carousel { position:relative; width:820px; padding:5px 70px 20px 70px; border-bottom: 1px dotted #444; }
#carousel-controls { position: absolute; top: 0; left: 0; margin:0; padding: 0;}
#carousel-controls li { display:block; }
#carousel-controls li.scroll-left a { position:absolute; top:50px; left:0; overflow:hidden; opacity:0.3; filter:alpha(opacity=30); }
#carousel-controls li.scroll-right a { position:absolute; top:50px; left:900px; overflow:hidden; opacity:0.3; filter:alpha(opacity=30); }
#carousel-controls li.scroll-left a:hover { opacity:1; filter:alpha(opacity=100); }
#carousel-controls li.scroll-right a:hover { opacity:1; filter:alpha(opacity=100); }
#carousel-content { }
#carousel-content li { float:left; display:inline-block; float:left; padding:0 20px; } /*padding:0 15px;*/
div#carousel-container { width:820px; height: 140px; overflow:hidden; position:relative;} /*was 860px with carousel working*/

/*Events*/
#flyer {width:500px; float:left;}
#flyer img {border:1px solid #4e4e4e;}
#flyerText {width:300px; float:left; margin-left:20px; }

/*Event container for ajax call*/
#event-content { width:820px; height:auto; min-height:350px; margin:25px 0 0 70px;}

/* Preloader */
#preloader { display: none; height: 100px; width: 100%; padding:50px 0 0;}
#preloader div { position: relative; background: transparent url(../images/ajax-loader.gif) no-repeat 50% 50%; height: 100%; width: 100%; }