/* basic elements */
body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 16px; 
	padding-right: 15px;
}

a:link { 
	text-decoration: none; 
	color: #01a0c7;
	}
a:visited { 
	text-decoration: none; 
	color: #01a0c7;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #ff7f00;
	}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0px;
	word-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1.2em 0 .3em;
	color:#01a0c7;
}

h1 {font-size: 200%;
	margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

ul { padding: 0; margin-left: 15px; }
ol { padding-right: 15px; }
li { padding-bottom: 5px;}

.highlight {color:#E17000; font-weight: bold}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date    {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}	

/* GENERAL */
img {border:none} 
/* preloading images for IE */
#preloader img {
position: absolute;
left: -110%; top: -110%;
width: 1px; height:1px;
}

hr {
	height: 5px;
	color: Black;
	border: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* specific divs */
#container {
	position: relative;
	width: 800px;
	padding: 0px 5px 0px 5px;
	margin: 0 auto;
}
	
#header {
	width: 800px;
	height: 140px;	
	margin: 0px;
	padding: 0px;
	border: 0px;
	clear: both;
}

#headerLogo a:link, #headerLogo a:visited, #headerLogo a:hover, #headerLogo a:active{
	background-image: url(../images/banner_logo.gif);
	width: 416px;
	height: 140px;	
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
}

#festival #headerFestival a:link, #festival #headerFestival a:visited{
	background-image: url(../images/banner_festival.jpg);
	width: 141px;
	height: 141px;	
	float: left;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border: 0px;
}

#festival #headerFestival a:hover, #festival #headerFestival a:active {
	background-image: url(../images/banner_festival_hover.jpg);
}

#headerFestival a:link, #headerFestival a:visited{
	background-image: url(../images/banner_festival.jpg);
	width: 141px;
	height: 140px;	
	float: left;
	margin: 0px 3px 5px 5px;
	padding: 0px;
	border: 0px;
}

#headerFestival a:hover, #headerFestival a:active {
	background-image: url(../images/banner_festival_hover.jpg);
}

.headerLinkRow {
	float: left;
}

#events a.eventsLink:link, #events a.eventsLink:visited{
	float: left;
	background-color: #01A0C7;
	color: white;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

#events a.eventsLink:hover, #events a.eventsLink:active{	
	background-color: #B7CD00;
	color: black;
}

a.eventsLink:link, a.eventsLink:visited{
	float: left;
	background-color: #B7CD00;
	color: black;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

a.eventsLink:hover, a.eventsLink:active{	
	background-color: #01A0C7;
	color: white;
}

#volunteer a.volunteerLink:link, #volunteer a.volunteerLink:visited{
	float: left;
	background-color: #01A0C7;
	color: white;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

#volunteer a.volunteerLink:hover, #volunteer a.volunteerLink:active{	
	background-color: #B7CD00;
	color: black;
}

a.volunteerLink:link, a.volunteerLink:visited{
	float: left;
	background-color: #B7CD00;
	color: black;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

a.volunteerLink:hover, a.volunteerLink:active{	
	background-color: #01A0C7;
	color: white;
}

#press a.pressLink:link, #press a.pressLink:visited{
	float: left;
	background-color: #01A0C7;
	color: white;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

#press a.pressLink:hover, #press a.pressLink:active{	
	background-color: #B7CD00;
	color: black;
}

a.pressLink:link, a.pressLink:visited{
	float: left;
	background-color: #B7CD00;
	color: black;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

a.pressLink:hover, a.pressLink:active{	
	background-color: #01A0C7;
	color: white;
}

#news a.newsLink:link, #news a.newsLink:visited{
	float: left;
	background-color: #01A0C7;
	color: white;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

#news a.newsLink:hover, #news a.newsLink:active{	
	background-color: #B7CD00;
	color: black;
}

a.newsLink:link, a.newsLink:visited{
	float: left;
	background-color: #B7CD00;
	color: black;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

a.newsLink:hover, a.newsLink:active{	
	background-color: #01A0C7;
	color: white;
}

#sponsor a.sponsorLink:link, #sponsor a.sponsorLink:visited{
	float: left;
	background-color: #01A0C7;
	color: white;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

#sponsor a.sponsorLink:hover, #sponsor a.sponsorLink:active{	
	background-color: #B7CD00;
	color: black;
}

a.sponsorLink:link, a.sponsorLink:visited{
	float: left;
	background-color: #B7CD00;
	color: black;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

a.sponsorLink:hover, a.sponsorLink:active{	
	background-color: #01A0C7;
	color: white;
}

#about a.aboutLink:link, #about a.aboutLink:visited{
	float: left;
	background-color: #01A0C7;
	color: white;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

#about a.aboutLink:hover, #about a.aboutLink:active{	
	background-color: #B7CD00;
	color: black;
}

