﻿

div#event {
	font-family: Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #ccc;
	padding: 10px 0 20px 0;

}

#eventDetails {
	float:left;
	width: 544px;
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0px 0;
	clear:left; 
	background-color: White;
}
#eventWrap { 
	float:left; 
	width: 310px; 
	padding-top: 10px;
}

div#eventTitle {
    font-size: 24px;
    padding-top: 10px;
}

div#eventMonth {

	font-size: 15px;
	font-weight: normal;
	/*color: #fff;
	background: #b99a54;*/
	text-transform:uppercase;
	padding: 2px 0 0px 8px;
	
	height: 24px;
	/*padding-top: 5px;
	outline: red 1px solid;*/
	position:relative;
	float:left;
	width: 544px;

}

.reikCMS #eventMonth{
	color: #000;
	background: #d1d1d1;

}

.taylorCMS #eventMonth{
	color: #fff;
	background: #b99a54;

}

.keithCMS #eventMonth{
	color: #fff;
	background: #999;

}

.yesCMS #eventMonth{
	color: #fff;
	background: #999;

}

.greendayCMS #eventMonth{
	color: #fff;
	background: #f2b522;

}

.donavonCMS #eventMonth{
	color: #fff;
	background: #9b9e29;

}

.hsCMS #eventMonth{
	color: #fff;
	background: #999;

}

.hstsCMS #eventMonth{
	color: #fff;
	background: #f5a828;

}

div#eventDateInfo {
    /*font-size: 36px;*/
    background: url(/images/date_bg.png) no-repeat;
    height: 52px;
    width: 52px;
    float: left;
    margin-right: 10px;
    margin-top:10px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
#showButton{
	float:right; 
	width:155px; 
	margin-bottom:10px;
}

/* ======= EVENT LIST ========== */

/*
<eventList>
    <eventListHeader />
    <eventListDetail>
        <eventListArtist />
        <eventListLocation />
    </eventListDetail>
</eventList>

*/

div#eventList

{
    width: 364px;
    height: 307px;
    background: #260700;
    
    
}

