/* HERO */

div#hero h2{
	display: none;
}

div#hero li a{
	display: none !important;
}
div#hero{
	width: 100%;
	position: absolute;
	left: 0;
	top: 129px;
	height: 317px;	/* Feature(300px) + Bottom Bar(17px) */
	background-position: bottom center;
	background-repeat: repeat-x;
	background-image: url("/_site/img/bottom_border.png");
	min-width: 1000px;	/* Width of Page */
	text-align: center;
	background-color: #000000;
}

div#hero a{
	background-color: #000000 !important;
	display: block !important;
	width:100% !important;
}
div#hero a:hover{
	opacity:1.0;
}
div#hero a img{
	border: none !important;
}

/* BODY - Adjustment for Feature */
body{
	padding: 456px 0 0 0 !important; 	/* 129 = Height of Logo(71px) + Logo Padding(30px) + Navigation(28px) + hero(317px) */
	background-position: 0px 8px;
}

/* PAGE WRAPPER */
div#content{
	margin: 1em 2.875em;
																				xoutline: 1px solid blue;
}

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

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

h2{
	font-weight: bold;
	margin-bottom: 1em;	/* 18px */
	height: 1em;			/* 18px */
	overflow: hidden;
	font-size: 1.125em;		/* 18px */
}
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 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;
}

/* SECTION FOOTERS */

div#events h4,
div#news h4{
	font-size: .75em;		/* 12px */
	padding-top: 1.5em;		/* 18px */
	margin-top: -1px;
	text-transform: Uppercase;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	height: 1.5em;
	overflow: hidden;

}
div#events h4 a,
div#news h4 a{
	font-weight: bold;
	font-size: 1em;		/* 12px */
	line-height: 1.6em;	/* ~18px - Safari & Firefox */
}
div#news h4{
	border-top: 1px dashed #999999;
}


/* LEFT & RIGHT > WRAPPERS */

																				/* Top Spacing */
div#releases,
div#video,
div#events
{
	margin-top: 2.25em;
}


/* LEFT > NEWS */
div#news div.article{
	clear: both;
	margin-bottom: 1.125em;	/* 18px */
																				xbackground-color: yellow;
}
div#news br{
	display: none;
}

div#news div.article h3{
	font-size: 1em; 		/* 16px */
	padding-bottom: 1.125em;/* 18px */
}
div#news div.article h3 a{
	text-transform: Capitalize;
	font-weight: bold;
	display: block;
	line-height: 1.125em;	/* 18px */
}
div#news div.article p{
	text-align: justify;
	font-size: .75em;		/* 12px */
	padding-bottom: 1.5em;	/* 6px */
	line-height: 1.5em;		/* 18px */
}
div#news img{
	height: 90px !important;
	background-color: #ecebeb;
	width: 100px;
	float: right;
	margin-left: 1em;		/* 18px */
	margin-bottom: 1em;		/* 18px */
}


/* LEFT > RELEASES */


div#releases dl{
	margin: 0 0 0 90px; 		 /* 90px = Image Width (72px) + Image Margin (18px) */
}

div#releases dt{
	clear: both;
	height: 1em;
	font-size: 1em;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
div#releases img{
	float: left;
	margin: -1.125em 0 0 -90px; /* 90px = Image Width (72px) + Image Margin (18px) | 1.125em = line-height of dt Tag */
	width: 72px;
	height: 72px;
	overflow: hidden;
	background-color: #ecebeb;
}

div#releases dt{
	clear: both;
	padding: 0 0 0 0;
	height: 1.125em; 	/* 18px */
	font-size: 1em;		/* 16px */
	overflow: hidden;
}
div#releases dt *{
	font-weight: bold;
	line-height: 1.2em;	/* 18px */
}
div#releases dt a{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	width: 100%;
}

