* {
  margin: 0;
  padding: 0;
  border: none;
}

body, html {
  width: 100%;
  height: 100%;
  background: #000 url(images/x-axis.png) top left repeat-x;
  color: #fff;
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
}
  
#container {
  margin: 0 auto;
  width: 788px;
  background: #131315;
}

#header {
  width: 788px;
  height: 245px;
  border-bottom: 1px solid #19191b;
}

#chat_main {
  overflow: auto;
  height: 300px;
  width: 500px;
  background-color: #CCCCCC;
  border: 1px solid #555555;
}

#login {
  padding-top: 7px;
  display: block;
  float: left;
  width: 215px;
  height: 67px;
  background: #000 url(images/login_area.png) top left no-repeat;
  overflow: hidden;
}

form#login div span {
  margin: 0 3px;
  font-weight: bold;
  display: inline;
}

form#login div label {
  text-align: right;
  padding-right: 6px;
  float: left;
  clear: both;
  width: 69px;
  display: block;
}

form#login div p {
  text-align: right;
  margin-right: 15px;
  height: 18px;
  padding-top: 4px;
  clear: both;
}

form#login input {
  margin: 0;
  width: 120px;
  height: 17px;
  color: #fff;
  border: 1px solid #19191b;
  background: #000 url(images/input.png);
}

ul#navigation {
  float: right;
  clear: right;
  list-style: none;
  width: 573px;
  height: 29px;
}

ul#navigation li {
  float: left;
  height: 29px;
}

ul#navigation a {
  text-indent: -9999px;
  display: block;
  height: 29px;
  overflow: hidden;
}

a#home, a#homeSel {
  background: #000 url(images/nav.png) 0 -29px no-repeat;
  width: 55px;
}

a:hover#home, a:focus#home, a#homeSel {
  background-position: 0 0;
}

a#artists, a#artistsSel {
  background: #000 url(images/nav.png) -55px -29px no-repeat;
  width: 65px;
}

a:hover#artists, a:focus#artists, a#artistsSel {
  background-position: -55px 0;
}

a#showcases, a#showcasesSel {
  background: #000 url(images/nav.png) -120px -29px no-repeat;
  width: 84px;
}

a:hover#showcases, a:focus#showcases, a#showcasesSel {
  background-position: -120px 0;
}

a#musicVideos, a#musicVideosSel {
  background: #000 url(images/nav.png) -204px -29px no-repeat;
  width: 94px;
}

a:hover#musicVideos, a:focus#musicVideos, a#musicVideosSel {
  background-position: -204px 0;
}

a#musicProduction, a#musicProductionSel {
  background: #000 url(images/nav.png) -298px -29px no-repeat;
  width: 119px;
}

a:hover#musicProduction, a:focus#musicProduction, a#musicProductionSel {
  background-position: -298px 0;
}

a#liveWireTV, a#liveWireTVSel {
  background: #000 url(images/nav.png) -417px -29px no-repeat;
  width: 90px;
}

a:hover#liveWireTV, a:focus#liveWireTV, a#liveWireTVSel {
  background-position: -417px 0;
}

a#VIPChat, a#VIPChatSel {
  background: #000 url(images/nav.png) -507px -29px no-repeat;
  width: 66px;
}

a:hover#VIPChat, a:focus#VIPChat, a#VIPChatSel {
  background-position: -507px 0;
}

#main {
  clear: both;
  padding: 2px;
  width: 782px;
  border: 1px solid #2b2a2f;
}

#leftSide {
  float: left;
  width: 550px;
}

#news {
  float: left;
  width: 232px;
  margin-right: 1px;
}

#news p {
  margin-bottom: 1px;
  padding: 3px;
  border: 1px solid #2b2a2f;
  overflow: auto;
  background: #161616 !important;
  line-height: 1.2;
}

#news p strong {
  display: block;
}

