table#calendar {
	font-size: 0.75em;
	}

table#calendar a {
	text-decoration: none;
	font-weight: bold; 
	display: block; 
	margin: 0;
	color: #c00;
	}

table#calendar a:hover {
	color: #000;
	}

tr#title th.monthlist {
	text-align: center;
	color: #000;
	padding-right: 10px;
	padding: 5px 0;
	}

tr#title th.monthlist a {
	display: inline;
	}

tr#title th.monthlist span.current {
	font-size: 1.5em;
	padding: 5px 10px;
	}

tr#days th {
	width: 14%;
	}

table#calendar tr#days th {
	color: #CCE; 
	background-color: #224;
	font-weight: bold; 
	text-align: center;
	padding: 1px 0.33em;
	}

table#calendar tr#title th.ongoing {
	padding: 5px 0;
	text-align: left;
	}

table#calendar th.month {
	padding: 5px 0;
	color: #000;
	font-size: 1.5em;
	text-align: center;
	}

table#calendar tr#title th.select {
	padding: 5px 0;
	text-align: right;
	}

table#calendar td {
	vertical-align: top;
	padding: 0;
	border: 0px solid #999;
	border-width: 0 0 1px 1px;
	height: 6em;
	}

table#calendar td.sat {
	border-right: 1px sold #999;
	}

table#calendar tr#title th a:hover {
	}

table#calendar td.sat, table#calendar td.sun {
	}

table#calendar td.jun, table#calendar td.aug {
	background: #AAB; 
	color: #889;
	border: 1px solid #AAB; 
	border-right-color: #99A;
	}

table#calendar tr#lastweek td {
	border-bottom: 2px solid #AAB;
	}

div.event {
	margin: 0.5em;
	}

div.event span {
	display: block;
	}

span {
	font-size: .8em;
	}

span.time {
	font-weight: bold;
	}

span.title:first-line {
	color: 3c6bb1;
	font-weight: bold;
	}

span.subtitle {
	font-style: italic;
	}


span.loc {
	font-style: italic;
	color: #999;
	padding-left: 2px;
	}

div.date {
	float: right;
	text-align: center;
	border: 1px solid gray;
	border-width: 0 0 1px 1px;
	padding: 0.125em 0.25em 0 0.25em;
	margin: 0 0 0 2px;
	background: #f3f3f3;
	}


/* ----   ONGOING EVENTS  */