/* www.bhammusiccoop.org-TEST   |   screen.css   |   9/12/08 */

* {margin: 0; padding: 0;}

body {
	background: #fff url(../images/bg.jpg) repeat-x top left;
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #333; 
	text-align: left; 
	margin: 0; 
	padding: 0;
	}
	
body.internal { background: #2a0844 url(../images/internal-bg.jpg) repeat-x top left; }
	
#wrap {
	width: 1160px;
	margin: 0;
	}
	
#columns {
        width: 600px;
    }

#columns .column {
        position: relative;
        width: 46%;
        padding: 1%;
    }

#columns .left {
        float: left;
    }

#columns .right {
        float: right;
    }
    
.internal #wrap {
	width: 964px;
	background: #fff url(../images/internal-wrap-bg.jpg) no-repeat;
	float: left;
	}
	
#print-logo { display: none; }
	
#SlideShowDiv {
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	width: 1160px;
	height: 660px;
	background: no-repeat;
	z-index:999
	}
	
#SlideShowImg {
	/*filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;*/
	z-index:1000
	}
	
#header {
	padding-bottom: 8px;
	width: 1160px;
	position: absolute;
	top: -3px;
	left: -1px;
	background: url(../images/nav-border.jpg) 96px 93px no-repeat;
	}
	
.internal #header { background: url(../images/nav-border-internal.jpg) 96px 93px no-repeat; }
	
h1 { 
	text-indent: -9999em;
	float: left;
	font-size: 8px;
	}

#nav {
	margin: 52px 0 0 0;
	width: 100%;
	}
	
* + html #nav { 
	width: 689px;
	margin: 52px 0 0 0;
	}
	
* html #nav { 
	width: 689px;
	margin: 53px 0 0 0;
	}
	
#nav li {
	float: left;
	list-style: none;
	padding: 20px 0 5px 0;
	}
	
#nav li.last { padding-right: 0; }
	
#nav li a {
	text-decoration: none;
	color: #e0b123;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-transform: bold;
	font-size: 14px;
	padding: 15px 7px 4px 7px;
	}
	
#nav li a:visited { color: #e0b123; }

#nav li a:hover { background: url(../images/nav-bg.jpg) repeat-x; }

#nav li a.active { background: url(../images/nav-bg.jpg) repeat-x; }
	
#logo {
	float: left;
	border: none;
	margin: 15px 26px 0 15px;
	}
	
#content {
	position: absolute;
	top: 195px;
	left: 85px;
	}
	
#content p.rotater-copy {
	float: left;
	text-indent: -9999em;
	}
	
#content a {
	color: #bd8c69;
	text-decoration: underline;
	font-size: 1.4em;
	}
	
#content a:visited { color: #bd8c69; }

#content a:hover { color: #fff; }

#twit .follow-type {
	font-family:"Book Antiqua", serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 10px;
	vertical-align: bottom;
}
	
#magnets {
	position: absolute;
	top: 460px;
	left: 10px;
	width: 900px;
	}
	
#magnets a {
	font-size: 12px;
	color: #796a57;
	line-height: 18px;
	margin-bottom: 10px;
	text-decoration: none;
	}
	
#magnets a .head-type {
	font-family:"Book Antiqua", Palatino Linotype, serif;
	text-transform: uppercase;
	font-size: 15px;
	color: #3e3e3e;
	margin-bottom: 5px;
	font-weight: bold;
	}
	
#magnets a:visited .head-type { color: #3e3e3e; }

#magnets a:hover .head-type { 
	color: #3e3e3e;
	text-decoration: underline;
	}
	
#magnets a:visited { color: #796a57; }
	
#magnets a:hover { 
	color: #3e3e3e;
	text-decoration: underline;
	}
	
#magnet-01 {
	float: left;
	width: 185px;
	}
	
#magnet-02 {
	float: left;
	width: 185px;
	margin-left: 35px;
	}
	
#magnet-03 {
	float: left;
	width: 185px;
	margin-left: 45px;
	}

