/* BODY - Adjustment for Feature */
body{
	padding: 154px 0 0 0 !important; 	/* 154px top margin */
	xbackground-image: url("/_site/test/18px_grid.gif");
	background-position: 0px 8px;
}

/* PAGE WRAPPER */

div#content{
																				xoutline: 1px solid blue;
	margin: 1em 2.875em;
}

/* EVENTS & RIGHT COLUMNS */
div#event_list{
	width: 66.5%;
	float: left;
																				xoutline: 1px solid red;
}

div#right{
	
	width: 27%;
	float: right;
																				xoutline: 1px solid green;
}
/* SECTION HEADERS */

h2{
	font-weight: bold;
	padding-bottom: 1em;	/* 18px */
	height: 1em;			/* 18px */
	overflow: hidden;
	font-size: 1.125em;		/* 18px */
	xbackground-color: yellow;
}
h2 span
{
	font-weight: bold;
	font-size: 1em;		/* 18px */
	line-height: .85em;	/* ~15px - Safari & Firefox */
	float: left;
	margin-right: .5em;	/* 9px */
																				xfont-variant: small-caps;
	/*text-transform: Uppercase;*/
	letter-spacing: 1px;
	vertical-align: top;
}
h2 span strong{
	color: #fff;
	letter-spacing: 0px;
}
h2 small{
	overflow: hidden;
	width: 17px;
	height: 17px;
	float: left;
	display: none;	/* Temporary Until Glue is fixed */
}
h2 small a{
	display: block;
	overflow: hidden;
	width: 17px;
	height: 17px;
	padding-left: 17px;
	background-image: url("/_site/img/rss.png");
	background-repeat: no-repeat;
	background-position: bottom left;
}
div#right h3{
	font-size: 1em;			/* 16px */
	line-height: 1em;	/* 18px  */	
	font-weight: bold;
	text-transform: uppercase;
	text-align: justify;
	height: 1.125em;
	padding-bottom: 1.125em;
																				xoutline: 1px solid red;	
}



																				/* EVENTS */
div#event_list{
	text-align: center;
}
div#event_list ul{
	border: 1px solid #ecebeb;
	margin-top: -1px;
	margin-bottom: -1px;
}


div#event_list span.comma,
abbr.date.dtstart sup{
	display: none;
}

div#event_list abbr.date,
div#event_list span.month abbr,
div#event_list span.weekday abbr{
	text-transform: Uppercase;
	text-decoration: none;
	border: none;
	text-align: center;
}

div#event_list li{
	height: 3.375em;	/* 18px x 3 Rows High */
	display: block;
	overflow: hidden;
}
li div.vevent{
	background-color: #ffffff;
}
li.odd div.vevent{
	background-color: #ecebeb;
}
div#event_list li div.vevent{
	height: 3.375em;	/* 54px */
}
div#event_list li div.details{
	height: 3.375em;	/* 48px */
	padding: 0 .5em;	/* .5em = 8px */
	overflow: hidden;
}
div#event_list h3,
div#event_list p.description{
	float: left;
	text-align: left;
}
div#event_list h3 span{
	color: #cc0000;
	font-weight: bold;
	line-height: .875em;
	vertical-align: top;
}
div#event_list span.location{
	float: right;
	text-align:right;
}
div#event_list span.location,
div#event_list h3,
div#event_list p.description{
	width: 40%;
}
div#event_list abbr.date{
	height: 3.375em;	/* 54px */			
	display: block;
	width: 4em;			
	margin: 0 auto -3.375em auto;	/* 54px */
	overflow: hidden;
}

div#event_list abbr.date strong span.weekday,
div#event_list abbr.date strong span.month,
div#event_list abbr.date strong span.day{
	display: block;
	position: absolute;
	width: 4em;
	text-align: center;
	height: 1.125em;			/* 18 px */
	overflow: hidden;
}
div#event_list abbr.date strong span.month abbr,
div#event_list abbr.date strong span.weekday abbr
{
	font-size: .75em;		/* 12px */
	line-height: 1.45em;	/* ~ 18px - Safari & Firefox */
	display: block;
	color: #999999;
	font-family: courier;
	letter-spacing: 1px;
	font-weight: bold;
	height: 1.5em;			/* 18px */
}
div#event_list abbr.date strong span.month abbr{
	margin-top: .25em;	/* ~2px - Safari & Firefox */
}
div#event_list abbr.date strong span.weekday abbr{
	margin-top: -.25em;	/* ~2px - Safari & Firefox */
}

div#event_list abbr.date strong span.weekday{
	margin: 2.25em 0 0 0;		/* 2.25em = 36px = 2rows of 18px */
	padding: 0 0 2.25em 0;
}

div#event_list abbr.date strong span.month{}

div#event_list abbr.date strong span.day{
	margin: 1.125em 0 0 0;		/* 1em = 18px */
	letter-spacing: 2px;
}
div#event_list abbr.date strong span.day span{
	font-weight: bold;
	display: block;
	text-align: center;
	height: 1.125em;		/* 18px */
	line-height: 1.2em;		/* ~18px - Safari & Firefox */
	overflow: hidden;
}
																				/* Spacing Above top lines */
div#event_list span.location,
div#event_list h3{
	margin-top: .5625em;	/* 9px */
}

div#event_list span.location{
	height: 2.25em;			/* 2.25em = 36px = 2rows of 18px */
}

																				/* BAND NAME & CITY */
div#event_list h3,
div#event_list span.location span{
	height: 1.125em;		/* 1.125em = 18px = 1 row of 18px */
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1em;
	line-height: 1.2em;
	color: #666666;
}
div#event_list h3 a{
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
}
																				/* VENUE & SHOW TIME */
div#event_list span.location em.venue,
div#event_list p.description{
	font-size: .75em;		/* 12px */
	line-height: 1.6em;		/* ~18px - Safari & Firefox */
	color: #666666;
	display: block;
	height: 1.5em;			/* 18px */
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
div#event_list span.location em.venue a{
	line-height: 1.5em;		/* 18px */
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	display: block;
}
																				/* SORT BY ARTIST */
div#right ul li a{
	font-size: .75em;	/* 12px */
	height: 1.5em;		/* 18px */
	line-height: 1.6em; /* ~18px - Safari & Firefox */
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	padding-left: .5em;
}
div#right ul li a:hover{
	color: #ffffff;
	background-color: #000000;
}
div#right ul li b a{
	background-color: #e5e5e5;
	font-weight: bold;
}