#jplayer {
	width: 100%;
	margin: 0 auto;
}

.jp-audio {
	position: fixed;
	top: 0;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.7);
	padding-left: 107px;
	z-index: 2000;
    -moz-box-shadow:    0 0 40px 0 #000;
    -webkit-box-shadow: 0 0 40px 0 #000;
    box-shadow:         0 0 40px 0 #000;
}

#jplayer_contents {
	padding: 10px 10px 0 0;
}

#jplayer ul,
#jplayer li {
	margin: 0;
	padding: 0;
}

ul.jp-controls {
	height: 40px;
}


#jplayer .jp-playlist {
	clear: both;
	display: block;
	margin:0 -10px 0 -10px;
	max-height: 500px;
	width: 802px;
	overflow: auto;
	overflow-x:hidden;
	padding: 0 0 10px 0;
	-webkit-border-radius:  0 0 1em 1em;
	-moz-border-radius:  0 0 1em 1em;
	border-radius: 0 0 1em 1em;
}
#jplayer .jp-playlist li {
	clear: both;
	height:20px;
}
#jplayer .jp-playlist li a {
	display: block;
	background: #0e0e0d;
	border-top: 1px dotted #161616;
	height:20px;
	width: 810px;
	clear: both;
	float: none;
	padding-left: 110px;
}
#jplayer .jp-playlist li a:hover {
	background: #10100f;
}
#jplayer .jp-playlist li a.jp-playlist-current {
	background: #10100f;
	color: #fff;
}
.jp-current-time,
.jp-duration,
.jp-shuffle,
.jp-repeat,
li a.jp-volume-max,
li a.jp-stop,
li a.jp-mute {
	display: none;
}


#jp-playlist-show-hide {
	position: absolute;
	left: 845px;
}
#jplayer ul {
	list-style: none;
}
#jplayer li {
	float: left;
}

a.jp-close,
a.jp-more,
a.jp-less,
a.jp-previous,
a.jp-next,
a.jp-play,
a.jp-pause {
	display: block;
	text-indent: -4000em;
	width: 28px;
	height: 28px;
	background: #222;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-right: 2px;
}

a.jp-previous {
	background: #13e5f8 url("jp-back.png") 6px 8px no-repeat;
}
a.jp-next {
	background: #13e5f8 url("jp-next.png") 7px 8px no-repeat;
}
a.jp-play {
	background: #a8df00 url("jp-play.png") 10px 8px no-repeat;
}
a.jp-pause {
	background: #a8df00 url("jp-pause.png") 8px 8px no-repeat;
}
a.jp-close {
	background: #222 url("jp-close.png") 7px 8px no-repeat;
}
a.jp-more {
	background: #111 url("jp-more.png") 8px 11px no-repeat;
}
a.jp-less {
	background: #111 url("jp-less.png") 8px 10px no-repeat;
}

a.jp-previous:hover {
	background: #67f2ff url("jp-back.png") 6px 8px no-repeat;
}
a.jp-next:hover {
	background: #67f2ff url("jp-next.png") 7px 8px no-repeat;
}
a.jp-play:hover {
	background: #d5ff54 url("jp-play.png") 10px 8px no-repeat;
}
a.jp-pause:hover {
	background: #d5ff54 url("jp-pause.png") 8px 8px no-repeat;
}
a.jp-close:hover {
	background: #333 url("jp-close.png") 7px 8px no-repeat;
}
a.jp-more:hover {
	background: #1c1c1c url("jp-more.png") 8px 11px no-repeat;
}
a.jp-less:hover {
	background: #1c1c1c url("jp-less.png") 8px 10px no-repeat;
}


.jp-selected-title {
	position: absolute;
    font-family: Hiruko-Black,"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    margin-left: 95px;
    margin-top: -39px;
    line-height: 1em;
    width: 38em;
    height: 1em;
    overflow: hidden;
}

/* @group progress bar */

div.jp-progress {
	overflow:hidden;
	background-color: #1b1b1b;
}
div.jp-audio div.jp-progress {
	position: absolute;
	top:29px;
	height:9px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div.jp-audio div.jp-type-single div.jp-progress {
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	left:201px;
	width:637px;
}
div.jp-video div.jp-progress {
	top:0px;
	left:0px;
	width:100%;
	height:10px;
}
div.jp-seek-bar {
	background: #333;
	width:0px;
	height:100%;
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div.jp-play-bar {
	background: #13e5f8;
	width:0px;
	height:100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("jplayer.blue.monday.seeking.gif");
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* @end */