/*
full-screen calendar stylesheet
Copyright (c) 2002, Mark Pilgrim
Revised by Bob Monsour, August, 2003
*/

/*
This style sheet contains all the styles used for the monthly calendar as well as for the event-list format of upcoming events.

Three primary classes are used to layout the calendar entries, in table, list and details forms. 
The tables are generated by the MovableType based School Calendar blog templates.

    .largecalendar refers to the block-style calendar
    .event-list refers to the tabular event listing calendar
    .event-details refers to the style for an individual event
*/

.largecalendar { width: 100%; margin: 5px 0; }
/* .largecalendar table th { border-bottom: 1px solid gray; border-top: 1px solid gray; padding: 5px 0px; text-align: center; } */
.largecalendar .sun { border-left: 1px solid gray; }

.largecalendar .sat { border-right: 1px solid gray; }

.largecalendar .daytitle { position: relative; left: 0; top: 0; width: 30%; padding: 3px 2px; border-right: 1px solid gray; 
	border-bottom: 1px solid gray; text-align: center; }
.largecalendar a.daytitle { display: block; text-decoration: underline; background: silver; }
.largecalendar a.daytitle:hover { text-decoration: none; background: white; }

.d1, .d3, .d5, .d7, .d8, .d10, .d12, .d14, .d15, .d17, .d19, .d21, .d22, .d24, .d26, .d28, .d29, .d31, .d33, .d35, .d36, .d38, .d40, .d42, .d44 {
  background: #ffc; }

.d1, .d8, .d15, .d22, .d29, .d36 { border-left: 1px solid gray; }
.d7, .d14, .d21, .d28, .d35, .d42 { border-right: 1px solid gray; }

.d1t, .d2t, .d3t, .d4t, .d5t, .d6t, .d7t, .d8t, .d9t, .d10t, .d11t, .d12t, .d13t, .d14t, .d15t, .d16t, .d17t, .d18t, .d19t, .d20t, .d21t,
	.d22t, .d23t, .d24t, .d25t, .d26t, .d27t, .d28t, .d29t, .d30t, .d31t, .events-today { background: #fff; }

.largecalendar ul { list-style: none; margin: 0; padding: 0 3px; }
.largecalendar li { display: block; text-align: center; padding-top: 6px; }

/* html>body .largecalendar li { margin-top: 6px; } */
.largecalendar li.first { padding-top: 0; background: transparent; }

/* The .event-list class is used for displaying lists of events; i.e., the month's, day's or week's events. */

/* styles for tables of calendar events */
.event-list { float: left; width: 100%; font-family: verdana, sans-serif; width: 100%; padding: 0; border: 0; margin: 5px; }
.event-list table { margin: 0; border: 1px gray solid; }

.event-list-monthnav { clear: both; padding: 20px 0 5px 0; border: 0; margin: 0; text-align: center;}
.event-list-monthnav .nextmonth, .prevmonth { margin-left: 5%; }
.event-list-monthnav .thismonth { font-weight: bold; margin-left: 5%; font-size: 1.4em; font-variant: small-caps; }
	
.dresscode { color: red; }

/* The .event-details class is used for displaying the details of an individual calendar event */

.event-details { float: left; width: 80%; padding: 0; border: 0; margin: 10px 10%; }
.event-details table { margin: 0; border-right: 1px gray solid; border-bottom: 1px gray solid; border-left: 1px gray solid; }
.event-details table td.c1 { text-align: right; }
.event-details table td.c2 { text-align: left; }
	
/* monthly calendar navigation */

#monthnav { width: 100%; margin: -10px 0 0 -10px; padding: 0; }
#monthnav ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#monthnav ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#monthnav ul li a { background: #d2cfbb; width: 42px; padding: 4px 0 5px 0; border-right: 1px solid silver; border-bottom: 1px solid silver;
	margin: 0; text-decoration: none; display: block; text-align: center; letter-spacing: 1px; }
#monthnav ul li a:hover { background: #fff; color: #000; }