/* CSS Document KPstyles.css*/

DIV.body1
{
  BORDER-RIGHT: #87ceeb 0px solid;
  BORDER-TOP: #87ceeb 0px solid;
  BORDER-LEFT: #87ceeb 0px solid;
  BORDER-BOTTOM: #87ceeb 0px solid;
  PADDING-RIGHT: 0px;
  PADDING: 10px 10px 10px 15px;
  MARGIN: 0px -15px 0px 0px;
  BACKGROUND-COLOR: #b0c4de;
  FONT-WEIGHT: bolder;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none;
  TEXT-TRANSFORM: none;
  COLOR: #191970;
 }
 
 DIV.body2
{
  BORDER-RIGHT: #87ceeb 0px solid;
  BORDER-TOP: #87ceeb 0px solid;
  BORDER-LEFT: #87ceeb 0px solid;
  BORDER-BOTTOM: #87ceeb 0px solid;
  PADDING: 10px 10px 10px 15px;
  MARGIN: 0px -15px 0px 0px;
  BACKGROUND-COLOR: #ecf1fe;
  FONT-WEIGHT: bolder;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none;
  TEXT-TRANSFORM: none;
  COLOR: #FFFFCE;
}

div.dates
{
  FONT-SIZE: 22px; 
  COLOR: #191970;
}

div.title
{
  FONT-SIZE: 24px;
  COLOR: #900000;
}

span.title
{
  color: #900000;
}

 DIV.info
{
  FONT-SIZE: 18px;
  COLOR: #000000;
}

DIV.director
{
  FONT-SIZE: 18px;
  COLOR: #191970;
}

DIV.blurb
{
	FONT-SIZE: 16px;
	COLOR: #000000;
	padding: 5px 20px 5px 20px;
	TEXT-ALIGN: justify;
}

DIV.publisher
{
    FONT-SIZE: 12px;
    COLOR: #191970;
    FONT-WEIGHT: normal;
}

SPAN.caption
{
    FONT-WEIGHT: normal;
}

DIV.upcoming
{
  PADDING: 0px 0px 15px 0px;
  MARGIN: 0px 0px 0px 0px;
  BACKGROUND-COLOR: #ecf1fe;
  FONT-WEIGHT: bolder;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  TEXT-ALIGN: center;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none;
  TEXT-TRANSFORM: none;
  FONT-SIZE: 32px;
  COLOR: #900000;
}

a {text-decoration: underline; color: #0000FF}
a:hover { text-decoration: underline; color: #900000}

    /* Most everywhere */
    .shaded {
        background-color: #b0c4de;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 5px;
        margin-bottom:5px;
    }
    h1, h1 * {
        text-align: center;
        color: #900000 !important;
        font-weight: bold !important;
    }
    p {
        text-indent: 30px;
        text-align: justify;
    }
    /* Cast list stuff */
    td.CastHeader {
        width: calc(50vw - 65px);
        text-align: left;
        vertical-align: bottom;
        margin-bottom: 4px;
        font-size:16px;
        font-weight: bold;
        color: #900000;
    }
    td.CastHeader:first-child {
        text-align: right;
    }
    @media (min-width: 768px) {
        td.CastHeader {
           width: calc(50vw - 125px);
        }
    }
    td.CastBody {
        height: 20px;
        margin: 0; 
        color: Black; 
        font-size: 16px;
        line-height: 1;
        padding-bottom: 4px; 
    }
    td.CastDots {
        background: url('pics_logos/tabledots.gif') no-repeat; 
        vertical-align: middle
    }
    /* Audition Cast Breakdown */
    dt {
        margin-top: 10px;
    }
    dt:first-child {
        margin-top: 0;
    }
    dd {
        margin-left: 30px;  /* BS: 0 */
    }