@import "anime.css";
body{
margin:0px;
padding:0px;
border:0px;
transition: background-color 2s;
}
#clock{position:fixed;
bottom:3%;
right:1%;
font-size:80%;
visibility:visible;}
#date{position:fixed;
bottom:0%;
right:1%;
font-size:80%;
visibility:visible;}
#vidmain{
	position:fixed;
	left:0%;
	top:35%;
}
/*TRANSITION WORK IN PROGRESS*/
#menufolder,#menufoldertwo,#menufolderthree{position:inherit;left:2.6%;}
#menufolder{top:27%;}
#menufoldertwo{top:33%;}
#menufolderthree{top:39%;}
/*MENU PIC ONE*/
#menupic{position:inherit;
left:-0.7%;
top:24%;
transform:rotate(90deg);
}
#menupic:hover{
left:-0.4%;
transform:rotate(95deg);
}
#menupic:active{
left:-0.3%;
transform:rotate(100deg);
}
/*MENU PIC TWO*/
#menupictwo{position:inherit;
left:-0.7%;
top:30%;
transform:rotate(90deg);
}
#menupictwo:hover{
left:-0.4%;
transform:rotate(95deg);
}
#menupictwo:active{
left:-0.3%;
transform:rotate(100deg);
}
/*MENU PIC THREE*/
#menupicthree{position:inherit;
left:-0.7%;
top:36%;
transform:rotate(90deg);
}
#menupicthree:hover{
left:-0.4%;
transform:rotate(95deg);
}
#menupicthree:active{
left:-0.3%;
transform:rotate(100deg);
}
#vidlinks{
	position:absolute;
	right:1%;
	top:1%;
	height:80%;
	overflow:auto;
	
}
#vidbuttons{
position:inherit;
left:55%;
top:120%;
}
#progshow,#zettings{
position:absolute;
left:15.3%;
top:4%;
font-size:21px;
}
#mediaplayer{
left:15.3%;
top:23%;
font-size:21px;
position:fixed;
}
#medianame{
position:inherit;
top:-4%;
color:black;
}


/*#musicfolder,#musicsubfolder,#musiccontent{position:fixed;left:15.3%;
top:5%;}*/
#musicname{
position:inherit;
top:-4%;
color:gray;
}
/*#musicplaying{position:inherit;width:600px;}*/
#musicmenu{position:absolute;left:15.3%;top:5%;}
#musicplayerx{position:absolute;left:15.3%;top:74.6%;}
#musicfolder{position:absolute;top:9%;left:15.3%;}
#musicsubfolder{position:absolute;top:13%;right:34%;}
#musiccontent{position:absolute;top:17%;right:34%;}
#musicplaylist{position:absolute;right:13%;top:21%;display:block;}
#musicbg{position:absolute;left:17.3%;top:23%;width:35%;height:50%;z-index:-1;overflow:auto;background-size: 100% 100%;}
#music_controls{position:absolute;left:28.3%;top:85.6%;height:28px;}
.controlpics{
width:24px;
height:24px;
}
.controlpics:hover{
width:28px;
height:28px;
}
.controlpics:active{
width:21px;
height:21px;
}
#logo{
position:fixed;
top:2%;
}
#sism{
position:fixed;
}
#f8{
position:fixed;
left:15.5%;
top:-0.3%;
}
#fx8{
position:fixed;
left:34.5%;
top:-0.3%;
}
#f55{
position:fixed;
left:53.5%;
top:-0.3%;
}
#secondarySearchApp{
position:absolute;
left:18%;
bottom:35%;
}

/*left menu links*/
.ex6,.ex8{
text-shadow:1px 0px;
color:white;
border-top-right-radius:25px;
border-bottom-left-radius:25px;
background:linear-gradient(#999999,#333333);
width:90px;
cursor:pointer;
transition-property:color,background;
transition-duration: 2s;
}
.es8{
text-shadow:1px 0px;
color:white;
border-top-right-radius:25px;
border-bottom-left-radius:25px;
background:linear-gradient(#999999,#333333);
width:90px;
cursor:pointer;
}
.ex6:hover,.ex8:hover,.es8:hover{color:black;background:linear-gradient(#333333,#999999);}
.ex8{width:150px;}
.ex6s{
text-shadow:1px 0px;
color:white;
border-top-right-radius:25px;
border-bottom-left-radius:25px;
background:linear-gradient(#999999,#333333);
width:90px;
cursor:pointer;
transition-property:color,background;
transition-duration: 2s;
}
.ex6s:hover{color:black;background:linear-gradient(#333333,#999999);}
.ex6d{
text-shadow:1px 0px;
color:white;
border-top-right-radius:25px;
border-bottom-left-radius:25px;
background:linear-gradient(#999999,#333333);
cursor:pointer;
transition-property:color,background;
transition-duration: 2s;
}
.ex6d:hover{color:black;background:linear-gradient(#333333,#999999);}



/*mediaplaying*/
.ex1{
text-shadow:1px 0px;
color:white;
border-top-right-radius:25px;
border-bottom-left-radius:25px;
background:linear-gradient(#999999,#333333);
width:63px;
cursor:pointer;
}
.ex1:hover{color:black;background:linear-gradient(#333333,#999999);}
/*vidbuttons*/
.ex2{
text-shadow:1px 0px;
color:white;
border-top-right-radius:25px;
border-bottom-left-radius:25px;
background:linear-gradient(#999999,#333333);
width:35px;
cursor:pointer;
}
.ex2:hover{color:black;background:linear-gradient(#333333,#999999);}
.ex10{
text-shadow:1px 0px;
color:white;
border-top-left-radius:17px;
border-bottom-right-radius:25px;
background:linear-gradient(#999999,#333333);
width:150px;

}
.ex10:hover{color:#CCCCCC;background:linear-gradient(#333333,#999999);}