@CHARSET "ISO-8859-1";

/* =====================================
 *  Civic Theatre West Website Style-Sheet
 *  Simon Hunt
 *  May 2007
 *
 * show.css
 *  for show pages
 * =====================================
 */

IMG {
	border:0;
}

IMG.floatLeft {
	float: left;
	margin: 6px;
}


A:hover {
	color:#bf910c;
	text-decoration:underline;
}

DIV#MiniCal {
	margin-top: 20px;
	background: #fcefcc;
	padding:4px 2px 4px 2px;
}

DIV.MiniCalSpacer {
	height: 4px;
}

DIV#Credits {
	width: 		50%;
	text-align: 	left;
	padding-top:	1em;
}

DIV#TitleDiv {
	text-align:center;
	font-size:36pt;
}

DIV#ShowContent{
	text-align:center;
	vertical-align:top;
}

DIV#Sponsor {
	margin-top: 8px;
	padding:2px 20px 6px 20px;
	color:#444;
	font-style:italic;
	font-size:12pt;
}

SPAN.noLinkSponsor {
	font-weight: bold;
	color:#888;
}

TABLE#DateTable{
	background: #fcefcc;
	margin-top:1em;
	padding-bottom:1em;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width: 100%;
}

DIV#DatesLocation{
}

TD#TheatreType{
	width: 35%;
}

DIV#TheatreType {
	font-weight: bold;
	padding-left: 1em;
}

/* Performance Info */
DIV.dateHeadline{
	padding-left:4em;
	text-decoration:underline;
	margin-top:4px;
	margin-bottom:.5em;
	font-size:12pt;
	font-weight:bold;
	color:#b45;
}
	

DIV.days {
	margin-top:12px;
	font-size:10pt;
	font-weight:bold;
	color:#555;
}

DIV.dates {
	margin-top:4px;
	font-size:12pt;
	font-weight:bold;
	color: #94700a;
}
				
DIV.curtain {
	font-size:10pt;
	font-weight:normal;
	color:#444;
	margin-top: 4px;
}

DIV.location {
	margin-top:12px;
	font-weight:normal;
	font-style:italic;
	color:#777;
	margin-bottom:6px;
}

/* Tickets */
DIV#TicketHeader {
	font-family: Trade Gothic LT,Helvetica,Arial,sans-serif;
	font-size: 12pt;
	font-weight: bold;
}


SPAN.price {
	font-weight: bold;
}

#TicketPrices .prices td {
	padding-top:.5em;
	text-align:center;
	
}
#TicketPrices .prices {
	margin-bottom: 1em;
}
#TicketPrices .prices .section {
	padding-right: 2em;
	text-align:left;
}

DIV#TicketPrices img {
	margin-right: 40px;
}

#OnLineTicketsSoon {
	text-align: center;
}

#buy_tickets{
	margin-top: 1em;
}
#buy_tickets table tr td{
	border-top: 1px solid #bf910c;
	padding: .5em;
}


SPAN.phone {
	white-space: nowrap;
	color:#b45;
	font-weight:bold;
}

/* Notes, Cast List, Gallery, ... */

SPAN.date {
	white-space: nowrap;
	/*color:#b45;*/
	font-weight:bold;
}
SPAN.time {
	white-space: nowrap;
	/*color:#b45;*/
	font-weight:bold;
}

SPAN.showname {
	font-style:italic;
}

SPAN.songname {
	font-style:italic;
}

DIV#DirectorsNote {
	clear: both;
	margin-top:16px;
	border-bottom:1px solid #ddd;
	text-align:left;
}

DIV#DirectorsNote H2 {
	
		
		padding:3px;
		padding-left:.25em;
		margin-bottom:.5em;
		text-align:left;
		text-transform:none;
		font-size:16pt;;
		background-color:#bf910c;
		color:white;;
}

DIV#DirectorsNote .DNoteHead {
}
DIV#DirectorsNote .DNoteCtrl A {
    font-size: 8pt;
    font-style: italic;
    font-weight: normal;
    color: #99d;
}
DIV#DirectorsNote .DNoteCtrl A:hover {
    text-decoration:none;
}
DIV#DirectorsNote .DNoteBody {
    display: none; /*start hidden*/
}


DIV#Description {
	border-top: #bf910c 4px solid;
}

DIV#Ratings {
	border-top: 0;
	background-color: #fcefcc;
	padding-bottom: .25em;
	padding-top: .25em;
	text-align: center;
	margin-top: 0;
	width: 75%;
}
DIV#Ratings h2 {
	margin: 0;
	padding: 0;
}

DIV#Auditions {
	border-bottom:1px solid #ddd;
	background: #eee;
	text-align:left;
}
DIV#Auditions p {
	padding: 0 .5em 0 .5em;
}

DIV#Auditions H2 {
	
		
		padding:3px;
		padding-left:.25em;
		margin-bottom:.5em;
		text-align:left;
		text-transform:none;
		font-size:16pt;;
		background-color:black;
		color:#bf910c;
	text-align:left;
}

DIV#CastList {
}

DIV#CastList TD.char {
	color:black;
	font-weight:bold;
	text-align:right;
	vertical-align:bottom;
}

DIV#CastList TD.staff {
	color:#444;
	font-style:italic;
	font-weight:bold;
	text-align:right;
	vertical-align:bottom;
}

DIV#CastList TD.dots {
    background-image:url(../img/dotbg.gif);
    background-position: 0% 80%;
    background-repeat:repeat-x;
    width:100px;
    height:10px;
	vertical-align:bottom;
}

DDIV#CastList TD.actor {
	text-align:left;
	vertical-align:bottom;
	font-weight: bold;
}
TD.actor a:link, TD.actor a:visited{
	color: black;
}
TD.actor a:hover, TD.actor a:active{
	color: #94700a;
}

DIV#CastList H2 {
	
		
		padding:3px;
		padding-left:.25em;
		margin-bottom:.5em;
		text-align:left;
		text-transform:none;
		font-size:16pt;;
		background-color:#bf910c;
		color:white;;
	margin-bottom: 1em;
}


DIV#PictureGallery {
	clear: both;
	margin-top:20px;
	text-align:center;
}

DIV#PictureGallery H2 {
	
		
		padding:3px;
		padding-left:.25em;
		margin-bottom:.5em;
		text-align:left;
		text-transform:none;
		font-size:16pt;;
		background-color:#bf910c;
		color:white;
	text-align:right;
}

DIV#PictureGallery .caption {
	font-style:italic;
	font-size:8pt;
	text-align:center;
}

DIV#PictureGallery .pic {
	margin-top: 6px;
}

td.CastHeader{
	text-align: center;
	color:#227;
	font-size:large;
	padding-top:1em;
}

h3.BoxSection{
	text-align: left;
	border: 0px
}

div#Credits2{
	margin-top:2em;
	text-align: left;
	font-size: smaller;
}


.BoxSection{
	clear: both;
	margin-top:16px;
	text-align:left;
	padding-bottom:1em;
	border: 0px
}

.BoxSection h2 {
	font-family: Trade Gothic LT,Helvetica,Arial,sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-align:left;
	margin-bottom:1em;
}

.BoxSection p {
}


.MultiBox {
	border-top: #bf910c 4px solid;
}