/* HTML ELEMENTS */

a {
  color: #2786C2;
  text-decoration: none;	
}

a:hover {
  color: #F57F27;	
}

/* MAIN PAGE LAYOUT */

body {
  background-color: #624F41;
  color: #3E3E3E;	
}

#header {
  background: #624F41 url('/images/header.jpg') no-repeat top center;	
}

#header-inner {
  width: 980px;
  margin: auto;
}

#logo {
  padding: 50px 0 20px 0;
}

#page-top {
  height: 30px;
  background-image: url('/images/rounded_corners_top.jpg');	
}

#page {
  background-color: #FFF;
  width: 980px;	
  margin: auto;	
}

#columns {
  background-color: #FFF;
}

#main {
  width: 640px;	
  background-color: #FFF;
  float: left;
}

#sidebar-right {
  width: 340px;  /*main.width + sidebar.width = page.width*/
  float: right;
  background-color: #FFF;
}

#footer {
  background-color: #624F41;
  clear: both;
  padding-top: 20px;
  color: #969696;
  padding: 1em;	
}

#postscript {
  background-color: #624F41;
  padding: 4em 1em 1em 1em;	
  color: #969696;	
  font-size: 75%;
}

#page-bottom {
  height: 30px;
  background-image: url('/images/rounded_corners_bottom.jpg');	
}


#main .content {
  padding: 0 1em 0 2em;
}

#sidebar-right .content {
  padding: 0 1em 1em 1em;
}

#menu {

}

#menu .menu-item {  
  margin-bottom: 0.75em;	
}

#menu .menu-item h2{
  margin: 0;	
}

#menu .menu-item h2 a {
  background-image: url('/images/background-menu-item-inactive.gif');	
  height: 43px;
  width: 285px;
  padding-top: 20px;
  padding-left: 20px;
  display: block;
  margin: 0;
}


#menu .menu-item a.active{
 background-image: url('/images/background-menu-item-active.gif');	
}

#menu .menu-item a:hover{
 background-image: url('/images/background-menu-item-hover.gif');	
}

#menu .menu-item a.active:hover{
 background-image: url('/images/background-menu-item-active-hover.gif');	
}

/* Follow */

#follow {
  width: 281px;
  border: 2px solid #F57F27;
  border-radius: 15px;	
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;	
  padding: 10px;
  margin-bottom: 10px;
  font-family: arial;
}

#follow .icon {
  float: left;	
  width: 50px;
}

#follow .instructions{
  float: left;
  padding: 3px 0 0 10px;
  font-weight: bold;
  width: 200px;	
}

#follow .instructions h5{
  float: left;
  margin: 0;
  font-size: 121.9%;
  color: #624F41;	  
}

#follow .instructions h2.follow-us{
  float: left;
  margin: 0;
  color: #F57F27;
}

#follow .instructions h5.on {
  padding: 6px 0 0 3px;
}

#follow .instructions a.twitter{
  display: block;
  float: left;
   padding: 5px 0 0 3px;
}

/* Links */

ul.links {
 list-style: none;	
 margin: 0;
}

ul.links li {
  list-style: none;
  display: inline;
  margin: 0;
}

ul.links li a {
  display: block;
  float: left;
  margin-right: 1.0em;	
  padding-left: 1.5em;
  font-weight: bold;
  font-family: arial;
}

ul.links-icon li.listen a {
  background: transparent  url('/images/icon-listen.png') no-repeat;	
}

ul.links-icon  li.buy a {
  background: transparent  url('/images/icon-buy.png') no-repeat;	
}

ul.links-icon  li.vote a {
  background: transparent  url('/images/icon-vote.png') no-repeat;	
}

/* The Chart */

.chart {

}

.chart h1.title{
  margin-top: -0.5em;
  margin-bottom: 0.5em;
  padding-left: 4px;
  color: #2786C2;	
  font-size: 142%;

}

.chart h5.date{
  font-style: italic;
  color: #F57F27;	
  margin: 0;
}

