/* @override http://cameocinema.com/styles/showtimes.css */

/* @override http://www.cameocinema.com/styles/showtimes.css */

/* Content */
span#dl_Calendar {font-size: 0.6em; margin-left: 235px;}
#content {background: url(../images/main_bckgrnd.jpg) no-repeat;}
#contentBody {width: 868px; margin: 0 auto 15px auto; padding-top: 35px;}
#bottomContent{ margin: 0 auto 0 auto; text-align: center;}
#bottomContent img {margin-top: 10px;}

/*Prices*/
table.price{
	width: 868px;
}
tr.priceLabel {width: 868px;}
table.price tr.priceLabel td{ height: 40px; background-color: #333; color: #ccc; text-align: center; vertical-align: middle; font-size: 1.2em;
}
table.price tr.priceLabel td em{ text-transform: none;}
table.price tr.priceLabel td.priceSeries{width: 275px;
}
table.price tr.priceCost td{ height: 20px;background-color: #999; text-align: center; vertical-align: middle; font-weight: bold; color: #000;
}

#header_banner h2 span {font-size: 0.6em; margin-bottom: 5px; text-transform: none; padding: 0 0 0 120px; color: #ddd; }

/*Calendar*/
table.month {
	font: 1em normal Arial, Helvetica, sans-serif;
}
table.month tr {width: 868px;
	height:80px;
    vertical-align:top;
}
table.month td {height:120px;
	width:120px;
	background-color:#fff;
    text-align: left;
    color: #333;
    font-size: 90%;
    padding: 4px;
}
table.month th p, table.month td.calDay p{
	color: #000;
}
#contentBody table.month th#calHeader{
	text-transform: uppercase; font-size: 1.78em; height: 40px; line-height: 38px; padding:0 6px 6px 6px; color: #999;
	background-color: #000;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
th#calHeader h1{
	text-transform: uppercase;}
th#calHeader p{
	font: normal .7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #999;
}

#eventHolder {
	text-align: center;
	text-transform: lowercase;
}

td.calDay #eventHolder a.calTitle{
	color: #327732;
	text-transform: capitalize;
	font-weight: bold;
	}
	
span.calSeries {
	text-transform: capitalize;
	color: #dd0000;
	text-decoration: underline;
}

td.calDay.calSelected span.calSeries {
	text-transform: capitalize;
	color: #0044bb;
	text-decoration: underline;
}

span.calNote{
	text-transform: none;
	font-style: italic;
}

table.month td.calSelected {
	background-color:#999;
}
table.month td.daySelected {
	background-color:#FFFF99;
}
table.month td.calDay.calSelected #eventHolder a.calTitle{	
	color: #FFBB27;
	text-decoration:none;
}
#calHeader a.calHeaderPrev{
	float: left; clear:left; width: 150px;
color: #333;
font-size: 0.9em;
}
#calHeader a.calHeaderNext{
	float: right;width: 150px; text-align: right; padding-right: 6px;
	clear: right;
	font-size: 0.9em;
}
#calHeader p.calComingAttr{
	clear: both; padding-top: 8px; font-size: 0.5em; text-transform: capitalize; width: 825px; 
}
#calHeader a.prevMonth, #calHeader a.nextMonth{
color: #fff;
}
#calHeader a:hover.prevMonth,#calHeader a:hover.nextMonth{
	color: #aaa;
}

#cal_weekdays {height: 15px; vertical-align: middle;}
#cal_weekdays td{background-color: #000; height: 15px; font: bold 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #999; text-align: center; text-transform: uppercase; border: none; padding: 4px 0 0 0; vertical-align: middle;
}

h3#comingAttr{padding: 12px 0 0 6px; text-transform: uppercase; font-size: 0.7em; margin: 0; text-align: left; clear: both;}
#comingAttr a{color: #F0B252; float: left; margin: 0 45px;}
#comingAttr a:hover{color: #FFE8C8;}