/* ------------------------------  effects  ---------------------------- */

a.musicRoll { float:left; border: 1px solid black; }
a.musicRoll:hover { border: 1px solid #9b1725; }

#selectRoll a { 
	float: left; width: 270px; height: 53px; color: white; 
	margin-bottom: 2px; text-decoration: none; background-color: #5b0e16;
}

#selectOn { 
	float: left; width: 270px; height: 53px; 
	text-decoration: none; background-color: #b31b2a;
}

#selectRoll a:hover { background-color: #b31b2a; color: #999999; text-decoration: underline; } 

#selectRoll a:active { background-color: #5b0e16; color: white; }

#playlistRoll a { 
	float: left; width: 225px; height: 24px; 
	text-decoration: none; color: white; margin: 0px 0px 2px 2px; display: inline; 
	background-color: #393939;
}

#playlistRoll a:hover { background-color: #212121; color: #999999; text-decoration: underline; } 

#playlistRoll a:active { background-color: #393939; color: white }

/* ------------------------------  layout  ----------------------------- */

#musicContainer {
	position: absolute; left: 21px; top: 266px; width: 768px; 
	overflow: auto;
	background: url('../img/music/back-mid.gif');
}

#musicContent {
	width: 768px; 
	overflow: auto;
	background: url('../img/music/back-top.jpg') no-repeat;
}

#musicBot {
	float: left; width: 768px; height: 31px;
	background: url('../img/music/back-bot.gif') no-repeat;
}

#musicLeftCol {
	float: left; width: 130px;
	padding: 49px 0px 0px 15px; 
}

#musicRightCol {
	float: right; width: 520px; 
	margin: 70px 37px 0px 0px; display: inline; 
	padding-left: 12px;
	background: url('../img/music/content-grad-back.gif') no-repeat;
	background-position: left top; 
}

#footerContainer {
	width: 768px; padding-top: 28px; height: 90px; 
	background: url('../img/generic/footer-grad.jpg') no-repeat;
	background-position: 0px 14px;	
	background-color: #383838;
}