/*
------------------------------------------------------------------

GRACE PRESBYTERIAN CHURCH, MONTCLAIR, NEW JERSEY, USA

Special Calendar Stylesheet for Screen Media

website		: www.gracemontclair.org
filename	: /css/calendar.css
revision	: 20 November 2008

copyright	: (c) 2008 Grace Presbyterian Church (except as noted)
license		: Creative Commons

author		: Brian Lokker / Antigravity Design
website		: www.antigravitydesign.com
email		: studio@antigravitydesign.com

------------------------------------------------------------------ */




/* Override standard styles for h2 and column 1 */

.calendar #contentWrapper {
background: none;
}

.calendar #content {
padding-top: 112px;
}

.calendar h2 {
width: 968px;
height: 112px;
}

.calendar h2 a {
width: 968px;
height: 112px;
}

body.calendar h2, body.calendar h2 a {
background-image: url(/images/site/h2_calendar.jpg);
}



/* =Table
------------------------------------------------------------------ */


table.calendarTable {
margin-left: 6px;
width: 968px;
font-family: "Lucida Grande", Verdana, Helvetica, Helvetica, sans-serif;
color: #3E1A08;
background-color: #EBEAE6;
}

.navCalendarMonths {
height: 40px;
font-size: 1.4em;
font-weight: bold;
line-height: 40px;
text-align: center;
color: #3E1A08;
background-color: #FFF;
}

.navCalendarMonths th {
background-color: #FFF;
}

#contentMain .navCalendarMonths a {
text-decoration: none;
border: none;
}

#contentMain .navCalendarMonths a img {
border: none;
vertical-align: middle;
}

.calendarDayHeading {
font-size: 1.2em;
font-weight: bold;
font-variant: small-caps;
line-height: 2.6;
text-align: center;
background-color: #D6D4CD;
}

.calendarCell, .calendarToday, .calendarBlank {
padding: 6px;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
text-align: left;
vertical-align: top;
width: 136px;
height: 136px;
color: #5C280D;
}

.calendarCell {
/* color: #6A6654; */
background-color: #FFF;
}

.calendarToday {
/* color: #35332A; */
background-color: #D8E1BE;
}

/* Note that nothing displays in "blank" cells when the Repeet plugin is used,
   but the color is defined here just in case that gets fixed ... */

.calendarBlank {
color: #6A6654;
background-color: #AEAA9B;
}

.calendarEvent {
margin-top: 4px;
font-size: 1em;
font-weight: normal;
line-height: 1.1;
color: #6A6654;
}

.calendarToday .calendarEvent {
color: #35332A;
}

.calendarEvent.holiday {
text-transform: uppercase;
font-weight: bold;
}

.calendarEvent.holiday span.start_time {
display: none;
}

#contentMain .calendarEvent a {
border-bottom: none;
text-decoration: none;
}

#contentMain .calendarEvent.holiday a {
color: #5C280D;
cursor: default;
}