/* player area style - contains playlist and player */
.playerarea {
    margin: 0;
    padding: 10px;
    width: 590px;
    height: 240px;
    background-color: black;
}
.playerarea img {
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
}
.playerarea .splash {
    width: 320px;
    height: 240px;
}
/* player style */
.player {
    float: left;
    width: 320px;
    height: 240px;
    margin: 0 10px 0 0;
    padding: 0;
    border: 1px inset red;
}
/* playlist style */
.playlist {
    width: 255px;
    height: 240px;
    padding: 0;
    margin: 0;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
}
/* playlist entry */
.playlist a {
    display: block;
    width: 200px;
    height: 90px;
    padding: 3px 7px 3px 7px;
    background-color: #D8D8D8;
    background-image: url(../gradient.png);
    background-repeat: repeat-x;
    border: 1px solid red;
    font: 10px "bitstream vera sans", "lucida grande",verdana;
    text-decoration: none !important;
    margin: 0 0 5px 0;
    color: #181818;
}
/* different states of a playlist entry */
.playlist a:hover {
    background-color:#686868;
    text-decoration: none;
}
.playlist a.progress {
    background-color:#707070 ;
}

.playlist a.playing {
    border:1px solid #666;
    background-color:#707070 ;
}
.playlist a.paused {
    border:1px solid #666;
    background-color:#808080;
}
/* elements inside playlist entry */
.playlist a .playerleft {
    margin: 0;
    padding: 0;
    float: left;
    width: 35%;
}
.playlist a .playerright {
    margin: 8px 0 0 0;
    padding: 0;
    float: right;
    width: 65%;
}
.playlist a img {
    border:0;
    float:left;
    margin: 0;
    width: 55px;
    height: 45px;
}
.playlist a strong {
    color: red;
    padding-bottom: 5px;
}
/* thumb icon */
.playlist a .thumb {
    margin: 5px 0 5px 0;
}
/* play stuffs */
.playlist a .play {
    margin: 0;
}