/* baltimoreoperatheatre.net */

/*

strong yellow #fde159;
strong orange #ffa614;
light violet #cab2e4;
dark violoet #400254;
gold #f9cc0f;
original maroon: #3-E-0-0-0-C;
original bquote bkgd: f8f7ed
original cite: #fde159

*/

body {background: #110906 url(../images/page_bkgd_operahouse_crop.jpg) fixed center top; font-family: Helvetica, Arial, sans-serif; font-size: medium; margin: 0; padding: 0; color: #fff;}
.clear {clear:both;}

#contentDiv {width: 920px; margin: 0 auto; padding: 2em 1em; background-image: url(../images/black70.png); background-repeat: repeat; }

/* html */
h1 {font-size: large;}
.home h1 {font-family: 'Neuton', Helvetica, Arial, sans-serif;}
p {line-height: 1.2em; margin-bottom: .5em;}
a:link, a:visited {color: #fde159; font-weight: bold;}
a:hover {color: #fde159;}
.clear {clear:both; margin: 0; padding: 0; height: 0;}

.title h2 {margin: 0; padding: 0; color: #fde159;}
.smaller {font-size: .8em;}
.smallest {font-size: .6em;}
.tiny {font-size: .4em; letter-spacing: 0;}
.title h3 {margin: .3em 0 0 0; padding: 0;}
.title h4 {margin: 0 0 .3em 0; padding: 0;}

.picblock {background-color: #fde159; 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: #3e1013; color:white; padding: 1em; height: 380px; margin: 1em 0 0 0; }
.tixinfo a, .lucia_tixinfo a {color: yellow;}
.tixinfo h3, .lucia_tixinfo h3 {margin-top: 1em; font-size: 1.5em;}
.lucia_tixinfo h4 {margin-top: 1em;}
.lucia_tixinfo {background-color: #3e1013; color:white; padding: 1em; margin: 1em 0 0 0; }


.imgright {float: right; margin: 1em;}
.imgleft {float: left; margin: 1em;}
.nomargin {margin: 0;}
img.cast {border: 3px solid black; float: right; margin: 0 0 12px 12px;}

blockquote {padding: 1em; border: 1px solid #ca9e2d; background-color: #3e1013; margin: 1em 0; background-image: url(../images/quotes4.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: #fde159;}
blockquote h5 {font-size: .8em;}


/* program & tix nav */
#navcontainer {width: 920px; margin: 0 auto; padding: .25em 1em 0; background-image: url(../images/black70.png); background-repeat: repeat; 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; font-size: .8em;}
#navlist li.strong {font-weight: bold;}
#navlist {padding: 0; margin: 0;}
#navlist a {margin:  .5em; padding: .25em 1em; float: none;}
#navlist a:link, #navlist li a:visited {color: #fff;}
#navlist a:hover {color: #fde159; border-bottom: 2px solid #fde159;}


/* containers and nav */
#header {width: 920px; margin: 0 auto;}
#logonav {width: 954px; margin: 0 auto; text-align: left; background-color: #fde159; padding: 4px 0 0 12px; background-image: url(../images/logo-bkgd.jpg); background-repeat: no-repeat;}
#logonavalt {width: 954px; margin: 0 auto; text-align: left; padding: 0px 0 0 12px; 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: 395px; float: left; text-align: right; padding: 94px 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; margin-right: 2em;}


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

#footernav {width: 920px; margin: 0 auto; padding: .5em 1em; text-align: center; /* background-color: #3b5728; background-image: url(../images/footer-nav-bkgd.gif); */ height: 30px; /* filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; */ background-image: url(../images/footer70.png); background-repeat: repeat;}
ul#footernavlist {padding: 5px 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: .15em .5em; float: none;}
#footernavlist a:link, #footernavlist li a:visited {color: #541b14;}
#footernavlist a:hover {color: #9e3125; border-bottom: 2px solid white;}

#footer {width: 920px; margin: 0 auto; padding: .5em 1em; height: 30px; /* background-color: #221F1F;  */background-image: url(../images/black70.png); background-repeat: repeat;}
#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: 420px; padding: 10px;}
.theshows img {float: left; margin: 0 1em 1em 0; border: 3px solid black;}
.theshows h2 {font-size: 1.2em; margin-bottom: 10px;}
.theshows h4 {margin: 0px 0 5px 0; font-size: .8em;}
.theshows h5 {font-size: 1em; 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: 10px;}
.theshows_wide h4 {margin: 150px 0 5px 0; font-size: .8em;}
.theshows_wide h5 {font-size: 1em; padding-top: 1em;}
.theshows_wide h5 a {text-decoration: underline;}

.theshows_thirds {float: left; width: 275px; padding: 10px; text-align: center; margin-right: 13px;}
* html .theshows_thirds {margin-right: 0px; padding: 4px;} /* IE6 is stupid */
.rightside {margin-right: 0;}
.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;}

.theshows_laboheme {background-image: url(../images/boheme_920_50.jpg); background-repeat: no-repeat; /* background-position: right; */ height: 1200px; padding-left: 30px; padding-top: 30px; text-shadow: 1px 1px #000;}
.theshows_laboheme h2 {color: #ee9c21; font-size: 2em;}
.theshows_laboheme h3 {font-size: 2.5em;}
.theshows_laboheme h4.loc {font-size: 1.6em;}
.theshows_laboheme h6 {margin-top: 20px; color: #fff; }

.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: #400254; margin: 1em 0; background-image: url(../images/quotes3.png); background-repeat: no-repeat;}
.aftertheshow p.seemore {font-size: .7em; padding-top: .8em;}
.aftertheshow p.seemore a {text-decoration: underline;}

.aftertheshow_wide {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: #400254; margin: 1em 0; background-image: url(../images/quotes3.png); background-repeat: no-repeat;}
.aftertheshow_wide p.seemore {font-size: .7em; padding-top: .8em;}
.aftertheshow_wide p.seemore a {text-decoration: underline;}

h2.showname {font-size: 1.8em; font-family: 'Neuton', Helvetica, Arial, sans-serif;}

#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: #3e1013; border: 1px solid #ca9e2d; 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: #fde159; 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; }
.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 {margin: .25em; float: left;}
.captionedPhotoSmaller p {margin: 0 2em; font-size: .8em;}
.right {float: right;}

.young .latrav img {margin: .6em; float: left; border: 4px solid black; }


.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;}
#tixonsale {float:left; width: 350px; margin: .5em 0 0 2em; font-size: 1.5em;}

.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 #fde159; padding: 3px 0;}
table.tixprice th {padding: 4px 0; border-bottom: 3px solid #fde159;}
table.tixprice th.section {width:70%;}
table.tixprice th.price {width:30%;}
.soldout {font-weight: bold; color: #fde159;}


#contactform {float: left;}
#mailchimpsignup {margin-top: 70px; color: #fff; 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: #fff; }
#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;}

table.ticketmaster {margin-bottom: 2em; border-top: 1px solid yellow; border-bottom: 3px solid red; width: 918px;}
table.ticketmaster th {border-bottom: 1px solid yellow;}
table.ticketmaster .loc {width: 55%;}