#event-detail {
	width: 660px;
	margin-right: 20px;
	float: left;
}

.extra-info .booked-out {
				position: absolute;
				top: 17px;
				right: -2px;
			}

#event-detail .extra-info {
	float: right;
	width: 240px;
	margin-top: 30px;
	position: relative;
}

	#event-detail .extra-info h3 {
		font-weight: bold;
		font-size: 93%;
		margin-bottom: 5px;
		color: #00b1d3;
	}
	
	#event-detail .extra-info ul {
		margin-bottom: 10px;
		background: #00b1d3;
		padding: 5px;
	}
	
		#event-detail .extra-info ul li.last,
		#event-detail .extra-info ul li.only {
			border-bottom: none;
		}
	
		#event-detail .extra-info ul li {
			font-size: 85%;
			border-bottom: 1px solid #85daea;
			padding: 5px;
			color: #fff;
		}
		
		#event-detail .extra-info ul li label {
			font-weight: bold;
		}
	
		#event-detail .extra-info ul li a {
			display: block;
			text-decoration: none;
			color: #FFF;
			text-align: left;
		}
		
			#event-detail .extra-info ul li a:hover {
				color: #85daea;
			}

#event-detail .desc {
	width: 310px;
	float: left;
	margin-right: 20px;
}

#event-detail .desc a.register-interest {
	background: #ff9900;
	color: #FFF;
	padding: 5px;
	display: block;
	text-decoration: none;
	font-size: 93%;
	font-weight: bold;
}

	#event-detail .desc a.register-interest:hover {
		background: #ffcc33;
	}

	#event-detail .desc h2 {
		font-size: 138.5%;
		font-weight: bold;
		color: #00b1d3;
		margin-bottom: 10px;
	}
	
	#event-detail .desc .image {
		margin-bottom: 10px;
	}
	
	#event-detail .desc ul {
		padding-left: 20px;
	}
	
	#event-detail .desc ul li {
		list-style: square;
		font-size: 93%;
		color: #666;
		margin-bottom: 5px;
	}	

	#event-detail .desc .description {
		margin-bottom: 10px;		
	}
	
		#event-detail .desc .description p {
			margin-bottom: 10px;
			font-size: 93%;
			line-height: 19px;
			color: #333333;
		}

#event-detail .calendar {
	float: left;
	width: 70px;
	margin-right: 20px;
	background: url(../img/calendar-icon.png) no-repeat;
	color: #FFF;
	height: 70px;
}

#event-detail .calendar .month {
				text-transform: uppercase;
				font-size: 85%;
				font-weight: bold;
				line-height: 16px;
				margin-left: 10px;
				margin-top: 8px;
			}
			
			#event-detail .calendar .day {
				text-align:center;
				font-weight: bold;
				font-size: 197%;
				margin-top: 27px;
				line-height: 18px;
				color: #000;
			}


		#event-list {
			background: #191a1d;
			color: #FFF;
			padding: 10px;
			width: 240px;
			float: left;
		}
		
			#event-list  .event {
				border-bottom: 1px solid #464849;
				padding: 5px 0px;
				cursor: pointer;
			}
			
			#event-list .rollover {
				background: #303336;
			}
			
			#event-list .calendar {
				background: #FFF;
				padding: 5px;
				color: #000;
				width: 25px;
				float: left;
				margin-right: 10px;
				margin-left: 5px;
				margin-right: 5px;
			}
			
			#event-list .calendar .month {
				text-align:center;
				text-transform: uppercase;
				font-size: 77%;
				font-weight: bold;
			}
			
			#event-list .calendar .day {
				text-align:center;
				font-weight: bold;
				font-size: 123.1%;
				line-height: 14px;
			}
			
			#event-list .info {
				float: left;
				width:185px;
				margin-top: 2px;
			}
			
			#event-list .event p {
				font-size: 77%;
			}
			
			#event-list .event .separator {
				padding: 0px 3px;
			}
			
			#event-list .event .separator img {
				display: inline;
			}
			
			#event-list .event .title {
				color: #03c3e4;
				text-decoration: none;
				font-size: 93%;
				line-height: 18px;
			}
			
				#event-list .event .title:hover {
					color: #4dd7fa;
				}