/*
Global Styles
Version: 2008-09-06
*/
/* Float Clearing */
.clear { display: inline-block; }
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Advanced CSS and JavaScript-enabled CSS to follow */
body {
    background: #ffffff url("../images/bg-body.jpg") repeat;
    font: normal 12px/1.15 arial, helvetica, sans-serif;
    text-align: center;
}
/* Links */
a:link,
a:visited {
    color: #999;
    text-decoration: none;
}
a:hover,
a:active {
    color: #ADB83C;
    text-decoration: none;
}

#page {
	background: transparent url("../images/bg-page.png") repeat-y;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 745px;
}

#main {
	background: #ffffff;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 705px;	
	min-height: 800px;
}

#header {
    overflow: hidden;
}
    #header .logo {
        float: left;
        height: 188px;
        width: 745px;
    }
    
        #header .logo h1 {
            background: url("../images/banner_logo.png") no-repeat;
            font-size: 2em;
            height: 188px;
            margin: 0;
            width: 100%;
        }
        
        #header .logo a {
            display: block;
            cursor: pointer;
            height: 100%;
            text-indent: -10000px;
            width: 100%;
        }

#footer {
    background: #ffffff;
    color: #999;
    font: 11px/1 arial, helvetica, sans-serif;
    padding: 15px 0 10px 0;
	margin-left: 170px;
    width: 525px;
}
    
    #footer .apafilm {
        background: url("/images/logo-footer.gif") no-repeat 0 11px;
        border-top: 1px solid #dedcd8;
        padding: 5px 0 6px;
        width: 100%;
    }

#sidebar {
	float: left;
	width: 150px;
	margin-left: 20px;
}

	#sidebar_logo {
		float: right;
		margin-bottom: 30px;
	}
	
#nav {
	float: right;
	clear: both;
	margin-top: 18px;
}

	#nav li {text-align: right; margin-bottom: 5px;}

	#nav a { font: 22px/1 verdana, helvetica, sans-serif; text-transform: uppercase;}
    #nav a:hover { text-decoration: none; }

#passes_button {
	float: right;
	clear: both;
	margin: 0 10px 0 0;
}

#newsletter_button {
	float: right;
	clear: both;
	margin: 20px 10px 0 0;
}

#flickr_logo{
	float: right;
	clear: both;
	margin-top: 18px;
}

#flickr {
	float: right;
	width: 150px;
	margin-top: 0;
}

#flickr img{margin-left: 45px;}

#facebook {
	clear: both;
	margin: 0 0 0 25px;
	padding-top: 35px;
}

#content {
    float: left;
    margin: 18px 0 0 25px;
    padding-bottom: 43px;
    width: 505px;
}

	#content h2 {
	    color: #666;
	    font: bold 21px/36px arial, helvetica, sans-serif;
	    margin: 0;
	    text-transform: uppercase;
		text-align: left;
	}	
	#content h3 {
	    color: #000;
	    font: bold 14px/18px arial, helvetica, sans-serif;
	    margin: 0;
	    text-transform: none;
		text-align: left;
	}
	#content h4 {
	    color: #000;
	    font: bold 12px/14px arial, helvetica, sans-serif;
	    margin: 0;
	    text-transform: none;
		text-align: left;
	}
	#content p {
	    color: #000;
	    font: 11px/14px arial, helvetica, sans-serif;
		line-height: 16px;
	    margin: 0;
		text-align: left;
	}
	
	#content img {margin: 0; padding: 0;}
	
img#festival_logo {border-bottom: 1px solid #000; margin-bottom: 10px;}

.announcement_block { margin: 5px 0 25px 0; width: 100%;}
	#announcements h3 {padding-bottom: 2px; border-bottom: 1px dotted #333;}
	#announcements h4 {font: 11px/14px arial, helvetica, sans-serif; text-align: right; margin-bottom: 5px; }
	#announcements img.image-left {
		float: left;
		vertical-align: top;
		margin: 2px 5px 5px 0;
		border: 1px solid #999;}
	}
	#announcements p { font: 12px/14px arial, helvetica, sans-serif; margin: 2px 0 8px 0; }
	#announcements img.image-right {
		float: right;
		vertical-align: top;
		margin: 2px 0 5px 5px;
		border: 1px solid #999;}
	}
	