#magnet-04 {
	float: left;
	width: 185px;
	margin-left: 45px;
	}
	
#music-wrap {
	position: absolute;
	width: 800px;
	border-width: 1px;
	}	
	
#music {
position: absolute;
left: 500px;
}

#twit {
	float: right;
	position: absolute;
	top: 22px;
	left: 700px;
	
}

#socialwrap {
	top: 5px;
}
	
	
#e-news {
	position: absolute;
	top: 585px;
	left: 10px;
	}
	
#e-news h2 { 
	font-size: 1.3em;
	color: #2d084d;
	margin-bottom: 10px;
	}
	
#silver {
	margin-left: 18px;
}

#silver a{
	font-size:1.1em;
}
	
#operaweek {
	width: 57%;
}

	
#footer {
	width: 950px;
	font-size: 1.1em;
	margin: 0 0 0px 10px;
	position: absolute;
	top: 895px;
	left: 0;
	color: #796a57;
	}
	
#footer ul {
	float: left;
	width: 800px;
	}
	
#footer li {
	background: url(../images/bullet.jpg) 0px 5px no-repeat;
	float: left;
	padding: 0 11px 0 16px;
	list-style: none;
	}
	
#footer li.first {
	background: 0;
	padding: 0 14px 0 0;
	}
	
#footer a {
	color: #796a57;
	text-decoration: underline;
	}
	
#footer a:visited { color: #796a57; }

#footer a:hover { color: #30074d; }

.internal #footer a:hover { color: #fff; }

.internal #footer {
	position: relative;
	top: 15px;
	left: 0;
	margin: 0 0 20px 10px; 
	float: left; 
	padding-bottom: 50px;
	}

.internal #footer li { background: url(../images/internal-bullet.jpg) 0px 5px no-repeat; }

.internal #footer li.first { background: none; }
	
/*-----------------------INTERNAL CSS STARTS---------------------*/
	
#internal-content {
	margin: 115px 0px 20px 96px;
	}
	
#internal-content h2 {
	color: #900102;
	text-transform: uppercase;
	font-size: 1.7em;
	margin-bottom: 5px;
	}
	
h2.directions {
	padding-top:20px;
	}	
	
#internal-content p {
	font-size: 1.2em;
	margin-bottom: 20px;
	margin-right:20px;
	color: #333;
	font-weight: normal;
	}
	
#internal-content a {
	color: #2a0844;
	text-decoration: underline;
	font-weight: bold;
	}
	
#internal-content a { color: #724f8c; }

#internal-content a:hover { color: #333; }


#performance1 {
	background:url(../images/texture.jpg) repeat-y;
	background-position:right;
	height:440px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	border-bottom: solid 2px #ccc;
	}
	
	
#performance1-short {
	background:url(../images/texture.jpg) repeat-y;
	background-position:right;
	height:380px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	border-bottom: solid 2px #ccc;
	}	

#performance1-long {
	background:url(../images/texture.jpg) repeat-y;
	background-position:right;
	height:650px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	border-bottom: solid 2px #ccc;
	}

.season {
	background:url(../images/season.jpg) repeat-y;
	background-position:right;
	border-bottom: solid 2px #ccc;
}

.performance {
	background:url(../images/texture.jpg) repeat-y;
	background-position:right;
	height:440px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	border-bottom: solid 2px #ccc;
	}
	
.performance.short {
	height:373px;
	}
	
#performance2 {
	background:url(../images/texture.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:345px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0 0 0;
	border-bottom: solid 2px #ccc;
	}
	
	
#season {
	width: 750px;
}

.intro {
	position: absolute;
	left: 250px
}
	
#split-performance {
	width:410px;
	height:auto;
	float:left;
	margin: 0 5px 10px 0px;
	padding: 0 0 0 0;
	}	
	
	
#split-performance.right {
	width:410px;
	float:left;
	margin: 0 5px 35px 38px;
	}		
	
#movie {
	position: relative;
}

.content-image {
	float: right;
	padding: 3px;
	margin: 10px 10px 10px 15px;
	border: #900102 solid 1px;
	}
	
