/*
 * 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: 3.0 (jPlayer 2.0.0)
 * Date: 20th December 2010
 * 
 * Fork by: Emanuele Brivio
 * Date: 16th May 2011
 */
 
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

html { background: url(images/background_halo.png) center top no-repeat, url(images/background_pattern.png) repeat; }
body { font-family: Geneva, Helvetica, sans-serif; }
section#container { background: url(images/attimo.jpg); box-shadow: 0 0 10px #000; height: 648px; margin: auto; width: 740px; }
div#download { background-color: rgba(133,173,197,0.3); border-radius: 10px; cursor: pointer!important; height: 50px; line-height: 50px; margin: 15px auto; opacity: 0.4; position: relative; text-shadow: 0 2px 2px #81a2b8; width: 255px; }
div#download:hover { opacity: 1; }
	div#download img { float: left; margin-left: 10px; }
	div#download p { color: #FFF; text-decoration: none; font-size: 1.2em; }
footer { background: url(images/bottom_shadow.png) center top no-repeat; height: 50px; margin: auto; padding-top: 15px; text-align: center; width: 740px; }
footer p { background-color: #000; color: #FFF; cursor: pointer!important; display: inline; font-size: 10px; letter-spacing: 1px; margin: 0 3px; opacity: 0.3; padding: 8px; } footer p:hover { opacity: 1; } footer a { color: #FFF; text-decoration: none; }

div.jp-audio { /* Edit the font-size to counteract inherited font sizing.  * Eg. 1.25em = 1 / 0.8em  */ font-size:1em; /* No parent CSS that can effect the size in these demos */ line-height:1.6; color: #666; width:230px; margin-left: 490px; padding-top:10px; } div.jp-interface { position: relative; /* width:418px; */ width:100%; } div.jp-audio div.jp-type-playlist div.jp-interface { height:110px; } div.jp-interface ul.jp-controls { list-style-type:none; padding:0; margin: 0; } div.jp-interface ul.jp-controls li { /* position: absolute; */ display:inline; } div.jp-interface ul.jp-controls a { position: absolute; overflow:hidden; text-indent:-9999px; } a.jp-play, a.jp-pause { width:40px; height:40px; z-index:1; border-radius: 5px; box-shadow: 0 2px 0 #81a2b8; -webkit-box-shadow: 0 2px 0 #81a2b8; } div.jp-audio div.jp-type-playlist a.jp-play, div.jp-audio div.jp-type-playlist a.jp-pause { top:20px; left:48px; } a.jp-play { background: url("jplayer.blue.monday.png") 0 0 no-repeat; } a.jp-play:hover { background: url("jplayer.blue.monday.png") -41px 0 no-repeat; } a.jp-pause { background: url("jplayer.blue.monday.png") 0 -42px no-repeat; display: none; } a.jp-pause:hover { background: url("jplayer.blue.monday.png") -41px -42px no-repeat; } div.jp-audio div.jp-type-playlist a.jp-stop { top:26px; left:146px; border-radius: 3px; box-shadow: 0 2px 0 #81a2b8; -webkit-box-shadow: 0 2px 0 #81a2b8; } a.jp-stop { background: url("jplayer.blue.monday.png") 0 -83px no-repeat; width:28px; height:28px; z-index:1; } a.jp-stop:hover { background: url("jplayer.blue.monday.png") -29px -83px no-repeat; } div.jp-audio div.jp-type-playlist a.jp-previous { left:15px; top:26px; border-radius: 3px; box-shadow: 0 2px 0 #81a2b8; -webkit-box-shadow: 0 2px 0 #81a2b8; } a.jp-previous { background: url("jplayer.blue.monday.png") 0 -112px no-repeat; width:28px; height:28px; } a.jp-previous:hover { background: url("jplayer.blue.monday.png") -29px -112px no-repeat; } div.jp-audio div.jp-type-playlist a.jp-next { left:93px; top:26px; border-radius: 3px; box-shadow: 0 2px 0 #81a2b8; -webkit-box-shadow: 0 2px 0 #81a2b8; } a.jp-next { background: url("jplayer.blue.monday.png") 0 -141px no-repeat; width:28px; height:28px; } a.jp-next:hover { background: url("jplayer.blue.monday.png") -29px -141px no-repeat; } div.jp-progress { position: absolute; overflow:hidden; background-color: rgba(255,255,255,0.5); border-radius: 2px; box-shadow: 0 2px 0 #81a2b8; -webkit-box-shadow: 0 2px 0 #81a2b8; } div.jp-audio div.jp-type-playlist div.jp-progress { top:70px; left:15px; width:200px; height:10px; } div.jp-seek-bar { width:0px; /* height:15px; */ height:100%; cursor: pointer; } div.jp-play-bar { background: rgba(255,255,255,1); border-radius: 2px; width:0px; /* height:15px; */ height:100%; } /* The seeking class is added/removed inside jPlayer */ div.jp-seeking-bg { } a.jp-mute, a.jp-unmute { width:18px; height:15px; } div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute { top:32px; left:196px; } a.jp-mute { background: url("jplayer.blue.monday.png") 0 -186px no-repeat; } a.jp-mute:hover { background: url("jplayer.blue.monday.png") -19px -170px no-repeat; } a.jp-unmute { background: url("jplayer.blue.monday.png") 0 -170px no-repeat; display: none; } a.jp-unmute:hover { background: url("jplayer.blue.monday.png") -19px -186px no-repeat; } div.jp-volume-bar { position: absolute; overflow:hidden; background: url("jplayer.blue.monday.png") 0 -250px repeat-x; width:46px; height:5px; cursor: pointer; } div.jp-audio div.jp-type-playlist div.jp-volume-bar { top:37px; left:324px; display: none; } div.jp-volume-bar-value { background: url("jplayer.blue.monday.png") 0 -256px repeat-x; width:0px; height:5px; } div.jp-current-time, div.jp-duration { position: absolute; font-size:.64em; font-style:oblique; } div.jp-duration { text-align: right; } div.jp-audio div.jp-type-playlist div.jp-current-time, div.jp-audio div.jp-type-playlist div.jp-duration { top:85px; left:15px; width:200px; } div.jp-video div.jp-current-time, div.jp-video div.jp-duration { top:10px; left:0px; width:98%; padding:0 1%; } div.jp-playlist { /* width:418px; */ width:100%; border-top:none; } div.jp-playlist ul { list-style-type:none; margin:0; padding:0 15px; /* background-color:#ccc; */ /* border:1px solid #009be3; */ /* border-top:none; */ /* width:378px; */ font-size:.72em; } div.jp-type-playlist div.jp-playlist li { font-size: 1.6em; } /* div.jp-video div.jp-playlist li { padding:5px 0 5px 20px; font-weight:bold; } */ div.jp-type-playlist div.jp-playlist li.jp-playlist-last { border-bottom:none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type:square; list-style-position:inside; padding-left:8px; } div.jp-type-playlist div.jp-playlist a { color: #FFF; text-shadow: 0 2px 2px #81a2b8; text-decoration: none; display: none; } div.jp-type-playlist div.jp-playlist a:hover { color:#0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color:#0d88c1; } div.jp-type-playlist div.jp-playlist div.jp-free-media { display:inline; margin-left:20px; } div.jp-jplayer { width:0px; height:0px; } div.jp-jplayer { background-color: #000000; }