/* home page */

body#mf {
  background: white url(../images_site/pattern.gif);
}

#mf a:link,
#mf a:visited {
  color: #79591B;
}

#mf a:hover {
  color: #000;
}

h2 {
  font: bold 16px/1em georgia, serif;
  color: #000;
  margin: 0 0 15px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h3 {
  font: 9px/1.3em arial, sans-serif;
  color: #79591B;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 20px 0 5px 0;
}

h3:first-child {
  margin: 0 0 5px 0;
}


/* layout */

#mf #frame {
	background: #FFF;
}

#films {
  width: 280px;
  display: block;
  position: relative;
  margin-bottom: 30px;
  clear: both;
  color: #FFF;
  font: 12px/1.4em arial, sans-serif;
}

#films a:link,
#films a:visited {
  color: #FFF;
}

#films a:hover {
  color: #000;
}

p.synopsis {
  font: 10px/1.3em georgia, san-serif;
  margin-top: 15px;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 15px;
}

p.synopsis strong {
display: block;
font-style: italic;
font-weight: normal;
margin-bottom: 5px;
}

p.synopsis strong em {
  font: bold 9px/1.3em georgia, san-serif;
  font-style: italic;
}

#films img.saddest {
  float: left;
  margin: 50px 90px 0 0;
}

#news {
  width: 280px;
  height: 38em;
  position: absolute;
  top:0;
  right: 0;
  background: #FFF;
  padding: 20px 20px;
}

#trailer {
  width: 320px;
  display: block;
  margin-right: 80px;
  font: 9px arial;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 15px 15px 10px 15px;
  background: white;
}

#trailer object,
#trailer img {
  background: black;
	clear: both;
}

#trailer span {
 	margin-top: 15px; 
 	display: block;
}

* html body object.video {
	display: none; /*keeps ie/win from displaying second object tag for embedded video */
}

#trailer a:link {
  color: #000;
}

#trailer a:visited {
  color: #79591B;
}

#trailer a:hover {
  color: #79591B;
}


/* scroller */

#scroller {
  position: relative;
}

#drag {
   position:absolute;
   left: 280px;
   top:0px;
   z-index:4;
   cursor:pointer;
}

#track {
   position:absolute;
   left: 280px;
   top:0px;
   z-index:2;
   cursor:pointer;  
   background: #7C471A;
   width: 1px;
   height: 320px;
}


#contentMask {
  position:absolute;
   left:0px;
  top:0px;
  width:270px;
  height:325px;
  clip:rect(0,270px,325px,0);
  overflow:hidden;
  z-index:6;
}

#news #content {
  position:absolute;
   left:0px;
  top:0px;
  width:260px;
}