.jp-audio{
	background-image: url(../../images/author_bg3.png);
	color: #aaa;
	padding: 30px 10% 30px;
}

	.jp-controls{
		display: block;
		margin: 0;
		padding: 0;
		float: left;
	}

	.jp-controls a{
		background-image: url(controls.png); 
		display: block;
		width: 40px;
		height: 40px;
	}
	
	.jp-play		{ background-position: 0 0; }
	.jp-play:hover	{ background-position: 0 -40px; }
	.jp-pause		{ background-position: -40px 0; }
	.jp-pause:hover	{ background-position: -40px -40px; }
	
	.jp-progress{
		border: solid 1px #ccc;
		cursor: pointer;
		float: right;
		margin-top: 17px !important;
		width: 62%;
		height: 4px;
	}
	
	.jp-seek-bar{
		display: block;
		height: 4px;
	}
	
	.jp-play-bar{
		display: block;
		height: 4px;
		background: #ccc;
	}
	
	.jp-volume-wrap{
		width: 36px;
		height: 22px;
		margin: 8px 0 0 3%;
		overflow: hidden;
		position: relative;
		float: right;
	}
	
	.jp-volume-icon{
		background: url(volume-icon.png) no-repeat center;
		width: 36px;
		height: 22px;
	}
	
	.jp-volume-bar{
		background: url(volume-level.png) no-repeat 0 -24px;
		cursor: pointer;
		width: 36px;
		height: 20px;
	}
	
	.jp-volume-bar-value{
		background: url(volume-level.png) no-repeat 0 -2px;
		height: 20px;
	}
	
@media screen and (min-width:768px)
{
	.jp-audio{
		padding: 30px 35px 30px 76px;
	}
	
	.jp-progress{
		float: right;
		width: 62%;
	}
	
	.jp-volume-wrap{
		margin: 8px 0 0 6%;
	}
	
}