body { background-color: #111; color: #fff; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; padding: 0; margin: 0;  }

/* SP Navigation Bar */
#spnav { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; background-color: #000; border-bottom: 1px #111 solid; padding: 10px 5px; margin-bottom: 10px; height: 12px; font-size: 10px; }
#spnav ul { margin: 0; padding: 0; float: left; }
#spnav ul li { list-style: none; display: inline; margin-left: 10px; text-transform: uppercase; }
#spnav ul li.title { font-weight: bold; padding-right: 10px; border-right: 1px #222 solid; }
#spnav ul li a:link,
#spnav ul li a:visited { color: #e7dabb; text-decoration: none; }
#spnav ul li a:hover { text-decoration: underline; color: #fff; }
#spnav ul li.active a:link,
#spnav ul li.active a:visited { color: #fff; }
#spnav div { float: right; margin-right: 10px; }

#content { padding: 0 50px 100px 50px; width: 700px; margin: 0 auto; }

h1#logo { color: #333; margin: 40px 0 10px 0; width: 536px; height: 66px; text-indent: -3000px; background: url('../images/fluent_title.png') -5px 0 no-repeat; }

span { color: #333; }

p { font-size: 14px; color: #999; line-height: 20px; }
p img { }

p.justify { text-align: justify;  }

p a:link,
p a:visited { color: #e7dabb; }

dl {  padding-top: 15px; border-bottom: 1px #333 solid; }
dt { font-size: 12px; color: #111; background: #e7dabb url(../images/sp_arrow.png) left center no-repeat; margin: 0 0 10px 0; padding: 10px 5px 10px 60px; }
dd { margin: 0; font-size: 14px; margin-bottom: 20px; color: #eee;  line-height: 20px; }

h2.exclusive { background: url(../images/sp_exclusive.png) top left no-repeat; text-indent: -3000px; width: 204px; height: 18px; margin: 20px 0 5px 0; }
span.trackname { margin-bottom: 5px; display: block; color: #ddd; }

ul.albums { margin: 20px auto 10px auto; width: 660px; padding: 20px 20px 10px 20px; background-color: #000; border: 1px #222 solid; }
ul.albums li { list-style: none; display: block; float: left; margin-left: 19px; text-align: center; }
ul.albums li.first { margin-left: 0; }
ul.albums li img { display: block; margin-bottom: 10px; }

.trackplayer { background-color: #000; padding: 10px; width: 680px; border: 1px #222 solid;  }
.trackplayer .track { float: left; margin-left: 60px; }
.trackplayer .track span { font-weight: bold; }

.clear { clear: both; }

img.logo { border: 1px #222 solid; }

a.coverart:link { display: block; }
a.coverart:hover {  }
a.coverart .hover { position: absolute; display: none; }
a.coverart:hover .hover { display: block; }

div.comments { text-align: center; background-color: #000; padding: 5px; border: 1px #222 solid; }
div.comments p { color: #ccc; font-size: 18px;  }
div.comments p a:link,
div.comments p a:visited { color: #fff; text-decoration: underline; }
div.comments p a:hover { text-decoration: underline; color: #fff; }


.discography { background-color: #111; margin-bottom: 20px; margin-top: 20px; }
.discography ol { margin: 0; padding: 0; color: #888; }
.discography ol li { list-style: none; line-height: 18px; } 
