#calendar .weekWrap {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #666666;
/* 	height: 350px; */
}

#calendar .weekWrap .weekRange {
	margin-bottom: 40px;
}


#calendar .weekWrap .weekRange b {
	color: #ffffff;
}

#calendar .week {
    height: 140px;
    margin: auto;
}

#calendar .calendarDate {
	position:absolute; left:0; top:-20px; display: block; font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
}
.calendarPage #calendar .calendarDate b { /* THE NUMBER */
	font-family:"Rockwell Regular", rockwell, "Courier New", Courier "Times New Roman", Georgia, "Georgia", serif;
	font-size: 18px;
}

#calendar .timeline {
    float: left;
    font-size: 10px;
    font: sans-serif;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
    text-align: right;
    width: 30px;
}
#calendar .timeline .time {
    background: url('/design/images/dotline-bg.png') repeat;
    height: 20px;
    margin: 0px;
    padding-right: 5px;
}
#calendar .day {
    height: 140px;
    width: 120px;
    position: relative;
    background: #101010 url('/design/images/dotline-bg.png') repeat;
    margin: 0px 2px;
    float: left;
}

#calendar .event {
    width: 15px;
    margin: 1px;
    position: absolute;
}

#calendar .legend {
    padding: 10px 0px 0px 30px;
/*     clear: left; */
/*     background: aqua; */
}

#calendar .eventLegend { /* INDIVIDUAL LEGEND ITEM */
    padding-right: 10px;
    margin: 0px;
	float: left;
    width: 283px; /*DEFINES THE COLUMN WIDTH */
}

#calendar .eventLegend .colorBlock {
	float: left; 
	width: 20px;
	height: 20px;
	margin-right: 8px;
	margin-bottom: 20px;
	border: 2px solid #000000;	
}

#calendar .active .colorBlock {
	border: 2px solid #ffffff;
}


#calendar .eventLegend h3.artistName {
	font-size: 10px;
	line-height: 11px;
	vertical-align: middle;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #666666;	
}

#calendar .active h3.artistName, #calendar .legend a:hover {
	color: #ffffff;
	text-decoration: none;
}


#calendar .eventLegend h1.eventName {
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	color: #ffffff;
}

#calendar div.rollOut,
#calendar div.rollOver {
    display: relative;
}
#calendar div.rollOut .eventDetails {
    display: none;
}
#calendar div.rollOver .eventDetails {
    display: absolute;
    background-color: #ccc;
    color: #000;
    width: 250px;
    height: 42px;
}

h1.eventDetailName { /* I WOULD USE EVENTNAME, BUT CUFON ISN'T FINDING IT */
    color: #000;
    font-size: 14px;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 1em;
}
#calendar div.rollOver .eventDetails h1.eventName a,
#calendar div.rollOver .eventDetails h1.eventName a:visited,
#calendar div.rollOver .eventDetails h1.eventName
{
    color: #b1d335;
}

#calendar div.rollOver .eventDetails a {
    color: #b1d335;
}



/* Event Positioning and Colors */

#calendar .week div.day .event
{ background-color: yellow; }
#calendar .week div.legend div.eventLegend
{ }


#calendar div.week.start_1200 .event { margin-top: -20px;  }
#calendar div.week.start_1400 .event { margin-top: 0px;  }
#calendar div.week.start_1600 .event { margin-top: 20px;  }
#calendar div.week.start_1700 .event { margin-top: 40px;  }

