@charset "UTF-8";
/* CSS Document */

body{
	background-color:#000000;
	background-size:100%;
	text-align:center;
 	margin: 0 auto;
    padding: 0;
	font-family: Futura,Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;

}


sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}    

@font-face {
	font-family: Futura;
	src: url('/fonts/Futura.eot?'),  /* IE6-IE8 */
	url('/fonts/Futura.eot'), /* IE9 Compatibility Modes */
	url('/fonts/Futura.otf')  format('opentype'), /* Mozilla */
	url('/fonts/Futura.ttf')  format('truetype') /* Safari, Android, iOS */; 
}

@font-face {
	font-family: FuturaCondensed;
	src: url('/fonts/FuturaStdCondensed.eot?'),  /* IE6-IE8 */
	url('/fonts/FuturaStdCondensed.eot'), /* IE9 Compatibility Modes */
	url('/fonts/FuturaStdCondensed.otf')  format('opentype'), /* Mozilla */
	url('/fonts/FuturaStdCondensed.svg'),
	url('/fonts/FuturaStdCondensed.woff'),
	url('/fonts/FuturaStdCondensed.ttf')  format('truetype') /* Safari, Android, iOS */;
}

@font-face {
	font-family: FuturaCondensedLight;
	src: url('/fonts/FuturaStdCondensedLight.eot?'),  /* IE6-IE8 */
	url('/fonts/FuturaStdCondensedLight.eot'), /* IE9 Compatibility Modes */
	url('/fonts/FuturaStdCondensedLight.otf')  format('opentype'), /* Mozilla */
	url('/fonts/FuturaStdCondensedLight.ttf')  format('truetype')/* Safari, Android, iOS */; 
}

