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



body{
	background-color:#000;
	background-image: url(images/curtains.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding: 0px;
}


#container{
	background-color:#FFFFFF;
	margin:8px auto;
	width:1025px;
	font-size:13pt;
	border-width: 2px;
	border-style:solid;
	border-color:#990000;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}  

#mainArea{
padding: 0 .5em;
}

img{
	max-width:100%;
	height: auto;
}



#banner{
	width:97%;
	padding: 25px 0px 5px 15px;
	margin-right:2em;
}

#banner #smBanner{
	display:none;
}

#cse-search-box{
	padding-top:54px;
	padding-bottom:10px;
	float:right;
}

.boldTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;	
}

.floatLeftDiv{
	float:left;
	width:400px;
	margin-right:5px;
	margin-bottom:1px;
}



		
/******RESPONSIVE TABLE STYLES - includes media queries for TABLES********/		


  
table.contact {
margin-left:1em; 
margin-right:0;
}
  

td{
padding: 10px 20px;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
vertical-align: top;
}

table.contact td{
padding: 10px 20px;
}

td.time{
padding-right:20px;
}

td a {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #990000;
}

td a:hover {	
	color: #000;
}

.movie-list tbody th {
    font-size: 1.2em;
    background-color: #fff;
    color: #000;
    text-align: left;
    padding-right:30px;
   padding-left:20px;
}


/*  Custom stacked styles for mobile sizes */
/*  Use a max-width media query so we don't have to undo these styles */
@media (max-width: 40em) {
    /*  Negate the margin between sections */
    
      table.center {
    margin-left:auto; 
    margin-right:auto;
  }
  
    
    .movie-list tbody th {
        margin-top: 20px;
        text-align: center;
    }
    
    td{
		padding: 10px 10px;
		text-align:center;
	}
	
	table.contact {
    margin-left:auto; 
    margin-right:auto;
  	}
	
	table.contact td{
		text-align:center;
	}
    
    /*  White bg, large blue text for rank and title */
    .movie-list tbody th,
    .movie-list tbody td.title {
        display: block;
        font-size: 1.2em;
        line-height: 110%;
        padding: .5em .5em;
        background-color: #e3e3e3;
        color: black;
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.1);
        box-shadow: 0 1px 6px rgba(0,0,0,.1);
    }
    /*  Hide labels for rank and title */
    .movie-list tbody th .ui-table-cell-label,
    .movie-list tbody td.title .ui-table-cell-label {
        display: none;
    }
    /*  Position the title next to the rank, pad to the left */
    .movie-list tbody td.title {
        margin-top: -2.1em;
        padding-left: 2.2em;
        border-bottom: 1px solid rgba(0,0,0,.15);
    }
    /*  Make the data bold */
    .movie-list th,
    .movie-list td {
        font-weight: bold;
    }
    /* Make the label elements a percentage width */
    .movie-list td .ui-table-cell-label,
    .movie-list th .ui-table-cell-label {
        min-width: 20%;
    }
}
/* Media query to show as a standard table at wider widths */
@media ( min-width: 40em ) {
    /* Show the table header rows */
    .movie-list td,
    .movie-list th,
    .movie-list tbody th,
    .movie-list tbody td,
    .movie-list thead td,
    .movie-list thead th {
        display: table-cell;
        margin: 0;
    }
    /* Hide the labels in each cell */
    .movie-list td .ui-table-cell-label,
    .movie-list th .ui-table-cell-label {
        display: none;
    }

}

/* Hack to make IE9 and WP7.5 treat cells like block level elements */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this */
@media ( max-width: 40em ) {
    .movie-list td,
    .movie-list th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}

/******END OF TABLE STYLES********/
/*********************************/

ul.noTab{
	margin-left:-24px;
}

a.home{
	float:right;
	text-decoration: underline;
	padding:0;
	margin:-8px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}

a.home:visited {
	text-decoration: underline;
	color: #990000;
}

a.home:hover {
	text-decoration: underline;
	color: #000;
}

a.home:active {
	text-decoration: underline;
	color: #990000;
}

a.bodyLink {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #990000;
}

a.bodyLink:visited {
	text-decoration: none;
	color: #990000;
}

a.bodyLink:hover {
	text-decoration: underline;
	color: #000;
}

a.bodyLink:active {
	text-decoration: none;
	color: #990000;
}

#guestNameAnchor a:link{
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #990000;
}

#guestNameAnchor a:visited {
	text-decoration: underline;
	color: #990000;
}
#guestNameAnchor a:hover {
	text-decoration: underline;
	color: #000;
}
#guestNameAnchor a:active {
	text-decoration: underline;
	color: #990000;
}

.smallScreenOnly{
	visibility:hidden;
}

