html, body
{
	margin: 0;
	padding: 0;
}

body
{
	font-size: 62.5%;
	line-height: 125%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	padding: 3em 3em 3em 3em;
}

html>body
{
	font-size: 10px;
}


#events
{
	text-align: center;
}

table { font-size: 100%; } /* ie hack */

a img { border: 0 transparent none; }

table.calendar { width: 90%; border-collapse: collapse; margin: 0 auto 0 auto;}
table.calendar tbody { background-color: white;}
table.calendar td { width: 14%;}
td.day, td.selected-day { height: 50px;
padding: 0;;
vertical-align: top;}

div.day-of-month { background-color: #eeeeee; padding: .25em 0 .25em .5em;
font-size: 1.2em;
font-weight: bold;
}

div.day-of-month a
{
	color: black;
	text-decoration: none;
}

div.events-in-day {margin: 0; padding: 0 0}
div.events-in-day p {margin: 0; padding: .25em .5em .75em .5em;}

th.month
{
	font-size: 2.4em;
	padding: 1em 0 1em 0;
}

td.prev-month, td.next-month, td.today
{
	font-size: 1.3em;
	padding: 1em;
	font-weight: bold;
}

td.prev-month a, td.next-month a, td.today a
{
	color: black;
	text-decoration: none;
}

td.prev-month a:before
{
	content: "< ";
}
td.next-month a:after
{
	content: " >";
}

td.next-month
{
	text-align: right;
}

td.today
{
	text-align: center;
}

.bay-colony-productions { background-color: rgb( 140, 102, 217);
color: white;
}

.auditions { background-color: rgb( 230, 115, 153);
color: white;

}

.classes { background-color: rgb( 76, 176, 82);
color: white;
}

.educational-outreach { background-color: rgb( 89, 191, 179);
color: white;
}

.films { background-color: rgb( 230, 128, 77);
color: white;
}

.orpheum-kids { background-color: rgb( 224, 194, 64);
color: white;
}

.rehearsal-schedule { background-color: rgb( 179, 115, 179);
color: white;
}

.rentals---events { background-color: rgb( 102, 140, 217);
color: white;
}

.legend
{
	width: 90%;
	border-collapse: collapse;
	margin: 0 auto 0 auto;
	padding: 0;
}

.legend p
{
	padding: 1em;
	margin: 0;
	text-align: center;
	color: white;
}