/* 
==============================
Lift Church > Calendar Styles
==============================
This CSS cucumber was pickled by:
>> Kyle Dutka at See Design
>> www.seedesign.ca | kyle [at] seedesign.ca
------------------------------
*/

/* 
==============================
1.1 Layout
==============================
*/

#pageid_calendar #column1 {
	width: 640px;
	padding: 15px 20px;
	}

#pageid_calendar #column2 {
	width: 180px;
	padding: 15px 20px;
	}
	
#event_controller_container {
	/* position: absolute;
	top: 0;
	width: 215px;
	margin-right: 10px; */
	}

/* It's very late and I need a fix for my obession with this fixed controller... the fixed event_controller div is aligning the #cal_main left... */
#controller_fake {
/*	position: relative;
	width: 215px;
	height: 50px;
	float: left;
	margin-right: 15px; */
	}

#cal_main {
	position: relative;
	width: 630px;
	}

/* 
==============================
Event Controller
==============================
*/


/* --- Event Controller --*/

#event_controller {
	margin: 0px;
	padding: 0px;
	}

#event_controller_container h2.title {
	margin-top: -14px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #CCCCCC;
	}
	
#event_controller h1 {
		}

#event_controller div.info {
	clear: both;
	padding-top: 4px;
	margin-top: 3px;
	border-top: 1px #CCCCCC solid;
	}

	#event_controller h4.date {
		font-size: 14px;
		font-weight: bold;
		}
	
	#event_controller h4.time {
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 10px;
		}
	
	#event_controller .divider {
		font-weight: normal;
		}
	
#event_controller div.notes {
	clear: both;
	border-top: 1px #CCCCCC solid;
	}
	
	#event_controller div.notes img {
		border: 1px #CCCCCC solid;
		padding: 3px;
		margin: 5px 0 5px 0;
		background: #FFFFFF;
		}
	
	#event_controller p {
		margin: 9px 0 0 0;
		}
		

#event_controller br {
	height: 7px;
	margin: 0;
	padding: 0;
	line-height: 7px;
	}


/* --- Main Calendar --*/

/* Main Calendar Area (includes Cal Body) */
#cal_main {
	margin: 0px;
	padding: 0;	
	}

/* Body of Calendar */
#cal_body {
	}

#cal_body table {
	width: 100%;
	}

#cal_body a {
	cursor: pointer;
	}

/* Calendar Navigation */

#cal_header {
	margin-bottom: 10px;
	}

#cal_header p {
	margin: 0 0 4px 0;
	padding: 0;
	}

#cal_header .month a {
	font-weight: bold;
	}

#cal_header .year a {
	color: #CCCCCC;
	}

#cal_header .year a:hover {
	color: #CCCCCC;
	}

/* Month */
#cal_header h1 {
	font-size: 40px;
	margin-top: 0;
	text-align:center; 
	font-weight: normal;
	}

#cal_header h1 span {
	display: block;
	color: #666666;
	}

/* Days */
#cal_header h2 {
	text-align:center; 
	font-size: 11px;
	}
	
td.days {
	border-bottom: 1px #CCCCCC solid;
	}

/* Day Cell */

#cal_body table td.day, #cal_body table td.day_current {
	width: 90px;
	height: 100px;
	margin: 0;
	padding: 0px;
	vertical-align: top;
	color: #999999;
	font-size: 11px;
	border-bottom: 1px #F4F4F4 solid;
	}

/* MIEsitC */
#cal_body table td.day {
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/apps/calendar/day_bkg.png'); */
	}

/* PDwNB */
#cal_body table td.day[class] {
	/* background: url(images/day_bkg.png) bottom left no-repeat; */
	}

#cal_body table td.day:hover {
	background: #F4F4F4;
	/* background: url(images/day_bkg_hover.png) bottom left no-repeat; */
	}

/* 
#cal_body table td.day:hover div.event {
	position: relative;
	height: 20px;
	}

#cal_body table td.day:hover a {
	position: absolute;
	font-size: 14px;
	} 
*/

/* PDwNB */
#cal_body table td.day_current[class] {
	/* background: url(images/day_bkg_current.png) bottom left no-repeat; */
	}

/* PDwNB */
#cal_body table td.day_current:hover[class] {
	/* background: url(images/day_bkg_current_hover.png) bottom left no-repeat; */
	}

#cal_body .day_number {
	font-size: 14px;
	padding: 5px 5px 0 5px;
	margin: 0px 5px 0 0;
	}
	
#cal_body table td.day_current .day_number {
	font-weight: bold;
	color: #1d2a62;
	}

/* Day Admin */

#cal_body div.admin {
	vertical-align: bottom;
	}

/* Single Event */

.event {
	position: relative;
	padding: 0;
	}
	
	
div.event_single {
	padding: 5px;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	}

.event a:hover div.event_single {
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	background: #1d2a62;
	color: #FFF;
	}


.event h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
	}

.event h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 10px;
	color: #999999;
	}

.event a {
	border-bottom: none;
	}

/* Event Popup

.event_popup {
	position: absolute; 
	top: 0;
	left: 85px;
	width: 150px;
	}

.event_popup .container {
	padding: 5px;
	border: 1px #F4F4F4 solid;
	background: #FFFFFF;
	}
*/

/* 
==============================
2.1 Upcoming Events View --> MOVED TO includes/css/home.css
==============================
*/



/*
------------------------------------------------------------------------------------------
Your {CREATIVITY} is RESTRICTED [when you think] your creativity is BOUND by your {ABILITY}.
םֹולָׁש 
------------------------------------------------------------------------------------------
*/