@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
 font-family:Baskerville, "Palatino Linotype", Palatino, "Times New Roman", serif;
	font-weight: normal;
	background: url(../images/bg.png) repeat-x left top scroll;
}
#bg {
 	background: url(../images/bg2.png) repeat-x left top scroll;
}
ul, ol, dl, p, h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
}
h1 {
 font-size: 24px;
 font-weight:normal;
 text-transform: uppercase;
 margin-bottom: 14px;
}
h2 {
 font-size: 15px;
 color: #6a6672;
 text-transform: uppercase;
 font-weight:normal;
 margin-bottom: 14px;
}
#about h2 {
 margin-top:30px;
  margin-bottom:20px;
 }
strong, b {
color: #000000;
font-weight:normal;
}
h3 {
	font-size: 24px;
 	font-weight:normal;
 	margin-bottom: 14px
}
.sidebarcontact h2, .left h1, #reviews h1, #seehear h1, #about h2, #next h2, #performances h1{
 font-size: 24px;
 font-weight:normal;
 text-transform: none;
 color: #000000;
 margin-bottom: 14px;
  border-left: 11px solid #544E5C;
  padding-left:7px;
}
#next h1 {
text-transform: uppercase;
}
#next h2 {
font-size: 15px;
 color: #6a6672;
 text-transform: uppercase;
 font-weight:normal;
 margin-bottom: 14px;
margin-top:4px;
border-left: 7px solid #544E5C;
}
 
p, .sidebar li, .sidebar ul li,.main-content li, .main-content ul li, .block li, .block ul li  {
 font-size: 16px;
 color:#888888;
 margin-bottom: 14px;
 line-height: 22px;
}
#about td {
padding-top: 5px;
padding-bottom: 5px;
}
#about td em, #about td i {
 color:#888888;
}
#about h3 {
font-size: 18px;
margin-bottom: 14px;
}
.sidebar li, .main-content li,.block li {
 padding-left: 15px;
 margin-left:20px;
 list-style-type: none;
 background-image:url(../images/point.png);
background-repeat:no-repeat;
background-position:0px 9px;
}
.sidebar ul, .main-content ul, .block ul {
	padding-bottom: 20px;}

.sidebar img {
 margin-bottom:25px
}
h4 {
	font-size:14px;
	margin-bottom: 14px;
}
h1, h3, .sidebarcontact h2, h4, blockquote {
 -webkit-font-smoothing: antialiased !important; 
}
a img {
	border: none;
}
.link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
#container {
	width: 960px;
	margin: 0 auto;
}
#header {
 height: 156px;
 width: 960px;
 background-color: #524D5B;
 padding-top: 32px;
 position: relative;
}

#logo {
 height: 88px;
 width: 127px;
 float: left;
 margin-bottom: 18px;
}
#name {
 padding-left: 10px;
 float: left;
 text-align:left;
}
#tagline {
 width: 400px;
 float: right;
 text-align:right;
}
#tagline, #name { margin-top:60px; }
#header p {
 color: #FFFFFF;
 font-size: 24px;
}  
#menu {
 height: 37px;
 width: 970px;
 line-height: 37px;
 font-size: 12px;
 text-transform: uppercase;
 float: left;
}
#menu ul, #menu li, #menu a { margin: 0; padding: 0; position: relative;}
#menu a { color: #FFFFFF; display: inline-block; text-decoration: none; padding-right: 16px; padding-left: 16px; }
#menu ul { list-style: none; height: 37px; display: inline;}
#menu li { float: left; }
#menu ul ul { display: none; position: absolute; z-index: 99999; text-align: left; }
#menu ul ul a {	color: #000000; width: 83px; background: #E5E4E9; text-align: center;}
#menu a:focus {
 background-image: url(../images/on.png);
 background-repeat: no-repeat;
 background-position: center bottom;
}
#menu li:hover > a, #menu a:focus {  color: #FFFFFF; }
#menu ul li:hover > ul { display: block; border-top: 2px solid #FFFFFF; }
#menu ul ul :hover > a
{background-color: #726F78;
background-image: none;}
#menu li:hover > a, .current-menu-item a, .current-menu-item a:focus {
 background-image: url(../images/on.png);
 background-repeat: no-repeat;
 background-position: center bottom;
}

#submenu {
 text-transform: uppercase;
font-size: 12px;
line-height: 37px;
 height: 37px;  
 margin-bottom:15px;
}
#submenu a { color: #000000; display: inline-block; text-decoration: none; padding-right: 11px; padding-left: 11px;}
#submenu ul { list-style: none; display: inline;}
#submenu li { float: left; }
#submenu .current-menu-item a, #submenu .current-menu-item a:focus {
background-image: none;
}
#submenu li:hover > a, #submenu a:focus { color: #888}