#blog_posts { margin: 0 0 35px 0; width: 100%;}
	.blog_block {
		margin: 5px 0 15px 0;
		padding-right: 15px;
	}
	.blog_title a { 
		font: 14px/16px arial, helvetica, sans-serif; 
		margin-bottom: 3p;
	}
	.blog_updated {
		font: 12px/14px arial, helvetica, sans-serif;
		font-weight: bold;
		margin: 2px 0 2px 0;
	}
	.blog_summary {font: 11px/12px arial, helvetica, sans-serif; line-height:16px; margin-top: 3px;}
	.blog_author {font: 11px/12px arial, helvetica, sans-serif; font-style: italic; margin-top: 3px; }

#featured_program {
	float: left;
	margin-bottom: 15px;
	width: 45%;
	padding-right: 22px;
	border-right: 1px dotted #999;
}
	#featured_program img {
		text-align: center;
		width: 220px;
		border: 1px solid #999;}
	}
	#featured_program h3, h4  {
		text-align: center;
		margin-bottom: 3px;
	}
	#featured_program p {font: 12px/14px arial, helvetica, sans-serif; text-align: center;}

#upcoming_events {
	float: left;
	width: 45%;
	padding-left: 22px;
	margin-bottom: 15px;
}
	#upcoming_events p { font: 12px/14px arial, helvetica, sans-serif; margin: 2px 0 8px 0; }

#featured_sponsors {
	clear: both;
	text-align: center;
	margin-top: 10px;
}

	#featured_sponsors img {
		text-align: center;
		margin-bottom: 10px;
	}
	#featured_sponsors a img {
		text-align: center;
		margin-bottom: 10px;
	}	
	#featured_sponsors h3, h4  {
		text-align: center;
		margin-bottom: 10px;
	}

#schedule {
	margin: 0; padding: 0;
	width: 505px;
}
	#schedule h2 {margin: 0; padding: 0;}
	#schedule h3 {margin: 10px 0 3px 0; padding: 0; border-bottom: 1px dotted #999; width:505px;}
	#schedule h4 {
		font: 13px/15px arial, helvetica, sans-serif;
		font-weight: bold;
		margin: 2px 0 4px 0;
	}
		#schedule h4 a{
			font: 13px/15px arial, helvetica, sans-serif;
			font-weight: bold;
			margin: 0 0 4px 5px; padding: 0;
		}
	#schedule .program_type {
		font: 11px/14px arial, helvetica, sans-serif;
		font-style: italic;
		margin: 0; padding:0;
	}
		#schedule em a {
			float: right;
			font: 10px/14px arial, helvetica, sans-serif;
			font-style: italic;
			margin: 0 0 5px 5px; padding: 0;
		}
	#schedule ul{margin: 5px 0 15px 63px; padding: 0;}
		#schedule ul a{font: 12px/14px arial, helvetica, sans-serif;}
	#schedule li{font:11px/14px arial, helvetica, sans-serif; list-style: none; margin-bottom: 2px;}

#film-listing {
	margin: 0;
	padding: 5px 5px 2px 5px;
	width: 505px;
}
	#film-listing p{font:11px/14px arial, helvetica, sans-serif; margin-bottom: 2px;}
	
	.divider {
		background-color: #ADB83C;
		clear: left;
		font-weight: bold;
		height: 15px;
		margin: 10px 0px 10px 0px;
		padding: 5px;
	}
	.divider .alpha {
		float: left;
		font:11px/14px arial, helvetica, sans-serif;
	}
	a.back_to_top {
		float:right;	
		font: 11px;
	}
	a.back_to_top:link, a.back_to_top:visited, a.back_to_top:hover, a.back_to_top:active {
		float: right;
		text-decoration:none;
		font:11px/14px arial, helvetica, sans-serif;
	}
	
#events {
	margin: 0; padding: 0;
	width: 505px;
}
	.event_item {
		margin: 5px 0 15px 0;
		clear: both;
	}
	#events h3{margin-bottom:5px;	}
	#events p{font:12px/14px arial, helvetica, sans-serif; margin-bottom: 3px;}
	#events img {
		float: right;
		clear: both;
		margin: 0 0 10px 10px;
		width: 220px;
	}
	
