@import "dtr/headings.css";

a {
	cursor: hand; 
	cursor: pointer; 
}

.hot { 
	color: #f49900;
}

/* BANNER ADS */
.ad-a img {
	filter: Gray; 
	border: 1px solid #333; 
}
.ad-a:hover img {
	filter: none; 
}
.ad-c img, .ad-b img {
	border: 5px solid #333; 
}

.ad-a, .ad-b, .ad-c  { 
	font-size: 8px; 
	text-decoration: none; 
}
.ad-a:hover, .ad-b:hover, .ad-c:hover { 
	text-decoration: none; 
	color: #f49900; 
}




/* STAFF PROFILES */

.staff { 
	margin-top: 10px; 
}
.staff h3 { 
	margin: 0px; 
	font-size: 14px;
	font-weight: bold;  
}
.staff h4 { 
	margin: 0px; 
	font-size: 13px; 
}



#buttons img { 
	padding-right: 12px; 
}

/* HOMEPAGE BLACKBOXs */
a span.blackbox {
	display: block; 
	margin: 0px; 
	width: 100%; 
	padding-right: 5px; 
	padding-left: 5px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	background: #000;
	opacity:.8;filter: alpha(opacity=80); -moz-opacity: 0.8; 
}

a:hover span.blackbox { 
	display: block; 
	background: #f49900; 
	text-decoration: none; 
	color: #000;
}

a.pickoftheday, a.feature {
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px; 
	display: block;
	border: 1px solid #333;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	background: center top no-repeat #000 url(images/stripes/grey-5px.png);
	text-align: right; 
	margin: 2px; 
	float: left; 
}
a:hover.pickoftheday, a:hover.feature {
	border: 1px solid #f49900;
	text-decoration: none;
}

a.pickoftheday { 
	padding-top: 129px; 
	width: 304px;
}
a.feature { 
	padding-top: 66px; 
	width: 92px;

}










/* CHART STYLES */
.chart {
	display: block; 
}

.chart a:link, .chart a:visited, .chart a {
	display: block; 
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	clear: both; 
	width: 100%; 
	padding: 3px; 
}
.chart a:hover  {
	background: #f49900;
	color: #000000;
	text-decoration: none;	
}








/* Image transparentcies */ 
img {
   behavior: url(pngbehavior.htc);
}







/* Albums for sale */
.album { 
	float: left; 
	padding: 0px; 
	width: 145px;
	margin-bottom: 5px;
    margin: 5px;
    text-align: center;  
    font-size:14px; 
    font-weight: bold; 
    text-transform: uppercase; 
}

.album img { 
	display: block; 
	float: left;
	padding-right: 5px; 
}

.album a:link, .album a:visited {
	text-decoration:none; 
}





/* POLAROID STYLES */ 
.polaroid, .polaroid-dark, .polaroid-stripe, .polaroid-none { 
	float: left;
	font-weight: bold; 
}

.polaroid a {
	display:block; 
	padding: 5px; 
	background: #FFFFFF; 
	color: #000000;
	text-decoration:none;
	margin-top: 5px;
	margin-right: 5px;
	text-align: center; 
}

.polaroid a:hover { 
	background: #f49900; 
	color: #FFFFFF;
	text-decoration:none; 
}

.polaroid-none a {
	display:block; 
	padding: 5px; 
	margin-top: 5px;
	margin-right: 5px;
	text-decoration:none; 
}

.polaroid-none a:hover { 
	color: #f49900;
	text-decoration:none; 
}


.polaroid-dark a {
	display:block; 
	padding: 5px; 
	background: #333333; 
	color: #FFFFFF;
	text-decoration:none;
	margin-top: 5px;  
	margin-right: 5px;  
}

.polaroid-dark a:hover {
	background: #f49900; 
	color: #FFFFFF;
	text-decoration:none; 
}

.polaroid-stripe a {
	display:block; 
	padding: 5px; 
	background: url(images/stripes/grey-10px.png); 
	color: #FFFFFF;
	text-decoration:none;
	margin-top: 5px;  
	margin-right: 5px;  
}

.polaroid-stripe a:hover {
	background: url(images/stripes/grey-10px.png); 
	color: #f49900;
	text-decoration:none; 
}








