/* layoutstyles.css */

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
    margin: 0;
    padding: 0;
  /* Temporary borders */
  /* border: dashed 1px #f00; */
}

body {
  background-color: #c4c8c7;
  font-family: Arial, Helvetica, sans-serif;
}

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


a { font-size:0.8em;
}

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

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

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

a:active {
color: #347487;
text-decoration:underline;
} 


/* -------wrapper---------- */
#wrapper{
   width: 40em;
   background-image: url(images/filmfestbkgrnd1.jpg);

/* Put 20px margin above the wrapper */
/* Set right and left to auto for centering */
   margin: 20px auto 0 auto;
} 

/* -------branding---------- */
/* Make branding a positioned element, but don't move it */
#branding{
  position:relative;
}
 
/* Absolutely position links in the branding division */
#branding a{
  position:absolute;
}
/* Fixes the mysterious image gap */
#branding img{
  display:block;
  padding: 0 0 20px 0;
}

#branding a{
  position:absolute;
  text-decoration:none;
  color:#000;
  font-size:0.8em;
}


/* -------navbar division---------- */
#navbar{
  background:#AEBEBE;
  height:1.6em;
  
}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}

/* For centered navbar */
#navbar #centeringdiv{
       width:40.5em; /*Must be equal to, or slightly greater than, actual navbar width */
       margin:0 auto;    
 }
    
   
/* List items in the navbar */
#navbar li{
float: left;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  
  font-size:80%;
  color:#355379;
  background-color:#AEBEBE;
  display:block;
  height:2em;
  width:10em;
  line-height:2em;
  text-align:center;
  line-height: 2em;
  outline-style:none;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active {background-color:#CCCCCC;
color: #fff;
 }


/* -------left column division---------- */
#leftcolumn{
   /* Remember, content left margin must match this width */
   width:9.4em;
   float:left;
   margin: 1.5em 0 0 1em;
   padding: 0 0 20px 0;
  /* Temporary border */
  /* border:dashed 1px #f00; */
}


/* Styles h1, h2, and h3 style rules in the left column division */
#leftcolumn h1, #leftcolumn h2, #leftcolumn h3, #leftcolumn h4{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  letter-spacing:0em;
}

/* Size h1 headings in the left column division */
#leftcolumn h1{
  font-size:2em;
}

/* Size h2 headings in the left column division */
#leftcolumn h2{
  font-size:1.5em;
  padding: 20px 0 0 0;
}
/* Size h3 headings in the left column division */
#leftcolumn h3{
  font-size:1.25em;
  font-style:normal;
 padding: 20px 0 0 0;
}

/* Size h4 headings in the left column division */
#leftcolumn h4{
  font-size:1em;
  font-style:normal;
  border-bottom: 1px solid #FFFFFF;
  color: #3493A7;
  padding: 0 0 4px 0;
}

/* Size h5 headings in the left column division */
#leftcolumn h5{
  font-size:.9em;
  font-style:normal;
  padding: 10px 0 0 0;
}

#leftcolumn p{
  font-size:0.8em;
  line-height:1.25em;
}



/* -------content division---------- */

#content{
/* Left margin must match leftcolumn width */
  margin: 1.5em 0 0 9.4em;
padding: 0 0 0 3em;
  color:#000;
}


/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3, #content h4{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  letter-spacing:0em;
}

/* Size h1 headings in the content division */
#content h1{
  font-size:2em;
}

/* Size h2 headings in the content division */
#content h2{
  font-size:1.5em;
  padding: 20px 0 0 0;
}
/* Size h3 headings in the content division */
#content h3{
  font-size:1.25em;
  font-style:normal;
 padding: 20px 0 0 0;
}

/* Size h4 headings in the content division */
#content h4{
  font-size:1em;
  font-style:normal;
 padding: 0px 0 0 0;
}

/* Size h5 headings in the content division */
#content h5{
  font-size:.75em;
  font-style:normal;
  padding: 5px 0 0 0;
}


/* Applies to all lists in the content division */
#content ul, #content ol{
  padding:10px 0 10px 40px;
}

#content p{
  font-size:0.8em;
  line-height:1.25em;
}


#content p.copyright {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:0.5em;
font-weight: lighter;
float:right;
}

/* ----------footer division----------- */

/* Make footer a positioned element, but don't move it */
#footer{
  position:relative;
  clear:both;
  margin:60px 0 0 0 ;
	padding: 5px 0;
	border-top: 1px dotted #FFFFFF;
font-size: 11px;
font-weight: lighter;
color: #FFF;
}

#footer p.stat {
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #3493A7;
font-size:0.5em;
font-weight: lighter;
float:right;
}