/* temporary styles for baltimoreoperatheatre.net */

body {background-color: #FFCC33; font-family: Helvetica, Arial, sans-serif; font-size: medium; margin: 0; padding: 0;}
.clear {clear:both;}

#contentDiv {width: 920px; margin: 0 auto; padding: 2em 1em; background-color: #efe2bb;}

/* html */
h1 {font-size: large;}
p {line-height: 1.2em; margin-bottom: .5em;}
a:link, a:visited {color: #3E000C; font-weight: bold;}
a:hover {color: #3E000C;}
.clear {clear:both; margin: 0; padding: 0;}

.title h2 {margin: 0; padding: 0; color: #3E000C;}
.smaller {font-size: .8em;}
.smallest {font-size: .6em;}
.title h3 {margin: .3em 0 0 0; padding: 0;}
.title h4 {margin: 0 0 .3em 0; padding: 0;}

.picblock {background-color: #3E000C; color:white; padding: 1em; height: 380px; margin: 1em 0 0 0; font-size: 1.5em;}
.picblock a {color: yellow;}
.picblock h3 {margin-top: 1em;}

.tixinfo {background-color: #3E000C; color:white; padding: 1em; height: 380px; margin: 1em 0 0 0; }
.tixinfo a {color: yellow;}
.tixinfo h3 {margin-top: 1em; font-size: 1.5em;}


.imgright {float: right; margin: 1em;}
.imgleft {float: left; margin: 1em;}
.nomargin {margin: 0;}

blockquote {padding: 1em; border: 1px solid #e0dfd2; background-color: #f8f7ed; margin: 1em 0; background-image: url(../images/quotes2.png); background-repeat: no-repeat;}
blockquote h4 {margin-bottom: .5em; font-family: Georgia, Tahoma, "Times New Roman", sans-serif;}
blockquote p {margin-top: .75em;}
blockquote img {float: right; margin: .5em 0 1em 1em;}
blockquote.hippo img {float: right; margin: 0 0 1em 1em;}
cite {display: block; text-align: right; font-size: .9em; color: #51040a;}


/* program & tix nav */
#navcontainer {width: 100%; margin: 0 auto; background-color: #3E000C; background-image: url(../images/nav-bkgd.gif); background-repeat: repeat-x; height: 28px;}
#navleftholder {width: 908px; margin: 0 auto; text-align: left;}
ul#navlist {padding: .25em 0 0 0;}
#navlist li {display:inline; font-family: Arial, Helvetica, sans-serif; /* letter-spacing: 2px; */ /* font-weight: bold;  */font-size: .8em;}
#navlist li.strong {font-weight: bold;}
#navlist {padding: 0; margin: 0;}
#navlist a {margin:  .5em; padding: .25em 1.5em; float: none;}
#navlist a:link, #navlist li a:visited {color: black;}
#navlist a:hover {color: #3E000C; border-bottom: 2px solid #51040a;}


/* containers and nav */
#header {width: 100%; background-color: #51040a;}
#logonav {width: 954px; margin: 0 auto; text-align: left; background-color: #3E000C; padding: 4px 0 0 12px; background-image: url(../images/logo-bkgd.jpg); background-repeat: no-repeat; height: 136px;}
#logonavalt {width: 954px; margin: 0 auto; text-align: left; background-color: #3E000C; padding: 0x 0 0 12px; background-image: url(../images/logo-bkgd.jpg); background-repeat: no-repeat; height: 136px;}
#logo {float: left; width: 450px; margin-top: 10px;}
#logoalt {float: left; width: 380px; margin-top: 10px;}


#topnav {width: 440px; float: right; text-align: right; padding: 3.75em 0 0 0;}
#topnavlist ul {padding: 1em;}
#topnavlist li {display:inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
#topnavlist a {margin: 1em .5em; padding: .25em 0em; float: none;}
#topnavlist li a:link, #topnavlist li a:visited {color: #e2dbbf;}
#topnavlist li a:hover {color: #e2dbbf; border-bottom: 2px solid #e2dbbf;}

#topnavalt {width: 365px; float: left; text-align: right; padding: 3.75em 0 0 0;}
#topnavaltlist ul {padding: 1em;}
#topnavaltlist li {display:inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
#topnavaltlist a {margin: 1em .5em; padding: .25em 0em; float: none;}
#topnavaltlist li a:link, #topnavaltlist li a:visited {color: #e2dbbf;}
#topnavaltlist li a:hover {color: #e2dbbf; border-bottom: 2px solid #e2dbbf;}
#signup {float: right;}


#toTop {background-image:url(../images/to-top-bkgd.gif); background-repeat: repeat-x; background-position: bottom; height: 60px; }
#toTopIcon {width: 908px; margin: 0 auto; text-align: right;}

#footernav {width: 100%; margin: 0 auto; text-align: center; background-color: #3b5728; background-image: url(../images/footer-nav-bkgd.gif); height: 50px;}
ul#footernavlist {padding: 10px 0 0 0;}
#footernavlist li {display:inline; font-family: Arial, Helvetica, sans-serif; font-size: smaller;}
#footernavlist {padding: 0; margin: 0;}
#footernavlist a {margin:  .5em; padding: .25em .5em; float: none;}
#footernavlist a:link, #footernavlist li a:visited {color: white;}
#footernavlist a:hover {color: #3E000C; border-bottom: 2px solid white;}

#footer {width: 100%; height: 150px; background-color: #221F1F;}
#copyright {width: 908px; margin: 0 auto; color: white; font-size: .6em; text-align: center; padding-top: 20px; font-weight: bold;}
#copyright a {color: #ff0;}

.theshows {float: left; width: 400px; padding: 10px;}
.theshows img {float: left; margin: 0 1em 1em 0; border: 3px solid black;}
.theshows h2 {font-size: 1.2em; margin-bottom: 15px;}
.theshows h4 {margin: 150px 0 5px 0; font-size: .8em;}
.theshows h5 {font-size: .7em; padding-top: 1em;}
.theshows h5 a {text-decoration: underline;}

.theshows_wide {float: left; width: 100%; padding: 10px;}
.theshows_wide img {float: left; margin: 0 1em 1em 0; border: 3px solid black;}
.theshows_wide h2 {font-size: 1.2em; margin-bottom: 15px;}
.theshows_wide h4 {margin: 150px 0 5px 0; font-size: .8em;}
.theshows_wide h5 {font-size: .7em; padding-top: 1em;}
.theshows_wide h5 a {text-decoration: underline;}

.theshows_thirds {float: left; width: 275px; padding: 10px;}
.theshows_thirds img {float: left; margin: 0 1em 1em 0; border: 3px solid black;}
.theshows_thirds h2 {font-size: 1.2em; margin-bottom: 7px;}
.theshows_thirds h4 {margin: 5px 0 5px 0; font-size: .8em;}
.theshows_thirds h5 {font-size: .7em; padding-top: 1em;}
.theshows_thirds h5 a {text-decoration: underline;}
.tix {margin-top: 1em;}

.thetix {float: left; width: 480px; padding: 10px;}
.thetix img {float: left; margin: 0 1em 1em 0; border: 3px solid black;}
.thetix h2 {font-size: 1.2em; margin-bottom: 15px;}
.thetix h4 {margin: 150px 0 5px 0; font-size: .8em;}
.thetix h5 {font-size: .7em; padding-top: 1em;}
.thetix h5 a {text-decoration: underline;}

.thetixshows {float: left; width: 400px; padding: 10px;}
.thetixshows img {float: left; margin: 0 1em 1em 0; border: 3px solid black;}
.thetixshows h2 {font-size: 1.4em; margin-bottom: 15px;}
.thetixshows h4 {margin: 10px 0 5px 0; font-size: 1.2em;}
.thetixshows h5 {font-size: .7em; padding-top: 1em;}
.thetixshows h5 a {text-decoration: underline;}


.aftertheshow {float: left; width: 440px; padding: 10px;}
.aftertheshow img {float: left; margin: 0 1em 1em 0; border: 3px solid black;}
.aftertheshow h2 {font-size: 1.2em; margin-bottom: 15px;}
.aftertheshow h4 {margin: 10px 0 5px 0; font-size: .8em;}
.aftertheshow h5 {font-size: .7em; padding-top: 1em;}
.aftertheshow h5 a {text-decoration: underline;}
.aftertheshow blockquote {float: left; width: 180px; padding: 4em 1em 1em 1em; border: 1px solid #e0dfd2; background-color: #f8f7ed; margin: 1em 0; background-image: url(../images/quotes2.png); background-repeat: no-repeat;}
.aftertheshow p.seemore {font-size: .7em; padding-top: .8em;}
.aftertheshow p.seemore a {text-decoration: underline;}

.aftertheshow_wide {/* float: left;  */width: 100%; padding: 10px; height: 200px;}
.aftertheshow_wide img {float: left; margin: 0 1em 1em 0; border: 3px solid black;}
.aftertheshow_wide h2 {font-size: 1.2em; margin-bottom: 15px;}
.aftertheshow_wide h4 {margin: 10px 0 5px 0; font-size: .8em;}
.aftertheshow_wide h5 {font-size: .7em; padding-top: 1em;}
.aftertheshow_wide h5 a {text-decoration: underline;}
.aftertheshow_wide blockquote {float: left; width: 180px; height: 200px; padding: 4em 1em 1em 1em; border: 1px solid #e0dfd2; background-color: #f8f7ed; margin: 1em 0; background-image: url(../images/quotes2.png); background-repeat: no-repeat;}
.aftertheshow_wide p.seemore {font-size: .7em; padding-top: .8em;}
.aftertheshow_wide p.seemore a {text-decoration: underline;}

#welcomenote {float: left; width: 900px; padding: 1em;}
#welcomenote h2 {margin-bottom: .8em;}
#welcomenote p {margin-bottom: .5em;}
#welcomenote .imgleft {float: left; margin: 0 1em 1em 0; border: 1px solid black;}


#brochuredownload {float: right; width: 200px; padding: .5em; background-color: #bbc6b4; border: 1px solid #3b5728; margin: 0 0 2em 2em;}
#brochuredownload h2 {font-size: 1.2em; text-align: center; padding-top: 1em;}
#brochuredownload p {text-align: center;}
#brochuredownload img {float: right; margin-left: 2em;}

#platoquote {float: right; width: 400px; padding: .5em; background-color: #f8f7ed; border: 1px solid #3b5728; margin: 0 0 2em 2em;}
blockquote.plato {border: none;}

.home h1 {font-size: 1.5em;}
.home p.director {font-size: .8em; font-style: italic; padding-bottom: 1.2em;}
.shows p.director {font-size: .8em; font-style: italic;}
.shows p.presents {font-size: 1em; font-weight: bold; padding-bottom: 1.2em;}

.company h1 {margin-bottom: .5em;}
.company h2 {margin-top: 2em; font-size: 1.5em;}
.company h3 {margin-top: 2em; padding-top: 1em; border-top: 1px solid #a7a48c;}
.company h3.first {margin-top: 1em;}
.company p {line-height: 1.25em; margin-top: .25em;}
.company img {float: left; margin: .25em 1em .25em 0; border: 2px solid black;}

.donations h2 {line-height: 1.25em; margin-top: 1em;}
.donations h3 {line-height: 1.25em; margin: 2em 0 0 0;}
.donations p {line-height: 1.25em; margin-top: 1em;}
.donations blockquote {width: 25%; float: right; margin-left: 2em;}

.friends h1 {}
.friends h2 {color: #3E000C; margin-top: 1em; border-top: 1px solid #a7a48c; padding-top: 1em;}
.friends p {font-size: .9em; margin-bottom: .5em;}
.friends img {float: right; margin: 0 0 20px 20px;}

.young img {margin: 1em; float: right; border: 4px solid black; /* clear: both; */}
.young p {line-height: 1.25em; margin-top: .25em;}
.young img.ambass_pic {border: none;}
.captionedPhoto {margin: 1em; float: right; width: 670px;}
.captionedPhoto p {margin: 0 2em; font-size: .8em;}
.smallerHolder {float: right; width: 500px;}
.captionedPhotoSmaller {/* float:right; margin: 0 0 15px 15px; */ margin: .25em; float: left;}
.captionedPhotoSmaller p {margin: 0 2em; font-size: .8em;}

.ya_smallPhoto {margin: 0 0 15px 15px;}

/* photo grid on shows pages */
.photos img {border: 2px solid black; margin: 0 11px 11px 0;}

.tickets h1 {font-size: 1.5em;}
.tickets h5 {font-size: 1.25em; font-style: italic;}

.contact h3 {margin-top: 1em;}

blockquote.hippo img {border: 3px solid black;}

.TabbedPanelsContent {margin: 2em;}
.TabbedPanelsContent p {line-height: 1.3em; margin-bottom: 1.2em;}
.TabbedPanelsContent h4 {margin-bottom: 1em; font-weight: normal; font-size: .8em;}

.libretintro {margin-bottom: 2em;}
.libretintro h2 {font-size: 1.8em;}
.libretintro h3 {font-size: 1.3em; margin-bottom: .5em;}
.libretintro h4 {font-size: 1.2em;}

#musicsample {margin-bottom: 1em;}
#musicsample h4 {margin-bottom: .5em;}

table.distribution {margin-bottom: 2em;}
table.distribution tr {}
table.distribution td {padding: .5em 0; border-bottom: 1px solid #DFDCC0;}
table.distribution td.role {font-weight: bold; width: 480px;}

table.tixprice td {text-align: center; border-bottom: 1px dotted #3E000C; padding: 3px 0;}
table.tixprice th {padding: 4px 0; border-bottom: 3px solid #3E000C;}
table.tixprice th.section {width:70%;}
table.tixprice th.price {width:30%;}

#contactform {float: left;}
#mailchimpsignup {margin-top: 70px; color: #222222; font-family: Lucida Grande,Tahoma,Arial,Verdana,sans-serif;}
#mailchimpsignup h1 {font-size: 1em; font-family: Helvetica, Arial, sans-serif;}
#mailchimpsignup p {font-size: 90%; line-height: 130%; margin: 18px 0 14px;}
#mailchimpsignup fieldset {border: none; color: #222222; }
#mailchimpsignup label {display: block; width: 150px; text-align: right; float: left; font-size: 85%; font-weight: bold; padding-right: 1em; margin-top: 10px;}
#mailchimpsignup input {display: block; float: left; margin: 8px 0; padding: 3px;}
#mailchimpsignup #mce-submit {display: block; float: left; clear:both; margin-left: 165px;}
#mailchimpsignup #mce-submit input {font-size: 120%;}
#mailchimpsignup {width: 450px; float: right;}
#mailchimpsignup element.style {background-color: transparent; -moz-border-radius: 0px;}
#mailchimpsignup .indicate-required {font-size: .7em; padding: 15px 0 8px 0; border-top: 1px dotted #CCCCCC;}
#mailchimpsignup .mc_embed_signup {margin-top: 20px;}