/*
color variables:
#761947 : murphy purple;
#627AAD	:	facebook-blue;
#6D86B7	:	light-facebook-blue;
#3B5998	:	dark-facebook-blue;

#3D99D2	:	"hindson"-blue (menu);
*/

/*
@group global reset------------------------------------------*/

body {
margin: 0;
padding: 0;
font: 12px Verdana, Times, serif;
}

h1, h2 {
margin: 0;
padding: 0;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
/* tables still need 'cellspacing="0"' in the markup */
}

/*
@group global styles-----------------------------------------*/

body {
color: dimgrey;
background-color: white;
//lightcyan;
}

#wrapper {
width: 800px;
margin: 0 auto;
background-color: white;
}

a {
font-weight: bold;
}

a:link, a:visited {
color: #91AEE5;
}

a:hover, a:focus, a:active {
color: white;
background-color: #91AEE5;
}

.clear {
clear: both;
}

.disclaimer {
font-style: italic;
}

.emp {
font-weight: bold;
text-transform: uppercase;
}

.date {
font-weight: bold;
}

h2 {
font: bold 22px Georgia, serif;
}

h3 {
color: #3B5998;
font-size: 1.2em;
margin: 1.5em 0 0.5em 0;
padding: 0;
}

table, th, td {
border: 1px solid silver;
}

th, td {
padding: 0.2em;
vertical-align: top;
}

fieldset {
border: 1px solid #3B5998;
padding: 1em;
}

legend {
font-weight: bold;
font: bold small Tahoma, Arial, sans-serif;
padding: 5px;
}

address span {
display: block;
font-style: normal;
}

span.raised {
position: relative;
bottom: 0.3em;
font-size: 0.7em;
}

#statcounter {
visibility: hidden;
}

.google-map {
margin: 1em 0;
}

/*
@group header------------------------------------------------*/

h1 {
color: darkslategray;
text-align: right;
font-size: 48px;
font-family: Bernhard-Fashion, "Century Gothic", "Trebuchet MS", Tahoma, sans-serif;
text-transform: uppercase;
}

#header {
border-bottom: 1px solid dimgray;
padding-right: 5px;
height: 64px;
}

.cufon-loading h1 { /* for Cufon.replace('h1') */
visibility: hidden !important;
}

/*
@group footer------------------------------------------------*/

#footer {
width: 800px;
margin: 0 auto;
text-align: center;
font-size: 10px;
border-top: 1px solid dimgray;
}

/*
@group nav---------------------------------------------------*/

#nav {
width: 200px;
float: left;
background-color: #3B5998;
color: papayawhip;
}

#nav h2 {
font: bold 18px Georgia, serif;
margin-top: 1em;
border-bottom: 1px solid papayawhip;
}

#nav ul {
padding: 0 12px 0 12px;
}

#nav ul ul {
padding: 0 0 0 12px;
}

#nav li a {
display: block;
text-decoration: none;
line-height: 2;
padding-left: 4px;
}

#home .home,
#home-concert-series .home-concert-series,
#krol-roger .krol-roger,
#bellini-gala .bellini-gala,
#il-trovatore .il-trovatore,
#lisola-disabitata .lisola-disabitata,
#tickets .tickets,
#newsletter .newsletter,
#support .support,
#con-tact .con-tact,
#about .about,
#mission .mission,
#history .history,
#reviews .reviews,
#directors .directors,
#sponsors .sponsors,
#board .board {
border: 2px solid silver;
border-left: 16px solid silver;
}

/*
@group content-----------------------------------------------*/

#content {
border-left: 200px solid #3B5998;
padding: 1em;
}

#content h2 {
margin-bottom: 5px;
}

/*
@group home--------------------------------------------------*/

#slideshow {
height: 400px;
}

#slideshow p {
margin: 0;
padding: 0;
}

#home .ack {
margin: 0;
padding: 0 2px 2px 2px;
font-size: 0.8em;
text-align: right;
background-color: silver;
}

#home #content {
padding: 0;
}

#home .primary {
padding: 1em;
}

#home .primary h2 {
color: darkslategray;
}

#home .primary h2 span.season-slogan {
text-transform: uppercase;
color: #627AAD;
padding: 0.5em;
font-size: 36px;
letter-spacing: 4px;
line-height: 2;
}

#home .primary .subtitle {
background-color: #91AEE6;
color: white;
font-weight: bold;
font-size: 1.2em;
letter-spacing: 3px;
padding: 0.5em;
}