span.line {
  display: block;
  width: 1px;
  height: 11px;
  margin: 6px 3px 4px 3px;
  float: left;
}

#out p, #releases p, #out span#viewPrev a, #ads span a img {
  width: 223px;
  margin-bottom: 1px;
  padding: 3px;
  display: block;
  clear: both;
  overflow: hidden;
  overflow-x: none;
  border: 1px solid #2b2a2f;
  background-color: #161616 !important;
}

#audio {
  width: 274px;
  margin-right: 2px;
  margin-top: 2px;
  float: left;
}

#audio div {
  width: 274px;
  background: #141416;
}

#num1 {
  background: url(images/hotaudgrad.png) top left repeat-x !important;
  overflow: auto;
}

img#albumOne {
  margin: 5px;
  width: 58px;
  height: 57px;
  float: left;
  border: 1px solid #2a292e;
}

a#listenOne {
  position: relative;
  float: right;
  display: block;
  margin: -22px 10px 0 0;
  background: url(images/listen.png);
  width: 29px;
  height: 26px;
  text-indent: -9999px;
  overflow: hidden;
}

span#artistOne {
  color: #fff !important;
  margin-top: 10px;
  display: block;
  font-weight: bold;
}

span#theNum {
  margin-top: 2px;
  display: block;
  font-weight: bold;
  color: #ff0000;
}

img.album {
  width: 58px;
  height: 57px;
  margin-right: 5px;
  float: left;
  border: 1px solid #2a292e;
}

div.hotNorm {
  background: transparent url(images/hotaudgrad.png) top left repeat-x !important;
  height: 20px;
  width: 4px;
  overflow: hidden;
  padding-top: 2px;
  margin: 1px 0;
}

span.normSong {
  margin-top: 3px;
  margin-left: 5px;
  float: left;
  display: block;
  width: 230px;
}

span.normOptions {
  text-align: left;
}

img {
  vertical-align: middle;
}

#videos {
  margin-top: 2px;
  width: 273px;
  float: left;
}

#videos div {
  width: 273px;
  overflow: hidden;
}

#nowPlayOne {
  width: 263px;
  padding: 5px;
  height: 27px;
  background: url(images/nowplaying_active.png);
}

#nowPlayTwo {
  width: 263px;
  padding: 5px;
  height: 27px;
  background: url(images/nowplaying2.png);
}

#nowPlayThree {
  width: 263px;
  padding: 5px;
  height: 27px;
  background: url(images/nowplaying3.png);
}

#videos div div {
  margin-top: 1px;
}

#videos div div span {
  display: block;
  width: 250px;
}

#out span#viewPrev a {
  text-indent: -9999px;
  width: 229px;
  height: 20px;
  padding: 0;
  background: url(images/viewprev.png);
  margin-bottom: 2px;
  overflow: hidden;
}

.artist {
  font-weight: bold;
  color: #ff0000;
  margin-right: 4px;
}

.date {
  display: block;
  float: left;
}

.song {
  margin-left: 4px;
}

#ads span a {
  text-indent: -9999px;
  margin-bottom: 1px;
  width: 229px !important;
  overflow: hidden;
  height: auto !important;
}

#ads img {
  width: 229px !important;
  height: auto !important;
  padding: 0 !important;
}

#ads span a#coke {
  padding: 0;
  background: url(images/coke.png);
}

#ads span a#pepsi {
  padding: 0;
  background: url(images/pepsi.png);
}

#spotlight {
  float: left;
  margin-left: 1px;
  width: 315px;
  overflow: auto;
}

#rightSide {
  margin-left: 1px;
  float: left;
  width: 229px;
}

#footer {
  clear: both;
  width: 762px;
  height: 30px;
  padding: 10px;
  background: #000 url(images/footer.png) top left repeat-x;
  border-top: 1px solid #201f24;
  font-family: Verdana, Arial, Tahoma;
}

#leftFoot {
  float: left;
}

#links span a {
  margin: auto 4px;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}

