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

GRACE PRESBYTERIAN CHURCH, MONTCLAIR, NEW JERSEY, USA

Special Calendar Stylesheet for Screen Media

website   : www.gracemontclair.org
filename  : /css/calendar.css
revision  : 2 August 2011

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

author    : Brian Lokker / Antigravity Design
website   : www.antigravitydesign.com
email     : studio[at]antigravitydesign.com

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



/* =Main Monthly Calendar
------------------------------------------------------------------ */

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

.calendar #contentWrapper {
	background: none;
}

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

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

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

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

table.calendarTable {
	background-color: #EBEAE6;
	color: #3E1A08;
	font-family: 'Open Sans', Helvetica, Helvetica, sans-serif;
	margin-left: 6px;
	width: 968px;
}

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

.navCalendarMonths th,
.navCalendarMonths td {
	background-color: #FFF;
	width: 33.3333333%;
}

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

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

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

.day_cell .date {
	margin-bottom: 6px;
}

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

.day_cell {
	background-color: #FFF;
}

.today {
	background-color: #D8E1BE;
}

.today {
	background-color: #E7EBF0;
}

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

.day_cell .event {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.1;
	margin: 2px 0 0 0;
	padding: 0;
}

.today .event {
	color: #35332A;
}

.day_cell .holiday {
	background-color: #5A6B85;
	color: #EBEAE6;
	font-weight: normal;
	margin-bottom: 3px;
	padding: 2px;
}

#contentMain .day_cell .event a:link,
#contentMain .day_cell .event a:visited {
	border-bottom: none;
	text-decoration: none;
}

#contentMain .day_cell .event a:hover,
#contentMain .day_cell .event a:active {
	text-decoration: underline;
}

.day_cell .all_day, .day_cell .multi_day {
	background-color: #D7DEE6;
	padding: 2px;
}

td.out_of_range .all_day, td.out_of_range .multi_day {
	background-color: #B9BBA9
}



/* =Daily Calendar and Event Detail Pages
------------------------------------------------------------------ */


/* Back to standard styles -- "override the overrides!" */

#calendar-daily #contentWrapper,
#calendar-event #contentWrapper {
	background: url(/images/site/bg_columnWrapper.png) 6px 0 repeat-y;
	position: relative;
}

#calendar-daily #content,
#calendar-event #content {
	padding-top: 50px;
}

body#calendar-daily h2, body#calendar-daily h2 a,
body#calendar-event h2, body#calendar-event h2 a {
	background-image: url(/images/site/h2_calendarDetail.jpg);
	height: 200px;
	width: 234px;
}

/* Add padding to content to avoid very short pages */

#calendar-daily .column2,
#calendar-event .column2 {
	padding-bottom: 100px;
}

#calendar-daily .column2 h3,
#calendar-event .column2 h3 {
	background-color: transparent;
	border-bottom: 1px solid #3E1A08;
	color: #3E1A08;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.75em;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.3;
	margin-top: 5px;
	margin-bottom: 0.5em;
	padding-bottom: 6px;
}

#calendar-event .column2 h3 {
	margin-top: 28px;
}

#calendar-daily .column2 h3 span {
	font-size: 0.8em;
}

#calendar-daily .calendar-nav,
#calendar-event .calendar-nav {
	border-bottom: 1px solid #3E1A08;
	font-size: 12px;
	margin-bottom: 24px;
	padding-bottom: 10px;
}

#calendar-event .calendar-nav {
	padding-top: 10px;
}

#calendar-daily .calendar-nav a:link,
#calendar-daily .calendar-nav a:visited,
#calendar-event .calendar-nav a:link,
#calendar-event .calendar-nav a:visited {
	border-bottom: none;
}

#calendar-daily .calendar-nav a:hover,
#calendar-daily .calendar-nav a:active,
#calendar-event .calendar-nav a:hover,
#calendar-event .calendar-nav a:active {
	border-bottom: 1px dotted #9A4215;
}

#calendar-daily .calendar-nav .previous {
	float: left;
	width: 30%;
}

#calendar-daily .calendar-nav .go-to-month {
	float: left;
	text-align: center;
	width: 40%;
}

#calendar-daily .calendar-nav .next {
	float: right;
	text-align: right;
	width: 30%;
}

#calendar-event .calendar-nav .go-to-day {
	float: left;
	width: 60%;
}

#calendar-event .calendar-nav .go-to-month {
	float: right;
	text-align: right;
	width: 40%;
}

#calendar-daily .calendar-event {
	border: 1px solid #D8E1BE;
	margin-bottom: 15px;
	padding: 6px;
}

#calendar-event .calendar-event {
	border-bottom: 1px solid #3E1A08;
	padding-bottom: 30px;
}

#calendar-daily .calendar-event .date,
#calendar-event .calendar-event .date {
	color: #3E1A08;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 10px;
}

#calendar-event .calendar-event .date {
	margin-bottom: 1.5em;
}

#calendar-daily .calendar-event .all_day {
	display: none;
}

#calendar-daily .calendar-event h4 {
	font-size: 1.4em;
	font-weight: bold;
}

#calendar-daily .calendar-event .body p,
#calendar-event .calendar-event .body p {
	color: #3B3B3B;
	line-height: 1.2;
	margin-bottom: 1em;
}

#calendar-daily .calendar-event .body .worship-event p,
#calendar-event .calendar-event .body .worship-event p {
	margin-bottom: 0.5em;
}

#calendar-daily .calendar-event .body p.event-location,
#calendar-event .calendar-event .body p.event-location {
	color: #3E1A08;
	font-weight: bold;
	margin-top: 1.5em;
}

#calendar-daily h4.holiday {
	background: #5A6B85;
	color: #EBEAE6;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 24px;
	padding: 8px 6px;
}

#calendar-daily p.no_events {
	color: #484848;
	font-style: italic;
	text-align: center;
}

#calendar-daily .calendar-event img {
	border: 1px solid #D8E1BE;
	float: right;
	margin-left: 20px;
	margin-bottom: 12px;
	padding: 2px;
}

#calendar-event .calendar-event img {
	border: 1px solid #D8E1BE;
	float: left;
	margin-right: 20px;
	margin-bottom: 12px;
	padding: 4px;
}