/* 
Sea Sea Pro
Events Specific Styles


Created By 
Rob Wright
www.boost-creative.co.uk
--------------------------------------------------------

	Main Content
*/

#frame {
	background: #FFF url(../images/layout/backgrounds/events_header_background.jpg) no-repeat 0px 0px;
}

/*
h2 { text-transform:none; border-bottom:3px solid  #f0f0f0;}
h2 span { display:block;  margin-top:10px;}
*/

#event_image {
	float:right;
	clear:right;
	margin:0px 15px 0px 20px;
}

#event_image img{
	border:1px solid #EFEFEF;
	padding:1px;
}

/*

Event Listing 
---------------------------------------*/


#event_listing {
	border-right:1px solid #EAEAEA;
	padding:5px 20px 5px 0px;
	float:left;
	width:485px;
	margin:0px 15px 20px;

}

#event_listing .month{
	position:relative;
	border-bottom:5px solid #F4F4F4;
	margin:20px 0px 20px 0px;
	padding-bottom:20px;
}

#event_listing .month h3{ 
	position:absolute;
	right:15px;
	top:10px;
	text-transform:none;
	margin:0px;
}

#event_listing .month h3 span{ 
	display:block;
	font-size:0.4em;
}

#event_listing .month .day{
	background:#F4F4F4;
	padding:10px 0px ;
}

#event_listing .month .day h4{
	width:40px;
	background:#FFF;
	padding:4px;
	font-size:12px;
	text-align:right;
	position:absolute;
	left:-70px;
	color:#333333;
}

#event_listing .month .day h4 span{
	font-size:0.8em;
}


#event_listing .month .day h4 span{
	display:block;
	color:#999999;
}

#event_listing .month .day p a {
	font-size:10px;
	color:#999999;
	display:block;
}

#event_listing .month .day p  a strong {
	font-size:1.5em;
	font-weight:normal;
	display:block;
	color:#0397d6;
}

#event_listing .month .day p  a strong span{ 	display:block; font-size:0.6em;color: #666666 ; }

#event_listing .month .day p a:hover strong {
	color:#044059;
}

/*

Competitions
---------------------------------------*/

#competitions {
	width:230px;
	float:right;
	margin-top:0px;
	position:relative;
}

#competitions  h3{
	text-transform:none;
	top:-57px;
	position:absolute;
	font-size:1.7em;
	left:-30px;
}


#competitions ul{
	list-style:none;
	margin:30px 0px;
	padding:0px;
}
#competitions ul li { 
	color:#999999; 
	font-size:0.8em;
	margin:0px 20px 25px 0px;
	padding-bottom:25px;
	border-bottom:1px solid #EAEAEA;
}


#competitions ul li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

*html #competitions ul li{
	display: inline-block; 
	width: 100%;
}

* html ##competitions ul li {
/* Hides from IE-mac \*/
	height: 1%;
/* End hide from IE-mac */
}	

#competitions ul li a {
	display:block;
	margin-bottom:3px;
	font-size:1.7em;
}
#competitions ul li a img{
	display:block;
	float:right;
	border:1px solid #CCCCCC;
	padding:1px;
	width:65px;
	margin-left:10px;
}