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

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

body {
	background: #7C3521;
	font: small "lucida grande", helvetica, arial, tahoma, verdana, sans-serif; /* fonts cascade from here, approx 16px, depends on browser */
	color: #7C3521;
	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; /* set for ie */
	width: 750px;
	padding:0;
	margin:0 auto; /* centers on page */
	border: 1px solid #fff;
	}
	
#pagecontainer td{
	padding:0;
}	
	
#header {
	height: 17px;
}

.imghead{

}

#sidebar-a {
	background:#fff;
	width: 280px;
	font-size: 90%;
	text-align: center;
	/*font-size: 80%;*/ /* you can set the text size to be smaller if you want */
 }
 
#sidebar-b{ /* used on 2 col layout right side */
	background: #c6cede;
	width:467px;
	font-size: 90%;
}

#maincol{
	font-size: 90%;
	background: #fff;

}
 

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

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

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

#nav ul li {
	float: left;
 	list-style: none; /* override the   default ul style */
 	margin: 0; 
 	display: inline; 
}

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

#nav a:hover, #nav a:active{
	color: #000000;
	background-color: #FCFFCC;
}

/* =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 {
	background:url(../images/footer.gif);
	height:20px;
	border-top:1px solid #fff;
	text-align: right;
	
	
}

.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: #000000;
	text-decoration: none;
	display:block;
	height:20px;
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	
}

#footer a:hover, #footer a:active{
	background-color: #FCFFCC;
	color: #000000;
}

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

	
}

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

}

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

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


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

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



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

h1 {
	color: #900;
	font-size: 140%;
	line-height: 1.6em;
	border-bottom: dotted 1px #999;
	vertical-align: middle;
	background: url(../images/h1_bg.gif) no-repeat left center;
	padding-left:15px;
}

h2 {
	font-size: 125%;
	color: #F60;
	line-height:1.2em;
}

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


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

.filminfo {
	text-align: center;


}

.filminfo h4{
	color: #c47451;
	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{ /* acts as date, # of minutes */
	font-size: 90%;
	color: #999;
}


.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: 10px;
	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: #93320F;
}

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

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;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.filmposter {
	float: right;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.sponsorlogos {
	background-position: center;
	vertical-align: middle;
}
.filmimageRight {
	float: right;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.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;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-width: 5px;
}