/* !! PAGE TOP, OVERALL ELEMENTS */

body 
{ background-color: #F90;
  color: black;
  margin: 0px; padding: 0px;
  line-height: 1.5em;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }

img {border: 0;}

/* PICTURE WRAPPING */

/* --------- PICTURE WRAPPING --------- */
div.wrap_area { position: relative; }
div.wrap_area img.LeftTop { position: absolute; left: 0px; top: 0px; }
div.wrap_area p { position: relative; }
div.shape_wrap div { float: left; clear: left; height: 20px; line-height:0px; }
/*
div.wrap_area img { opacity: .5; filter: alpha(opacity=50); }
div.shape_wrap div { border: 1px solid #f0f; }
*/


/* !! TOP PANE */

div#pslogo  {
  position: inline;
  display: block;
  margin-left: 10px; margin-top: 15px; margin-bottom: 30px; } 
/* logo is 75 x 300; makes this 120 tall */
  
div#nowplaying {
  position: absolute;
  right: 0px; top: 0px;
  background-color: #F90;
  width: 250px; /*height: 100px; */
  text-align: center;
  margin: 0px;
  padding: 4px; padding-top: 15px;
}

div#nowplaying a {
  white-space: nowrap;
}

div#nowplaying span {
  display:none;  }

div#nowplaying:hover {
  border: 4px solid #630; 
  padding: 0px; padding-top: 11px;
  margin: 0px; }

div#nowplaying:hover span {
  display:block;
  text-align: left;
  position: relative;
  top: -12px;
  border: 10px solid #F90;
  padding: 5px;
  background-color: white;
  color: black; }

div#nowplaying span p {
  margin-top: 5px; margin-bottom: 5px; }
  

/* !! LEFT NAV PANE */

div#leftnav 
{ position: absolute; 
  top: 120px; left:5px;
  }

div#leftnav a {
  text-decoration: none; 
  display:block; 
  height: 70px; width: 70px; 
  background-repeat:no-repeat; 
}

div.castphotos {
  margin: 0px; }
  
div.castphotos img {
  padding: 5px; background-color: #fff; }


div.castphotos h3 {
  float: left; vertical-align:middle; }
/* - Navagation Glyphs */

a.navglyph { 
  background-position: top left; }
a.navglyph:hover { 
  background-position: -140px; }
  
a.ACTglyph { 
  background-position: -70px; }
a.ACTglyph:hover { 
  background-position: -210px; }

a#glyNOW  {
  background-image:url('/style/images-block/glyph-1.jpg'); }
a#glyLATER  {
  background-image:url('/style/images-block/glyph-2.jpg'); }
a#glyEARLIER  {
  background-image:url('/style/images-block/glyph-3.jpg'); }
a#glyYOU  {
  background-image:url('/style/images-block/glyph-4.jpg'); }
a#glyUS  {
  background-image:url('/style/images-block/glyph-5.jpg'); }


  
a.navglyph span, a.ACTglyph span {
  display:none;  
}
a.navglyph:hover span, a.ACTglyph:hover span  {
  display:block; 
  font-weight: bold;
  text-align: center;
  font-size: 80%;
  white-space: nowrap;
  opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);
  position:absolute; left: 70px; margin-top:22px; padding: 4px; 
  /* color: black; background-color:#FFC; border: 3px #630 solid; */
  /* color: white; background-color:#630;*/
  color: black; background-color: #F60; 
}






/* !! CONTENT PANE */

div#maincontent 
{ 
  position: inline; display: block;
  margin-left: 85px; margin-right: 100px; margin-top:13px;
  min-height: 500px;
  border: 8pt #630 solid; 
  padding:10px; margin-bottom: 15px;
  padding-left:20px; 
  background-color: #FFF; 
  color: #000; 
  z-index:1;
  }

/* - Paragraph Styles */

p {
  margin: 0px;
  margin-top: .8em;
}

h1 {
  margin: 0px; margin-top:10px; margin-left: -10px;
  color: #000;
  font-size: 190%;
  font-family: 'Arial Black', 'Gadget', sans-serif; }
h1:first-child {
  margin-top: 0px; }

h4 {  /* SUBTITLE FOR H1 */
  margin: 0px;
  color: #430;
  font-size:90%; 
  font-family: 'Lucida Console', Monaco, monospace;  }

h2 {
  margin: 0px; margin-top: 1.7em;
  font-size: 110%;
  font-family: 'Arial Black', 'Gadget', sans-serif;
}

h5 { /* SUBTITLE FOR H2 */
  margin: 0px;
  font-size: 80%;
  font-weight: bold;
}

ul {
  padding-left:0px;
  margin-left:1em;
}

ul li {
  list-style-type: square;
  
}

div#maincontent a, div#nowplaying a {
  text-decoration: none;
  background-color: #FC6;
   
  color: black;}

div#maincontent a:hover, div#nowplaying a:hover {
  background-color: #F90; }

a.blank {
  background: transparent;  }