a.aboutLink:link, a.aboutLink:visited{
	float: left;
	background-color: #B7CD00;
	color: black;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 0px 2px 2px 2px;
	padding: 46px 0px 5px 2px;
}

a.aboutLink:hover, a.aboutLink:active{	
	background-color: #01A0C7;
	color: white;
}

a.headerLink:link, a.headerLink:visited{
	float: left;
	background-color: #01A0C7;
	color: black;
	font: 11px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 70px;
	margin: 2px;
	padding: 46px 0px 5px 2px;
}

a.headerLink:hover, a.headerLink:active{	
	background-color: #B7CD00;
	color: white;
}

#mainBillboard {
	margin: 12px 0px 10px 0px;
}

#tierBlock {
	height: 160px;
	margin: 2px 0px 10px 0px;
	padding: 0px;
	border: 0px;
}

#tierTitle {
	float: left;
	background-color: #01a0c7;
	color: white;
	font: 20px trebuchet ms, arial, sans-serif;
	line-height: 16px;
	font-weight: bold;	
	text-decoration: none;
	width: 155px;
	margin: 5px 5px 5px 0px;
	padding: 125px 0px 15px 2px;
}

.tierImage {
	float: left;
	margin: 5px 5px 5px 0px;
}

#content {
	float: left;
	width: 570px;
}

.featurebox   {
	color:#000;
	margin-right: 10px;
}

	.featurebox h3 {
		font: 13px Arial, Helvetica, sans-serif;
		line-height: 18px;
		color:#828181;
		text-transform: uppercase;
		font-weight: bold;
		border-bottom: dotted 1px #828181;
		padding: 15px 0px 0px 0px;
	}
		.featurebox h3.section {
			color: #828181;
			border-bottom:1px solid #CEC1AD;
			font-family: Arial,Helvetica,sans-serif;
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			padding: 10px 0 2px 0;
			margin-bottom: 6px;
			text-transform: uppercase;
		}	
	
	.featurebox h4 {
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 16px;
		color:#E17000;
		font-weight: bold;
		margin: 0px;
		padding: 6px 0px 5px 0px;	
	}
	.featurebox h5 {
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 16px;
		color: #66BB22;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	.featurebox .dateline {
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 12px;
		color: #AAAAAA;
		font-style: italic;
		text-align: right;
		margin: 0px;
		padding: 0px;	
	}
	.featurebox p {
		border:none;
		color:#000;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 16px;
		margin-top: 5px;
	}

	.featurebox img.image-left {
		float: left;
		vertical-align: top;
		margin: 2px 8px 5px 0px;
	}

	.featurebox img.image-right {
		float: right;
		vertical-align: top;
		margin: 2px 0px 5px 8px;
	}

.fractured-atlas {
	background: #555555 none repeat scroll 0 0;
	width: 160px;
	height: 40px;
	padding: 8px;
	margin: 0;
}
	
#sidebar {
	float: left;
	width: 220px;
}

.sidebarItem {
	width: 220px;
	margin: 0 0 20px 10px;
}

#buyTicketsButton a:link, #buyTicketsButton a:visited{
	background-image: url(../images/buy_tickets.jpg);
	width: 214px;
	height: 82px;	
	float: left;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border: 0px;
}

#buyTicketsButton a:hover, #buyTicketsButton a:active {
	background-image: url(../images/buy_tickets_hover.jpg);
}

#videoContestButton a:link, #videoContestButton a:visited{
	background-image: url(../images/trailer_contest.jpg);
	width: 215px;
	height: 160px;	
	float: left;
	margin: 40px 0px 5px 5px;
	padding: 0px;
	border: 0px;
}

#videoContestButton a:hover, #videoContestButton a:active {
	background-image: url(../images/trailer_contest.jpg);
}

#donateButton a:link, #donateButton a:visited{
	background-image: url(../images/donate.gif);
	width: 213px;
	height: 80px;	
	float: left;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border: 0px;
}

#donateButton a:hover, #donateButton a:active {
	background-image: url(../images/donate_hover.gif);
}

#galleryButton a:link, #galleryButton a:visited{
	background-image: url(../images/gallery.gif);
	width: 213px;
	height: 65px;	
	float: left;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border: 0px;
}

#galleryButton a:hover, #galleryButton a:active {
	background-image: url(../images/gallery_hover.gif);
}

#mailingListButton a:link, #mailingListButton a:visited{
	background-image: url(../images/mailing_list.gif);
	width: 213px;
	height: 65px;	
	float: left;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border: 0px;
}

#mailingListButton a:hover, #mailingListButton a:active {
	background-image: url(../images/mailing_list_hover.gif);
}