.content-image-performances {
	float: right;
	padding: 3px;
	margin: 12px 25px 10px 20px;
        border: 1px solid #FFAE2F;
	}	


.content-image-performances2 {
	float: right;
	padding: 3px;
	margin: 35px 25px 10px 20px;
        border: 1px solid #FFAE2F;
	}	

.content-image-performances3 {
	float: right;
	padding: 3px;
	margin: 52px 25px 10px 20px;
        border: 1px solid #FFAE2F;
	}	
			
	
.content-image-performances-split {
	float: right;
	padding: 3px;
	margin: 13px 17px 10px 10px;	
	border: #900102 solid 1px;
	}
	
.content-image-internal {
	float: right;
	padding: 3px;
	margin: -45px 25px 10px 15px;
	border: #900102 solid 1px;
	}
	
				
.content-image-left {
	float: left;
	padding: 3px;
	margin: 0 15px 10px 0;
	border: #900102 solid 1px;
	}
	

.content-image-left.special-events {margin-bottom:50px}
	
.map {
	border: #900102 solid 1px;
	margin: 0 0 10px 0;
	}	
	
.content-image-tall {
	float: right;
	padding: 3px;
	margin: 0 160px 10px 15px;
	border: #900102 solid 1px;
	}	
	
.title { margin-bottom: 15px; 
		padding-top:20px;}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 2px;
	margin-bottom: 15px;
	border: none;
	}
	
	
hr.performance {
	color: #ccc;
	background-color: #ccc;
	height: 2px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
	border: none;
	}	
	
h3 {
	font-size: 1.4em;
	text-transform: uppercase;
	margin-bottom: 5px;
	}
	
	
.event {
	font-size: 1.2em;
	margin-bottom: 5px;
	}	
	
.live {
	font-style: italic;
	text-transform: none;
	font-weight: normal;
	}
	
#internal-magnet {
	background: url(../images/internal-magnet.jpg) 3px 3px no-repeat;
	width: 200px;
	height: 100px;
	padding: 3px;
	border: #ccc solid 1px;
	float: right;
	margin: 0 0 10px 15px;
	}
	
#internal-magnet h2 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 1.6em;
	color: #c7700c;
	margin: 5px;
	}
	
#internal-magnet p { margin: 5px; }

#internal-content a.buy-tickets {
	display: block;
	width: 115px;
	height: 34px;
	padding: 6px 0 0 10px;
	color: #e0b123;
	background: url(../images/buy-tickets-bg.jpg) 0 0 no-repeat;
	text-decoration: none;
	font-size: 16px;
	margin-top: 15px;
	}
	
a:visited.buy-tickets { color: #e0b123; }

a:hover.buy-tickets { color: #fff; }

#internal-content ul {
	margin: -13px 0 8px 45px;
	}
	
#internal-content li {
	list-style: disc;
	font-size: 1.2em;
	}
	
#internal-content ul#special-events-links { margin: -15px 0 25px 15px; }


.special_events_image {
	border: #900102 solid 1px;
	padding: 2px 2px 2px 2px;
	margin: 0 0 5px 2px;
	}

p.jump-links a { font-size: 1.1em; }

input.buy-tickets {
	display: block;
	width: 118px;
	height: 39px;
	color: #e0b123;
	background: url(../images/buy-tickets-bg.jpg) 2px 4px no-repeat;
	text-decoration: none;
	font-size: 16px;
	margin-top: 15px;
	border: none;
	font-weight: bold;
	}
	
input:visited.buy-tickets { color: #e0b123; }

input:hover.buy-tickets { color: #fff; }

.sponsor-logo {
	position: absolute;
	left: 615px;
	top: 60px;
	border: none;
	}

.sponsor-logo1 {
	position: absolute;
	top: 75px;
	left: 800px;
	border: none;
	}
	
.sub-note {
	margin-left: 25px;
	width: 425px;
	font-size: 1.1em;
	text-decoration: none;
	color:#666666;
		}
		
.show-font-size {
	font-size: 1.25em;
	}

#internal-content .music-title {
	font-size:2.1em;
	color: #CC6600;
	}

.listen #internal-content li   {
	margin-left: -35px;
	list-style:none;
	}

