@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Share+Tech+Mono);

/*font-family: 'Oswald', sans-serif;*/
/*font-family: 'Share Tech Mono', ;*/

/*resets*/
* {
	padding: 0px;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media only screen and (max-width: 3840px) {
/*container for all buttons and fields*/
#controler_buttons{
	position:relative;
	width:280px;
	height: 250px;
	background-image: url(../images/control.jpg);
	padding:8px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}


/*container for all buttons and fields*/

#songInfo{
	position:absolute;
	top: 60px;
	width:240px;
	height:60px;
	display:inline-block;
	color: rgba(0,0,0,1);
}

#songName{
	position:absolute;
	top: -50px;
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	font-weight:400;
	/*color:rgba(179, 47, 187,1);*/
	/*rgba(255,255,255,1)*/
	color:rgba(203, 95, 2101);
	padding-top: 0px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	cursor:default;
}

#songArtist{
	position:absolute;
	top: 74px;
	font-family: 'Oswald', sans-serif;
	font-size:22px;
	font-weight:200;
	color:rgba(255,255,255, 1);
	padding-top: 0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:10px;
	cursor:default;
}


/*Play/Pause button*/
#songPlayPause{
	display:inline-block;
	width:40px;
	height:40px;
	background-image: url(../images/new_play_btn.png);
	background-repeat:no-repeat;
	cursor:pointer;
	position:absolute;
	top: 180px;
	left: 30px;
}

#songTime{
	display:inline-block;
	font-family: 'Share Tech Mono';
	font-size: 24px;
	font-weight:300;
	/*color:#B32FBB;*/
	/*color: #e4e4e4;*/
	color: #bbb9b9;
	position:absolute;
	top: 177px;
	left: 80px;
}


/*Volume Up Button*/
#volumeUp{
display:inline-block;
width:36px;
height:36px;
background-image: url(../images/vol_0.png);
background-repeat:no-repeat;
position:absolute;
cursor:pointer;
top: 120px;
left: 230px;
}
/*Volume Down Button*/
#volumeDown{
display:inline-block;
width:36px;
height:36px;
background-image:url(../images/vol_0b.png);
background-repeat:no-repeat;
cursor:pointer;
position:absolute;
top: 120px;
left: 180px;
}

#wedge{
	display:inline-block;
	height:15px;
	width:345px;
	position:relative;
	top: 150px;
	left: 180px;
	/*background-color:#B37677;*/
}

/*Volume Meter*/
#volumeMeter{
	display:inline-block;
    width: 70px;
    height: 15px;
    background-color:#fff;
	border-radius:7px;
	cursor:pointer;
	position:relative;

}
/*Volume Location Meter*/
#volumeStatus{
    height: 15px;
    background-color:#B32FBB;
	border-radius:7px;
}



/*Song location slider*/
#songSlider{
    width: 260px;
    height: 15px;
    background-color: #222;
	cursor:pointer;
	border-radius:18px;
	position:absolute;
	top: 224px;
}

/*Track progress bar*/
#trackProgress{
    width: 0px;
    height: 15px;
    background-color: #B32FBB;
	border-radius:18px;
	opacity:1;
	position:relative;
}
	
}

@media only screen and (max-width: 3840px)