/*
4 Track Films stylesheet - '4 Track Films'
created: 2009.02.04
version:  2009.02.04
author: Nick Zlonis, Figureground Inc.
----------------------------------------------- */

* {
	margin:0;
	padding:0;
}

/* =Structure
----------------------------------------------- */

body {
	background:#fff;
	color:#333;
	font-family:"Lucida Grande",Verdana,sans-serif ;
	font-size:90%;
	margin:0 auto;
	padding:0;
	text-align:center;
	}

#claptop {
	background:url("/img/claptop_bg.gif") center top repeat-x;
	height:14px;
	width:100%;
}
	
#foot {
	border-top:1px dotted #ccc;
	font-size:0.7em;
	height:50px;
	margin:40px 0 0 0;
	padding:20px 0 0 0;
	text-align:center;
	}
	#foot div.pad {	
	margin:0 auto;
	padding:0 20px;
	text-align:left;
	width:960px;
	}
	#foot #footnav {
	color:#ccc;
	}
	
#head {
	background:url("/img/head_bg.gif") 50% top repeat-x;
	clear:both;
	height:120px;
	margin:0 auto;
	padding:10px 0 0 0;
	position:relative;
	text-align:left;
	width:960px;
	}
	
#nav {
	margin:40px 0 0 0;
	/*overflow:auto;*/
	padding:0;
	position:absolute;
	right:0;
	top:10px;
	width:99%;
	}

#page {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:960px;
}
	div.page_pad {
	padding:10px;
	}
	body.home .page_pad,
	body.films .page_pad {
	padding:0;
	}

#supernav {
	position:absolute;
	right:10px;
	top:10px;
}

/* =Layout
----------------------------------------------- */
#about_photo {
	background:#eee;
	border:1px solid #ccc;
	height:200px;
	margin-bottom:20px;
	text-align:center;
	width:600px;
}

.arrow_btn {
	vertical-align:bottom;
}

.bio_photo {
	border:1px solid #aaa;
	float:right;
	margin:0 0 20px 40px;
	width:320px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}


.box {
	background:#eee;
	margin:0 0 14px 0;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;
}
body.contact .box {
	margin-top:20px;
}
div.box div.pad {
	padding:20px;
}
.box_errors {
	background:#f4e2bb;
}
.box_map {
	width:380px;
}
.box_map .pad {
	padding:10px;
}

.dvd {
	float:left;
	width:180px;
}
body.home .dvd {
	margin-right:20px;
}

.columnfull {
	width:940px;
}
body.films .columnfull {
	text-align:center;
}
	.columnfull .pad {
	padding:20px;
	}
	body.films .columnfull .pad {
	padding:20px 0;
	}

.columnl {
	float:left;
	width:640px;
}
	.columnl .pad {
	padding:0; 
	}
body.contact .columnl {
	width:520px;
}
body.film .columnl {
	width:300px;
}

.columnr {
	float:right;
	width:240px;
}
body.contact .columnr {
	width:380px;
}
body.film .columnr {
	width:580px;
}

	.columnr .pad {
	padding:0; 
	}

#featured_news {
	float:left;
	width:340px;
}

.film_info {
	float:right;
	width:380px;
}
#laurels {
	margin-top:20px;
}
#logo {
	margin:20px auto 10px auto;
}

#map_canvas {
	height:340px;
	width:340px;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;
}

.meta {
	background:url(/img/shadow_rule_580.jpg) bottom 50% no-repeat;
	color:#999;
	font-size:0.8em;
	margin:10px 10px 20px 0;
	padding:0 0 30px 0;
	}

.poster {
	display:inline;
	padding:0 10px;
	vertical-align:50%;
}

#show {
	margin-bottom:30px;
}

/* =Typography
----------------------------------------------- */

h1 {
	padding:10px 0 10px 10px;
}

h2 {
	margin:0 0 20px 0;
}
body.film h2 {
	border-top:1px dotted #999;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
}
body.news h2 {
	font-size:1.2em;
	margin:0 0 4px 0;
}

h3 {
	font-weight:normal;
	padding:10px;
}
h3.tagline {
	border-top:1px dotted #999;
	color:#999;
	font-size:1em;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
}
address {
	font-style:normal;
}

p {
	line-height:1.5em;
	margin:0 0 1.4em 0;
}

