/*
------------------------------------------
idahofilmfestival 2005 styles
modified: august 05
------------------------------------------*/

* {         /* universal  */
	padding: 0;
	margin: 0;
}

body {
	background: #000000;
	font: small "lucida grande", helvetica, arial, tahoma, verdana, sans-serif; /* fonts cascade from here, approx 16px, depends on browser */
	color: #383550;
	line-height:1.5em;
}

td,p,ul,caption,label,li, ul, ol, div, form {
	/*text-align:left;*/
	vertical-align:top;
	}


/*   =layout 
-------------------------------------------------------- */
#pagecontainer{
	text-align:left;
	width: 750px;
	padding:0;
	margin:0 auto;
	border: 1px solid #fff;
	}
	
#pagecontainer td{
	padding:0;
}	
	
#header {
	height: 17px;
}

.imghead{

}

#sidebar-a {
	background:#fff;
	width: 280px;
	font-size: 90%;
	text-align: center;
	border: none fff;	/*font-size: 80%;*/ /* you can set the text size to be smaller if you want */
 }
 
#sidebar-b{
	width:467px;
	font-size: 90%;
	background-color: #D9BB37;
	background-image: url(../images/sidebar2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#maincol{
	font-size: 90%;
	background: #fff url(../../../2007festival/assets/images/sponsorsidebar.gif) repeat-y right;

}
 

/* =navigation 
---------------------------------------------------------------*/

#nav{
	height: 20px;
	padding:0;
	margin: 0;
	border-top: 1px none #fff;
	border-bottom: 1px solid #fff;
	background-color: #8C2427;
	color: #FFFFFF;
}

#nav ul{
	margin:0px;
	padding:0px;
	list-style: url(none) none;
	/*position:absolute;*/
}

#nav ul li {
	float: left;
	list-style: none;
	margin: 0;
	display: inline;
	background-color: #8C2427;
}

#nav a:link, #nav a:visited{
	font-size:85%;
	color: #FFFFFF;
	text-decoration: none;
	background: 8C2427;
	display:block;
	height:20px;
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	font-weight: bold;
	
}

#nav a:hover, #nav a:active{
	color: #FFFFFF;
	background-color: #EED771;
}

/* =contact, film, default  button classes
-----------------------------------------------------------*/

a.films:link, a.films:visited{
	width:94px;
	border-right:1px solid #fff;
	
}
a.films:hover, a.films:active{
}

a.default:link, a.default:visited{
	width:92px;
	border-right:1px solid #fff;

}

a.default:hover, a.default:active{
}

a.contact:link, a.contact:visited{
	width:95px;
	border:0;
}

a.contact:hover, a.contact:active{
}


#logo{
	background:#de6819;
	width:281px;
}

#footer {
	height:20px;
	text-align: right;
	background-image: none;
	background-color: #678231;
	border-top: 1px solid #fff;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	
	
}

.footer img{  /* ab cms bug */
	float: right;
	padding:5px;
}

/* =navigation 
---------------------------------------------------------------*/

#footer ul{
	margin:0px;
	padding:0px;
	list-style: url(none) none;	/*position:absolute;*/
}

#footer ul li {
	float: right; /* li items will appear right to left */
 	list-style: none;
 	margin: 0; 
 	display: inline; 
}

#footer a:link, #footer a:visited{
	font-size:85%;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	height:20px;
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	
}

#footer a:hover, #footer a:active{
	background-color: #383550;
	color: #FFFFFF;
}

