/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 2.0
 * Date: 29th April 2010
 */

.music-box { padding: 30px 0 20px; font-size: 1em; }

span.player-title { font-size: 1.3em; font-family: 'IM Fell English'; }

span.mp3-divider { display: block; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 4px solid #fff; }

#right div.jp-single-player a, #right div.jp-playlist-player a { border: none; padding: 0; } 
#right div.jp-single-player a:hover, #right div.jp-playlist-player a:hover { background: none; }
 
div.jp-single-player, div.jp-playlist-player { font-size:1em; line-height:1.6; color: #666; }

div.jp-interface { position: relative; width:270px; height:40px; }
div.jp-single-player div.jp-interface { border-bottom:none; }
 
div.jp-interface ul.jp-controls { list-style-type:none; padding:0; margin: 0; }
div.jp-interface ul.jp-controls li { position: absolute; }
div.jp-interface ul.jp-controls a { display: block; position: absolute; overflow:hidden; text-indent:-9999px; }

a.jp-play, a.jp-pause, a.jp-stop { top:3px; width:25px; height:25px; }
div.jp-single-player a.jp-play, div.jp-single-player a.jp-pause { left:10px; }

a.jp-play { background: url("../images/button.png") 0 0 no-repeat; }
a.jp-play:hover { background: url("../images/button.png") -27px 0 no-repeat !important; }

a.jp-pause { background: url("../images/button.png") 0 -26px no-repeat; }
a.jp-pause:hover { background: url("../images/button.png") -27px -26px no-repeat !important; }

a.jp-stop { background: url("../images/button.png") 0 -51px no-repeat;}
div.jp-single-player a.jp-stop { left:40px; }
a.jp-stop:hover { background: url("../images/button.png") -27px -51px no-repeat !important; }

div.jp-progress { position: absolute; overflow:hidden; top:	10px; background-color: #ddd; width:185px; height:20px; -moz-box-shadow: 0 0 3px #aaa; -webkit-box-shadow: 0 0 3px #aaa; box-shadow: 0 0 3px #aaa; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
div.jp-single-player div.jp-progress { left:70px; }
div.jp-load-bar { background: #ccc; width:0px; height:20px; cursor: pointer; }
div.jp-play-bar {	background: #aaa; width:0px; height:20px; }

div.jp-play-time, div.jp-total-time { color: #000; position: absolute; top:11px; width:30px; font-size:.8em; overflow: hidden; }
div.jp-single-player div.jp-play-time, div.jp-single-player div.jp-total-time { left:220px; }
div.jp-playlist-player div.jp-play-time, div.jp-playlist-player div.jp-total-time { left:180px; }