#blogButton a:link, #blogButton a:visited{
	background-image: url(../images/blog_rss.gif);
	width: 213px;
	height: 65px;	
	float: left;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border: 0px;
}

#blogButton a:hover, #blogButton a:active {
	background-image: url(../images/blog_rss_hover.gif);
}

/* TABLES - calendar */
.calendar {width:200px;font-size:100%}
.calendar td {text-align:center;border: 0px;font-weight: bold;}
.calendar th {text-align:center}
.calendar thead th {
	font-weight: bold;
	text-transform: capitalize;
	padding: 3px 2px;
}
.calendar thead th #calendarHeader1 {
	float: left;	
	font-weight: bold;
	color: #b7cd00;
	text-transform: capitalize;
	padding: 3px 2px;
}
.calendar thead th #calendarHeader2 {
	float: right;	
	font-weight: bold;
	color: #ff7f00;
	text-transform: capitalize;
	padding: 3px 2px;
}

.calendar tbody th {padding-top: 0px;}
.calendar tbody th.sub {padding: 2px}

#eventsHeader {
	background-image: url(../images/events_header.gif);
	background-repeat: no-repeat;	
	width: 212px;
	height: 36px;
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 3px 0px;
}

.eventsDateline {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color:#000;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: dotted;
	border-bottom-width: 1px;
	border-color: #828181;
	padding: 15px 0px 0px 0px;
}

.eventsTextline {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 13px;
	color: #999;
}

#footer {
	text-align: center;
	width: 800px;
	height: 150px;
}

	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;background: #f6f6f6 url('images/featurebox_bg.gif') no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative; padding-left:0; padding-right:0; padding-top:.5em; padding-bottom:.5em}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: url('images/errormsg_bg.gif') no-repeat 0 0; }
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

/* TEMPORARY STYLES FOR THE TRAILER PAGE - REMOVE AFTERWARD*/

.trailerContestHeader {
	font-family: "lucida grande", tahoma, arial, sans-serif;
	color:#E17000;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted silver;
	word-spacing: 1px;
}

.trailerContestBody {
  font-family: arial, sans-serif;
  font-size: 11px;
  margin: 0px;
  padding-right: 10px;
  text-align: left;
}

.trailerJurorName {
  font-family: "lucida grande", tahoma, arial, sans-serif;
  color:#01A0C7;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  word-spacing: 2px;
  clear: both;
}

.trailerJurorPhoto img {
	margin: 0 0 0 10px;
	float: right;
	padding:5px;
	clear: both;
	margin: 5px;
}

.trailerContestWinnerHeader {
	font-family: trebuchet ms, arial, sans-serif;
	color:#000;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dotted silver;
	word-spacing: 3px;
	text-align: center;
}

.trailerContestWinnerBlock {
	background-color: #E17000;
	padding: 5px;
	margin-bottom: 15px;
}

.trailerContestRunnerUpBlock {
	background-color: #01A0C7;
	padding: 5px;
	margin-bottom: 15px;
}

.trailerContestFinalistDirector {
  font-family: Arial, sans-serif;
  color:#000;
  padding-bottom: 5px;
  font-size: 11px;
  font-weight: bold;
  word-spacing: 1px;
  clear: both;
}

.trailerContestFinalistDirector  a{
  color:#000;
}

.trailerContestFinalistTitle {
  font-family: "lucida grande", tahoma, arial, sans-serif;
  color:#000;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 12px;
  font-weight: bold;
  word-spacing: 2px;
  clear: both;
}

.trailerContestFinalistDetails {
	font-family: trebuchet ms, arial, sans-serif;
	color:black;
	margin: 0px 0px 0px 5px;
	font-size: 12px;
}

.trailerContestFinalistQuote {
	font-family: trebuchet ms, arial, sans-serif;
	color:#E17000;
	margin: 10px 0px 15px 5px;
	font-size: 11px;
	line-height: 11px;
}

.trailerContestLink {
	font-family: trebuchet ms, arial, sans-serif;
	color:#01a0c7;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.trailerFormLabel {
	font-family: trebuchet ms, arial, sans-serif;
	padding-right: 10px;
	margin: 3px 0px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.trailerFormInput {
	font-family: trebuchet ms, arial, sans-serif;
	padding-right: 10px;
	margin: 3px 0px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.trailerFormLegalese {
	font-family: trebuchet ms, arial, sans-serif;
	padding: 5px 25px 5px 0px;
	margin: 3px 0px 5px 5px;
	font-size: 12px;
	text-align: justified;
}

.trailerFormConfirmation {
	font-family: trebuchet ms, arial, sans-serif;
	margin: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#trailerFinalists {
	border: 1px solid #CFCFCF;
}

.trailerStill {
	border: 2px solid #CFCFCF;
}