/* =contact, film, default  button classes
-----------------------------------------------------------*/
a.footarchives:link, a.footarchives:visited{
	width:92px;
	border-right:1px solid #fff;
	background: #678231;
	border-left: 0px solid #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
a.footarchives:hover, a.footarchives:active{

	
}

a.footnewsletter:link, a.footnewsletter:visited{
	width:92px;
	border-right:1px solid #fff;
	background: #678231;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
a.footnewsletter:hover, a.footnewsletter:active{

}

a.footpress:link, a.footpress:visited{
	width:94px;
	
	background: #678231;
}

a.footpress:hover, a.footpress:active{
}


/* 	=typography styles: paragraphs, headings, etc
---------------------------------------------------------------*/

p {
	margin: 1em 1em 0.75em;
	color: 383550;
  }



h1, h2, h3, {
	font-weight: lighter;
	color: #900;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1em .5em .5em 1em;	
}

h1 {
	color: #383550;
	font-size: 140%;
	line-height: 1.6em;
	border-bottom: 1px dotted #014685;
	vertical-align: middle;
	background: url(none) no-repeat left center;
	text-transform: uppercase;
	margin: 0.5em;
}

h2 {
	font-size: 125%;
	color: #383550;
	line-height:1.2em;
	margin: .5em;
}

h3 { 
	font-size: 110%;
	color: #999;
	line-height:1em;
}


/* =film page styles
--------------------------------------------------------*/

.filminfo {
	text-align: center;


}

.filminfo h4{
	color: 678231;
	font-size: 160%;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin-top: 1em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	
}


.filminfo h5{
	font-size: 125%;
	color: #F60;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 1em;
	margin-right: .5em;
	margin-bottom: .5em;
	margin-left: 1em;
}

.filminfo h6{
	color: #999;
	font-size: 100%;
}


.filminfo strong { /* used for "director in attendance" */

}


.filminfo p{  /* not used, but could be */

}


.filminfo em{ /* not used, but could be */

}



/* =lists
--------------------------------------------------------*/

ul {
	list-style:url(../images/li_bg.gif) none inside;
	margin-left: 15px;
	padding-left: 0px;
 /*
 FYI: To gain cross-browser effectiveness, you need to set the values for  both the left-margin 
 and the padding for the list. Keep the amount of the indentation in one of the properties.  
 Splitting the amount into two different properties results in inconsistent presentation across the browsers.
 */
 
  }
  
  
ul li {

 
  }

  
/* = links
------------------------------------------------------*/

a {
	color: #383550;
	font-weight: bold;
}

a:hover, a:visited:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #678231;
	
}

a img {
	border: 0px;
	background:transparent;
}


	
/* =definition lists, not sure if you need
--------------------------------------------------*/

dl{
	margin:15px;

}

dt{
	color: #3399FF;
	font-size: 120%;
	line-height: 1.4em;
	
}

dt span { /* date styles */
	border-right: 1px solid #BB9955;
	padding-right: 5px;
	margin-right: 5px;
	color: #336;
}

dd{
	font-size:90%;
	line-height:1.3em;
	color: #333;
	margin-bottom: 1em;
}


/* =table data
-----------------------------------------------------*/

/* border-spacing not supported by ie, set this in table tag in html
example:  cellspacing="0"  -- css does the rest---*/
.tbldata {
	width:90%; /* you can take off here and set in html if needed */
	margin: 1em;	
	background: #FEBE72;
	
}

.tbldata th {
	border: 1px solid #fff;
	background-color: #93320F;
	color: #fff;
	font-weight: bold;
	
}

.tbldata td {
	font-size:90%;
	
	border: 1px solid #fff;
	
	/* set bg color on td with a class */
}

/* close btn for pop up windows
----------------------------------------------------*/


a.closebtn:link, a.closebtn:visited {
	color: #666;
	text-decoration: none;
	text-align:center;
	border: 1px solid #666;
	padding: .5em;
	margin: 1em;
	font-variant: small-caps;
	background-position: center;
}

a.closebtn:hover, a.closebtn:active {
	color: #fff;
	text-decoration: none;
	background: #93320F;
	border: 1px solid #666;
	font-variant: small-caps;
}


/* =generic - not used 
 --------------------------------------------------------*/
.clearboth { 
	clear: both;  
}

.hide { 
	display: none; 
	}
	
.show { 
	display: block; 
	}
.filmtitle {
	text-align: center;
	vertical-align: middle;
	color: #c47451;
}
.filmdirector {
	font-size: 12px;
	font-weight: bold;
	color: 666666;
}
.filmimageLeft {
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.filmposter {
	float: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: none;
}
.sponsorlogos {
	background-position: center;
	vertical-align: middle;
}
.filmimageRight {
	float: right;
	padding: 0px 0px 5px 10px;
}
.partylogoLeft {

	float: left;
}
.partylogoRight {
	float: right;
}
.filmDate {
	color: #900;
	font-size: 140%;
	line-height: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
.schedGrid {
	font-size: 90%;
	line-height: 1.2em;
	border: solid;
	padding: 2px;
	text-align: justify;
}
.photos {
	border: 3px solid #FFFFFF;
}
.partylogoCenter {
	float: none;
}
.filmimageCenter {
	float: none;
	padding: 5px;
}
.filmposterLocal {
	float: none;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	border: none #FFFFFF;
}
.donationGrid {
	font-size: 90%;
	line-height: 1.2em;
	border: none;
	padding: 0px;
	text-align: center;
}
.workshopimageRight {

	float: right;
	padding: 0px 0px 5px 15px;
}