@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
.clear {clear:both;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
body {font: 100% Verdana, Arial, Helvetica, sans-serif;	background: #000; color:#f6efe6;}
h1 {font: normal 26px Verdana, Arial, Helvetica, sans-serif; color:#fff; display:inline;}
h2 {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:16px;}
h2 span {color:#ef953e;}
h3 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#9096bc; margin:14px;}
h3 span {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#767bbc;}
h4 {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color:#ef953e;}
h5 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#99e613; border-bottom:1px dotted #c16038; margin:14px 16px; padding-bottom:3px;}
div#container {width:819px; margin:0.5em auto 2em auto;}
a:link, a:visited {color:#ef953e; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:1px;}
a:hover {color:#fff;}
img {border:0;}
ul {list-style-type:none;}
/*********************** header ***********************/
div#header {background:url(images/sback.gif); padding:0 0 5px 0;}
div.topMenu {background:#3e3160; margin:5px 1px 0 1px;}
div.topMenu p {float:left; width:750px; margin-top:2px;}
div.topMenu p a {margin-left:20px;}
div.topMenu a, div.topMenu a:visited {color:#767bbc; letter-spacing: 0.2em;}
div.topMenu a:hover {color:#fff;}
div.topMenu img {margin:2px 0 2px 4px;}
/*********************** mainContent ***********************/
div#mainContent, div#footer {float:left; width:797px; border:1px solid #526573; border-style:none solid;}
div#mainContent {font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; padding:0 10px; background:#1A1428;}
div#mainContent .contentBox {border:1px dotted #666; background:#000; margin:16px;} 
div#mainContent p {margin:14px; text-align:justify; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
div.spotlight {float:left; width:146px; text-align:center; margin-right:10px;}
div.spotlight img {padding: 0 0 5px 0;}
div.listen {float:left; width:220px; margin-right:10px;}
div.listen ul {padding:5px 0 0 0;}
div.listen ul li {padding:0 0 1px 0;color:#21e8ff;}
div.listen a, div.listen a:visited, div.links a, div.links a:visited {color:#21e8ff;}
div.listen a:hover, div.links a:hover {color:#fff;}
div.interviews {float:left; width:168px; margin-right:10px;}
div.interviews ul {padding:5px 0 0 0;}
div.interviews ul li {padding:0 0 10px 0;}
div.latestnews {float:left; background:#3e3160; width:223px; height: 165px; color:#9096bc; padding:5px; text-align:justify; font-weight:normal;}
/*********************** artists by style ***********************/
div.contentBox ul.artistHead {font-size:14px; width:735px; padding:14px;}
div.contentBox ul.artistHead li {float:left; text-align:center; width:183px;}
div.contentBox ul.artistListing {margin-top:5px;}
div.contentBox ul.artistListing li {text-align:left; font-size:10px; border-top:5px solid #ffd050;  width:173px; padding:5px 0 14px 10px; line-height:18px; }
div.contentBox ul.artistListing li.jazz {border-top:5px solid #ad1fff;}
div.contentBox ul.artistListing li.rock {border-top:5px solid #bf0000;}
div.contentBox ul.artistListing li.electronic {border-top:5px solid #54ff18;}
/*********************** catalog ***********************/
div.catalog span img, ul.description, ul.data {float:left; padding:4px;}
div.catalog span img {padding-right: 8px}
ul.description li, ul.data li, ul.data li a {line-height:16px;}
ul.description li {width:155px;}
ul.data li {width:100%;}
/*********************** contact ***********************/
div.mailForm {padding:14px; letter-spacing:1px;}
div.mailForm span {display:block; width:100%; color:red; border-bottom:1px dotted #666; text-align:center; padding-bottom:12px; }
div.mailForm ul {margin:0 auto; font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
div.mailForm ul em {color:#9096bc;}
div.mailForm ul li {padding-top:8px; text-align:center;}
div.mailForm ul .button {width:100px;}
/*********************** interview ***********************/
div.interview h3 {font: normal 12px Verdana, Arial, Helvetica, sans-serif; margin:16px 14px 5px 14px;}
div.interview h2.signature {font: italic 14px  "Times New Roman", Times, serif; text-align:right; letter-spacing:2px;}
div#mainContent div.interview p {margin:0 14px 14px 14px;}
div#mainContent div.interview img {float:right; margin:14px 14px 7px 14px;}
/*********************** artist's page ***********************/
div.bio {margin:14px 16px 0 16px;}
div.bio img {float:left; width:250px; margin:0 10px 10px 0;}
div.bio h5 {margin:14px 0 14px 260px;}
div#mainContent div.bio p {margin: 14px 0;}
div.bio span {float:right; width:30%; text-align:right; padding: 10px 0}
div.discography p span {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#ef953e;}
div#mainContent div.discography p {float:left; width: 150px; text-align:center; margin:8px;}
div#mainContent div.discography p img {padding:4px;}
div.discography div.contentBox ul {float:left; width: 220px; margin: 26px 0 0 6px; font-weight:normal; }
div.discography div.contentBox ul.right {width:180px;}
div.photos img {border:1px solid #000;}
div.photos {margin: 14px 16px;}
div#mainContent object {margin: 0 16px;}
/*********************** footer ***********************/
div#footer {color:#9096bc; font: bold 10px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; 
padding:5px 10px 0 10px;}
div.dotline {margin-bottom:5px;}
div.latestreleases {float:left; width:480px;}
div.latestreleases p {float:left; width:120px; text-align:center; margin:5px 0 5px 0;}
div.links {float:left; width:285px; margin:0 0 0 10px;}
div.links p {margin: 10px 0;}
div.copy {background:url(images/sd.gif) no-repeat; height:71px; text-align:center; color:#767bbc; font-size:9px; letter-spacing: 2px;} 
div.copy p {padding-top:30px;}
div.menubtm {text-align:center; margin-top:10px;}
div.menubtm a, div.menubtm a:visited {color:#7a7563; padding:0 15px 0 0;}
div.menubtm a:hover {color:#ef953e;}