@font-face {
	font-family: FuturaLight;
	src: url('/fonts/FuturaStdLight.eot?'),  /* IE6-IE8 */
	url('/fonts/FuturaStdLight.eot'), /* IE9 Compatibility Modes */
	url('/fonts/FuturaStdLight.otf')  format('opentype'), /* Mozilla */
	url('/fonts/FuturaStdLight.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
	font-family: FuturaBold;
	src: url('/fonts/FuturaStdBold.eot?'),  /* IE6-IE8 */
	url('/fonts/FuturaStdBold.eot'), /* IE9 Compatibility Modes */
	url('/fonts/FuturaStdBold.otf')  format('opentype'), /* Mozilla */
	url('/fonts/FuturaStdBold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
	font-family: FuturaHeavy;
	src: url('/fonts/FuturaStdHeavy.eot?'),  /* IE6-IE8 */
	url('/fonts/FuturaStdHeavy.eot'), /* IE9 Compatibility Modes */
	url('/fonts/FuturaStdHeavy.otf')  format('opentype'), /* Mozilla */
	url('/fonts/FuturaStdHeavy.ttf')  format('truetype'); /* Safari, Android, iOS */
}



p, td, ul {
	font-family: Futura, Arial, Helvetica, sans-serif;
   font-size: 12pt;
	color: #000000;
}

h2, H2 {
	font-family: Futura, Arial, Helvetica, sans-serif;
   font-size: 13PT;
	color: #000000;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px;
	letter-spacing:6px;
}

h1, H1 {
	font-family: Futura, Arial, Helvetica, sans-serif;
   font-size: 13PT;
	color: #000000;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0px;
	letter-spacing:6px;
}



a:link {color: #cc0000;text-decoration: none;}
a:active {color: #656565;}
a:visited {color: #cc0000;text-decoration: none;}
a:hover {color: #990000;}
a.selected {color: #cccccc;}

a.headerlinks:link {color: #bcbec0;text-decoration: none;}
a.headerlinks:active {color: #656565;}
a.headerlinks:visited {color: #bcbec0;text-decoration: none;}
a.headerlinks:hover {color: #CCCCCC;}
a.headerlinks:selected {color: #cccccc;}



strong, b{
	font-family:FuturaHeavy, sans-serif;
	font-weight:normal;
}

.floatLeft{
	display:block;
	float:left;
}

.clearfix{
	clear:both;
}

.main{
	position:relative;
	width:1024px;
	height:auto;
	margin:0px auto 0;
	color:#221F1F;
	background-color: #fff;
}

.subpageContent h4{
	font-size:16px;
	font-family:FuturaLight;
	text-transform:uppercase;
	letter-spacing:4px;
	color:#221f20;
	text-align:center;
	border-bottom:1px solid #d1d2d4;
	padding:0 0 10px;
	margin:40px 0 15px;
}

.topBanner {
	background: url('/afidocs/images/header_background4.jpg');
	background-position: bottom;
	width: 1024px;
	height: 146px;
	text-align:left;
}

.logo{
	margin:20px 0 0 0;
}

.linksBox {
	margin: 0 0 0 30px;
}

a.headerlinks  {
	display: inline-block;
	margin-right: 15px;
}

.topBanner {
    color: #BCBEC0;
    font-family: futura;
    font-size: 8pt;
    letter-spacing: 4px;
}


.addthis_toolbox{
	/*margin:20px 0 15px 0px;*/
}

.addthis_toolbox a {
	margin-right:8px;
}

.addthis_custom_follow {
	float:left;
}

.box {
	float: right;
	margin-right:10px;
	margin-top: -95px;;
}

#stories {
	text-align: left;
	padding: 0px 15px 0px 20px;
	}
	
.feedtext {
	width:400px;
	text-align: left;
	float:left;
	padding:0px 25px 0px 25px ;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	
}

.abouttext {
	text-align: left;
	float:left;
	padding:20px 0px 0px 20px ;

}

.abouttext p {
	font-size: 12pt;
	line-height: 20pt;
	padding-top: 0px;
	margin-top: 0px;
}

.twitter {
	text-align: left;
	margin-left: 10px;
	}	

.timeline {
	max-width: 920px !important;
}

.lefthomepage {
	text-align: left;
	margin-right: 25px;
	float:left;
	}	

.lefthomepage .banner {
	padding-top: 15px;
	}	

.righthomepage {
	text-align: left;
	margin-left: 15px;
	float:right;
	}	

	
.righthomepage .banner {
	/*padding-top: 15px;*/
	}	

.feeditem {
    margin-bottom: 13px;
    font-size: 11pt;
	line-height: 16pt;
}

a.feedlink {
	color: black;
	}

a.feedlink:hover {
	color: cc0000;
	}

	
	
/* NAV */
#headerNav {
    max-width: 1024px;
    margin: 0 auto;
}

#headerNav .megamenu > li > a {
    padding: 12px 15px 8px;
    font-family: Futura,Arial,Helvetica,sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
}

.megamenu_light .megamenu > li > div a, .megamenu_light .megamenu li ul li, .megamenu_light .megamenu li ol li {
	font-size: 12px !important;
	}

.megamenu .dropdown_2columns {
    width: 16.6667%;
    padding-left: 1% !important;
    padding-right: 1% !important;
}

.megamenu > li {
    margin: 0 5px 0 0 !important;
}

/* MOVES FIRST ITEM OVER TO CENTER MENU */
.megamenu > li .about {
	margin-left: 20px;
}

.megamenu .first {
	margin-left: 20px !important;
	}

#nav a.last{
	border-right:none;
	width:auto;
}

#nav a:hover, .aboutPage #nav a.about, .attendPage #nav a.attend, .ticketsPage #nav a.tickets, .passesPage #nav a.passes, .filmGuidePage #nav a.filmguide,  .connectPage #nav a.connect,  .galleryPage #nav a.gallery,  .sponsorPage #nav a.sponsors,  .joinPage #nav a.join, .seriesPage #nav a.series,  #nav a div:hover{
	color:#FFF200;
}


/* SUBPAGE CONTENT */
.subpageContent{
	background:#fff;
	margin:15px 10px 0px 35px;
	padding-bottom: 20px;
	text-align:left;
	font-size:12pt;
	line-height:140%;
}

.subpageContent h1{
	color:#000;
	text-transform:uppercase;
	font-size:35px;
	font-family:Futura, sans-serif;
	margin: 5px 0px 15px;
	float: left;
	font-weight:normal;
	line-height: 28pt;
}

.subpageContent h1 span{
	color:#A6A9AB;
	line-height: 25pt;
	font-size: 32px;

}

.subpageContent h1 a{
	color:#ccc;
}

.subpageContent h1 a:hover{
	color:#CF0A2C;
}



.mainContent {
	width:730px;
	padding: 0 20px 0px 0px;
	border-right: 2px dotted #ccc;
	float:left;
}

.schedule {
	width:100%;
	padding: 0 20px 0px 0px;
	float:left;
}


.sideContent {
	width:215px;
	float:right;
}

.nomargin {
	margin-top:0px;
	
}

.rightBanner {
	margin-left:10px;
}


.passesbox {margin-left:15px;width:650px;}


/* GLOBAL FOOTER */

#footerbox {
width:1024px;
height: 75px;
background-color: #000;

}
#leftLinks{
	text-align:center;
	margin:0 0 0 5px;
}

#leftLinks a{
	color:#ccc;
	text-decoration:none;
	display:inline-block;
	margin:20px 30px 0 0;
	font-family: futura;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing: 3px;
}

#leftLinks a:hover{
	color:#FA230D;
}

#copyright{
	color:#A7A9AB;
	font-size:10px;
	margin:20px 0 0;
}

/* FILMGUIDE PAGE ROLLOVERS */

div#features, div#shorts, div#schedule {
		position:relative;
}

div.transbox {
		background-color:#E5DF06;
		color:black;
		height:35px;
		text-align:center;
		opacity: 0.7;
		filter: alpha(opacity=70); /* For IE8 and earlier */
		position: absolute;
		top:105px;
		width:325px;
}

div.transbox p {    
    font-weight: bold;
    color: #000000;
    padding-top:0px;
    font-size:17pt;
    margin: 7px;
}


#features {
	float:left;
	margin-right:20px;
	width:325px;
	height:150px;
}

