/* 
==============================
YourStudentCentre.com News Pod Style Sheet
==============================
This CSS cucumber was pickled by:
>> Kyle Dutka at See Design
>> www.seedesign.ca | kyle [at] seedesign.ca
------------------------------
CSSed in Canada inside an igloo with 
dial-up internet powered by beaver
fur and pemmican that was purchased
with coloured money from the Queen.
------------------------------
*/


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

#pageid_calendar column1 {
	width: 500px;
	height: 290px;
	min-height: 290px;
	}

#pageid_calendar column2 {
	clear: both;
	width: 900px;
	margin-top: 0px;
	}
	
#event_controller_container {
	position: absolute;
	top: 0;
	width: 215px;
	margin-right: 10px;
	border-top: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	background: #F4F4F4;
	/* background: url(../../../images/pods/calendar/event_controller_bkg.png) top left no-repeat; */
	}

/* 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;
	float: right;
	}



/* 
==============================
2.1 Upcoming Events on Calendar Page
==============================
*/

#pageid_calendar #upcoming_events {
	position: relative;
	width: 500px;
	}
	
	
/* FOR REF: Instead of using BKG image container div's like I normally do, I somehow decided to use padding.
note that you need to substract the amount of padding from the width/height or you get wonderful breakage */
#pageid_calendar #upcoming_events div.event {
	width: 140px;
	min-height: 40px;
	margin: 10px 10px 0 0;
	padding: 15px 10px 30px 5px;
	float: left;
	cursor: pointer;
	text-align: left;
	background: url(../../../images/pods/calendar/upcoming_cal_bkg.png) bottom left no-repeat;
	}

	#pageid_calendar #upcoming_events a:hover div.event {
		cursor: pointer;
		background-position: -155px bottom;
		}
		
	#pageid_calendar #upcoming_events a:active div.event {
		cursor: pointer;
		background-position: -310px bottom;
		}

#pageid_calendar #upcoming_events a {
	cursor: pointer;
	}

#pageid_calendar #upcoming_events h1 {
	font-size: 28px;
	font-weight: normal;
	font-style: italic;
	}

#pageid_calendar #upcoming_events div.info {
	float: left;
	margin-left: 7px;
	width: 85px;
	}

	#pageid_calendar #upcoming_events h2 {
		font-size: 18px;
		font-weight: normal;
		color: #125B87;
		}
	
	#pageid_calendar #upcoming_events a:hover h2 {
			color: #540304;
			}

#pageid_calendar #upcoming_events div.date {
	float: left;
	text-align: center;
	width: 40px;
	}
	
	#pageid_calendar #upcoming_events h3 {
	
		}
	
	#pageid_calendar #upcoming_events h3.month {
		font-size: 12px;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0;
		padding: 3px;
		background:#666666;
		color:#FFFFFF;
		}
		
		#pageid_calendar #upcoming_events a:hover h3.month {
			background: #333333;
			}
		
	#pageid_calendar #upcoming_events h3.day {
		font: 24px normal;
		letter-spacing: -1px;
		margin: 0;
		line-height: 24px;
		padding: 3px 4px 3px 3px;
		border-right: 1px #666666 solid;
		color: #666666;
		}
		
		#pageid_calendar #upcoming_events a:hover h3.day {
			color:#333333;
			}
		
	#pageid_calendar #upcoming_events h3.time {
		color: #666666;
		font-size: 12px;
		font-weight: normal;
		}
		
		#pageid_calendar #upcoming_events a:hover h3.time {
			color:#333333;
			}
		
	
	#pageid_calendar #upcoming_events h4.location {
		font-size: 12px;
		font-weight: normal;
		}



#pageid_calendar #upcoming_events a h2 {
	
	}

#pageid_calendar #upcoming_events a:hover h2 {
	
	}

#pageid_calendar #upcoming_events a h3 {
	}

#pageid_calendar #upcoming_events a:hover h3 {
	}


/* 
==============================

==============================
*/


/* --- Event Controller --*/

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

#event_controller_container h2.title {
	margin-top: -14px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #CCCCCC;
	}
	
#event_controller h1 {
		font-size: 28px;
		float: left;
		width: 145px;
		margin: 0 5px 0px 0;
		}

#event_controller div.date {
	float: right;
	text-align: center;
	width: 40px;
	}
	
	#event_controller h2 {
		color:#333333;
		}
	
	#event_controller h2.month {
		font: 12px normal;
		text-transform: uppercase;
		margin: 0;
		padding: 3px;
		background:#333333;
		color:#FFFFFF;
		}
	
	#event_controller h2.day {
		font-size: 24px;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 0;
		line-height: 24px;
		padding: 3px 4px 3px 3px;
		border-right: 1px #333333 solid;
		}

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

	#event_controller h3.date {
		font-size: 11px;
		font-weight: normal;
		text-transform: uppercase;
		}
	
	#event_controller h3.time {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
		}
	
	#event_controller .divider {
		font-weight: normal;
		}
	
#event_controller div.notes {
	clear: both;
	border-top: 1px #CCCCCC solid;
	}
	
	#event_controller img {
		border: 1px #CCCCCC solid;
		padding: 3px;
		margin: 5px 0 5px 0;
		background: #FFFFFF;
		}
		
	#event_controller img.ajax {
		border: 0px #CCCCCC solid;
		background: none;
		}
	
	#event_controller p {
		margin: 9px 0 0 0;
		}
		
	#event_controller p.permalink{
		font-size: 10px;
		text-transform: uppercase;
		}
		
		#event_controller p.permalink input{
			padding: 0;
			font-size: 9px;
			color: #999999;
			background: none;
			border: none;
			width: 100%;
			}