#internal-magnet-blog {
	background: url(../images/internal-magnet.jpg) 3px 3px no-repeat;
	width: 200px;
	height: 100px;
	padding: 3px;
	border: #ccc solid 1px;
	float: right;
	margin: -5px 85px 0 0;
	}

#internal-magnet-blog h2 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 1.6em;
	color: #c7700c;
	margin: 5px;
	}
	
#internal-magnet-blog p { margin: 5px; }

#internal-magnet-blog2 {
	background: url(../images/internal-magnet.jpg) 3px 3px no-repeat;
	width: 200px;
	height: 100px;
	padding: 3px;
	border: #ccc solid 1px;
	float: right;
	margin: 25px 30px 0 0;
	}
	
	
	
#internal-magnet-blog3 {
	background: url(../images/internal-magnet.jpg) 3px 3px no-repeat;
	width: 200px;
	height: 100px;
	padding: 3px;
	border: #ccc solid 1px;
	float: right;
	margin: 9px 30px 0 0;
	}	



#internal-magnet-blog3 h2 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 1.6em;
	color: #c7700c;
	margin: 5px;
	}
	
#internal-magnet-blog3 p { margin: 5px; }

	

#internal-magnet-blog2 h2 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 1.6em;
	color: #c7700c;
	margin: 5px;
	}

#internal-support h3 {
	font-size: 3em;
}
	
#internal-magnet-blog2 p { margin: 5px; }

#ads {
	position: absolute;
	left: 5px;
	top: 720px;
	width: 950px;
	height: 168px;
	border-top-style: solid;
	border-color: #663399;
	border-width: 1px;
	}


.ticket {
	font-size:1.3em;
	margin: 10px 0 0 20px;
	}
.checkbox {
	margin: 7px 0 0 20px;
	}
	

.photo-credits {
	font-size: 1.4em;
	padding-left: 8px;
	}

.photo-credits-title { padding: 15px 0 30px 8px;
	}

.link-padding { margin-left: -15px; }

.stars { margin-right: 5px;}

.seating { float:center; margin: 0 0px 0 0; }

/*-----------smartphone.html styles------------------*/

body.smartphone {background: none;width:320px;}
.smartphone #internal-content h2 {text-transform:none; color:#5F0609; margin-left:20px;font-size:1.8em;width: 315px;-webkit-text-size-adjust:none;}
.smartphone #wrap {background:none;width:480px;}
.smartphone #wrap {width:315px;background: none;}
.smartphone #internal-content {margin: 35px 0 20px 0px;}
.smartphone #internal-content ul {margin-top: 15px;font-size:12px;width:315px;}
.smartphone #internal-content ul li {margin-bottom: 5px;}
.smartphone #internal-content a {color:#5F0609;}
.smartphone #internal-content a:visited {color:#5F0609;}


/*------------------START THICKBOX--------------------*/

img.announcement {
	position: absolute;
	top: 545px;
	left: 350px;
	border: 0;
	}
	
img.announcement2 {
	position: absolute;
	top: 575px;
	left: 695px;
	border: 0;
	}		
	
img.announcement3 {
	position: absolute;
	top: 20px;
	left: 310px;
	border: none;
	}		
	
img.announcement4 {
	position: absolute;
	top: 40px;
	left: 402px;
	border: none;
	}	
img.announcement5 {
	position: absolute;
	top: 15px;
	left: 45px;
	border: none;
}		
	
img.announcement1 {
	border: 0;
	}
	
body.thickbox {
	background: #000;
	border:none;
	text-decoration:none;
	}
	
.gallery {
	border:none;
	text-decoration:none;
	outline:none;
	}	

/*--------------------END THICKBOX-------------------*/

a p.announcement { font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 15px;
	color: #c7700c;
	font-weight: bold; }
	
#ticket-right {float:right;margin-top:40px;padding-right:40px}
#seating-charts {margin-left:50px;}