.entry {
  background: url('/images/background-entry-bottom.jpg') no-repeat bottom;	
  margin-bottom: 1.5em;	
}

.entry .on-hover,
.entry .on-expanded{
  display: none;	
}

.entry-inner {
  background: url('/images/background-entry-top.jpg') no-repeat left top;		
  padding: 1em;
}

.entry .title h3,
.song .title h3
{
  margin: 0;
  color: #624F41;	
}

.entry .artist h4,
.song .artist h4
{
  color: #969696;
  margin-top: 0.25em;	
  margin-bottom: 0.75em;
}

.entry .thumbnail {
  float: left;	
  margin-right: 15px;
}

.entry .thumbnail .button {
  width: 75px;
  height: 75px;
  margin-top: -75px;
}

.entry .widget{
  display: none;	
}

.entry .info{
  float: left;	
  width: 375px;
}



.numvote {
  display: block;
  float: right;	
  width: 75px;
  height: 75px;
  background: url('/images/background-vote-passive.jpg') no-repeat bottom;
  color: #624F41;
  cursor: pointer;
}

.numvote .text {
  width: 75px;
  height: 75px;	
}

.numvote .checkmark {
  width: 75px;
  height: 75px;	
  background: url('/images/background-vote-active.jpg') no-repeat;
}

.numvote .number{
	padding-top: 10px;
  font-weight: bold;
  font-size: 250%;
  text-align: center;	
}

.numvote .label{
  font-weight: bold;
  text-align: center;	
}

.full-track {
  margin-top: 160px;
}

.full-track ul.links li a {
  font-weight: normal;
  margin-right: 0;
}

.entry div.close {
  float: right;
  font-weight: bold;	
}

.entry div.close{
  display: none;
  clear: both;
  float: right;
  margin-top: -15px;
}

/* The Tweety Bird */

#bird {
  float: right;
  margin-top: 58px;
  margin-right: -205px;
  width: 240px;
  height: 70px;
}

#sample-vote {
  width: 210px;
  height: 60px;
  background-color: #EDF8FC;
}

#bird .static h3{
  margin: 0 0 0.25em 0;
  text-align: center;
  color: #624F41;
}


#bird .static h3.countdown{
	margin: 0;
	color: #F57F27;
	text-align: center;
}



#count-vote {
  float: right;
  margin-top: 167px;
  margin-right: 125px;
  text-align: right;
  color: #F57F27;	
  width: 230px;
}

#count-vote h3{
  margin: 0;	
}

.vote {
  font-family: arial;  
  
}

.vote .icon{
  float: left;
  margin-right: 1.0em;
  width: 50px;
  height: 50px;
}

.vote .icon img {
  border: 2px solid #CCC;	
}

.vote .info {
  float: left;
  width: 140px;	
}


.vote .who {
  font-size: 85%;	
}

.vote .what {
  color: #969696;
  font-size: 85%;		
}

.vote .title h4{
  margin: 0.2em 0 0 0;
  font-size: 85%;	
}

.vote .artist h5{
  color: #969696;
  margin: 0 0 0.2em 0;
  font-size: 85%;	
}

/* Featured Song*/
.song {
  background-color: #FBD0AE;
  border-radius: 10px;	
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 1em;
  margin-bottom: 2em;
}

.song .baseline {
  clear: both;
  
}

.song .baseline .position {
  float: left;	
  margin: -25px 10px 0 265px;	
  font-size:165.61%;  
  font-weight: bold;
  color: #624F41;
  font-family: arial;
}

.song div.close{
  float: right;
  font-weight: bold;
  margin-top: -15px;	
}

.widget {
  width: 250px;
  height: 250px;
  float: left;
  margin-right: 15px;	
}

.widget .not-available{
  background-color: #CCC;
  color: #624F41;
  font-weight: bold;
  font-size: 138.5%;
  padding: 60px 25px;
  height: 130px;
  text-align: center;
}