#program_details {
	margin: 0; padding: 0;
	width: 505px;
}
	#program_details h3{font: 14px/16px arial, helvetica, sans-serif; font-weight: bold; margin: 10px 0 12px 0; padding: 0;}
	#program_details h4{font: 12px/14px arial, helvetica, sans-serif; font-weight: bold; margin: 0 0 10px 0; padding: 0;}
	#program_details p{font: 12px/14px arial, helvetica, sans-serif; margin: 5px 0 5px 0;}
	#program_details em{font: 10px/14px arial, helvetica, sans-serif; font-style: italic; margin: 0 0 2px 0; padding: 0;}
	#program_details img {
		float: left;
		margin: 0 10px 10px 0;
		border: 1px solid #999;}
	}
	#program_details .ticket_info {
		clear: both;
		margin: 5px 20px 5px 20px;
		padding: 0;
	}
		#program_details .ticket_info img {
			float: left;
			margin: 0 10px 10px 0;
		}
	#program_details .film_details{
		clear: both;
		margin: 30px 0 0 0;
		font: 11px/14px arial, helvetica, sans-serif;
	}
		#program_details .film_details h4{font: 14px/16px arial, helvetica, sans-serif; font-weight: bold; margin: 0 0 10px 0; padding: 0;}
		#program_details .film_details p{
			font: 11px/12px arial, helvetica, sans-serif;
		}
	#program_details .synopsis {
		display: block;
		clear: both;
		margin: 10px 0 5px 0;
		padding: 0;		
	}
		#program_details .synopsis p {
			font: 12px/14px arial, helvetica, sans-serif;
			line-height: 16px;
			margin-bottom: 3px;
		}
	table.ticket_pricing {
		width: 300px;
		border: 1px #999 solid;
	}
		table.ticket_pricing  th{
			background: #999;
			color: #fff;
			padding: 5px;
		}
		table.ticket_pricing td {
			padding: 5px;
			border: 1px #999 solid;
		}
	
#venues {
	margin: 0; padding: 0;
	width: 505px;
}
	.venue_block {
		margin: 5px 0 15px 0;
		clear: both;
	}
	.venue_info {
		margin: 0 0 10px 0;
	}	
	#venues h2{margin: 0; padding: 0;	}
	#venues h3{margin: 10px 0 10px 0;	}
	#venues p{font:12px/14px arial, helvetica, sans-serif; margin-bottom: 3px;}
	#venues img {
		float: right;
		clear: both;
		margin: 0 0 10px 10px;
		width: 220px;
	}

#tickets {
	margin: 0; padding: 0;
	width: 505px;
}

	#tickets ul {
		margin: 5px 0 10px 0;
	}
		#tickets ul li {padding-bottom: 3px; }
	#tickets h3 {
		margin: 20px 0 5px 0;
	}
	#tickets p{font:12px/16px arial, helvetica, sans-serif; line-height: 17px; margin-bottom: 8px;}
	#tickets table{
		margin-left: 25px;
		border: 1px solid #999;
	}
		#tickets table th {
			background-color: #999;
			color: #fff;
		}
		#tickets table td{
			padding: 2px 10px 2px 10px;
		}
	
#sponsors {
	margin: 0; padding: 0;
	width: 505px;
	text-align: center;
}
	#sponsors img {text-align: center; margin-bottom: 10px;}
		#sponsors a img {text-align: center; margin-bottom: 10px;}
	#sponsors p{font:12px/14px arial, helvetica, sans-serif; margin-bottom: 2px; text-align: center;}
	#sponsors #Diamond {
		background-color: #000;
		clear: left;
		font-weight: bold;
		height: 15px;
		margin: 10px 0px 10px 0px;
		padding: 5px;
	}
	#sponsors #Emerald {
		background-color: #005C39;
		clear: left;
		font-weight: bold;
		height: 15px;
		margin: 10px 0px 10px 0px;
		padding: 5px;
	}
	#sponsors #Ruby {
		background-color: #B92025;	
		clear: left;
		font-weight: bold;
		height: 15px;
		margin: 10px 0px 10px 0px;
		padding: 5px;
	}
	#sponsors #Sapphire {
		background-color: #151C3F;	
		clear: left;
		font-weight: bold;
		height: 15px;
		margin: 10px 0px 10px 0px;
		padding: 5px;
	}
		#sponsors #Diamond h3, #Emerald h3, #Ruby h3, #Sapphire h3 {color: #fff;}