/* HOME Page Styles */

ul.events {
	display: block;
	list-style: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 520px;
}
	ul.events li, ul.events ul {
		list-style: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	ul.events li#featured {
		display: block;
		width: 490px;
		background-color: #400;
		border: 2px solid #600;
		margin: auto;
		padding: 10px;
		min-height: 150px;
	}
		ul.events li#featured.off {
			background-image: url(/_lib/public/images/SpotlightBackground.jpg);
			background-position: center;
		}
		ul.events li#featured.over {
			background-image: url(/_lib/public/images/SpotlightBackground_over.jpg);
			background-position: center;
			border-color: #800;
			cursor: pointer;
		}
			ul.events li#featured li.pic {
				display: block;
				float: left;
				width: 150px;
				height: 150px;
				margin: 0 10px 0 15px;
				border: 2px solid #400;
			}
				ul.events li#featured li.pic img {
					display: block;
					margin: 0 5px 5px 0;
					width: 150px;
					height: 150px;
					background: #000;
					border: none;
				}
			ul.events li#featured li.presented {
				font-size: 11px;
				color: #AAA;
			}
			ul.events li#featured li.headliner {
				margin-top: 2px;
				font-size: 22px;
				font-weight: bold;
				color: #FFF;
			}
			ul.events li#featured li.support {
				font-size: 14px;
				color: #DDD;
			}
			ul.events li#featured li.info {
				margin-top: 5px;
				font-size: 12px;
				color: #AAA;
			}
			
	ul.events li.other {
		display: block;
		float: left;
		width: 150px;
		margin-top: 15px;
		padding: 0 11px 0 11px;
		min-height: 200px;
		font-size: 12px;
	}
		ul.events li.other li.pic {
		}
			ul.events li.other li.pic a {
				display: block;
				width: 150px;
				height: 150px;
				padding-bottom: 5px;
				margin-bottom: 5px;
				border-bottom: 4px solid #300;
			}
			ul.events li.other li.pic a:hover {
				border-bottom: 4px solid #800;
			}
			ul.events li.other li.pic img {
				width: 150px;
				height: 150px;
				background-color: #100;
			}
		ul.events li.other li.title {
			font-size: 14px;
			font-weight: bold;
			color: #DDD;
		}
		ul.events li.other li.info {
			margin-top: 5px;
			font-size: 12px;
			color: #999;
		}