div.event.start_1000 { top: 20px; } /* THIS IS A HACK. FIXME */
div.event.start_1015 { top: 2px; }
div.event.start_1030 { top: 5px; }
div.event.start_1045 { top: 7px; }
div.event.start_1100 { top: 10px; }
div.event.start_1115 { top: 12px; }
div.event.start_1130 { top: 15px; }
div.event.start_1145 { top: 17px; }
div.event.start_1200 { top: 20px; }
div.event.start_1215 { top: 22px; }
div.event.start_1230 { top: 25px; }
div.event.start_1245 { top: 27px; }
div.event.start_1300 { top: 30px; }
div.event.start_1315 { top: 32px; }
div.event.start_1330 { top: 35px; }
div.event.start_1345 { top: 37px; }
div.event.start_1400 { top: 40px; }
div.event.start_1415 { top: 42px; }
div.event.start_1430 { top: 45px; }
div.event.start_1445 { top: 47px; }
div.event.start_1500 { top: 50px; }
div.event.start_1515 { top: 52px; }
div.event.start_1530 { top: 55px; }
div.event.start_1545 { top: 57px; }
div.event.start_1600 { top: 60px; }
div.event.start_1615 { top: 62px; }
div.event.start_1630 { top: 65px; }
div.event.start_1645 { top: 67px; }
div.event.start_1700 { top: 70px; }
div.event.start_1715 { top: 72px; }
div.event.start_1730 { top: 75px; }
div.event.start_1745 { top: 77px; }
div.event.start_1800 { top: 80px; }
div.event.start_1815 { top: 82px; }
div.event.start_1830 { top: 85px; }
div.event.start_1845 { top: 87px; }
div.event.start_1900 { top: 90px; }
div.event.start_1915 { top: 92px; }
div.event.start_1930 { top: 95px; }
div.event.start_1945 { top: 97px; }
div.event.start_2000 { top: 100px; }
div.event.start_2000 { top: 102px; }
div.event.start_2030 { top: 105px; }
div.event.start_2045 { top: 107px; }
div.event.start_2100 { top: 110px; }
div.event.start_2115 { top: 112px; }
div.event.start_2130 { top: 115px; }
div.event.start_2145 { top: 117px; }
div.event.start_2200 { top: 120px; }
div.event.start_2215 { top: 122px; }
div.event.start_2230 { top: 125px; }
div.event.start_2245 { top: 127px; }
div.event.start_2300 { top: 130px; }
div.event.start_2315 { top: 132px; }
div.event.start_2330 { top: 135px; }
div.event.start_2345 { top: 137px; }
div.event.start_0000 { top: 140px; }
div.event.start_0015 { top: 142px; }
div.event.start_0030 { top: 145px; }
div.event.start_0045 { top: 147px; }

div.event.duration_0030 { height: 5px; }
div.event.duration_0100 { height: 10px; }
div.event.duration_0130 { height: 15px; }
div.event.duration_0200 { height: 20px; }
div.event.duration_0230 { height: 25px; }
div.event.duration_0300 { height: 30px; }
div.event.duration_0330 { height: 35px; }
div.event.duration_0400 { height: 40px; }
div.event.duration_0430 { height: 45px; }
div.event.duration_0500 { height: 50px; }
div.event.duration_0530 { height: 55px; }
div.event.duration_0600 { height: 60px; }
div.event.duration_0630 { height: 65px; }
div.event.duration_0700 { height: 50px; } /* THIS IS A HACK. FIXME */
div.event.duration_0730 { height: 75px; }
div.event.duration_0800 { height: 80px; }
div.event.duration_0830 { height: 85px; }
div.event.duration_0900 { height: 90px; }
div.event.duration_0930 { height: 95px; }
div.event.duration_1000 { height: 100px; }
div.event.duration_1030 { height: 105px; }
div.event.duration_1100 { height: 110px; }
div.event.duration_1130 { height: 115px; }
div.event.duration_1200 { height: 120px; }
div.event.duration_1230 { height: 125px; }
div.event.duration_1300 { height: 130px; }
div.event.duration_1330 { height: 135px; }
div.event.duration_1400 { height: 140px; }
div.event.duration_1430 { height: 145px; }

#calendar .col1 { left: 0px; }
#calendar .col2 { left: 17px; }
#calendar .col3 { left: 34px; }
#calendar .col4 { left: 51px; }
#calendar .col5 { left: 68px; }
#calendar .col6 { left: 86px; }
#calendar .col7 { left: 103px; }
#calendar .col8 { left: 120px; }

/* I have no idea whether !important is important or not */
#calendar .inactive { 
    opacity: 0.4;
    filter:alpha(opacity=40);
    color: purple;
}

div.day .active {
    border: 2px solid white;
    width: 11px;
    margin: 1px;
    position: absolute;
    /*background-color: white;*/
}
a.calendarDownload, a:link.calendarDownload, a:visited.calendarDownload, a:hover.calendarDownload {
    margin-top: -15px;
    background: url('/design/images/calendar-pdf-dl.png') 0px 0px no-repeat;	
    width: 257px;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    float: right;
}

a:hover.calendarDownload {
    background: url('/design/images/calendar-pdf-dl.png') 0px -35px no-repeat;	
}