.it{
	font-style:italic;
}

.bold{
	font-weight: bold;
}

a.bodyLinkIt{	
	text-decoration: none;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #990000;
}

a.bodyLinkIt:visited {
	text-decoration: none;
	color: #990000;
}

a.bodyLinkIt:hover {
	text-decoration: underline;
	color: #000;
}

a.bodyLinkIt:active {
	text-decoration: none;
	color: #990000;
}

#mainContent_index{
	float:left;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-top:20px;
	width:650px;	
}

.titleRedLg{	
	color:#990000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:25px;
}
a.titleRedLg {
	text-decoration: none;
	color: #990000;
}

a.titleRedLg:visited {
	text-decoration: none;
	color: #990000;
}

a.titleRedLg:hover {
	text-decoration: underline;
	color: #000;
}

a.titleRedLg:active {
	text-decoration: none;
	color: #990000;
}

#mainContent{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;	
	margin: 10px 40px;
	padding-top:10px;
	}

#indexTopRightDiv{
	margin:8px 2px 0px 8px;
	border-width: 2px;
	border-style:solid;
	border-color:#dddbdc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	float:right;
	width:273px;
	padding-top:4px;
	padding-bottom:4px;
}

#sideNavTitle{
	background-color:#dddbdc;
	padding: 4px 0;
	text-align:center;
	margin-bottom: 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;	
	background-color:#dddbdc;
	border-radius-topright: 5px;
	border-radius-topleft: 5px;	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

#topRightBox{
	padding:5px 8px 0px 8px;
}

#footer{
	border-top-width: 2px;
	border-top-style:solid;
	border-top-color:#990000;
	background-color:#dddbdc;
	border-radius-bottomright: 20px;
	border-radius-bottomleft: 20px;	
	border-bottom-right-radius: 20px;
	border-bottom-left-radius:  20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
}

#slideShow{	
	float:left;                                              
	margin: 8px 0px 0px 0px;
	max-width:715px;
	height:auto;
}

#photoCredit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:20px; 
	padding-top:2px;
}

#photoCredit a:link {	
	color: #990000;
}

#photoCredit a:visited {
	text-decoration: none;
	color: #990000;
}

#photoCredit a:hover {
	text-decoration: underline;
	color: #000;
}

#photoCredit a:active {
	text-decoration: none;
	color: #990000;
}

.photoTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:5px;
	padding-top:2px;

}

.photoTitle a:link {
	
	color: #990000;
}
.photoTitle a:visited {
	text-decoration: none;
	color: #990000;
}
.photoTitle a:hover {
	text-decoration: underline;
	color: #000;
}
.photoTitle a:active {
	text-decoration: none;
	color: #990000;
}


a.smLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}

a.smLink:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}

a.smLink:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}

a.smLink:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
}

.greyMarker{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#99cccc;
}

.homeFloatimgleft {
	float:left;
	margin-top:2px;
	margin-right:10px;
	margin-bottom:10px;
}

.floatimgleft, .portraitLeft {
	float:left;
	margin-top:2px;
	margin-right:10px;
	margin-bottom:10px;
}

.floatimgright, .portraitRight {
	float:right;
	margin-top:2px;
	margin-left:10px;
	margin-bottom:10px;
}



.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.redLgBody{
	color:#990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
}

a.redLgBody {
	text-decoration: none;
	color: #990000;
}

a.redLgBody:visited {
	text-decoration: none;
	color: #990000;
}

a.redLgBody:hover {
	text-decoration: underline;
	color: #000;
}

a.redLgBody:active {
	text-decoration: none;
	color: #990000;
}

.redTitle{
	color:#990000;
	font-family: Arial, Helvetica, sans-serif;
}

.redLargerTitle {
	text-decoration: none;
	color: #990000;
	font-size:22px;
}

.redTitleCenter{
	color:#990000;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:18px;
}

a.redTitleCenterLink{
	color:#990000;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:18px;
	text-decoration: none;
}

a.redTitleCenterLink:visited {
	text-decoration: none;
	color: #990000;	
}

a.redTitleCenterLink:hover {
	text-decoration: underline;
	color: #000;	
}

a.redTitleCenterLink:active {
	text-decoration: none;
	color: #990000;	
}

.center{	
	text-align:center;
}

.clearfloat {
	clear: both;
}

#subpageLinks{
	float:right;	
	padding:6px;
	margin:-75px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
}

#subpageLinks a:link {
	text-decoration: underline;
	color: #990000;
}

#subpageLinks a:hover {
	text-decoration: underline;
	color: #000;
}

#subpageLinks a:visited {
	text-decoration: underline;
	color: #990000;
}