.stripe { 
	width: 100%; 
	background: url(images/stripes/grey-5px.png); 
}





.watermark {
	background-image: url(images/watermark.gif);
	background-repeat: no-repeat;
	background-position: center center;	
}





/* TOP RIGHT USER DETAILS */ 
.userdetails { 
	color:#999999; 
	font-weight:normal; 
	font-size:10px; 
}
.userdetails a { 
	color:#AAAAAA; 
	text-decoration:none; 
}

.userdetails a:hover { 
	color:#CCCCCC; 
	text-decoration:underline; 
}





.rightcol { 
	width:220px; 
}




.leftcol { 
	width:160px; 
}


img.bt { vertical-align: bottom; }

ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
	
img {
	border:0;
}

.colorbox a {
	height:10px;
	width:10px;
	float:left;
	display:block;
	margin: 2px;
}

.imagecredit { 
	font-size: 8px;
	text-align: right;  
	float:right; 
	clear: both; 
}

.imageborder {
	border: 5px solid #FFFFFF;	
}

td {
	vertical-align:top; 
}

a { 
	text-decoration:underline;
	color:#CCCCCC;
}
a:hover {
	text-decoration:underline;
	color:#EFEFEF;
}
a .hotlink { 
	color: #f49900; 
}

fieldset {
	padding:10px; 
}

#message {
	color: #f49900;
	padding: 25px;
	border: 1px dotted #f49900;	
	text-align:center;
	display:block;
	font-size: 20px; 
}

body {
		padding-top: 5px; 
		margin: auto; 
		width: 920px; 
		background:#000000; /* url(images/stripes/fatfade.gif) repeat-x fixed center bottom;*/
		font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
		font-size:10px;
		color:#FFFFFF;
}

html { 
	height: 100%; 
}
	
#heading {
	font-size:1em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:left;
}
#heading span {
	font-size:10px;
	position:relative;
	font-weight:lighter;
	text-transform:capitalize;
	top:-28px;
}
#heading span a {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	padding:2px;
}
#heading span a:hover {
	color:#f49900;
}	
h4 {
	font-size:1.3em;
}

.searchbox {
	display: block;  
	padding-left: 10px; 
	float: left; 
	background: url(images/playlist-head3.gif) top left no-repeat; 
	width: 210px; 
	margin-bottom:-9px;
}
h3 a {
	font-size:11px;
	color:#EEEEEE;
	text-decoration:none;
	text-transform:uppercase;
	display: block;  
	float: left; 
	padding: 0px; 
	margin-right: 3px;
	margin-bottom: 4px;  
}
h3 a:hover {
	color:#999999;
	text-decoration: none; 
}
.h3active, .h3active:hover {
	color:#666666;
	text-decoration: none; 
}

.formtext, input, textarea {
	color: #FFFFFF;
	background-color: #202020;
	border: 1px solid #CCCCCC;
	padding: 3px;
}

#searchform {
	padding:0px;
	padding-bottom:15px;
	margin:0px;
}

h2, h3, h4 {
	margin:5px;
	margin-left:0px;
	margin-top:10px;
	padding:0px;
	vertical-align:text-bottom;
}
.footer {
	text-align:center; 
	color: #999999;
	margin: 0;          /* flush with .main */
	padding: 1% 2%;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #666666;
}
.footer a:link, .footer a:active, .footer a:visited {
	color: #999999;
	text-decoration: none;
}
.footer a:hover  {
	color: #f49900;
	text-decoration: none;	
}



.altrow1 {
	background: #000000 repeat-x top left url(images/stripes/000000b.png);
	padding: 8px;
}

.altrow2 {
	background: #000000 repeat-x top left url(images/stripes/000000a.png);
	padding: 8px;
	
}
.altrow1 strong, .altrow2 strong { 
	color: #f49900; 
}
label {
	width: 5em;
	float: left;
	text-align: right;
	margin-right: 3em;
	display: block; 	
	padding-right: 10px;
}


