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

	NAVIGATION
	
	/events/calendar.php
	/events/list.php

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


p.events-months-nav {
	font-size:85%;
	color:#777;
}


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

	CALENDAR
	
	/events/calendar.php
	
======================================================= */


table.calendar {
	border:1px solid #CCC;
	border-right:none;
	border-bottom:none;
	width:100%;
}

table.calendar th {
	font-family:Helvetica;
	font-size: 110%;
	color:#fff;
	text-align:left;
	padding:0.3em 0.5em;
	background-color:#888;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	margin-bottom:0px;
}

table.calendar td {
	padding:2px;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	text-align:left;
	border-right:1px solid #CCC;
	margin-top:0px;
	width: 14%;
	vertical-align: top;
	font-size: 90%;
}

table.calendar .time {
	font-size: 80%;
	font-weight: bold;
}

table.calendar td.blank{
	background-color: #EEE;
}


table.calendar td.current{
	background-color:#FFF58F;
}

table.calendar td p.day {
	font-weight: bold;
}

/*--- Event Categories ---*/

p.event {
	padding:3px;
	margin:0;
	margin-bottom:3px;
}

.programs-and-events {
	/* light green */
	background-color:#E5FFE5;
}

.unused2 {
	/* light blue */
	background-color:#E5E5FF;
}

.unused3 {
	/* light red */
	background-color:#FFE5E5;/* light green */
	background-color:#E5FFE5;
}

.unused4 {
	/* light yellow */
	background-color:#FFFFE5;
}

.unused5 {
	/* light brown */
	background-color:#EFE5E5;
}

.unused6 {
	/* light gray */
	background-color:#E5E5E5;
}

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

	DETAILS POP-UP
	
	/events/details-popup.php
	
======================================================= */


div.event-popup {
	margin:3px;
	padding:0;
}

div.event-popup p.category {
	margin:0;
	padding:5px;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

div.event-popup div.details {
	margin:0 10px 0 10px;
}

div.event-popup div.details h1 {
	margin-bottom:0em;
	padding-bottom:0em;
}

div.event-popup div.details h2.date {
	margin-top:0.3em;
}

div.event-popup div.details ul {
	margin:inherit;
}

div.event-popup div.details li {
	margin:inherit;
}

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

	DETAILS
	
	/events/details.php
	
======================================================= */


div.event h1 {
	margin-bottom:0.3em;
}

div.event p.date-time {
	font-size:100%;
	color:#444;
	font-weight:bold;
	padding-bottom:2px;
	margin:0;
	margin-bottom:15px;
	line-height:30px;
	background-image:url(../images/latest-news-bg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	border-bottom:1px solid #D4D4D4;
	clear:both;
}

div.event p.date-time span.all {
	color:#777;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:normal;
}

div.event p.date-time span.all a {
	color:#777;
}


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

	EVENTS LIST
	
	/events/list.php
	
======================================================= */


table.events-list {
	width:100%;
	font-size:90%;
}

table.events-list td {
	width:50%;
	background-color:#f8f8f8;
	border:1px solid #ddd;
	vertical-align:top;
}

table.events-list div.picture {
	width:80px;
	padding:0px;
	float:left;
	border-right:1px solid #ddd;
}

table.events-list div.picture img {
	/*border:1px solid #ddd;*/
}

table.events-list div.info {
	width:448px;
	float:right;
}

table.events-list p.date {
	font-weight:bold;
	font-size:90%;
	padding:3px 6px;
	/*margin:0 -5px;*/
	margin-bottom:5px;
	background-color:#e5e5e5;

	border-bottom:1px solid #ddd;
}

table.events-list h2 {
	font-size:110%;
	margin:0 6px;
	margin-bottom:0.5em;
}

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

	MINI CALENDAR
	
	/events/mini-calendar.php
	
======================================================= */


#mini-calendar h4 {
	color:#333;
	margin-bottom:5px;
}

#mini-calendar p {
	font-size:90%;
	margin-top:3px;;
	padding:0;
}

#mini-calendar table {
	border:1px solid #CCC;
	border-right:none;
	border-bottom:none;
	width:100%;
	margin-bottom:0;
}

#mini-calendar th {
	font-size: 80%;
	color:#fff;
	font-weight:normal;
	text-align:center;
	padding:2px;;
	background-color:#888;
	border-bottom:1px solid #fff;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	margin-bottom:0px;
}

#mini-calendar td {
	padding:2px;
	color:#000;
	font-size: 100%;
	font-weight: bold;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	text-align:center;
	border-right:1px solid #CCC;
	margin-top:0px;
	width: 14%;
	vertical-align: top;
}

#mini-calendar td.blank{
	background-color: #EEE;
}


#mini-calendar td.current{
	background-color:#FFF58F;
}



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

	Upcoming Events
	
	/events/upcoming.php
	
======================================================= */


#sidebar ul.upcoming-events li {
	margin-left:0;
}

ul.upcoming-events {
	margin-left:0;
	padding-left:0;
	list-style:none;
}

ul.upcoming-events li {
	margin-bottom:1.5em;
}

ul.upcoming-events p.meta {
	font-size:85%;
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
}

ul.upcoming-events h3 {
	font-size:100%;
	margin-top:0em;
}


ul.upcoming-events h3 a {
	font-size:90%;
	color:#9F7035;
}

ul.upcoming-events p {
	font-size:90%;
}

ul.upcoming-events span.date {
	color:#3C9F1D;
}