#footer {
 width: 960px;
 padding-top: 22px;
 float: left;
 margin-bottom: 25px;
 line-height: 18px;
 text-align: right;
 border-top: 76px solid #544E5C;
 margin-top: 25px;
}
#gallery {
 width: 546px;
 height: 360px;
 float: left;
}
.right {
	float: right;
}
.left { width: 600px; }
.charity {
	font-size: 12px;
}
.copyright {
	font-size: 14px;
}
.clear {
	clear:both;
}
.sidebar {
 float: right;
 width: 320px;
 margin-bottom: 25px;
 clear: right;
}
#purple {
 background-color: #524D5B;
  width: 270px;
  padding-top: 25px;
 padding-right: 25px;
 padding-bottom: 25px;
 padding-left: 25px;
}
#purple h1, #purple h2, #purple h3, #purple p, #purple a:link,#purple a:hover {
 color:#FFFFFF
}

.sidebarcontact {
 float: left;
 width: 270px;
 border-right: 1px solid #E1E1E1;
 padding-right: 30px;
 padding-left: 20px;
}
.sidebarcontact h2 {
  margin-left: -20px;
}
hr {
 background-color: #E1E1E1;
 height: 1px;
 padding: 0px;
 border: none;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 25px;
margin-bottom: 25px;
}
#footer a:link, #footer a:visited { text-decoration: none; color:#b6b6b6
} 
#footer p {
 color:#454545;
 margin:0px
}
.block, .main-content {
 clear: both;
 float: left;
 width: 960px;
 margin-top: 8px;
}
#profiles { 
width: 546px;
height: 250px;
padding-top: 20px;
float: left;
}
#next {
 height: 155px;
 padding-top: 20px;
 border-top: 1px solid #EDEDED;
 margin-bottom: 20px;
 float: left;
}
.said, #next,#joinnext {
 width: 389px;
 float: right;
}
#joinnext { float: right; }
#tickets {
 width: 389px;
 height: 31px;
 position: absolute;
 z-index: 1000;
left: 527px;
 top: -1px;
 text-align: left;
}
#facebook {
 width: 31px;
 height: 31px;
 position: absolute;
 z-index: 1000;
 left: 932px;
 top: -1px;
 text-align: left;
}
#top {
 float: left;
 height: 119px;
 width: 960px;
}
blockquote p {
 line-height:25px;
 color:#777;
}
blockquote {
background: url(../images/quote.png) left top no-repeat, url(../images/endquote.png) right bottom no-repeat; 
 padding-left: 60px;
 margin-left: 0px;
 margin-top: 45px;
 margin-bottom: 45px;
}
blockquote strong {
 font-style: normal;
 line-height: 50px;
 padding-top: 20px;
 padding-bottom: 20px;
 font-size: 15px;
  color:#000;
}
#forms {
 float: right;
}


ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 40px;
	width: 606px;
	float: left;
	font-size: 13px;
}
ul.tabs li {
	float: left;
	 font-size: 14px;
	margin: 0;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	position: relative;
	width: 200px;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	padding: 0px;
	border: 1px solid #E1E1E1;
	margin-bottom: -1px;
 background-color: #E5E4E9;
 background-image: none;
}
ul.tabs li:hover {
	background-color: #FFFFFF;
	color: #333333;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #E1E1E1;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
}
ul.tabs li.active {
	background-color: #FFFFFF;
	color: #333333;
	border-bottom-style: none;	
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #E1E1E1;
}
.tab_container {
	width: 604px;
	padding: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #E1E1E1;
	margin-bottom: 25px;
	clear: both;
	float: left; 
}
.tab_content {
	padding: 20px;
}
.cleared {
 width: 600px;
 margin-bottom: 25px;
}
.clearer {
 margin-top: 25px;
}
#member img {
 width: 600px;
}
#feature img {
 width: 960px;
}
#member img,#feature img {
 height: auto;
 margin-bottom: 25px;
border: none;
 clear: both;
float: none;
 margin-top: 0px;
 margin-left: 0px;
}

.cleared {
 width: 600px;
 margin-bottom: 25px;
}
.clearer {
 margin-top: 25px;
}
#member img {
 width: 600px;
}
#feature img {
 width: 960px;
}
#member img,#feature img {
 height: auto;
 margin-bottom: 25px !important;
border: none;
 clear: both;
float: none;
 margin-top: 0px;
 margin-left: 0px;
}
.main-content img {
 float: right;
 margin-top: 20px;
 margin-bottom: 25px;
 margin-left: 25px;
 border:#E6E6E6 solid 5px;
 clear: both
}

.main-content table{
    border-collapse: collapse;
    margin:0px;
 	padding:0px;
	border: 0px;
}
 .main-content td{
	padding:7px;
	vertical-align: text-top;
}

.main-content table {
    margin-bottom: 25px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
.post {
margin-bottom:45px;
height: auto;
overflow: auto;
}
#next h1 {
margin-bottom:0px;
line-height: normal;
font-size: 20px;
}
#home {
margin-top:25px;
}
.joinbutton, .hirebutton {
 width: 182px;
 height: 80px;
 text-align: center;
 font-size: 22px;
 line-height: 80px;
 text-transform: uppercase;
 font-weight: normal;
 background-color: #766f82;
 background-position: center center;
 background-image: url(../images/border.png);
}
#joinnext a:visited {
 color:#FFFFFF;
 }
