/* ------------------------------------------------------------------------------------------
 * Generic Styles
 * ------------------------------------------------------------------------------------------ */ 

html
{
    margin: 0px;
    padding: 0px;
}

body
{
    background-color: #dde;
    font: normal normal normal 16px/16px "Bitstream Vera Sans", "Verdana", sans-serif;
    padding: 0.125em;
}

div
{
    /* Use em units for scaling relative to this so we can zoom cleanly. */
    font-size: 16px;
}

a img
{
   border: 0px #000 none;
}

p, td, th, li
{
    font-size: 0.75em;
    line-height: 1.25em;
    margin: 1em 0.25em;
}

input, textarea
{
    font-family: "Bitstream Vera Sans", serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
}

/* This is used to fix IE6 display bugs. */
.Clear
{
    clear: both;
}

/* ------------------------------------------------------------------------------------------
 * Head Section
 * ------------------------------------------------------------------------------------------ */ 

div.Head
{
    background-color: #fff;
    border: 0.125em #000 solid;
    margin: 0.25em 0.25em 0px;
    overflow: hidden;
    padding: 0px 0.25em;
    position: relative;
}

div.Head h1
{
    display: block;
    font-family: "Bitstream Vera Serif", serif;
    font-size: 2em;
    font-style: normal;
    font-weight: bold;
    line-height: 1.8125em;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

div.Head h1 img
{
    /* Note: IE6 doesn't seem to like the "transparent" colour value, so #fff
     * is used instead. */
    border-bottom: 0.25em #fff solid;
    border-top: 0.25em #fff solid;
    display: block;
    height: 1.8125em;
    margin: 0px auto;
    padding: 0px;
    width: 10.15625em;
}

div.Head img#FolkMan
{
    display: inline;    /* Fix IE's float model. */
    float: left;
    height: 15em;
    width: 7.5em;
    margin: -4.25em 0px 0.25em;
    position: relative; /* Stop IE6 from hiding the floated image. */
}

div.Head img#EFDSS
{
    display: inline;    /* Fix IE's float model. */
    float: right;
    height: 7em;
    width: 6.5em;
    margin: 3.75em 0px 0.25em;
    position: relative; /* Stop IE6 from hiding the floated image. */
}

div.Head div.Blurb
{
    margin: 0px 13em;
    text-align: center;
}

div.NavBar
{
    background-color: #fff;
    border: 0.125em #000 solid;
    border-top: 0px #000 none;
    margin: 0px 10% 0.25em;
    position: relative;
    text-align: center;
}

div.NavBar a
{
    font-family: "Bitstream Vera Sans", "Verdana", sans-serif;
    font-size: 0.75em;
    margin: 0px 2%;
    text-decoration: none;
}

div.NavBar a.CurrentPage
{
    font-style: italic;
    text-decoration: none;
}

/* ------------------------------------------------------------------------------------------
 * Generic Content Section
 * ------------------------------------------------------------------------------------------ */

div.Content
{
    background-color: #fff;
    border: 0.125em #000 solid;
    margin: 0.5em 0.25em;
    padding: 0px;
    position: relative;
}

div.Error
{
    background-color: #fcc !important;
}

div.Content h2
{
    background-color: #99e;
    border: 0px #000 none;
    border-bottom: 1px #000 solid;
    font-family: "Bitstream Vera Serif", serif;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    line-height: 1.25em;
    margin: 0px;
    padding: 0.125em 0px;
    text-align: center;
}

div.Error h2
{
    background-color: #e99 !important;
}

div.Content h3
{
    font-family: "Bitstream Vera Serif", serif;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
}

/* ------------------------------------------------------------------------------------------
 * Events Section
 * ------------------------------------------------------------------------------------------ */

div.Event
{
    background-color: #99e;
    border: 0.125em #000 solid;
    margin: 0.5em 0.25em;
    padding: 0px;
    position: relative;
}

div.SoldOut
{
    background-color: #eaa;
}

div.SoldOut div.Admission
{   
    background-color: #edd !important;
    color: #500;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

div.SoldOut div.Act
{
    background-image: url("../resources/SoldOutWatermark.png") !important;
    background-attachment: fixed;
}

div.Event h2
{
    /*background-color: #bbe;*/
    border: 0px #000 none;
    font-family: "Bitstream Vera Serif", serif;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    line-height: 1.25em;
    margin: 0px;
    margin-left: 0.5625em;
    padding: 0px 0px 0.125em;
    text-align: center;
}

div.Event div.Admission
{
    background-color: #dde;
    border-left: 0.0833333333em #000 solid;
    border-top: 0.0833333333em #000 solid;
    display: block;
    font-size: 0.75em;
    margin-left: 0.75em;
    padding: 0.25em;
    text-align: center;
}

div.Event div.Admission div.Label
{
    display: inline;
    font-size: 1em;
}

div.Event div.Admission div
{
    display: inline;
    font-size: 1em;
}

div.Event div.Act
{
    background-color: #fff;
    border-left: 0.0625em #000 solid;
    clear: left;
    overflow: hidden;
    margin-left: 0.5625em;
    padding: 0.25em;
    position: relative;
}

div.Event div.Support
{
    background-color: #eef;
    border-left: 0.0625em #000 solid;
    clear: left;
    margin: 0px;
    overflow: hidden;
    margin-left: 0.5625em;
    padding: 0.25em;
    position: relative;
}

div.Event div.Act img
{
    border: 0.125em #000 solid;
    position: relative; /* Stop IE6 from hiding the floated image. */
}

div.Event div.Headline img
{
    display: inline;    /* Fix IE's float model. */
    float: left;
    margin-top: -1.5em;
    width: 12em;
    position: relative; /* Stop IE6 from hiding the floated image. */
}

div.Event div.Support img
{
    display: inline;    /* Fix IE's float model. */
    float: right;
    margin-top: -1.25em;
    width: 8em;
    position: relative; /* Stop IE6 from hiding the floated image. */
}

div.Event div.Act h3
{
    display: block;
    font-family: "Bitstream Vera Serif", serif;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0px 13em;
    padding: 0px;
    text-align: center;
}

div.Event div.Support h3
{
    font-size: 0.875em;
}

div.Event div.Act div.Links
{
    display: block;
    font-size: 0.75em;
    font-style: italic;
    font-weight: normal;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0px 17em;
    padding: 0px;
    text-align: center;
}

div.Event div.Act div.Blurb
{
    margin: 0px 8.5em 0px 12.5em;
    padding: 0.5em 0.25em 0.5em 0.25em;
}

div.Event div.Headline div.Blurb
{
    margin: 0px 0.5em 0px 12.5em;
}

div.Event div.Support div.Blurb
{
    margin: 0px 8.5em 0px 0.5em;
}

div.Event div.Act div.NoImage
{
    margin: 0px 0.5em 0px 0.5em;
}

div.Event div.Act div.Blurb p
{
    font-size: 0.75em;
    line-height: 1.25em;
    margin: 0.5em 0px 0px;
}

/* ------------------------------------------------------------------------------------------
 * Past Performers Page
 * ------------------------------------------------------------------------------------------ */

table.PastPerformers
{
    border-collapse: collapse;
    border: 0px #000 none;
    border-top: 1px #000 solid;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

table.PastPerformers th
{
    text-align: left;
    border: 0px #000 none;
    border-bottom: 1px #000 solid;
    font-weight: bold;
    font-style: normal;
    font-size: 0.75em;
    line-height: 1.25em;
    padding: 0.125em 0.25em;
}

table.PastPerformers td
{
    text-align: left;
    border-bottom: 1px #999 dotted;
    font-size: 0.75em;
    line-height: 1.25em;
    padding: 0px 0.25em;
}

/* ------------------------------------------------------------------------------------------
 * Mummers' Play Script Styles
 * ------------------------------------------------------------------------------------------ */

p.PlayNote
{
    font-style: italic;
    text-align: center;
}

table.Play
{
    border-collapse: collapse;
    margin: 0.125em 0px 0.5em 3em;
    table-layout: fixed;
}

table.Play col.PlayCastTag, table.Play col.PlayScriptActor
{
    width: 4em;
}

table.Play col.PlayCastName, table.Play col.PlayScriptSpeech
{
    width: auto;
}

table.Play th
{
    font-style: normal;
    font-weight: bold;
    text-align: left;
    margin: 0px;
    padding: 0.25em 0.125em;
    vertical-align: top;
}

table.Play td
{
    font-style: normal;
    font-weight: normal;
    text-align: left;
    margin: 0px;
    padding: 0.25em 0.125em;
    vertical-align: top;
}

table.Play td.PlayDirection
{
    font-style: italic;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

/* ------------------------------------------------------------------------------------------
 * Contact Page Styles
 * ------------------------------------------------------------------------------------------ */

table.Form
{
    border-collapse: collapse;
    margin: 0.5em auto;
}

table.Form th
{
    font-style: normal;
    font-weight: bold;
    text-align: right;
    margin: 0px;
    padding: 0.5em 0.25em;
    vertical-align: top;

    width: 12em;
}

table.Form td
{
    font-style: normal;
    font-weight: normal;
    text-align: left;
    margin: 0px;
    padding: 0.25em;
    vertical-align: top;
}

table.Form input.Text
{
    width: 16em;
}

table.Form textarea
{
    height: 12em;
    width: 32em;
}

table.Form input, table.Form textarea
{
    background-color: #eef;
    border: 0.125em #337 solid;
}

table.Form input:focus, table.Form textarea:focus
{
    border-color: #000;
}

table.Form td.SubmitRow
{
    text-align: center;
}

/* ------------------------------------------------------------------------------------------
 * Foot Section
 * ------------------------------------------------------------------------------------------ */

div.Foot
{
    background-color: #fff;
    border: 0.125em #000 solid;
    margin: 0.25em 0.25em 0px;
    padding: 0px 0.25em;
    position: relative;
}

div.Foot p
{
    font-size: 0.75em;
    margin: 0.5em 0px;
    text-align: center;
}

/* ------------------------------------------------------------------------------------------
 * Related Pages
 * ------------------------------------------------------------------------------------------ */

table.Links
{
    border-collapse: collapse;
    border: 0px #000 none;
    border-top: 1px #000 solid;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

table.Links th
{
    text-align: left;
    border: 0px #000 none;
    border-bottom: 1px #999 dotted;
    font-weight: bold;
    font-style: normal;
    font-size: 0.75em;
    line-height: 1.25em;
    padding: 0.125em 0.25em;
}

table.Links td
{
    text-align: left;
    border-bottom: 1px #999 dotted;
    font-size: 0.75em;
    line-height: 1.25em;
    padding: 0px 0.25em;
}