#playlistScroll {
	overflow:auto;
	width:210px;
	height:350px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	
	/* background: url(images/stripes/grey-5px.png); */
	background: #000000 repeat-x bottom left url(images/stripes/fatfade.gif);
	color: #AAAAAA;
	/*Scrollbar-Face-Color:#000000;
	Scrollbar-Arrow-Color:#FFFFFF;*/
	padding-left: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-right: 0px; 
	margin: 0px; 
}

.playlistbuttons a:link, .playlistbuttons a:active, .playlistbuttons a:visited {
	color: #FFFFFF;
	font-size:9px;
	text-decoration: none;
	padding:4px;
	width:190px;
	border-top:1px solid #111111; 
	display:block;
	text-transform: uppercase;
}
.playlistbuttons a {
	display:block;
}

.playlistbuttons a:hover {
	color: #000000;
	background: #f49900;
}

*html .playlistbuttons {
	width:100%;
}
.playlist-right { 
	float:right;
	font-size:9px; 
	color: #CCCCCC; 
}

.playlisthead, .playlisthead a {
	padding-right: 5px; 
	font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
	color:AAAAAA; 
}

.playlisthead a:hover {
	color:CCCCCC;
	text-decoration:underline;  
}

.dim a { 
	color: #CCCCCC; 
}

h1 { 
	margin-top: 0px; 
	text-align: right; 
	font-size: 36px; 
	color: #222222; 
	margin-bottom: -30px; 
}



/* REGULAR H2s */
h2 a {
	text-decoration:none;
	color:#f49900;
}
h2 a:hover {
	text-decoration:underline;
	color:#f49900;
}
h2 {
		padding: 0; 
        margin: 0; 
		font-size:22px;
		color:#f49900;
}


/* UPPERBANNER H2s and/or DIVs */

.upperbanner a {
	text-decoration:none;
	color:#000000;
}
.upperbanner a:hover {
	text-decoration:underline;
	color:#000000;
}
.upperbanner {
	width: 325px; 
	background: url(images/upperbanner-2.gif) top repeat-x; 
	color:#000000;
	padding-top: 10px; 
	padding-left: 5px; 
	padding-right: 5px;
	padding-bottom: 12px;
	margin-bottom: -2px; 
}



h2.classy { 
/*	background: url(images/h/h2b.png) left top no-repeat;
	margin-bottom: 0px; 
	padding-bottom: 5px; 
*/	 
}




h4 a {
	color: #FFFFFF;
	text-decoration:none;
}


/* MAP STYLES */
#map {
 font-size:9px; 
 border: 5px solid #FFFFFF;
 color:#000000;
}
#map a {
 color:#f49900;
}



/* TOOL TIP */
.toolTipElement, .plToolTipElement {
	/* cursor: help;*/
}

.tool-tip {
	color: #fff;
	width: 172px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(images/bubble.png) bottom right;
}




/* Scroll Bar Master Styling Starts Here */

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: #666666;
}
.vscrollerbar {
	width: 10px;
	background-color: #FFFFFF;
}
.hscrollerbase {
	height: 10px;
	background-color: #FFFFFF;
}
.hscrollerbar {
	height: 10px;
	background-color: #f49900;
}

.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: #666666;
}


#kwick {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
}

#kwick .kwicks {
	display: block;
	background: url(trac.gif) top right no-repeat;
	height: 100px;
}

#kwick li {
	float: left;
	list-style: none;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 80px;
	width: 125px;
	padding: 10px;
	background: #fff;
	border-right: 5px solid #1d1d20;
}

#kwick .kwick span {
	display: none;
}







#ticker.enabled * {
	margin: 0;
	padding: 0
}
#ticker.enabled     {
	font-size: 10px;
	line-height: 20px;
	background: #101010;
	white-space: nowrap;
	margin: 0;
	height: 20px;
	overflow: hidden;
	border: solid 1px #333;
	width: 660px; 
	position: relative;
	top: 0px;
	left: 0px;
}
#ticker.enabled ul {
	position: relative;
	top: 0;
	left: 0;
}
#ticker.enabled li  {
	list-style-type: none;
}
#ticker.enabled li a {
	color: #FFF;
	padding-right: 0.5em;
	padding-left: 1.4em;
	text-decoration: none;
	display: block;
}
#ticker.enabled li a:hover {
	color: #fff;
	background: #222
}