/*
***************************************************************************************************************
 Copyright AURIS 2012 - All rights reserved. CSS 3 /  Build 09/04/2012 / Last revision 09/04/2012 /
***************************************************************************************************************
*/


	/*
	Page Style
	*/
	
*{
	margin:0;
	padding:0;
}
body{
	font-family:"Myriad Pro", "Trebuchet MS", Arial;
	font-size:12px;
	color:#fff;
	background: url(../images/1.jpg);
	background-color:#000;
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
#page {
	margin:0;
	padding:0;
	position:absolute;
	display: none;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
#page_container {
	width: 100%;
	height: 100%;
}



	/*
	Player Style
	*/
	
.mp_wrapper{
	width:800px;
	height:526px;
	margin:50px 83% 40px 17%;
	position:relative;
}
.mp_content_wrapper{
	position:absolute;
	top:0px;
	left:0px;
	width:580px;
	height:380px;
	border-top-left-radius:10px;
}
.mp_player{
	position:absolute;
	top:0px;
	left:585px;
	width:215px;
	height:526px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
.mp_content img{
	width:203px;
	box-shadow:1px 1px 4px #000;
	margin:20px 20px 10px 20px;
}
.mp_description{
	width:540px;
	height:145px;
	margin:0 auto;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mp_description h2{
	font-size:34px;
	margin-bottom:5px;
	color:#f0f0f0;
	padding:3px 0px 4px 10px;
}
.mp_description p{
	text-shadow:1px 1px 1px #000;
	text-transform:uppercase;
	padding:5px;
	line-height:17px;
}
.mp_songs{
	width:320px;
	height:203px;
	position:absolute;
	right:20px;
	top:20px;
}
a.mp_playall{
	background:transparent url(../images/play_big.png) no-repeat center center;
	width:50px;
	height:50px;
	position:absolute;
	top:98px;
	left:96px;
	text-indent:-9000px;
	outline:none;
	display:none;
	border-radius:10px;
	opacity:0.7;
}
.mp_songs > div{
	width:100%;
	margin-bottom:5px;
	height:30px;
}
.mp_songs div h3{
	width:260px;
	line-height:30px;
	margin-left:10px;
	float:left;
}
.mp_options{
	width:48px;
	float:right;
}
.mp_options span{
	text-indent:-9000px;
	width:20px;
	height:26px;
	margin:2px 2px 0px 0px;
	float:left;
	cursor:pointer;
}
.mp_options span.mp_addpl{
	background:transparent url(../images/add.png) no-repeat center center;
}
.mp_options span.mp_play{
	background:transparent url(../images/play.png) no-repeat center center;
}
ul.mp_albums img{
	width:110px;
	box-shadow:1px 1px 4px #fff;
	cursor:pointer;
	margin-top:3px;
	border-radius:5px;
}




	/*
	Carousel Skin Style
	*/
	
.jcarousel-skin .jcarousel-container {
	position:absolute;
	top:385px;
	left:0px;
	border-bottom-left-radius:10px;
}
.jcarousel-skin .jcarousel-container-horizontal {
    width: 500px;
    padding: 12px 40px;
}
.jcarousel-skin .jcarousel-clip-horizontal {
    width:  500px;
    height: 117px;
}
.jcarousel-skin .jcarousel-item {
    width: 110px;
    height: 117px;
}
.jcarousel-skin .jcarousel-item-horizontal {
    margin: 0px 19px 0px 0px;
}

.jcarousel-skin .jcarousel-item-placeholder {
    background: transparent;
}
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/br_next.png) no-repeat center center;
}
.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/br_prev.png) no-repeat center center;
}




	/*
	Jplayer Skin Style
	*/

div.jp-single-player,
div.jp-playlist-player {


	font-size:1em;
	line-height:1.6;
	color: #666;
	margin-top:10px;
}
div.jp-interface {
	position: relative;
	width:215px;
	height:60px;
}
div.jp-single-player div.jp-interface {
	border-bottom:none;
}
div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	position: absolute;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
	opacity:0.9;
}
div.jp-interface ul.jp-controls a:hover{
	opacity:1.0;
}
a.jp-previous {
	left:4px;
	top:0px;
	width:20px;
	height:20px;
	background: url(icons/playback_prev.png) no-repeat center center;
}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
	left:24px;
}
a.jp-play {
	background: url(icons/playback_play.png) no-repeat center center;
	width:20px;
	height:20px;
}
a.jp-pause {
	background: url(icons/playback_pause.png) no-repeat center center;
	display: none;
	width:20px;
	height:20px;
}
a.jp-next {
	left:45px;
	top:0px;
	width:20px;
	height:20px;
	background: url(icons/playback_next.png) no-repeat center center;
}
a.jp-stop {
	top:0px;
	background: url(icons/playback_stop.png) no-repeat center center;
	width:20px;
	height:20px;
}
div.jp-playlist-player a.jp-stop {
	left:72px;
}
div.jp-play-time,
div.jp-total-time {
	position: absolute;
	top:42px;
	width:200px;
	font-size:10px;
	color:#fff;
}
div.jp-total-time {
	text-align: right;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
	left:7px;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	top:25px;
	width:200px;
	height:15px;
}
div.jp-playlist-player div.jp-progress {
	left:7px;
}
div.jp-load-bar {
	background: url("jplayer.codrops.png") 0 0 repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("jplayer.codrops.png") 0 -15px repeat-x ;
	width:0px;
	height:15px;
}
a.jp-volume-min {
	top:2px;
	background: url(icons/sound_mute.png) no-repeat center center;
	width:18px;
	height:15px;
	left:100px;
}
a.jp-volume-max {
	top:2px;
	background: url(icons/sound_high.png) no-repeat center center;
	width:18px;
	height:15px;
	left:174px;
}
div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	top:7px;
	background: url("jplayer.codrops.png") 0 0px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
	left:123px;
}
div.jp-volume-bar-value {
	background: url("jplayer.codrops.png") 0 -30px repeat-x;
	width:0px;
	height:5px;
}
div.jp-playlist {
	width:215px;
	height:435px;
	overflow-y:auto;
	overflow-x:hidden;
}
div.jp-playlist ul{
	list-style-type:none;
	margin:0;
	padding:0;
	border-top:none;
	width:202px;
	font-size:10px;
}
div.jp-playlist-player div.jp-playlist li {
	padding:3px;
	margin:3px 6px;
}
div.jp-playlist-player div.jp-playlist li span{
	width:16px;
	height:16px;
	float:right;
	cursor: pointer;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {

}
div.jp-playlist-player div.jp-playlist a {
	color: #ccc;
	text-shadow:1px 1px 1px #000;
	text-transform:uppercase;
	text-decoration: none;
}
div.jp-playlist-player div.jp-playlist a:hover {
	color:#fff;
}
div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
	color:#fff;
}