.required {
	color:#a00303;
}
.subtle {
	color:#aaa;
}

/* =List Elements
----------------------------------------------- */

ul {
	margin-left:1.5em;
}

.film_info ul {
	list-style-image: url(../img/laurels_icon.png);
}

#nav ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	}
	li {
	margin-bottom:0.7em;
	}
	#nav ul li {
	display:inline;
	float:right;
	font-size:0.8em;
	margin:0;
	padding:0;
	}

ul.nav_screeningroom {
	list-style:none;
	margin:0 0 20px 0;
}
ul.nav_screeningroom li {
	border-top:1px solid #ccc;
	margin:0;
}

/* =Table elements
----------------------------------------------- */
table {
	border-collapse:collapse;
}
	
/* =Form elements
----------------------------------------------- */

button {
	background:none;
	border:none;
}

fieldset {
	border:none;
	margin:0;
	padding:0;
}

form.inline {
	display:inline;
}

input#name,
input#email {
	background:#f5f5f5;
	border:2px solid #ddd;
	font-size:1.8em;
	width:480px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

.order_btn {
	margin-left:20px;
}

label {
	color:#999;
	display:block;
	font-size:1em;
	margin:4px 0;
}
label.inline {
	display:inline;
}

textarea {
	font-family:"Lucia Grande",Verana,sans-serif;
	font-size:1.1em;
}

textarea#message {
	background:#f5f5f5;
	border:2px solid #ccc;
	height:250px;
	margin-bottom:12px;
	width:480px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input:focus, select:focus, textarea:focus {
	background-color:#fff7d5;
	outline-size:3px;
	outline-color:#ffa800;
}
	
/* =Linkage
----------------------------------------------- */

a:link { color:#667c3c; text-decoration:none; }
a:visited { color:#667c3c; text-decoration:none; }
a:hover { color:#304703; text-decoration:none; }
a:active { color:#73af00; text-decoration:none; }

#foot a:link { color:#999; text-decoration:none; }
#foot a:visited { color:#999; text-decoration:none; }
#foot a:hover { color:#666; text-decoration:none; }
#foot a:active { color:#333; text-decoration:none; }

a.img_link { border:none; }

#nav ul li a {
	border-bottom:none;
	display:block;
	margin:0;
	overflow:auto;
	padding:6px 14px 8px 14px;
	-moz-border-radius: 14px; 
	-webkit-border-radius: 14px;
	}
#nav ul li a:link { color:#667c3c; }
#nav ul li a:visited { color:#667c3c; }
#nav ul li a:hover { background:#ecf2e8; color:#304703; }
#nav ul li a:active { 
	background:#b1c0a6; 
	color:#fff; 
}

ul.nav_screeningroom a {
	display:block;
	padding:4px 10px;
}
ul.nav_screeningroom li a:link { color:#667c3c; }
ul.nav_screeningroom li a:visited { color:#667c3c; }
ul.nav_screeningroom li a:hover { background:#ecf2e8; color:#304703; }
ul.nav_screeningroom li a:active { background:#ecf2e8; color:#73af00; }

ul.nav_screeningroom li a.current,
body.about .columnr li a.current,
body.about .columnr p a.current
 {
	color:#d28414;
	font-weight:bold;
}

ul.subnav li.current-cat a {
	color:#d28414;
	font-weight:bold;
}
	
body.home #nav ul li.li1 a,
body.about #nav ul li.li2 a,
body.films #nav ul li.li3 a,
body.screeningroom #nav ul li.li4 a,
body.news #nav ul li.li5 a,
body.contact #nav ul li.li6 a
	{
	background:#fff;
	color:#d28414;
	font-weight:bold;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	}


/* =Images
----------------------------------------------- */

.bio_photo img {
	margin:10px;
}

.columnr img {
	float:left;
}

a.img_link img, img.img_link { border:none; text-decoration:none; }

img.icon { vertical-align:middle; }

/* =Global
----------------------------------------------- */	
.floatr { float:right; }
.floatl { float:left; }
	
/* =Hacks
----------------------------------------------- */	
div.clear {
	display:block; 
	clear:both; 
	height:0;
	margin:0; 
	padding:0; 
	visibility:hidden; 
	}

img, div,.order_btn { behavior: url(../img/iepngfix.htc) }