/* ----- Event Page ----- */

body {
	text-align: center; 
	background: #abd1e8;
}

#event_container {
position: absolute; top: 30px;
left: 50%;
margin-left: -450px;
width: 900px;
font-family: Arial, Helvetica, sans-serif;
background: #ffffff;
font-size: 12px;
text-align: left;
}


#event_container tr.feat {
  color: #666666;
  font-weight: bold;
  font-size: 13.75px;
  background-color: #F5F5F5;
  text-align: center;
}
#event_container tr.feat a { color: #666666; }
#event_container tr.feat a:hover {
  color: black;
  background-color: yellow;
}



#right_container {
float: right;
padding: 2px;
top: 0px;
right: 0px;
width: 296px;
text-align: left;
}


#left_container {
float: left;
padding: 10px;
top: 0;
left: 0;
width: 572px;
text-align: left;
font-size: 17px;
word-spacing: 2pt;
line-height: 21pt; 

}


#left_containerb {
float: left;
padding: 10px;
top: 0;
left: 0;
width: 572px;
text-align: left;
font-size: 14px;
word-spacing: 1pt;
line-height: 18pt; 

}


#footer_container {
float: left;
padding: 5px;
top: 0;
left: 0;
width: 890px;
text-align: center;
}


#ad_container {
position: absolute; top: 6px;
left: 50%;
margin-left: -450px;
padding: 2px;
width: 900px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
}

#ad_container .member {position: absolute; right: 3px; bottom: 3px;}



#now_playing {

	background-color: #E5B3A9;
	color: #000000;
	font-size: 12px;
	text-align: left;
	padding: 5px;
	width: 280px;
}


#now_playing_inner {
	background-color: #ffffff;
	color: #000000;
	font-size: 13px;
	margin-left: 2px; 
	margin-top: 4px; 
	margin-right: 2px; 
	margin-bottom: 2px;
	padding: 3px;
	width: 270px;
	text-align: center;
}




/* ----- Header ----- */

#event_header {width: 770px; margin: 0 0 20px 0; position: relative;}
#event_header_text {width: 770px; margin: 0;}
#event_header_text h4 {line-height: 20px;}
#event_header_text a.more, #event_header_text a:link.more, #event_header_text a:visited.more {color: #000000;}
#event_header a#buy_tickets {position: absolute; right: 0; top: 0;}


/* ----- Headers ----- */

#event_container h2 {font-weight: normal; font-size: 24px; color: #000000;}

#event_container h3 {font-weight: normal; font-size: 18px; color: #999999;}
#event_container h3 a, #event_container h3 a:link, #event_container h3 a:visited {color: #cc3333; text-decoration: underline;}
#event_container h3 a:hover {text-decoration: none;}

#event_container h4 {font-weight: normal; font-size: 14px; color: #666666; text-align: justify;}
#event_container h4 a, #event_container h4 a:link, #event_container h4 a:visited {color: #444444; text-decoration: none;}
#event_container h4 a.alt, #event_container h4 a:link.alt, #event_container h4 a:visited.alt {color: #666666;}
#event_container h4 a:hover {text-decoration: underline;}
#event_container h4 span {color: #cccccc;}

/* ----- Classes ----- */

.corner {background: url(../images/header_control_corners.gif) no-repeat; height: 3px; width: 3px; position: absolute;}
.corner_trans_black {background: url(../images/transparent_inside_corners.png) no-repeat; height: 3px; width: 3px; position: absolute; z-index: 5;}

.left_top {background-position: -6px 0; left: 0; top: 0;}
.right_top {background-position: -9px 0; right: 0; top: 0;}
.left_bottom {background-position: 0 0; left: 0; bottom: 0;}
.right_bottom {background-position: -3px 0; right: 0; bottom: 0;}

* html .left_bottom {background-position: 0 0; left: 0; bottom: -10px; margin-bottom: -2px;}
* html .right_bottom {background-position: -3px 0; right: 0; bottom: -10px; margin-bottom: -2px;}

.event_inner {background-color: #000000; width: 740px; padding: 10px;}

.left {float: left;}
.clear {clear: both;}