/* recover from old-browser styling */

img.pic {display: block !important;}

img {
    border: 0;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
    font: 12px 'Lucida Grande', Arial, Verdana, sans-serif;
    color: #000;
    /* background-color: #F5E2C2; */
}

html,body {
    /* height: 100%; */
}

iframe {
    border: 0;
    padding: 0;
    margin: 0;
}

table {
    width: 100%;
}

/* This is the main ID that should go around all content by default */
#main {
    width: 680px;
    height: 480px;
    margin: auto;
    margin-top: 15px;
    text-align: left;
    /* border: 1px solid #aaa; */
}

#main * {font-size: 100%;}
#main h1 {font-size: 30px; margin: 0 0 .5em 0;}
#main h2 {font-size: 24px; margin: 0 0 .5em 0;}
#main h3 {font-size: 16px; margin: 0;}
#main h4 {font-size: 12px; margin: 0;}
#main h5 {font-size: 10px; margin: 0;}
#main h6 {font-size: 8px; margin: 0;}
#main table td {
    /* border: 1px solid #aaa; */
    padding: 4px;
    vertical-align: top;
}
#main td.leftnav {
    /* padding: 10px 10px 0 10px; */
    background-color: #fff;
    /* border-right: 1px solid #666; */
    width: 150px;
    text-align: center;
}
#main .wit {
    padding-top: 30px;
    font-size: 14px;
    display: none;
}

#main td.content {
    /* background-color: #F5EBD9;
    background-color: #FFF2D4; */
    background-color: #fff;
    text-align: center;
}

a {
    color: #c59543;
    text-decoration: none;
}
a:hover {
    color: #3558e4;
}

#nav {
    /* padding-top: 40px;
    padding-right: 10px;
    text-align: right; */
    padding-left: 10px;
    padding-bottom: 10px;
}
#nav a.navlink {
    font-size: 14px;
    line-height: 250%;
}

#nav li.link {
    display: inline;
    padding-right: 30px;
}

#detail {
}


#faq {
    text-align: left;
}

#faq div.answer {
    padding-left: 12px;
}

ul.perfs {
    text-align: left;
    padding-left: 155px;
    list-style: none;
}

li.completed {
    text-decoration: line-through;
}

ul.dossiers {
    /* text-align: left;
    padding-left: 130px; */
    margin-top: 10px;
    list-style: none;
}

li.dossier {
    /* display: inline; 
     float: left; */ 
    padding-bottom: 6px;
}

img.headshot {
    float: left;
    padding-right: 6px;
}

ul.pastshows {
    list-style: none;
    padding-left: 30px;
}

li.production {
    padding-bottom: 12px;
    text-align: left;
}

div.about {
    padding-left: 30px;
    text-align: left;
}

/* place any icons that will be associated with links here.
 *  For example, a linked file or an object of a particular
 *  type might have a special icon associated with it.
 *  Here's an example from Apple's site:
 */
/* #main a.html {background:
 * url(http://images.apple.com/main/elements/globaliconhtml12x12.gif) left top
 * no-repeat; display: block; padding-left: 20px;}
*/