/* 
			body {
				font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
				overflow: hidden;
				margin: 0px;
			}

			#audio-player {
				background-color: transparent;
				margin: 15px auto;
				width: 265px;
				height: 32px;
				position: relative;
				overflow: hidden;
				white-space: nowrap;
			}

			#video {
				z-index: 100;
				position: absolute;
			}

			#playtext {
				position: absolute;
				width: 100%;
				text-align: center;
				top: 10%;
				font-size: 60px;
				color: #676767;
				cursor: pointer;
			}

			#playtext:hover {
				color: #222;
			}
			
			#playbutton {
				display: inline-block;
				height: 32px;
				width: 24px;
				background-position: top left;
				background-repeat: no-repeat;
				background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEQSURBVFiF1ZexDYMwEEX/ISQmYIrMwwI0GLGQaRgA5skUTOAGp4mlSxAIMMbn1wEC+f1XQUqp0RjTDcMwIwBKKbv3XGtNPu9n1tqqKIp30zTVlQPGJgMAa21JRGPbtmNd12XsQ50h4xcp1sj+b6RWYyXgSKXGpgCQRo1dAYfkGocEALk1Dgs4pNU4LQDIqnFJwCGhhpcAEL+Gt4AjVo3bBIA4NW4VcDxZI4jAkwQRIKLJGPPq+34K8X1OfufHiGhelqXTWgc/uOM2ge/qwX5Nt/AWiLE6x0sg1uqcSwKxV+ecFpCwOuewgKTVOYcEpK3O2RWQujpnU0Dy6pyVQAqrc34EUlmdkwPprc7JU1yd8wELddH8DWv9lQAAAABJRU5ErkJggg==);
				cursor: pointer;
			}

			#playbutton.playing {
				background-position: top right;
			}

			#timeline {
				display: inline-block;
				position: relative;
				width: 150px;
				margin: 14px 0px 14px 10px;
				height: 4px;
				background-color: #aaa;
				cursor: pointer;
			}

			#timecode {
				display:inline-block;
				margin: 0px 0px -1px -2px;
				width:80px;				
				text-align:center;
				vertical-align: middle;
				color: #09F; 
				font-family: Arial, Helvetica, sans-serif;
				font-size:11px;
				height:40px;				
			}

			#progress {
				display: inline-block;
				height: 4px;
				width: 0%;
				background-color: #676767;
				position: absolute;
			}
 */

#playbutton {
    display: inline-block;
    width: 12px;
    height: 16px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(white_audio_btn.png);
    background-size: 24px 16px;
    cursor: pointer;
}

#playbutton.playing {
	background-position: top right;
}

#timeline {
    display: inline-block;
    position: relative;
    width: 100px;
    margin: 0px 0px 7px 5px;
    height: 4px;
    background-color: #aaa;
    cursor: pointer;
}

#timecode {
/*     display: inline-block; */
    display:none;
    margin: 10px 0px -1px -2px;
    width: 80px;
    text-align: center;
    vertical-align: middle;
    color: #09F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 24px;
}

#progress {
	display: inline-block;
	height: 4px;
	width: 0%;
	background-color: #676767;
	position: absolute;
}	

#audio-player {
    background-color: transparent;
    margin: 3px auto;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

nav ul li {
   padding: 10px;
   color: #ccc;
   border-left: 10px solid transparent;
   line-height: .3;
   border-color: #fff;
}


.mini-player {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 120;
    display: inline-block;
    padding: 0 20px;
    /* margin: 0px 0px 0px 0px; */
    height: 40px;
    font-size: 13px;
    line-height: 23px;
    border-radius: 20px;
    /* background-color: rgba(220,220,220, 0.8); */
    background-color: rgba(0,0,0, .5);
    color: #FFF;
}

.mini-player img {
   float: left;
   margin: -10px 5px 0 -25px;
   height: 60px;
   width: 60px;
   border-radius: 50%;
}

.sub_title {
   padding: 5px 25px;
   margin: -12px 10px;
   height: 25px;
   font-size: 10px;
   line-height: 12px;
   color: #808080;
}

nav ul {
   list-style: none;
   padding: 0;
   margin: 0;
   /* background-color: #fff; */
}