#home .primary>ul>li {
border-bottom: 1px solid dimgray;
padding-bottom: 1em;
}

#home .primary>ul>li:first-child {
border-top: 1px solid dimgray;
margin-top: 5px;
}

#home .primary h3 cite {
font-variant: small-caps;
font-style: normal;
font-size: 1.3em;
}

#home .primary ul ul li {
display: inline;
margin: 0 0 22px 22px;
}

#home .primary ul ul li:first-child {
margin-left: 0;
}

#home .primary ul ul li a {
font: small-caps bold 1.6em Georgia, serif;
}

#home #sponsors {
background-color: #DCE4A5;
color: #761947;
padding: 1em;
}

#home #sponsors ul li {
display: inline;
}

#home #sponsors img {
border: 1px solid #761947;
}

#home #sponsors .text li {
margin: 0 0 0 18px;
}

#home #sponsors .text li:first-child {
margin-left: 0;
}

#home #sponsors #mashup img {
border: none;
}

#home #sponsors #mashup {
border: 1px solid #761947;
height: 84px;
width: 140px;
float: left;
margin: 1em 0 0 0;
background-color: white;
}

#home #sponsors #mashup a {
background-color: white;
}

#home #sponsors .emp {
font: small-caps bold 24px Georgia, serif;
position: relative;
top: 10px;
left: 100px;
}

/*
@group support----------------------------------------------*/

#support form {
//outline: 1px dotted red;
height: 47px;
width: 250px; /*wider than it "should" be;
		otherwise weird paypal spacer gif gets in the way*/
position: relative;
left: 80px;
margin: 2em 0 3em 0;
}

#support .disclaimer {
border-top: 1px solid dimgray;
margin-top: 2em;
padding-top: 0.5em;
}

/*
@group history-----------------------------------------------*/

#history table {
margin: 1em 0;
}

/*
@group reviews-----------------------------------------------*/

#reviews blockquote+p {
text-align: right;
}

#reviews blockquote+p cite {
font-weight: bold;
}

#reviews blockquote+p span cite {
font-weight: normal; /*for opera titles*/
}

#reviews #content ul li {
margin: 2em 0;
border-top: 1px solid dimgray;
}

/*
@group sponsors----------------------------------------------*/

#sponsors #content ul {
list-style-type: disc;
margin-left: 2em;
}

#sponsors .emp {
font: small-caps bold 16px Georgia, serif;
}

/*
@group board-------------------------------------------------*/

#board #content ul li {
margin: 1em 0;
}

#board #content ul li span {
font-weight: bold;
}

/*
@group current-season global styles--------------------------*/

.listing #content ul,
.directions #content ul {
list-style-type: disc;
margin: 1em 0 1em 2em;
}

/*
@group listing-----------------------------------------------*/

.listing #content .primary {
//outline: 1px solid red;
float: left;
width: 350px;
}

.listing #content .secondary {
//outline: 1px solid red;
float: right;
width: 204px;
}

.listing #content .secondary ul {
margin: 0;
padding: 0;
list-style-type: none;
font: bold 10px Verdana, sans-serif;
color: #3B5998;
}

.listing #content .secondary ul li {
margin-bottom: 1em;
}

.listing #content .secondary img {
display: block;
width: 200px;
border: 2px solid #3B5998;
}

.listing .composer {
font-weight: bold;
font-style: italic;
color: gray;
}

.listing h2 {
font-size: 24px;
}

/*
@group specific productions----------------------------------*/

#krol-roger.synopsis .disclaimer {
border-top: 1px solid dimgray;
margin-top: 2em;
padding-top: 0.5em;
}

	/*bellini gala soloists*/

ul.photo-album  li{
display: inline-block;
width: 120px;
height: 212px;
margin: 2px;
padding: 2px;
background-color: #3B5998;
color: white;
font: bold 10px Verdana, sans-serif;
}

ul.photo-album  li div{
height: 200px;
background-color: black;
}

ul.photo-album  li div img{
width: 120px;
}

#bellini-gala ul.photo-album {
width: 500px;
}

.dinner #content ul.menu {
margin: 1em;
list-style-type: disc;
}

/*
group home-concert-series-----------------------------------------*/

#home-concert-series.listing  #content>ul{
margin: 0;
padding: 0;
}

#home-concert-series.listing  #content>ul>li{
list-style-type: none;
border-top: 1px solid silver;
}