div#releases dd{
	margin-bottom: 1.125em;	/* 18px */
	height: 3.375em;		/* 18px x 3 rows */
}
div#releases dd ul li{
	display: inline;
}
div#releases dd ul li i{
	display: block;
	font-size: .75em;		/* 12px */
	color: #333333;
	height: 1.5em;			/* 18px */
	padding-bottom: 1.5em;	/* 18px */
	line-height: 1.6em;		/* ~ 18px - Safari & Firefox */
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
div#releases dd ul li a{
	margin-right: .75em;	/* 9px */
	font-size: .75em;		/* 12px; */
	xheight: 1.5em;			/* 18px */
	float: left;
	background-color: #4B8190;
	padding: 1px;
}
div#releases dd ul li a span{
	line-height: 1.5em;		/* 18px; */
	padding: 1px .75em;		/* 9px */
	background-color: #4B8190;
	border: none;
	color: #ffffff;
	cursor: pointer;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #ffffff;
	font-family: verdana;
	font-weight: bold;
	text-transform: Uppercase;
	font-size: 8px;
	letter-spacing: 1px;
	word-spacing: 2px;
	background-image: url("/_site/img/button/gradient.png");
	background-position: center center;
	background-repeat: repeat-x;
}
div#releases dd ul li a:hover span{
	background-color: #89B3BF;
}
div#releases dd ul li a:active span{
	background-color: #305F6D;
}

/* START - OLD BUTTON CODE */

OLD! div#releases dd ul li a{
	margin-right: .75em;	/* 9px */
	font-size: .75em;		/* 12px; */
	height: 1.5em;			/* 18px */
	float: left;
}
OLD! div#releases dd ul li a button{
	line-height: 1.5em;		/* 18px; */
	padding: 0 .75em;		/* 9px */
	background-color: #2b9fb8;
	border: none;
	color: #ffffff;
	cursor: pointer;
	height: 1.5em;			/* 18px */
	display: block;

}
OLD! div#releases dd ul li a button:hover{
	background-color: #000000;
}

/* END - OLD BUTTON CODE */


/* RIGHT > iMeem */

div#player object,
div#player embed{
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
div#player{
	padding: 5px .5em 0 .5em;	/* .5em = 8px */
	overflow: hidden;
	border: 1px solid #999999;
	height: 371px;
	background-color: #ffffff;
}

/* RIGHT > YouTube */

div#video{
	overflow: hidden;
	border: 1px solid #999999;
	height: 376px;
	background-color: #ffffff;
}
div#video object,
div#video embed{
	display: block;
	width: 100%;
	height: 376px;
}


/* RIGHT > Events */

div#events{
	text-align: center;
}
div#events ul{
	border: 1px solid #ecebeb;
	margin-top: -1px;
	margin-bottom: -1px;
}


div#events span.comma,
div#events sup{
	display: none;
}

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

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

div#events abbr.date strong span.weekday,
div#events abbr.date strong span.month,
div#events abbr.date strong span.day{
	display: block;
	position: absolute;
	width: 4em;
	text-align: center;
	height: 1.125em;			/* 18 px */
	overflow: hidden;
}
div#events abbr.date strong span.month abbr,
div#events 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#events abbr.date strong span.month abbr{
	margin-top: .25em;	/* ~2px - Safari & Firefox */
}
div#events abbr.date strong span.weekday abbr{
	margin-top: -.25em;	/* ~2px - Safari & Firefox */
}

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

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

div#events abbr.date strong span.day{
	margin: 1.125em 0 0 0;		/* 1em = 18px */
	letter-spacing: 2px;
}
div#events 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#events span.location,
div#events h3{
	margin-top: .5625em;	/* 9px */
}

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

																				/* BAND NAME & CITY */
div#events h3,
div#events span.location span{
	height: 1.125em;		/* 1.125em = 18px = 1 row of 18px */
	overflow: hidden;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1em;
	line-height: 1.2em;
	color: #666666;
}
div#events h3 a{
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
}
																				/* VENUE & SHOW TIME */
div#events span.location em.venue,
div#events 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#events span.location em.venue a{
	line-height: 1.5em;		/* 18px */
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	display: block;
}