#subpageLinks a:active {
	text-decoration: none;
	color: #990000;
}

#festivalSponsors{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

#festivalSponsors a:link {
	text-decoration: underline;
	color: #990000;
}

#festivalSponsors a:hover {
	text-decoration: underline;
	color: #000;
}

#festivalSponsors a:visited {
	text-decoration: underline;
	color: #990000;
}

#festivalSponsors a:active {
	text-decoration: none;
	color: #990000;
}

#copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 1000px;
	margin-top: -10px;
	margin-right: auto;
	padding-bottom: 3px;
	margin-left: auto;
}

#copyright a:link {	
	color: #990000;
}

#copyright a:visited {
	text-decoration: none;
	color: #990000;
}

#copyright a:hover {
	text-decoration: underline;
	color: #000;
}

#copyright a:active {
	text-decoration: none;
	color: #990000;
}

.sponsorLogos{	
	line-height:3em;
}

/************** TOP NAVIGATION **************/

.nav{
	height:46px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:3px;
	background-image: url(images/navFilmStrip_03.jpg);
	*zoom: 1;
}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}

ul.nav {
	list-style: none;
	padding: 0 0 0 28px;
	margin: 0;
} 

.nav li{
	float: left;
	margin: 14px 30px;		
} 

ul.nav li a:link {
	text-decoration: none;
	color: #FFF;
}
ul.nav li a:visited {
	text-decoration: none;
	color: #FFF;
}
ul.nav li a:hover {
	text-decoration: none;
	color: #000;
}
ul.nav li a:active {
	text-decoration: none;
	color: #000;
}

/************** BOTTOM NAVIGATION **************/

#bottomNav{	
	height:46px;
	font-family: Arial, Helvetica, sans-serif;
}

#bottomNav ul{
	font-size: 12px;
	list-style: none;

	display: table;
      margin-left: auto;
  margin-right: auto;
    text-align:center;
    padding-left:.5em;
    padding-right:.5em;


} 

#bottomNav li{
	float: left;
	margin: 10px 6px;
			
} 

#bottomNav ul li a:link {
	text-decoration: none;
	color: #000;
	
}

#bottomNav ul li a:visited {
	text-decoration: none;
	color: #000;
}

#bottomNav ul li a:hover {
	text-decoration: none;
	color: #990000;
}

#bottomNav ul li a:active {
	text-decoration: none;
	color: #000;
}

/*****************indexRightSideFestivalLinks**************/

#indexRightSideFestivalLinks{
	font-family: Arial, Helvetica, sans-serif;	
	float:right;
	border-width: 2px;
	border-style:solid;
	border-color:#dddbdc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:8px 2px 0px 0;	
	width:273px;
}

#indexRightSideFestivalLinks ul{
	font-size: 14px;
	list-style: none;
	line-height: 34px;
	margin: 0;
	padding-left:1em;
} 

#indexRightSideFestivalLinks ul li a:link {
	text-decoration: none;
	color: #000;
}

#indexRightSideFestivalLinks ul li a:visited {
	text-decoration: none;
	color: #000;
}

#indexRightSideFestivalLinks ul li a:hover {
	text-decoration: none;
	color: #990000;
}

#indexRightSideFestivalLinks ul li a:active {
	text-decoration: none;
	color: #000;
}


.icon_FestivalLinks{
	float:left;
	margin:3px 6px;
}

/************** Ebert Links in Footer **************/

#ebertLinks{	
	height:20px;
	font-family: Arial, Helvetica, sans-serif;	
	padding-left:1em;
	padding-right:1em;
}

#ebertLinks ul{
	font-size: 14px;
	list-style: none;
	display: table;
    margin-left: auto;
  	margin-right: auto;
    text-align:center;
    padding-left:.5em;
    padding-right:.5em;
} 

#ebertLinks li{
	float: left;
} 

#ebertLinks ul li a:link {
	text-decoration: none;
	color: #000;
}

#ebertLinks ul li a:visited {
	text-decoration: none;
	color: #000;
}

#ebertLinks ul li a:hover {
	text-decoration: none;
	color: #990000;
}

#ebertLinks ul li a:active {
	text-decoration: none;
	color: #000;
}

.icon{
	margin: -8px 14px 10px 14px;
}

/************** Sponsor Logos on Homepage **************/

#sponsorsHomepage{
	width: 1003px;
	border-width: 2px;
	border-style:solid;
	border-color:#dddbdc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin: 22px 15px 20px 1px;
}

#sponsorsHomepage img{
padding-left:50px;
}

/**********************************/

