/* -------------------------------------------
project:	Mau
date:		2008/10/27
------------------------------------------- */

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #e8e6de; color: #333; font: 62.5%/1.2 Verdana,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Verdana,sans-serif; }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.1em; }
ul, ol, dl { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a { color: #900; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 15px 0; color: #000; font: bold 2.4em Verdana,serif; }
h1,
h2.a { margin-top: 0; padding: 0 0 10px; border-bottom: 1px solid #ccc; font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { margin: 0 auto; }
 #top { position: relative; min-height: 87px; padding: 28px 0 0; background: #15161b url(../images/bg-top-a.jpg) 0 100% repeat-x; color: #fff; text-align: center; }
 * html #top { height: 87px; }
  #logo { margin: 0; padding: 0; border: none; font-size: 3em; }
   #logo a { display: block; overflow: hidden; width: 460px; height: 70px; margin: 0 auto; background: url(../images/superheroine-films-logo.png) 50% 2px no-repeat; color: #fff; text-decoration: none; text-indent: -10001px; }
  #top h2 { position: absolute; left: -10001px; top: -10001px; margin: 0; color: #fff; font-size: 1.8em; }
 #nav { margin: 0 0 15px; background: #900 url(../images/bg-nav-a.gif) 0 100% repeat-x; }
  #nav ul { list-style: none; margin: 0; padding: 0; line-height: 51px; text-align: center; word-spacing: 25px; }
   #nav ul li { display: inline; font-size: 1.4em; font-weight: bold; text-transform: uppercase;  }
    #nav ul li a { color: #fff; word-spacing: 0; }
    #nav ul li a:hover,
    #nav ul li a:focus { color: #fff; }
    #nav ul li a.active { color: #000; text-decoration: none; }
    #nav ul li em { position: absolute; left: -10001px; top: -10001px; }
 #content { width: 750px; margin: 0 auto; }
 #footer { width: 750px; margin: 30px auto 0; padding: 10px 0; border-top: 1px solid #999; }
  #footer ul { list-style: none; margin: 0; padding: 0; word-spacing: 10px; }
   #footer ul li { display: inline; word-spacing: 0; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10006px; top: 5px; z-index: 10001; width: 250px; padding: 2px 0; background: #000; color: #fff; font-size: 1.4em; text-align: center; }

/* GENERAL
------------------------------------------- */




div.item-a { position: relative; min-height: 175px; padding: 10px 0 0 195px; }
* html div.item-a { height: 175px; }
 div.item-a p.image { position: absolute; left: 0; top: 0; padding: 8px; background: url(../images/bg-item-a.png) no-repeat; }
  div.item-a p.image img { display: block; border: 2px solid #fff; }
 div.item-a h2 { margin: 0 0 15px; font-size: 1.6em; }
 div.item-a ul.a { font-weight: bold; }
 
div.item-b { position: relative; min-height: 125px; padding: 10px 0 0 145px; }
* html div.item-b { height: 125px; }
 div.item-b p.image { position: absolute; left: 0; top: 0; padding: 8px; background: url(../images/bg-item-b.png) no-repeat; }
  div.item-b p.image img { display: block; border: 2px solid #fff; }
 div.item-b h2 { margin: 0 0 15px; font-size: 1.6em; }
 
div.item-c { position: relative; min-height: 100px; padding: 10px 0 0 100px; }
* html div.item-c { height: 100px; }
 div.item-c p.image { position: absolute; left: 0; top: 0; padding: 8px; /*background: url(../images/bg-item-a.png) no-repeat;*/ }
  div.item-c p.image img { display: block; border: 2px solid #fff; }
 div.item-c h2 { margin: 0 0 15px; font-size: 1.1em; }
 div.item-c ul.a { font-weight: bold; }
 
div.code-a { }
 div.code-a h3 { margin: 0 0 8px; }
 div.code-a p { padding: 0 6px 0 0; }
  div.code-a input { width: 100%; border: 1px solid #ccc; background: #fff; padding: 2px; }
 
ul.a { list-style: none; margin: 0 0 10px; padding: 0; }
 ul.a li { margin: 0 0 7px; padding: 0 0 0 20px; background: url(../images/sep-a.gif) 0 3px no-repeat; }
 * html ul.a li { height: 1%; }
 
ul.b { list-style: none; margin: 0 0 10px; padding: 0; }
 ul.b li { margin: 0 0 7px; padding: 0 0 0 20px; background: url(../images/sep-a.gif) 0 3px no-repeat; }
 * html ul.b li { height: 1%; }

ul.c { list-style: none; margin: 0 0 10px; padding: 0; }
 ul.c li { margin: 0 0 7px; padding: 0 0 0 20px; background: url(../images/sep-a.gif) 0 3px no-repeat; }
 * html ul.c li { height: 1%; }

dl { margin: 0; padding: 0; }
 dl dt { margin: 0 0 7px; font-weight: bold; }
 dl dd { margin: 0; padding: 0; }
 
/* ELEMENTS
------------------------------------------- */

img.cta {margin-bottom: 15px;}

#signup {font-weight: bold;}
#signup td {height: 30px;}
/*#signup td input {width: 200px; height: 16px;}*/


#homeIntro { background-color: #333; padding: 5px; border: 1px solid #CEC8B3;}
#homeIntro h1 {border-bottom: 0;}

h1.homeIntroHeading {background-color: #DAB729; padding: 8px 5px; font-size: 12px; font-weight: bold;}

h1.sectionTitle {background-color: #001040; font-size: 12px; font-weight: bold; padding: 8px 5px; width: 740px; color: #fff; margin-top: 15px;}

.movie { background-color: #D5D0BF; padding: 5px; border: 1px solid #CEC8B3; color: #333; margin-bottom: 20px;}
.movie h1 {background-color: #001040; font-size: 14px; font-weight: bold; padding: 8px 5px; width: 725px; color: #fff; margin: 0;}

.movie p {font-size: 10px; width: 240px;}
.movie p.date {font-size: 10px; font-weight: bold;}
.movie p.gallery {font-size: 10px; font-weight: bold;}

.movie p.cta-button a {background-color: #990000; padding: 6px 0; width: 150px; color: #fff; display: block; text-align: center; margin: 0; font-size: 11px; font-weight: bold;}


.movieItem { background-color: #D5D0BF; padding: 10px; border: 1px solid #CEC8B3; color: #333; margin-bottom: 20px; border:5px solid #}
.movieItem.latest {border: 3px solid #990000;}
.movieItem img {border: 3px solid #fff; padding: 1px; margin-bottom: 3px;}
.movieItem h2 {margin: 0; padding: 0; margin-bottom: 10px;}
.movieItem h3 {margin: 0; padding: 5px 10px; background-color: #990000; color: #fff; font-size: 14px; margin-bottom: 5px;}
.movieItem p.date {font-size: 9px; font-weight: bold;}
.movieItem p {font-size: 11px;}
ul.options {background-color: #d2af1f; margin-top: 10px; padding: 10px; margin-left: 0px; width: 310px; padding-left: 30px;}
ul.options a {font-size: 11px;}
ul.options li {font-size: 11px; font-weight: bold; margin-bottom: 4px;}
ul.options li.paypal {list-style-type: none; margin-left: -20px; margin-top: 10px;}
ul.options li.paypal img {border: none;}
/*#notice {background-color: #FFCC00; width: 100%; padding: 10px; font-size: 18px; color: #000; text-align: center; font-weigh: bold; margin-bottom: 15px;}
#notice h2 {font-size: 12px;}
#notice p {}*/

#notice {width: 95%; background-color: #336699; color: #fff; padding: 0px 10px; margin-bottom: 20px; border: 5px solid #fff;}
#notice h3 {font-size: 16px; font-weight: bold; margin: 10px 0 10px 0; padding: 0;}
#notice p {fonts-size: 13px;}

#homepage-strap {text-align: center; border: 0; margin: 5px 0 30px 0;}
#homepage-strap h1 {font-size: 46px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0 0 5px; padding: 0; border: 0;}
#homepage-strap h2 {font-size: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin:0; padding: 0; border: 0;}

#global-bar {width:100%;border-bottom:0 solid #666;background:#000}
.global-list {width:800px;margin:0 auto;text-align:center;padding:2px 0 3px}
.global-list li {list-style:none;display:inline;margin:0 5px;font:10px Arial,Helvetica,sans-serif}
.global-list a {color:#ccc;text-decoration:none;font:10px Arial,Helvetica,sans-serif}
.global-list a:hover {color:#fff}