/*
===================
 Event List Layout
===================

<ul id="cal">

	<li class="event">
		<div class="date">

			<!-- ONLY OUTPUT FOR MULTI-DAY EVENTS -->
			<div class="start-date">
				<div class="weekday"></div>
				<div class="day"></div>
				<div class="month"></div>
				<div class="year"></div>
			</div>
			<!-- ONLY OUTPUT FOR MULTI-DAY EVENTS -->

			<div class="end-date">
				<div class="weekday"></div>
				<div class="day"></div>
				<div class="month"></div>
				<div class="year"></div>
			</div>
		</div>
		<div class="info_block">
			<h3>[Event Title]</h3>
			<span class="time"></span>
			[Event Location]
			[Event Details]
		</div>
	</li>

</ul>

=======================================
*/
/*
a.rss-link {
	display:block;
	height:16px;
	float:right;
	background:transparent url(images/icon-rss.png) right top no-repeat;
	padding-right:20px;
	line-height:16px;
}
*/
#eventlist_nav {
	font-size: 1.1em;
	margin-bottom: 0.3em;
}

ul#eventlist {
	list-style: none;
	margin: 1em 0 1.5em 0;
	padding: 0;
   width: 100%;
   bborder: 2px solid #0000FF;

}


#eventlist li.event {
	overflow: hidden;
	display: table;
   width: 100%;
	ffloat:left;
   cclear: both;
   bborder:2px solid #000000;
	margin-bottom: 1.5em;
}

#eventlist .date {
	wwhite-space: nowrap;
   width: 10%;
	float: left;
	margin: 0px 6px 1.5em 0px;
   bborder: 2px solid #00FF00;
}

#eventlist .multi-date {
	background: url(../images/date-separator.png) center no-repeat;
}

#eventlist .start-date, #eventlist .end-date {
	float: left;
	text-align: center;
	width: 100%;
	border-radius: 5px;
   border: 1px solid #000000;
	background-color: #f0f0f0;
   margin-bottom: 6px;
}

#eventlist .start-date {
	float: left;
}

#eventlist .end-date {
	mmargin-left: 0.8em;
}

#eventlist .weekday {
	font-size: 0.9em;
	text-transform: uppercase;
}

#eventlist .day {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
   color:#FF0000;
	margin-bottom: -0.2em;
}

#eventlist .month {
	text-transform: uppercase;
	font-size: 0.9em;
	line-height: 1em;
	padding: 0.4em 0 0.4em 0;
}

#eventlist .year {
	font-size: 0.8em;
	line-height: 0.8em;
	letter-spacing: 0.1em;
	padding-bottom: 0.3em;
}

#eventlist .info_block {
	float:left;
   margin: 0 0 0 0px;
   padding: 10px 10px 10px 10px;
   background-color:#FFFFFF;
   hheight:150px;
   width: 85%;
   border: 1px solid #C0C0C0;
}

#eventlist .info_block h3 {
	clear: none;
   line-height: 0.8em;
   margin-bottom:0px;
}
#eventlist .info_block img {
	border: 1px solid #333333;
   padding: 3px;
   width:90px;
   height:90px;
}

#eventlist .time {
	font-weight: bold;
	padding-right: 0.8em;
   line-height:1.5em;
   margin:0px;
}

#eventlist .details {
	font-size: 0.9em;
   line-height: 1.4em;
   margin: 0px;
   cclear:left;
}