/* Removed the .main-content class from the stylesheet, it was added to give a black background to the new screwtape homepage, and is no longer needed */
body {
    background:#a81d1f url('/images/theatre-homepage/background3.png') repeat left top;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:.85em;
    padding:0;
}

#wrapper {
    width:986px; /* Removed 25px from Width (DD) */
    padding:0;
    margin:40px auto;
}
#topleftcorner-wrapper,
#topmiddle-wrapper,
#toprightcorner-wrapper {
    margin:0;
    float:left;
    height: 13px;
    display: block;
    }
#topleftcorner-wrapper, #toprightcorner-wrapper {
    width: 13px;
    }
#topleftcorner-wrapper{
    background:url('/images/theatre-homepage/top-left-corner.png') no-repeat top right;
}

#topmiddle-wrapper{
    width:960px; /* Removed 25px from Width (DD) */
    background:url('/images/theatre-homepage/top-shadow.png') repeat-x top left;
}

#toprightcorner-wrapper{
    background:url('/images/theatre-homepage/top-right-corner.png') no-repeat top right;
}


#title-wrapper, #body-wrapper {
    overflow: hidden;
    width:973px; /* Removed 25px from Width (DD) */
    padding:0 0 0 13px;
    text-align:center;
    background:url('/images/theatre-homepage/left-shadow.png') repeat-y top left;
    float:left;
}

#body-wrapper{
    margin:0;
    text-align:left;
}

#content-wrapper{
    width:960px; /* Removed 25px from Width (DD) */
    background-color:#8B1010;
}

#title {
    width:960px; /* Removed 25px from Width (DD) */
    background-color:#030303;
    border-bottom: 1px solid #6e673a;
}

#titleright-wrapper, #rightcolumn-wrapper{
    margin:0;
    float:right;
    margin-bottom:-999px;
    padding:999px 0 0 13px;
    background:url('/images/theatre-homepage/right-shadow.png') repeat-y top left;
}
#bottomleftcorner-wrapper,
#bottommiddle-wrapper,
#bottomrightcorner-wrapper {
    margin:0;
    float:left;
    height: 13px;
    display: block;
    }
#bottomleftcorner-wrapper, #bottomrightcorner-wrapper {
    width: 13px;
    }
#bottomleftcorner-wrapper {
    background:url('/images/theatre-homepage/bottom-left-corner.png') no-repeat top right;
}

#bottommiddle-wrapper {
    width:960px; /* Removed 25px from Width (DD) */
    background:url('/images/theatre-homepage/bottom-shadow.png') repeat-x bottom left;
}

#bottomrightcorner-wrapper {
    background:url('/images/theatre-homepage/bottom-right-corner.png') no-repeat top right;
}

#quotes{
display:inline;
    position:relative;
    top:-480px;
    left:230px;
    list-style:none;
}

.main-content{
    background-color:white;
    padding:0;
}
.main-content h1 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:100%;
    height:46px;
    line-height:46px;
    background:transparent url(../images/h1_bg.gif) no-repeat top left;
    font-weight:normal;
    padding:0 0 0 20px;
    margin:0;
    color:#6E673A;
}
a {
    outline: none;
}

a.ticket_link {
    text-decoration:none;
    display:block;
    width:104px;
    height: 48px;
    margin:15px 0 0 7px;
    border-bottom:1px white solid;
    background: transparent url(/images/theatre-homepage/buy-button.png) no-repeat;
    padding-bottom: 15px;
}
a.ticket_link span {
    display: none;
    }
.footer a {
    color:black;
    text-decoration:none;
}
.footer a:hover {
    text-decoration:underline;
}
/*
========================
    generic styles
------------------------
*/
.fRight {
    float:right;
}

/* 
==============================
nav styles
------------------------------
*/
/* watch video styles are found here in the nav styles  */

.main-menu {
    border-right: 1px solid #6e673a;
    }
    
#nav ul, #nav li, #nav {
    padding: 0;
    margin: 0;
    list-style: none;
}

#nav {
    width: 113px;
    padding-top: 15px;
}

#nav li {
    padding: 3px 0 3px 7px;
    line-height:25px;
}

