﻿body, h2, h3, p, ul, ol {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	color:#cccccc;					/* skin */	
}

h2, h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
h2, h3 , ol, ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10.5px;
}
a:link, a:visited {
	text-decoration:none;
	color:#666666;					/* skin */
}
a:hover {
	text-decoration:underline;
}
a img {
	border:1px solid #4a5062;		/* skin */
}
a:hover img {
	border:2px solid #666;			/* skin */
}
#home-wrapper {
	min-width:780px;
	width:expression(document.body.clientWidth < 782? "780px" : "auto");
	_padding-bottom:1px;  /* IE6 */
}
#home-wrapper #home-inside {
	margin:0px 15px 0 15px;
}
#info-wrapper {
	min-width:780px;
	width:expression(document.body.clientWidth < 782? "780px" : "auto");
	_padding-bottom:1px;  /* IE6 */
}
#info-wrapper #info-inside {
	margin:15px 15px 0 15px;
}
#banners-wrapper {
	width:100%;
	height:90px;
	text-align:center; 
	margin-bottom:15px;
}
#banners {
	height:90px;
	overflow:hidden;
	padding-bottom:2px;
	width:750px;
}
.flash-banners {
	float:left;	
	width:238px;
	height:90px;
	border:1px solid #000;			/* skin */
	margin-right:10px;
	text-align:center;
}
.flash-banners img {
	border:none !important; /* temp - to get around borders on placeholder images */
}
.flash-banners span.no-flash a {
	text-decoration:underline;
}
.image-banners {
	float:left;	
	width:100%;
	height:90px;
	border:0px solid #000;			/* skin */
	margin-right:10px;
	text-align:center;
}
.image-banners img {
	border:none !important; /* temp - to get around borders on placeholder images */
}
.image-banners span.no-flash a {
	text-decoration:underline;
}
#home-main-content {
	margin-right:257px;				/* skin - to adjust for right column finessing - normal is 253px */
}
#home-right-column {
	width:242px;					/* skin - to finesse right column block widths - normal is 238px */
	float:right;
}
#info-main-content {
	margin-left:245px;
}
#info-main-content .content {
	height:297px;
}
#info-left-column {
	width:230px;					/* skin - to finesse right column block widths - normal is 226px */
	float:left;
}
#info-left-column .content {
	height:297px;
}
.info-image {
	text-align:center;
}
#blocks {
	clear:left;
}
.block-spacer {
	clear:left;
	height:20px;
}
.block {
	clear:left;
	margin-left:12px;
	margin-bottom:0px;				/* skin */
	_margin-bottom:15px /* IE6 */	/* skin */
}
#home-main-content .block {
	height:192px; 					/* skin */
}
#info-main-content .block {
	clear:none;
}
.block .albums {
	height:144px;					/* skin */
	padding-top:10px;				/* skin */
	overflow:hidden;
}
.block .artists {
	height:120px;					/* skin */
	padding-top:10px;				/* skin */
	overflow:hidden;
}
.block .other {
 padding: 12px 0 5px 0;	
}
.block .long-text {
	margin:12px 0 5px 0;
	overflow-y:auto; 
	overflow-x:hidden;
}
.block .long-text a:link, .block .long-text a:visited {
	color:#ff6600;					/* skin */
}

.header .titleLeft {
	float:left; 
	text-align:left;
}

/*** styles relative to scaling block backgrounds ***/
/*   kudos to Scott Schiller for the example code   */

.block .content,
.block .t,
.block .b,
.block .b div {
	background:transparent url(../Images/Pearl/block-bkgd.png) no-repeat top right;
	_background-image:url(../Images/Pearl/block-bkgd.gif); /* IE6 */
}
.block .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden; /* IE6 */ 
	padding:0px 12px 0px 0px; 
}
.block .t {
 /* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
.block .b {
 /* bottom */
	position:relative;
	width:100%;
}
.block .b,
.block .b div {
	height:12px; /* height of bottom cap/shade */
	font-size:1px;
}
.block .b {
	background-position:bottom right;
}
.block .b div {
	position:relative;
	width:12px; /* bottom corner width */
 	margin-left:-12px;
	background-position:bottom left;
}
.block p {
	margin:0; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0;
}

/*** end - scaling block backgrounds ***/

.block .header {
	white-space:nowrap; 
	overflow-x:hidden;
	position:relative;
}
.block .header h2 {
	margin-bottom:0px;				/* skin */
	padding:5px 0 5px 0;			/* skin */
	color:#cccccc;					/* skin */
}
.block .header .menu {
	position:absolute;
	top:6px;
	right:5px;
	_right:15px; /* IE6 */
	height:12px;
	text-align:right;
	font-size:11px;

}
.block .header .menu a:link,
.block .header .menu a:visited {
	text-decoration:underline;
}

.block .other-holder h3, 
.block .artist-holder h3, 
.block .album-holder h3, 
.block .playlist-holder h3, 
.block .video-holder h3 {
	margin-top:0px;
}
.block a:hover h3 {
	text-decoration:underline;
}


.album-holder {
	float:left;
	width:115px;
	margin:10px 5px 20px 0;			/* skin */
}

.other,
.album, 
.artist, 
.playlist, 
.video {
	text-align:center;
}




.other img,
.album img,
.artist img,
.playlist img,
.video img {
	margin-top:1px;
	margin-bottom:1px;
}

.other a:hover img,
.album a:hover img,
.artist a:hover img,
.playlist a:hover img,
.video a:hover img {
	margin-top:0px;
	margin-bottom:0px;
}
.artist-holder,
.playlist-holder,
.video-holder {
	float:left;
	width:220px;
	margin:10px 10px 20px 0;		/* skin */
}
ul.links {
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul.links li {
	padding-bottom:0.3em; color: #666;
}
ol.songs {
	font-weight:bold;
}
ol.songs li {
	padding-bottom:0.4em;
}
ol.songs li span {
	font-weight:normal;
}
ol.songs.two-line li span {
	line-height:1.5em;
}
.video-text {
	white-space:nowrap; 
	overflow-x:hidden;
}

/**/
.menu2 {
	position:absolute;
	top:6px;
	right:5px;
	_right:15px; /* IE6 */
	height:12px;
	text-align:right;
	font-size:11px;
	color: #cccccc;
}
.menu2 a{
	color: #cccccc;
}

.menu2 a:hover {
	color: #ff6600;
	text-decoration: none ;
}

.menu3 {
	font-size:11px;
	color: red;
}
.menu3 a{
	color: #cccccc;
}

.menu3 a:hover {
	color: #ff6600;
	text-decoration: none ;
}
/**/


/*new release*/
.NewRelTitleAlbum {
	font-weight:bold;
	font-size:11px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.NewRelTitleArtist {
	font-weight:lighter;
	font-size:11px;
	width:90px;
	overflow:hidden;
	text-overflow:ellipsis	
}
.txtartistdescat {
	font-weight: lighter
}