.toggleMenu {
    display:  none;
    /*background: #666;*/
    background: #990000;
    padding: 10px 15px;
    margin-top:10px;
    color: #fff;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}



/************Media Queries for 800px and below***********************/

@media only screen and (max-width: 800px) {
		
	#container{
	font-size:95%;
	margin:.5em auto;
	background-color:#FFFFFF;
	width:97%;
	}  
	
	#banner{
	width:95%;
	padding-left:.5em;
	padding-right:1em;
	}	
	
	/**
	#cse-search-box{
	display:none;
	}
**/
	
	#cse-search-box{
	padding-top:20px;
	padding-bottom:10px;
	float:right;
	}
	
	
	#indexTopRightDiv{
	display:none;
	}
	
	h1{
	font-size:1.5em;
	}
	
	#mainContent_index{
	width:92%;
	margin-left:.5em;
	}
	
	#mainContent{
	margin: 1em 1em;
	}
	
	#indexRightSideFestivalLinks{
	float:left;
	max-width:95%;
	}
	
	#indexRightSideFestivalLinks ul{
	padding-left:.5em;
	padding-top: .5em;
	}

	#sponsorsHomepage{
	width: 95%;			
	}
	
	#sponsorsHomepage img{
	padding:20px 20px;
	}
	
	#subpageLinks{
	float:left;	
	clear: both;
	padding-bottom:20px;
	margin:0 8px;
	line-height:2em;
	}		
	
	.smallScreenOnly{
	visibility:visible;
	}
	
	#copyright{
	width:80%;
	clear:both;
	text-align:center;
	padding-top:1em;
	}
		
	#ebertLinks ul{
	font-size: 14px;
	list-style: none;
 	
	} 

	#ebertLinks ul li img{
	padding-left:1em;
	padding-right:1em;
	}
	
	#festivalSponsors{	
	line-height:2em;
	}
	
	.wideScreenOnly{
		display: none;
	}

	.icon{
		margin: -8px 4px 10px 10px;
	}	
	
	#bottomNav{
    display: table;
      margin-left: auto;
  margin-right: auto;
    text-align:center;
    padding-left:.5em;
    padding-right:.5em;
	}
	
	#bottomNav ul{
	padding-left:0;
	font-size: .85em;
	} 
	
	#floatimgleft {
	float:none;
	text-align:center;
	margin-top:2px;
	margin-right:0px;
	margin-bottom:10px;
}

.floatimgright {
	float:none;
	text-align:center;
	margin-top:2px;
	margin-left:0px;
	margin-bottom:10px;
}
	
/****  Navigation  ****/

	.nav {
		list-style: none;
		background:#787878;
	 	height:auto;
	 	background: #990000; /* Old browsers */
		background: -moz-linear-gradient(top, #990000 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990000), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #990000 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #990000 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #990000 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
		background: linear-gradient(to bottom, #990000 0%,#8f0222 44%,#6d0019 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
	}
	
	.greyMarker{
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.1em;
		border-bottom-style:dotted;
		border-bottom-color:#000;
		display: block;
		padding: 5px 10px 8px 0px;
	}


	.nav a {
		padding: 5px 10px 8px 0px;
		font-size:1.1em;

	}

	.nav a:hover {
		text-decoration: none;
		color: #ba3333;
	}
	.nav a:active {
		text-decoration: none;
		color: #ba3333;
	}
	.nav li {
		position: relative;

	}
	.nav > li {
		float: left;
		margin-left:2.8em;   
	}

	.nav > li > a {
		display: block;
		border-bottom-style:dotted;
		border-color:#000;
	}
	

	.nav ul li a:hover {
		text-decoration: none;
		color: #ba3333;
	}
	.nav ul li a:active {
		text-decoration: none;
		color: #ba3333;
	}

	 .active {
			display: block;
		}
		.nav > li {
			float: none;
			margin-left:0px;
		}

		.nav ul {
			display: block;
			width: 100%;
		}
	   .nav > li.hover > ul , .nav li li.hover ul {
			position: static;
		}
}


/************Media Queries for 600px and below***********************/
@media only screen and (max-width: 600px) {

	#banner #lgBanner{
		display: none;
	}

	#banner #smBanner{
		display: inherit;
	}
	
	#sponsorsHomepage img{
    display: block;
    margin-left: auto;
    margin-right: auto;
	}
	
	#ebertLinks{		
	padding-left:.5em;
	padding-right:.5em;
	}
}


/************Media Queries for 430px and below***********************/
@media only screen and (max-width: 430px) {

	#ebertLinks{
	padding-bottom: 1em;
	}
	
	#ebertLinks ul li img{
	padding-left:.25em;
	padding-right:.25em;
	}
	
	#sponsorsHomepage img{
    max-width:70%;
    height:auto;
	}
	
	.floatLeftDiv{
	width:250px;
	}	
}