@font-face {
    font-family: 'Trash80Stealth57';
    src: url('/fonts/trash80-stealth57.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Trash80EightEight';
    src: url('/fonts/trash80-eighteight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

.jp-audio {
	position: fixed;
	margin: 0 -1em;
	top: 0;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.7);
	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: 2px 10px 0 0;
	max-width:720px;
	margin: 0 auto;
}

#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;
	width: 810px;
	clear: both;
	float: none;
	padding: 2px 0 2px 110px;
}
#jplayer .jp-playlist li a:hover {
	background: #10100f;
}
#jplayer .jp-playlist li a.jp-playlist-current {
	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 {
}
#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: 38px;
	height: 38px;
	background: #222;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 2px;
}

a.jp-previous {
	background: #59cafa url("jp-back.png") 11px 13px no-repeat;
}
a.jp-next {
	background: #59cafa url("jp-next.png") 11px 13px no-repeat;
}
a.jp-play {
	background: #78da3d url("jp-play.png") 15px 13px no-repeat;
}
a.jp-pause {
	background: #ec3586 url("jp-pause.png") 12px 13px no-repeat;
}
a.jp-close {
	background: #000 url("jp-close.png") 13px 13px no-repeat;
	display: none;
}
a.jp-more {
	background: transparent url("jp-more.png") center center no-repeat;
	height: 38px;
	margin-left: 2px;
}
a.jp-less {
	background: transparent url("jp-less.png") center center no-repeat;
	height: 38px;
	margin-left: 2px;
}

a.jp-previous:hover {
	background: #59cafa url("jp-back.png") 11px 13px no-repeat;
}
a.jp-next:hover {
	background: #59cafa url("jp-next.png") 11px 13px no-repeat;
}
a.jp-play:hover {
	background: #509625 url("jp-play.png") 15px 13px no-repeat;
}
a.jp-pause:hover {
	background: #ec3586 url("jp-pause.png") 12px 13px no-repeat;
}
a.jp-close:hover {
	background: #333 url("jp-close.png") 13px 13px no-repeat;
}

.jp-selected-title {
	position: absolute;
    font-family: Trash80EightEight;
    font-size: 0.5em;
    text-transform: uppercase;
    margin-left: 162px;
    margin-top: -27px;
    padding: 1px;
    line-height: 1em;
    width: 57%;
    height: 1em;
    overflow: hidden;
}

/* @group progress bar */

div.jp-progress {
	overflow:hidden;
    width: 70% !important;
    max-width: 720px;
}
div.jp-audio div.jp-progress {
    position: absolute;
	margin-top: -12px;
    margin-left: 120px;
	height:9px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div.jp-audio div.jp-type-single div.jp-progress {
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	width:95%;
	max-width: 720px;
}
div.jp-video div.jp-progress {
	top:0px;
	left:0px;
	width:100%;
	height:10px;
}
div.jp-seek-bar {
	background: transparent;
	width:0px;
	height:100%;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div.jp-play-bar {
	background: #59cafa;
	width:0px;
	height:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

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

/* @end */