#links span a#active {
  color: #ff0000;
}

span#copyright {
  margin-left: 5px;
  font-size: 10px;
}

a#ampedMedia {
  display: block;
  float: right;
  margin: 0 10px 0 0;
  width: 115px;
  height: 30px;
  background: url(images/ampedMedia.png) center center no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

#artistLeft {
  width: 478px;
  float: left;
  margin-bottom: 2px;
}

#artistLeft div {
  width: 478px;
}

#artistRight {
  width: 298px;
  margin-right: 2px;
  float: right;
  margin-bottom: 2px;
}

#artistLeft p {
  padding: 5px;
}

#artistRight div {
  width: 288px;
  padding: 5px;
}

#artistRight img {
  width: 283px;
  height: 198px;
  display: block;
  margin: 0 auto 5px auto;
  background: #18171c;
  border: 1px solid #323136;
}

#artistRight p {
  padding-left: 3px;
}

#artistRight div, #artistLeft div {
  border: 1px solid #2b2a2f;
  background-color: #161616 !important;
}

p.msg {
  padding: 0 5px 10px 5px;
}

form#register input.box {
  padding: 1px;
  width: 150px;
}

/* Headers */

h1 {
  width: 788px;
  height: 171px;
  background: #000 url(images/header.png) top left no-repeat;
  overflow: hidden;
}

h2#slogan {
  float: right;
  width: 573px;
  height: 45px;
  background: #000 url(images/slogan.png) top left no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

h3 {
  height: 22px;
  margin-bottom: 1px;
  border: 1px solid #2b2a2f;
  text-indent: -9999px;
  background-color: #161616 !important;
}

h3#latestNews {
  width: 230px;
  background: url(images/headers/latestnews.png) left center no-repeat;
}

h3#theSpotlight {
  width: 313px;
  background: url(images/headers/thespotlight.png) left center no-repeat;
}

h3#outNow {
width: 229px;
background: url(images/headers/outnow.png) left center no-repeat;
}

h3#upcomingReleases {
  width: 229px;
  background: url(images/headers/upcomingreleases.png) left center no-repeat;
}

h3#hotAudio {
  width: 272px;
  background: url(images/headers/hotaudio.png) left center no-repeat;
}

h3#latestVideos {
  width: 271px;
  margin-bottom: 1px;
  background: url(images/headers/latestvideos.png) left center no-repeat;
}

h3#artistBio {
  width: 478px;
  margin-bottom: 1px;
  background: url(images/headers/artistbio.png) left center no-repeat;
}

h3#artistInfo {
  width: 298px;
  margin-bottom: 1px;
  background: url(images/headers/artistinfo.png) left center no-repeat;
}

h3#adSpace {
  width: 229px;
  margin-top: 2px;
  background: url(images/headers/adspace.png) left center no-repeat;
}

h3#chatRoom {
  width: 618px;
  float: left;
  margin-bottom: 1px;
  background: url(images/headers/chatRoom.png) left center no-repeat;
}

h3#userList {
  width: 159px;
  float: right;
  margin-bottom: 1px;
  background: url(images/headers/userList.png) left center no-repeat;
}

table {
  width: 100%;
  background: #fff;
  border-spacing: 1px;
}

caption {
  display: none;
}

tr, caption {
  background: #131315;
}

th {
  padding: 5px;
}

th.category {
  text-align: left;
}

td {
  padding: 4px;
}

a {
  color: #f00;
  font-weight: bold;
  text-decoration: none;
}

a:hover, a:focus {
  color: #fff;
}

input#loginSubmit {
  position: absolute;
  left: -9999px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 12px;
}

ul.pages a {
  border: 1px dotted #f00;
  padding: 3px;
  margin: 3px;
}

ul.pages a:hover, ul.pages a:focus, a#current {
  border: 1px solid #fff;
  background: #333;
  color: #fff;
}

#announce img { width: 545px; }