body { margin: 0; padding: 0; font: 12px/18px Arial, serif; color: #fff; background: #000}
h1, h5, span, ul, li { margin: 0; padding: 0; }
h5 { font-size: 14px; }
table, tr, td { margin: 0; padding: 0; border-collapse: collapse; }
.clear { height: 0; line-height: 0; clear: both; }
.logo-holder table, .logo-holder td { text-align: center; width: 100%; }
.logo-holder td img { margin-top: -30px; }
.main-body-wrapper { background: url(../images/bg.jpg) top center repeat-x fixed; }
.main-content-wrapper { width: 900px; margin: 0 auto; }
.main-content-wrapper .main-content { padding: 35px 0 25px 0; background: rgba(0, 0, 0, .7); z-index: 20; position: relative; }
.left-content-sidebar-wrapper { padding: 40px 0 0 0; margin: 0 40px; background: url(../images/left-content-sidebar-wrapper-bg.png) 0 0 no-repeat; z-index: 20; position: relative; }
.left-content { width: 520px; float: left; }
.sidebar { width: 250px; float: right; }
.main-logo { width: 900px; height: 135px; margin: 0 auto; text-align: center; }
.main-logo img{ float:left;margin: 30px 0 0 0; }
.now-playing { background: rgba(0, 0, 0, 0.7); width: 430px; max-width: 430px; padding: 0 10px; height: 30px; vertical-align: middle; display: table-cell; border-radius: 5px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.now-playing span { font-weight: Bold; color: #ffd497; }
.main-footer { height: 48px; margin: 30px 0 0 0; padding: 33px 50px 0 50px; background: rgba(255, 255, 255, .1); font-size: 11px; font-weight: bold; text-shadow: #000 0 1px 0; }
.main-footer div { float: right; }
.heading { padding: 4px 0; margin: 0 0 25px 0; overflow: hidden; color: #ff8a00; }
.heading span { font-size: 21px; float: left; }
.sidebar-item { padding: 0 0 45px 0; overflow: hidden; }
.sidebar .just-played .list { margin: 0 0 -24px 0; }
.sidebar .just-played .list .item { padding: 26px 0 24px 0; background: url(../images/border-2.png) top left repeat-x; overflow: hidden; }
.sidebar .just-played .list .item:first-child { padding: 0 0 24px 0; background: none; }
.sidebar .just-played h5 { max-height: 38px; overflow: hidden; margin: -4px 0 5px 0; font-weight: normal; font-size: 14px; line-height: 21px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.sidebar .just-played h5 { text-decoration: none; color: #ffd497; }
.sidebar .just-played .info { padding: 0 0 12px 0; font-size: 11px; font-weight: bold; color: #9e9e9e; text-shadow: #000 0 1px 0; overflow: hidden; }
.sidebar .just-played .info a { color: #9e9e9e; }
.sidebar .just-played .info a:hover { color: #ffba00; }
.sidebar .just-played .info .time { padding: 0 20px 0 19px; background: url(../images/ico-time-1.png) 0 2px no-repeat; float: left; }
.player { padding: 20px 0; float:right; margin-top: 5px;}
.player .jp-audio { width: 450px; height: 59px; background: url(../images/player-bg.png) 0 0 no-repeat; position: relative; border: none; }
div.jp-interface ul.jp-controls { list-style-type:none; margin:0; padding: 0; overflow:hidden; }
div.jp-audio ul.jp-controls { width: 380px; padding:20px 20px 0 20px; }
div.jp-interface ul.jp-controls li { display:inline; float: left; }
div.jp-interface ul.jp-controls a { display:block; overflow:hidden; text-indent:-9999px; }
a.jp-play, a.jp-pause { width:40px; height:40px; }
a.jp-stop { margin-left:10px; }
a.jp-mute, a.jp-unmute { width:18px; height:15px; margin-top:12px; }
div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; }
div.jp-volume-bar { position: absolute; overflow:hidden; width:46px; height:5px; cursor: pointer; }
div.jp-audio div.jp-volume-bar { top:37px; left:330px; }
div.jp-volume-bar-value { width:0px; height:5px; }
div.jp-current-time { width:60px; font-size:.64em; font-style:oblique; }
div.jp-current-time { float: left; display:inline; }
div.jp-jplayer { width:0px; height:0px; }
div.jp-jplayer { background-color: #000000; }
div.jp-audio ul.jp-controls { position: absolute; height: 22px; width: 500px; padding: 0 !important; margin: 0 !important; }
div.jp-audio ul.jp-controls li { margin: 0; padding: 0; }

div.jp-audio div.jp-type-single div.jp-interface { height: 36px !important; padding: 16px 0 0 20px; width: 480px; position: relative !important; background: none; }
div.jp-audio a.jp-play { width: 20px; height: 22px; background: url(../images/player-buttons.png) 0 0 no-repeat; display: block; position: absolute; cursor: pointer; }
div.jp-audio a.jp-play:hover { background: url(../images/player-buttons.png) 0 0 no-repeat; }
div.jp-audio a.jp-pause { width: 20px; height: 22px; background: url(../images/player-buttons.png) -1px -23px no-repeat; display: block; position: absolute; cursor: pointer; }

div.jp-audio div.jp-type-single div.jp-progress { width: 220px !important; height: 10px !important; background: #000; border-radius: 10px; border-bottom: 1px solid #505050; position: absolute !important; top: 21px !important; left: 54px !important; }
div.jp-audio div.jp-seek-bar { height: 10px; background: #000; border-radius: 10px; border-bottom: 1px solid #505050; }
div.jp-audio div.jp-play-bar { height: 10px; background: url(../images/player-play-bar.png) 0 0 repeat-x; border-radius: 10px; }

div.jp-current-time, div.jp-duration { position: absolute; color: #fff; font-style: normal; font: bold 11px Arial, sans-serif; }
div.jp-current-time { width: auto; left: 295px; top: 19px; }
div.jp-duration { width: auto; left: 335px; top: 19px; display:none; }
div.jp-audio div.jp-volume-bar { position: absolute; top: 21px !important; left: 365px !important; width: 64px; height: 10px; background: #000; border-radius: 10px; border-bottom: 1px solid #505050; }
div.jp-audio div.jp-volume-bar-value { height: 10px; background: url(../images/player-play-bar.png) 0 0 repeat-x; border-radius: 10px; }

div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { position: absolute !important; display: block; }
div.jp-audio div.jp-type-single a.jp-mute { width: 17px; height: 18px; left: 315px; top: 2px; background: url(../images/player-mute.png) 0 0 no-repeat; margin: 0; }
div.jp-audio div.jp-type-single a.jp-unmute { width: 17px; height: 18px; left: 315px; top: 2px; background: url(../images/player-mute.png) 0 -18px no-repeat; margin: 0; }