/* standard.css for all content pages at primadonnaproductions.com */

body { background-color: #000;
   color: #FFF;
   font-family: "Tahoma", "Arial", sans-serif;
   scrollbar-arrow-color:#FFFF00;
   scrollbar-face-color:#000000;
   scrollbar-shadow-color:#000000;
   scrollbar-highlight-color:#000000;
   scrollbar-track-color:#000000; }

A { text-decoration:none }

.noCSS { display: none; } /* only displays if the browsers doesn't support CSS */

#top img { border: 0; }

#navBar td  { text-align: left; }

#navBar a:link, #navBar a:visited { text-decoration: none;
  display: block;
  height: 2.2em;
  padding-right: 0.5em; padding-left: 0.5em;
  font-size: 10pt;
  font-family: "Copperplate Gothic Bold";
  color: #FFFFFF;
  background-color: #000; }

#navBar a:hover { color: #000; background-color: #FFFFFF; }
#navBar a:active { }

/* hide from IE/Mac \*/
#content { padding-top: 100px; }
/* end hiding */

#content .category { font: normal 1.3em 'monotype corsiva'; color: #FFF; }

#content h2.small { font-size: 1.3em; } /* on welcome page */

#content #news {
  text-align: center; clear: both; }

#content #news img { margin: 0; padding: 0; }

#content div.box { border: 2px solid #ff9;
   float: left;
   width: 45%;
   margin: 10px; }
#content div.three { width: 30%; }
* html #content div.three { width: 29%; } /* silly IE */
#content div.box h3 { background: url(images/box-head.jpg) 0% 50% repeat-x;
   margin-top: 0; margin-bottom: 0;
   text-align: center; }
#content div.box p { text-align: left; padding: 8px; }
#content div.box h4 { font-family:  "Tahoma", "Arial", sans-serif; color: #fff;
  background-color: #999; margin-top: 0; text-align: center; font-weight: normal; }
#content div.one { float: none; width: auto; }
#content div.one p { margin-bottom: 0px; padding-bottom: 1px; }

/* alternate boxes with tables */
table.boxRow { padding: 0px; }
.box2 { border: 2px solid #ff9; width: 49%; margin: 0px 5px; }
.box2 p { text-align: left; padding: 8px; }
.box2 ul { text-align: left; }
.box2 h3 { background: #284aa7 url(images/box-head-top.jpg) repeat-x bottom left;
   margin-top: 0; margin-bottom: 0;
   text-align: center; }
.box2 h4 { font-family:  "Tahoma", "Arial", sans-serif; color: #fff;
  background: #284aa7 url(images/box-head-bot.jpg) repeat-x top left;
  margin-top: 0; text-align: center; font-weight: normal; }

#contactInfo a, #contactInfo { color: #FF0; }

#content img { border: 0; margin: 5px; }

#content img.thumb { }

#content li img { vertical-align: top; }

#content a:link  {color: #FF0; }
#content a:visited { color: #FF0; }
#content a:hover { }
#content a:active { }
a.back { display: block;
  text-align: left;
  margin-left:auto; margin-right:auto; width: 8.5em;
  padding-left: 20px; /* image is 16px wide */
  background: url(images/back-ar-yellow.gif) no-repeat center left;
  font-size: 0.8em; }
a.cast:link {color: #CC0000; text-decoration: none; }
a.cast:visited {color: #CC0000; text-decoration: none; }
a.cast:hover {color: #CC0000; text-decoration: underline; }
a.cast:active {color: #CC0000; } 

#divider {
  position: relative;
  top: 110px;
  width: 99%; }

#content hr {
  color: #FF0; /* apparently not supported by Mozilla Firefox or Opera */
  width: 50%;
  clear: both;   }

#content hr.hidden {
  width: 1px;
  margin-top: -5px;
  visibility: hidden;
  clear: both; }

.col1 { float: left; width: 49%; }
.col2 { float: right; width: 49%;
   padding-left: 5px; }
.col2wline { width: 49%;
   border-left-style: solid; border-left-color: #FFF; border-left-width: 1px;
   padding-left: 5px;
   clear: right; }

.center { margin-left: auto; margin-right: auto; }
.pdp { font-family: "copperplate gothic bold"; color: #FFF0; size=+25}
.pdp2 { font-family: "copperplate gothic bold"; color: #FFFF00; size="+15"}
.quotee { margin-left: 450px; }

.floatL { float: left; margin-right: 5px; }
.floatR { float: right; margin-left: 5px; }
.floatFix { clear: both; }

h1 {
   text-align: center;
   font-size: 1.5em; }

h1, h2, h3, h4, h5, h6 {
   font-family: "copperplate gothic bold";
   color: #FF0;
   clear: both; }

#content ul { line-height: 150%; }
#content li.weAuthored { list-style-image: url(/images/bulletStar.gif); }

#footer {
  padding-top: 2em;
  width: 100%;
  text-align: center;
  font-size: 80%; }

#footer a { color: #FF0; }