#nav ul li {
    padding: 5px 7px;
    margin: 2px 0;
    border-bottom: none;
    line-height: 13px;
}



#nav li a,
#nav li .menu-place-holder,
.watch-video {
    text-decoration: none;
    font-family: arial, verdana, sans-serif;
    color: #fff;
    display: block;
    padding: 0 3px 0 0;
}

.menu-place-holder,.watch-video {
    text-decoration: none;
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
    color: #fff;
    display: block;
    padding: 0 3px 0 0;
}
#nav li a, .watch-video {
    font-size: 14px;
    font-weight:bold;
}
.watch-video:hover,
#nav li a:hover,
#nav li.active a {
    color: #000;
}
.watch-video {
    margin:5px 0 0 5px;
    }

#nav #venues {
    padding: 0;
    margin: 5px 0 0 0;
}

#nav #venues li {
    font-size: 8px;
    padding: 0;
    margin: 1px 0;
}

#nav #venues li a {
    background: url(/images/bullet.gif) 0 50% no-repeat;    
    padding: 1px 0 1px 10px;
}

#nav #venues li a:hover,
#nav #venues li.active a {
    background-image: url(/images/bullet-hover.gif);
}

#nav #venues li.sold-out a {
    background: transparent url(/images/soldoutSanFran.gif) no-repeat left center;
    text-indent: -1000px;
    overflow: hidden;
    margin-left: -5px;
    }
#nav #venues li.sold-out a:hover {
    background: transparent url(/images/soldoutSanFran_hover.gif) no-repeat left center;
    }
==============================
email signup
------------------------------
*/

#email_signup {
    width: 140px;
    padding: 5px;
    color: rgb(75,75,75);
    background-color: #eae5ce;
}

#email_signup .text {
    border: 1px solid rgb(75,75,75);
    width: 130px;
    font-size: 11px;
}

#email_signup .submit {
    margin: 0;
    padding: 0;
}

#email_signup p {
    margin: 7px 0;
    padding: 0;
}



/* 
==============================
donation form
------------------------------
*/

#donationForm input.submit {
    background: #a10010 none repeat scroll 0 0;
    border:3px double #FFFFFF;
    color:#FFFFFF;
    cursor:pointer;
    font-weight:bold;
    padding:0.25em;
}

#donationForm h3 {
    color: #a10010;
    font-size: 14px;
}

#donationForm table td {
    font-size: 11px;
}

#donationForm input {
    border: 1px solid #ccc;
}

#donationForm input.required,
#donationForm select.required {
    border: 1px solid #000;
    background-color: #eee9d6;
}

.error {
    color: #f00;
    font-weight: bold;
}


/*
========================
    recaptcha
------------------------
*/

#recaptcha_widget_div {
    display: block;
    clear: both;
}

#recaptcha_logo,
#recaptcha_tagline {
    display:none;
}

#recaptcha_table {
    border: none !important;
}

body #recaptcha_table td {
    padding-left: 0 !important;
}

#recaptcha_widget_div #recaptcha_image,
#recaptcha_widget_div  #recaptcha_response_field {
    border: 1px solid #000 !important;
    background: url(/images/form_field_bg.gif) 0 0 no-repeat;
}

/*
=====================================
Gallery
=====================================
*/
.gallerytable td{
    padding:10px;
}
.gallerytable img, .interviewtable img{
border:3px white solid;
height:160px;
width:160px;
}
.gallerytable img:hover, .interviewtable img:hover{
    border:3px #8B1010 solid;
}
.telechargelink, .facebooklink{
    position:absolute;
    display: block;
}
.telechargelink{
    margin:0 0 0 7px;
    top:500px;
}

.facebooklink {
    margin:0 0 0 32px;
    top:570px;
    font-size:.9em;
    width: 90px;
}

.facebooklink a {
    color:white;
    text-decoration:none;
    float: left;
}
.facebooklink a:hover {
    color: #000;
}
.facebooklink span {
    width: 100%;
    text-align: center;
    float: left;
    }
.facebooklink img {
    float: left;
    margin-left:5px;
    }
	
	
	.title_link{
font-size:16px;
color:#ffc403;
font-weight:bold;
text-decoration:none;
}
.title_link:hover{
color:#000000;
}