@charset "UTF-8";
/* CSS Document */

body {background-color:#870f0f; font-family:Verdana, Geneva, sans-serif;color:#f1f1f1; }
a {
   outline: 0; color:#f1f1f1;
}
#content a:hover {
color:#aa8411; text-decoration:underline;
}
footer a:hover {
color:#aa8411; text-decoration:underline;
}
table tr {
    border-bottom: 1px solid #AA8411;
    display: block;
    padding: 20px 0;
}
table td
{

vertical-align:top;
}
.description, .location{padding-top:12px;}
table {font-size:13px; margin:0 auto; margin-top:-12px; width:95%;}
table img {margin-right:46px; width:180px; height:279px;}
table div {margin-bottom:8px;}
h2 {font-size:16px; margin:0 0 8px 8px;}
h3 {font-size:15px; margin:0 0 8px;}
ul.credits {margin:0; padding:0; margin-bottom:8px;}
ul.credits li {list-style-type:none;}
table .location {margin:0;}
table.link {font-size:12px;}
#bio nav ul li#bio a {background-color:#870f0f;}
#musicals nav ul li#musicals a {background-color:#870f0f;}
#plays nav ul li#plays a {background-color:#870f0f;}
#film nav ul li#film a {background-color:#870f0f;}
#press nav ul li#press a {background-color:#870f0f;}
#acting nav ul li#acting a {background-color:#870f0f;}
#current nav ul li#current a {background-color:#870f0f;}

#wrapper { width:820px; margin:16px auto;}
nav {text-align:center; padding:4px; margin-bottom: 16px;text-transform:uppercase;}
nav, #content, footer {border:1px solid #aa8411; }
nav ul {margin:0; padding:0; border:1px solid #000; background-color:#181818;}
nav ul li {display:inline; margin:0 8px;}
nav ul li a {text-decoration:none; color:#f1f1f1; padding: 4px 8px; font-weight: bold;text-shadow:
    -1px -1px 0 #644e0b,
    1px -1px 0 #644e0b,
    -1px 1px 0 #644e0b,
    1px 1px 0 #644e0b;  }
nav ul li a:hover {background-color:#870f0f;}

#content {padding:4px; font-size:14px;}
#content p {margin:16px 12px;}
#content img {border: 1px solid #AA8411; padding:4px;}
#content article {border:1px solid #000; background-color:#181818; padding:24px;}
#home article {background-image:url(images/logo.png); background-repeat:no-repeat; background-position: -1px -9px;}
#contact h2 {
    margin-bottom: 14px;
    margin-left: 4px;
}
#contact strong {margin-bottom:4px;}

#contact {border: 1px solid #AA8411;margin-top: 16px;padding:4px;}
#contact div {
    padding:24px;
    bottom: 0;
    background-color: #181818;

}
body#press h2 {margin-left:0px;}
body#press h3 {margin-left:12px; border-top: 1px solid #AA8411; padding-top:44px;}
#contact table {width:50%;}
#contact table tr {border:0px; padding:0px;}
#contact table td {
    padding: 4px 33px 0;
    vertical-align: top;
}

footer {padding:4px; text-align:center; font-size:13px; margin-top:16px;}
footer div {background-color: #181818; padding:4px;}

@media only screen and (max-device-width: 480px) {
    /* iPhone CSS rules here */
	body nav ul li {margin:0; font-size:11px;}
}