#shorts {
	float:left;
	width:325px;
	height:150px;
}

#schedule {
	float:left;
	margin:20px 0px 0px 180px;
	width:325px;
	height:150px;
}

#features div:hover, #shorts div:hover, #schedule div:hover {
	background-color:white;
}


.buy-tickets-button {
  background: red;
  color: #fff;
  display: inline-block;
  padding: 10px;
  border-radius: 6px;
  position: relative;
  top: -5px;
  margin-bottom: 10px;
}

a.buy-tickets-button:link { color: #fff;}
a.buy-tickets-button:active {color: #656565;}
a.buy-tickets-button:visited {color: #ffffff;text-decoration: none;}
a.buy-tickets-button:hover {color: #000000;}


@media only screen and (max-width: 768px) {
	.main {width:100%;}
	#nav {height:auto;width:100%; padding-left:0px;}
	#nav a {padding-bottom:5px;}
	.topBanner {background:none;width:100%;background-color:black;height:120px;padding-bottom:10px;}
	.logo {width: 80%;margin: 5px 0 0 0}
	a.headerlinks {display:block;margin-bottom:7px;}
	#footerbox {width:100%}
	#footerbox table {display:none;}
	.mainContent {width:90%;float:none;}
	.feedtext {float:none;width:100%; padding:0px;border:none;}
	.linksbox {margin: -20px 0 0 10px;text-align: right;}
	.box {margin-top:0px;}
	#stories {padding: 10px;}
	.fancybox img {width:100%;}
	.lefthomepage {float:none;margin-bottom:10px;}
	.righthomepage {float:none;margin-left:0px;}
	.addthis_custom_follow { float:left;}
	.twitter-timeline {width: 100% !important;}
	.megamenu_dark_bar .megamenu > li .megamenu_drop {background: none !important;}
	.megamenu > li .about {margin-left: 0px;}
	.megamenu .first {margin-left: 0px !important;}
	.mainContent {border-right:none;}
	.sideContent {width: 90%; float: none;padding-top:10px;border-top: 2px dotted #ccc;}
	.subpageContent h1 {font-size: 30px;}
	.maincontent .nomargin img {width:90%;float: none;}
	.caption-container {display:none;}
	.sponsorPage .mainContent img {margin-bottom:10px !important;}
	.sponsorPage .mainContent img {max-width:400px !important;margin-left:10px !important;margin-right:10px !important;}
	.seriesPage .mainContent img {width: 95%;}
	.seriesPage .mainContent dd {width:95% !important;}
	.passesbox {width:100%}
	#features, #shorts, #schedule {width:100%;float:none;height:auto;margin-bottom: 15px;}
	#features img, #shorts img, #schedule img {width:100%}
	div.transbox {width:100%; top: 80%;}
	#schedule {margin-left:0px;margin-top:0px;}
}

@media only screen and (max-width:479px) {
	.main {width:100%;}
	#nav {height:auto;width:100%; padding-left:0px;}
	#nav a {padding-bottom:5px;}
	.topBanner {background:none;width:100%;background-color:black;height:120px;padding-bottom:10px;}
	.logo {width: 80%;margin: 5px 0 0 0}
	a.headerlinks {display:block;margin-bottom:7px;}
	#footerbox {width:100%}
	#footerbox table {display:none;}
	.mainContent {width:90%;float:none;}
	.feedtext {float:none;width:100%; padding:0px;border:none;}
	.linksbox {margin: 0 0 0 10px;text-align: right;}
	.box {margin-top:10px;}
	#stories {padding: 10px;}
	.fancybox img {width:100%;}
	.lefthomepage {float:none;margin-bottom:10px;}
	.righthomepage {float:none;margin-left:0px;}
	.addthis_custom_follow { float:left;}
	.megamenu_dark_bar .megamenu > li .megamenu_drop {background: none !important;}
	.megamenu > li .about {margin-left: 0px;}
	.megamenu .first {margin-left: 0px !important;}
	.mainContent {border-right:none;}
	.sideContent {width: 90%; float: none;padding-top:10px;border-top: 2px dotted #ccc;}
	.subpageContent h1 {font-size: 30px;}
	.maincontent .nomargin img {width:90%}
	.caption-container {display:none;}
	.sponsorPage .mainContent img {margin-bottom:10px !important;}
	.sponsorPage .mainContent img {max-width:250px !important;margin-left:0px !important;margin-right:0px !important;}
	.seriesPage .mainContent img {width: 95%;}
	.seriesPage .mainContent dd {width:95% !important;}
	.passesbox {width:100%}
	#features, #shorts, #schedule {width:100%}
	#features img, #shorts img, #schedule img {width:100%}
	div.transbox {width:100%; top: 60%;}
	#schedule {margin-left:0px;margin-top:0px;}
	
	}