#joinnext a:link {
 text-decoration:none;
 background-color:#766f82;
 color:#FFFFFF;
}
#joinnext a:hover { 
background-color:#726f78;
color:#FFFFFF;
}
.joinbutton {
 float:left}
 .hirebutton {
 float:right}
.input {
 padding: 8px;
 width: 542px;
 border: 1px solid #e7e7e7;
 margin-bottom: 10px;
 font-size: 12px;
 font-family: Helvetica, Arial, sans-serif;
}
.enter {
	display:inline-block;
	color:#ffffff;
	padding:8px 15px;
	text-decoration:none;
	cursor: pointer;
 background-color:#1f1f1f;
 border:none;
 margin-top: 7px;
 margin-right: 3px;
}
.enter:hover {
	background-color:#7F7F7F;
}
.enter:active {
	position:relative;
	top:1px;
}
#submit-button {
}
.form {
	color: #666;
	display: block;
	font-size: 15px;
	text-align: left;
	margin-top: 5px;
	 margin-bottom: 5px;
}
*:focus { 
   outline:none;border-color:#544E5C
}
/* webkit solution */
::-webkit-input-placeholder { text-align:right; }
/* mozilla solution */
input:-moz-placeholder { text-align:right; }

#patrons img {
float:left;
border: none;
margin-left: 0px;
margin-right:25px;
}
.block a, .main-content a {
color: #666;
}
sup {
text-transform: lowercase}
#about-side {
 float: right;
 width: 374px;
 margin-bottom: 25px;
 margin-left: 30px;
margin-top: 45px;
}
.joinbuttonabout, .hirebuttonabout {
 width: 374px;
 height: 80px;
 margin-top: 25px;
 text-align: center;
 font-size: 22px;
 line-height: 80px;
 text-transform: uppercase;
 font-weight: normal;
 background-color: #766f82;
 background-position: center center;
 background-image: url(../images/border2.png);
}
#joinnextabout a:visited {
 color:#FFFFFF;
 }
#joinnextabout a:link {
 text-decoration:none;
 background-color:#766f82;
 color:#FFFFFF;
}
#joinnextabout a:hover { 
background-color:#726f78;
color:#FFFFFF;
}
.joinbuttonabout {
 float:left}
 .hirebuttonabout {
 float:right}
 
#about img {
    clear: both;
    float: right;
    margin-bottom: 15px;
    margin-left: 30px;
    margin-top: 5px;
}
#performances .post table img, #patrons .post table img {
    margin: 0;
    border: none;
     float: none;
     padding:0;
      margin-top: -10px;
      border-right: 3px solid #E56400;
      padding-right:15px;
      padding-bottom:14px;
}
#performances #feature img, #patrons #feature img {
padding-bottom:25px;
 border-bottom: 1px solid #ededed;
}
#performances .post table, #performances .post td, #patrons td, #patrons table{
    margin: 0px;
    vertical-align: middle !important;
}
#performances .post table p, #patrons table p{
    margin: 0px;
}
#next p, #next h4{
margin-bottom: 10px;
}
#featurereviews img {
height: auto;
 margin-left: 20px; 
 margin-bottom: 20px; 
 clear: both;
 width: 300px !important;
  margin-top: 0px;
}
#featureperformances img {
height: auto !important;
 margin-top: 0px; 
 width: 300px !important;
 max-width: 400px !important;
  float: right !important;
 margin-bottom: 25px !important;
 margin-left: 25px !important;
 border:#E6E6E6 solid 5px !important;
 clear: both !important;
}
table img:hover {
opacity: 0.5;

}
table img:link, table img a:link {
 opacity: 1;
    transition: opacity 0.25s ease-in-out 0s;
}
#reviews h2, #reviews p {
margin-left:20px;
}
#reviews blockquote p {
margin-left:0px;
}
#reviews img {
border:none;
}
#pwcontainer {
 width: 560px;
 margin: 100px auto;
 text-align: center;
 background-color: #FFFFFF;
 padding: 35px;
 -moz-border-radius: 15px;
border-radius: 15px;
box-shadow: 0px 0px 20px #524d5b;
}
#pwbg {
background: url(../images/pwbg.jpg) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: background 5s ease-in;
-moz-transition: background 5s ease-in;
-ms-transition: background 5s ease-in;
-o-transition: background 5s ease-in;
transition: background 5s ease-in;
}
select {
   border: 1px solid #eee;
    font-size: 12px;
    height: 39px;
    margin-right: 10px;
    width: 250px;
    }
.main-content #forms td {
    padding: 0px;
}
#performances img {
 float: none;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-left: 0px;
 margin-right: 20px;
 border:none;
 clear: both
}