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

/* collapse subnav region */
#header {height:99px;}

#main .scrollbox {background-color:#000000;overflow:auto;}
#main .scrollbox p {margin:2px 0;padding:0;line-height: 1.1em;}
#main .scrollbox .date {font-size:10px;color:#bbbbbb;}
#main .scrollbox .artist {font-size:12px;color:#7eafdd;font-weight:bold;}
#main .scrollbox .supporting {font-size:10px;color:#bbbbbb;}
#main .scrollbox .links {font-size:11px;color:#ec9211;}
#main .scrollbox a {font-size:11px;font-weight:bold;}

#main .left {float:left;width:527px;}
#main .right {float:right;width:288px;margin-top:2px;}

/* sizes for specific scrollboxes */
#homeRotatorContainer {position:relative;width:527px;height:346px;margin-left:5px;}
#homeRotator {width:527px;float:right;}
#homeRotator .static {position:absolute;top:7px;left:16px;width:503px;height:322px;overflow:hidden;}
#homeRotator .static img {float:right;position:absolute;top:0px;right:4px;_right:8px;}
#homeRotator .static h2 {height:1px;font-size:1px;line-height:1px;text-indent:-9999px;}
#homeRotator .static ul {float:left;margin:0;padding:0;width:180px;}
#homeRotator .static li {height:64px;list-style-type:none;font:bold 14px/16px Arial,Helvetica,sans-serif;}
#homeRotator .static li a {height:64px;display:block;background-color:#ec9211;color:#bbbbbb;text-decoration:none;}
#homeRotator .static li a:hover {background-color:#000099;color:#ffffff;}
#homeRotator .static span {display:block;padding:10px;}

#blogTwitterContainer {
	background: #000;
	border: 1px solid #222127;
	height: 335px;
	margin: 10px 0 0 16px;
	overflow: hidden;
	padding: 8px 0 0;
	width: 504px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 12px rgba(77,32,35,1);
	-webkit-box-shadow: 0 0 12px rgba(77,32,35,1);
	box-shadow: 0 0 12px rgba(77,32,35,1);
}
#homeTwitter,
#homeBlog {
	display: inline;
	float: left;
	overflow: hidden;
	width: 222px;
}
#homeTwitter { 
	margin: 0 19px 0;
	width: 222px;
}
#homeBlog h2 {
    border-bottom: 1px solid #192028;
    margin-bottom: 7px;
	width: 222px;
	height: 39px;
	text-indent: -9999px;
}
#homeTwitter h2 { background:transparent url(/images/home/header_twitter.png) 0 10px no-repeat; }
#homeBlog h2 { background:transparent url(/images/home/header_blog.png) 0 10px no-repeat; }

#homeTwitter ul { margin: 0; }
#homeTwitter li {
    clear: both;
    font-size: 11px;
    height: 67px;
	margin: 0 0 7px;
    border-bottom: 1px solid #192028;
    padding-bottom: 7px;
}
#homeTwitter li .tweet_time { display: block; }
#homeTwitter li .tweet_time a {
    color: #bbb;
    text-decoration: none;
}
#homeTwitter .jumpLink {
    background: url(/images/home/ico_gold_twitter.png) 0 3px no-repeat;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 21px;
}
#homeTwitter .jumpLink a {
    font-size: 12px;
    text-decoration: none;
}

#homeBlog .post {
    clear:both;
    font-size: 11px;
    height: 67px;
	margin: 0 0 7px;
    border-bottom: 1px solid #192028;
    padding-bottom: 7px;
}
#homeBlog h3 { margin-bottom: 3px; }
#homeBlog h3 a {
    color: #7eafdd;
    font-size: 13px;
    text-decoration: none;
}
#homeBlog h3 a:hover { text-decoration: underline; }
#homeBlog .jumpLink a { text-decoration: none; }

#spotlightContainer {background:transparent url(/images/home/background_spotlight.jpg) bottom no-repeat;width:532px;height:279px;}
#spotlightContainer h2 {background:transparent url(/images/home/header_spotlight.jpg) no-repeat;width:532px;height:45px;text-indent:-9999px;}
#spotlightContainer p {clear:both;height:82px;width:460px;margin:10px auto;font-size:11px;border-bottom:1px solid #060c0e;}
#spotlightContainer p.last {border:0;}
#spotlightContainer img {float:left;margin:0 15px 0 0;}
#spotlightContainer strong {color:#7eafdd;}

#justaddedContainer {background:transparent url(/images/home/background_just_added.jpg) bottom no-repeat;width:288px;} /* height set in index.php */
#justaddedContainer h2 {background:transparent url(/images/home/header_just_added.jpg) no-repeat;width:288px;height:45px;text-indent:-9999px;margin:0;padding:0;}
#justadded {width:239px;margin:0 auto;}

#upcomingshowsContainer {background:transparent url(/images/home/background_upcoming_shows.jpg) bottom no-repeat;width:288px;} /* height set in index.php */
#upcomingshowsContainer.tall {background:transparent url(/images/home/background_just_added.jpg) bottom no-repeat;}
#upcomingshowsContainer h2 {background:transparent url(/images/home/header_upcoming_shows.jpg) 5px -8px no-repeat;width:288px;height:45px;text-indent:-9999px;margin:0;padding:0;}
#upcomingshowsContainer.tall h2 {background:transparent url(/images/home/header_upcoming_shows.jpg) no-repeat;width:288px;height:45px;text-indent:-9999px;margin:0;padding:0;}
#upcomingshowsContainer.showTop h2{background:transparent url(/images/home/header_upcoming_shows_moved.jpg) no-repeat;width:288px;height:45px;text-indent:-9999px;margin:0;padding:0;}
#upcomingshows {width:239px;margin:0 auto;}

#upcomingshows div, #justadded div {width:222px;padding:10px 0;border-top:1px solid #060c0e} /* background:transparent url(/images/home/item_background.gif) top repeat-x; */
#upcomingshows div.first, #justadded div.first {border:0;padding-top:0;}

#bannersContainer {width:288px;} /* height set in index.php */

.text-status-other {font-weight:bold;color:#75e0bb;}
.text-status-sold-out {font-weight:bold;color:#ec4a11;}