/*
 * 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: Luke McDonald (lukemcdonald.com)
 * Skin Design: Orman Clark (premiumpixels.com)
 * Skin Version: 3.0 (jPlayer 2.0.0)
 * Date: 20th December 2010
 */
div.jp-interface {
  position: relative;
  width: 100%;
  z-index: 2;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
  border-radius: 10px;

  box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
  background: rgb(58,59,60);
  background: url(jplayer-brown_to_red.png) 0 -210px;
}
.jp-interface { height: 30px; }
.jp-controls {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.jp-controls li { display: inline; }
.jp-controls a {
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
}

div.jp-controls-holder {
	clear: both;
	/*width:440px;*/
	margin:0 auto;
	position: relative;
	overflow:hidden;
	top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}


a.jp-play,
a.jp-pause {
  width: 33px;
  height: 30px;
  z-index: 1;
  outline: none;
  top: 0;
  left: 0;
  border-right: 1px solid #242526;
}

a.jp-play { background: url(jplayer-brown_to_red.png) 0 0 no-repeat; }
a.jp-play:hover { background-position: -33px 0; }
a.jp-pause { 
  background: url(jplayer-brown_to_red.png) 0 -30px no-repeat; 
  display: none;
}
a.jp-pause:hover { background-position: -33px -30px; }
.jp-progress-container {
  padding: 10px 10px;
  margin-left: 34px;
  margin-right: 5px;
  height: 9px;
  border-left: 0px solid #323334;
  border-right: 0px solid #242526;
}
.jp-progress { 
  /*width: 98%;*/
  height: 6px;
  padding: 1px;
  background: url(jplayer-brown_to_red.png) 0 -192px repeat-x ;
}
.jp-seek-bar {
  width: 0px;
  height: 5px;
  cursor: pointer;
  background: url(jplayer-brown_to_red.png) 0 -163px repeat-x;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.jp-play-bar {
  width: 0px;
  height: 5px;
  background: url("jplayer-brown_to_red.png") 0 -133px repeat-x ;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.jp-volume-bar-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 85px;
  height: 6px;
  padding: 12px 10px;
  border-left: 1px solid #323334;
}
.jp-volume-bar {
  position: relative;
  overflow: hidden;
  background: url(jplayer-brown_to_red.png) 0 -192px repeat-x;
  width: 50px;
  height: 9px;
  cursor: pointer;
  top: 0;
  left: 18px;
}
.jp-volume-bar-value {
  width: 79%;
  height: 5px;
  margin: 1px;
  background: url(jplayer-brown_to_red.png) 0 -133px repeat-x;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
a.jp-mute,
a.jp-unmute {
  width: 17px;
  height: 13px;
  z-index: 1;
  outline: none;
  top: 9px;
  right: 60px;
}

div.jp-audio div.jp-time-holder {
	position:absolute;
	top:14px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
	left:50px;
	/*width:92%;*/
}

div.jp-current-time,
div.jp-duration {
	/*width:50%;*/
	font-size:.76em;
	font-weight:900;
	color:#E1D1AF;
}
div.jp-current-time {
	float: left;
	display:inline;
	text-align: left;
	/*left:100px;*/
}
div.jp-duration {
	float: right;
	display:inline;
	text-align: right;
}


a.jp-mute { background: url(jplayer-brown_to_red.png) -10px -68px no-repeat; }
a.jp-mute:hover { background-position: -43px -68px; }
a.jp-unmute { background: url(jplayer-brown_to_red.png) -10px -98px no-repeat; }
a.jp-unmute:hover { background-position: -43px -98px; }

/* @group current time and duration */