/*** These are styles specific to the homepage ***/

#main .scrollbox {
	background-color: #092844;
	overflow: auto;
}

#main .scrollbox table td {
	padding: 8px 5px 8px 0px;
	background: url(/images/home/item_background.gif) no-repeat bottom right;
}

#main .scrollbox .first {
	padding-top: 0;
}

#main .scrollbox p {
	margin: 2px 0px; padding: 0;
	line-height: 1.1em;
}

#main .scrollbox .date {
	font-size: 10px;
	color: #ccc;
}

#main .scrollbox .artist {
	font-size: 12px;
	color: #e0e0e0;
	font-weight: bold;
}

#main .scrollbox .supporting {
	font-size: 10px;
	color: #ccc;
}

#main .scrollbox .links {
	font-size: 11px;
	color: #ccc;
}

#main .scrollbox a{
	font-size: 11px;
	font-weight: bold;
	color: #d17100;
	text-decoration: none;
}

#main .scrollbox a:hover{
	color: #f0a82f;
	/*text-decoration: underline;*/
}

/* sizes for specific scrollboxes */
#main #justadded {
	width:239px; height:276px;
}
#main #justadded table {
	width: 222px;
}
#main #upcomingshows {
	width:239px; height:212px;
}
#main #upcomingshows table {
	width: 222px;
}


#main #spotlight {
	width:483px; height:212px;
	background-color: #092844;
}

.text-status-other {
	font-weight: bold;
	color: #b69b00;
}

.text-status-sold-out {
	font-weight: bold;
	color: #b80000;
}

td.spotlightLeft {background:transparent url(/images/home/spotlight_left.jpg) repeat-y;width:27px;}
td.spotlightRight {background:transparent url(/images/home/spotlight_right.jpg) repeat-y;width:22px;}
td.upcomingLeft {background:transparent url(/images/home/upcoming_shows_left.jpg) repeat-y;width:22px;}
td.upcomingRight {background:transparent url(/images/home/upcoming_shows_right.jpg) repeat-y;width:27px;}