#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 a.link_go {
	padding-right: 20px;
	background: url(../../images/pods/calendar/link_go.gif) top right no-repeat;
	}

#cal_header a.link_go:hover {
	background-position: right -15px;
	}

#cal_header a.link_return {
	padding-left: 20px;
	background: url(../../images/pods/calendar/link_return.gif) top left no-repeat;
	}

#cal_header a.link_return:hover {
	background-position: left -15px;
	} 
*/

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

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

#cal_header .year a {
	font-size: 10px;
	color: #CCCCCC;
	}

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

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

#cal_header h1 span {
	display: block;
	font-size: 14px;
	color: #666666;
	}

/* Days Headings */
h2.days {
	text-align:center; 
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	color:#666666;
	}

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/pods/calendar/day_bkg.png'); */
	}

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

#cal_body table td.day:hover, #cal_body table td.day_current:hover {
	background: #F4F4F4;
/*	background: url(../../../images/pods/calendar/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;
	} 
*/

#cal_body .day_number {
	font-size: 13px;
	padding: 5px 5px 0 5px;
	margin: 0px 5px 0 0;
	border-right: 0px #999999 solid;
	border-bottom: 0px #999999 solid;
	}
	
#cal_body table td.day_current .day_number {
	font-weight: bold;
	color: #540304;
	}

/* Day Admin */

#cal_body div.admin {
	position: absolute;
	vertical-align: bottom;
	width: 70px;
	height: 30px;
	padding: 5px;
	background: #FFFFFF;
	z-index: 1000;
	}
	
#cal_body div.new {
	}

#cal_body div.new div {
	display: block;
	height: 16px;
	border-bottom: 1px #CCCCCC solid;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	z-index: 2000;
	}

#cal_body div.new a {
	font-size: 11px;
	font-weight: bold;
	border-bottom: none;
	}
	
/* Single Event */

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

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


.event h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
	}

.event h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 9px;
	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
==============================
*/

#pageid_home #events {
	position: relative;
	width: 205px;
	}

#pageid_home #events h1 {
	position: relative;
	margin: 0 0 25px 5px;
	}

#pageid_home #events a {
	cursor: pointer;
	position: relative;
	border-bottom: none;
	}

#pageid_home #events a h2 {
	position: relative;
	height: auto !important;
	/* MIEsitC */
	height: 20px;
	margin: -25px 0 0 0;
	padding: 15px 5px 3px 15px;
	font-size: small;
 	text-transform: capitalize;
	/* MIEsitC */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/pods/calendar/upcoming_events_bkg_top.png');
	cursor: pointer;
	}

/* PDwNB */
#pageid_home #events[id] a h2 {
	background:  url("../../../images/pods/calendar/upcoming_events_bkg_top.png") top left no-repeat;
	}

#pageid_home #events a:hover h2 {
	color: #000000;
	margin-left: -7px !important;
	margin-left: 0;
	background-position: -205px top;
	}

#pageid_home #events a h3 {
	cursor: pointer;
	margin: 0;
	padding: 0px 5px 35px 15px;
	font-size: x-small;
	font-weight: normal;
	background:  url("../../../images/pods/calendar/upcoming_events_bkg_bottom.png") bottom left no-repeat;
	}

#pageid_home #events a:hover h3 {
	margin-left: -7px !important;
	/* MIEsitC */
	margin-left: 0px;
	margin-bottom: 16px;
	color: #000000;
	background-position: -205px bottom;
	}


/* 
==============================
2.1 Advanced Event for Homepage Feed
==============================
*/

div.advanced_event div.event {
	width: 480px;
	min-height: 100px;
	margin: 0 0 10px 0;
	padding: 10px;
	float: left;
	cursor: pointer;
	text-align: left;
	background: url(../../../images/home_newsfeed_item_bkg.png) bottom left no-repeat;
	}

	 div.advanced_event a:hover div.event {
		cursor: pointer;
		background-position: -500px bottom;
		}
		
	 div.advanced_event a:active div.event {
		cursor: pointer;
		background-position: -1000px bottom;
		}

 div.advanced_event a {
	cursor: pointer;
	}



 div.advanced_event div.info {
	float: left;
	margin-left: 7px;
	
	}

	
 div.advanced_event div.date {
	float: left;
	text-align: center;
	width: 40px;
	}
	
 div.advanced_event h1 {
	font-size: 28px;
	font-weight: normal;
	}	

	 div.advanced_event h2 {
	
		}
	
	 div.advanced_event h2.month {
		font-size: 12px;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0;
		padding: 3px;
		background: #666666;
		color:#FFFFFF;
		}
		
		 div.advanced_event a:hover h2.month {
			background: #333333;
			}
		
	 div.advanced_event h2.day {
		font: 24px normal;
		letter-spacing: -1px;
		margin: 0;
		line-height: 24px;
		padding: 3px 4px 3px 3px;
		border-right: 1px #666666 solid;
		color: #666666;
		}
		
		 div.advanced_event a:hover h2.day {
			color:#333333;
			}
		
	 div.advanced_event h2.time {
		color: #666666;
		font-size: 12px;
		font-weight: normal;
		margin: 0 0 5px 0;
		}
		
		 div.advanced_event a:hover h2.time {
			color:#333333;
			}
		
	
	 div.advanced_event h2.location {
		font-size: 12px;
		font-weight: normal;
		}

	div.advanced_event p {
		font-size: 12px;
		font-weight: normal;
		color: #666666;
		margin: 0;
		padding: 0;
		}


/* --- Category Styles --- */

.cat_eptaylors {
	}

.cat_sa {
	}

.cat_club {
	}

.cat_community {
	}

.cat_centre {
	}

.cat_supported {
	}

.cat_other {
	}

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