/* =====================================================================	
	 	home.css
========================================================================		
   	Author: Ben Browning
   	Date: Jan 2009
------------------------------------------------------------------------
	Comments
	
	Homepage specific styles
	 	 	
========================================================================*/ 

/* Homepage Styles
------------------------------------------------------------------------*/


/* use faux column background */
#home div#content {						
	background: #fff url(../img/structure/spring/bg_home_news.gif) top left repeat-y;
	overflow: hidden;
	height:1%;
	padding: 0.83em 0;
}
#home div#leftCol {
	background: #CCDFD7;
	width: 573px;
	margin: 0 10px;	
	float:left;
	display:inline;
	border:0;
}
#home div#rightCol {
	width: 357px;
	margin: 0 0 0 10px;	
	float:left;
	display:inline;
}
#home div#rightCol h2, #home div#rightCol h2 a, #home div#rightCol h2 a:visited{
	color: #1aa7b3
}

/* wider promos on home page */
#home div.promo {
	border-width: 0 0 2px 0;
	padding: 0 0 0.83em 0;
	margin: 0.83em 0;
	background-position: bottom right;
}
#home div.promo.mailing {
	padding-right: 170px;
	padding-top: 1.5em;
}

#home #footer {
	margin-top: 0;
}
/* news on home page
------------------------------------------------------------------------*/
ul#news li {
	border-bottom: 2px solid #A5C6B8;
	min-height: 12.5em;
	overflow: hidden;
	height: 1%;
	padding-bottom: 0.83em;		/* = 10px */
	margin-bottom: 0.83em;
}
ul#news li.last {
	border-bottom:0;
}
ul#news li img {
	border: 2px solid #fff;
	float:right;
	margin: 0 0 0 3em;
}
ul#news li h3 {
	color:#008800;
	font-family: Georgia, Times, Arial;
	margin:0;
}
ul#news li h3 span {
	font-size: 0.75em;
	font-weight: normal;
}

/* What do you want to do? selector */
a#optionSelect{
	background: #333 url(../img/structure/bg_select_bar.gif) center right no-repeat;
	display:block;
	line-height: 28px;
	color: #fff;
	padding: 0 0.5em;
	font-weight: bold;
	height: 1%;
}
a#optionSelect:hover {
	color: #fff !important;
}
ul#options {
	margin:0 32px 0 0;
	background: #333;
}
ul#options li{
	border: 1px solid #333;
}
ul#options a{
	color:#fff;
	display: block;
	padding: 0.1em 0.5em;
}
ul#options a:hover{
	color:#333;
	background: #fff;
}

/* Events Calendar */
div.calendarDay {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 0.83em;
	margin-bottom: 0.83em;
	overflow: hidden;
	height: 1%;
	font-size: 0.9em;
}
div.calendarDay.last {
	border-bottom: 0;
}
div.calendarDay h3 {
	font-family: Georgia;
	font-weight: bold;
	font-size: 1em;
	margin:0;
}
ul.calendarList {
	float:left;
	width: 320px;
}
ul.calendarList li {
	padding: 0 0 0.2em 15px;
	background-position: left 0.33em;
	background-repeat: no-repeat;
	overflow: hidden;
}
ul.calendarList.key {
	width: auto;
}
ul.calendarList.key li {
	float:left;
	margin-right:1em;
}
ul.calendarList li.walks { background-image: url(/img/structure/bullet_walks.gif) }
ul.calendarList li.concerts { background-image: url(/img/structure/bullet_concerts.gif) }
ul.calendarList li.literary { background-image: url(/img/structure/bullet_literary.gif) }
ul.calendarList li.family { background-image: url(/img/structure/bullet_family.gif) }
ul.calendarList li.string { background-image: url(/img/structure/bullet_opera.gif) }
ul.calendarList li.exhibitions { background-image: url(/img/structure/bullet_exhibitions.gif) }
ul.calendarList li.films { background-image: url(/img/structure/bullet_film.gif) }

ul.calendarList li span.time {
	width: 65px;
	float: left;
}

ul.calendarList li a {
	color:#333;
	font-weight: normal;
	float: left;
	width: 200px;
}