body {
 background: #fff;
 color: #000;
 font-family: "Georgia", "Bitstream Vera Serif", serif;
}

h1{
 color: #69b;
 font-size: 150%;
 font-family: "Bitstream Vera Sans", Arial, sans-serif;
}


/*front page */

h1.main-title {
 font-size: 30px;
 line-height: 30px;
 font-weight: bold;
 position: absolute;
 top: 22px;
 left: 1%;
 margin: 0px;
 padding: 0px;
}

a:link {
 color:#11b;
 text-decoration: none;
}

a:visited {
 color:#428;
 text-decoration: none;
}

a:visited:hover, a:link:hover{
 color:#700;
}

.songtitle {
 font-style: italic;
}

#top50 {
 background: white;
 position: absolute;
 top: 55px;
 left: 1%;
 width: 48%;
 padding-left: 1%;
}

#rightcol {
 position: absolute;
 top: 55px;
 left: 51%;
 width: 48%;
}

#newReleases, #newsbox, #footer, #footer-fixed, #info {
 padding-left: 1%;
 background: white;
 margin-bottom: 5px;
}

#footer {
 background: #fff;
 padding: 4px;
 text-align:center;
}

#info {
 background: #fff;
 padding: 0px 1%;
}

#info p {
 font-size: smaller;
}


div.top-right{
 position: absolute;
 top: 30px;
 left: 51%;
 width: 48%;
 height:25px;
 font-family: "Bitstream Vera Sans", Arial, sans-serif;
}

div.top-right a:link, div.top-right a:visited{
 font-size: 18px;
 color: #468;
 padding: 0px 4px;
 display: inline-block;
}

div.top-right a:hover{
 color: #000;
}


#news {
 margin-right: 5px;
 font-size: smaller;
 border-top: 1px #8babbd dashed;
}

/* song pages */

pre.lyrics {
 font-family: "Andale Mono", "Courier New", Courier, monospace;
 font-size: 12px;
 color: #228;
 width:220px;
}

div.lyrics {
 position: absolute;
 left: 61%;
 width: 38%;
 right: 1%;
 top: 50px;
 padding: 10px;
 background-color: #fff;
}

div.hit-main {
 position: absolute;
 background: white;
 width: 59%;
 right: 40%;
 left: 1%;
 top: 50px;
}

div.hit-main h3 {
 margin-bottom: 0px;
}

p.note {
 font-size: 0.8em;
}

div.vote {
 height: 150px;
 padding: 10px;
}

.vote img {
 vertical-align: middle;
 padding: 0px 3px;
}

div.listen {
 height:150px;
 padding: 10px 40px 10px 10px;
 float: left;
}

div.hitinfo {
 padding: 10px;
}

div.hitinfo p {
  font-size: smaller;
}

div.hitinfo a{
  font-size: larger;
}

h1.title {
 position: absolute;
 left: 1%;
 top: 18px;
 font-size: 25px;
 font-weight: 100;
 margin: 0px;
 color: #58a;

}

h2 {
 font-size: 110%;
 font-weight: normal;
 color: #610;
}

h3 {
 font-size: 105%;
 font-weight: normal;
 color: #610;
}

/*chart trends */

/* more top 50 stuff */

#top50 div, div.history div {
  padding: 5px 0px;
}

#top50 b {
  vertical-align: middle;
  float: left;
  /*display: block;*/
  display:inline-block;
  padding: 7px 4px 6px 3px;
  width: 25px;
  font-size: 16px;
  font-family: Arial, sans-serif;
  text-align: center;
}


#flashPlayer {
  display: inline-block;
}




.even b{
  color: #555;
  background: url(/includes/even.png) no-repeat top left;
}

.d4 b{
  color: #048;
  background: url(/includes/d4.png) no-repeat top left;
}
.d3 b{
  color: #137;
  background: url(/includes/d3.png) no-repeat top left;
}
.d2 b{
  color: #236;
  background: url(/includes/d2.png) no-repeat top left;
}
.d1 b{
  color: #435;
  background: url(/includes/d1.png) no-repeat top left;
}

.u4 b{
  color: #a70;
  background: url(/includes/u4.png) no-repeat top left;
}
.u3 b{
  color: #951;
  background: url(/includes/u3.png) no-repeat top left;
}
.u2 b{
  color: #742;
  background: url(/includes/u2.png) no-repeat top left;
}
.u1 b{
  color: #643;
  background: url(/includes/u1.png) no-repeat top left;
}

/* song titles */
.even a.songtitle{
  color: #446;
}
.d4 a.songtitle{
  color: #679;
}
.d3 a.songtitle{
  color: #578;
}
.d2 a.songtitle{
  color: #467;
}
.d1 a.songtitle{
  color: #346;
}

.u4 a.songtitle{
  color: #f40;
}
.u3 a.songtitle{
  color: #e73;
}
.u2 a.songtitle{
  color: #954;
}
.u1 a.songtitle{
  color: #645;
}


body.player h1.title {
 font-size: 28px;
 top: 12px;
 left: 5%;
 color: #610;
}


/* navigation bar */

div.topright-fixed {
 padding: 1px 6px 1px 6px;
 text-align: center;
 position: absolute;
 top: 5px;
 right: 5px;
 z-index: 12;
 opacity:0.5;
 font-family: "Bitstream Vera Sans", Arial, sans-serif;
 font-weight: 800;

}

* > div.topright-fixed {
 position: fixed;
 color: #666;
}

div.topright-fixed:hover {
 opacity: 0.99;
  background: #fff;
}

div.topright-fixed a:link {
 color: #048;
}

div.topright-fixed a:visited {
 color: #037;
}

div.topright-fixed a:hover {
 color: #000;
}