*{
color:#fff;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-user-drag: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: none;
}

ul{
width:560px;
position:relative;
height:auto;
margin-left:15px;
background:#000;
text-shadow:none;
box-shadow:0 0 5px rgba(0,0,0,0.1);
display:block;
border:1px solid lightgrey;
}

.pid{width:40px;display:inline-block;vertical-align:top;}
.pids{width:40px;display:inline-block;vertical-align:top;float:right;}
.pidsa{margin-left:0;padding-left:0;}

.fname{width:60px;display:inline-block;vertical-align:top;padding-left:0;}

.pname{width:200px;display:inline-block;vertical-align:top;padding-left:0;}

.cname{width:150px;display:inline-block;vertical-align:top;padding-left:0;}
h1 .cname{width:500px;}

ul p,ul a{
font-size:12px;
text-shadow:0 1px 0px rgba(255,255,255,0.5);
height:30px;
line-height:30px;
margin:0;
padding-left:20px;
color:#000;
}

ul ul p{
padding-left:20px;
}

ul li{
margin-left:-40px;
display:block;
box-shadow:inset 0 1px 2px rgba(255,255,255,0.5);
position:relative;
height:auto;
font-family:"Myriad Pro";
border-bottom:1px solid grey;
line-height:30px;
background:-webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.85));
background:-moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.85));
background-size: 100% 31px;
}

ul li:last-child{border-bottom:none;}

ul li:first-child{border-top:none;}

ul ul li:first-child{border-top:1px solid grey;}

ul li:hover{
background:-moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.7));
background:-webkit-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.7));box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);}

ul li:hover > p,ul a:hover{color:#fff;text-shadow:0 -1px 0px rgba(0,0,0,1);}

ul li ul li ul{display:none}

ul ul li:hover > ul {display:block;}

li li li:hover{background:none;box-shadow:none;}

ul li ul{
margin-left:0px;
display:block;
position:relative;
min-height:30px;
height:auto;
border:none;
disfgplay:none;
}

ul li:hoverer > ul{display:block;}

ul li ul li{
margin-left:-40px;
height:auto;
line-height:30px;
display:block;
position:relative;
}

ul li li li:first-child{border:none;border-top:0 solid rgba(0,0,0,0);}

ul ul ul li{background:none;box-shadow:none;border:none;border-top:0 solid rgba(0,0,0,0);color:#fff;text-shadow:0 -1px 0px rgba(0,0,0,1);line-height:20px;height:20px;margin-bottom:0;}

ul ul ul li p{color:#fff;text-shadow:0 -1px 0px rgba(0,0,0,1);}

ul ul ul{
background:-moz-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0.5)), black;
background:-webkit-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0.5)), black;
box-shadow:inset 0 0 10px rgba(0,0,0,1);
border-top:none;
left:-16px;
width:576px;
padding-right:16px;
border:0px solid grey;
border-top:none;
border-radius:0px;
padding-top:15px;
padding-bottom:25px;
}

input[type=text],input[type=password],textarea,select{
  -moz-user-select: text;
  -webkit-user-select: text;
  -webkit-touch-callout: text;
-khtml-user-select: text;
-ms-user-select: text;
-o-user-select: text;
user-select: text;
}

textarea,select{color:#000;}

html, body{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: auto;
background-color: #000;
-webkit-text-size-adjust: none;
}

#background{
position:absolute;
height:auto;
min-height:100%;
width: 100%;
margin:0;
padding:0;
background-position:center center;
 background-color: #000;
   background-image: url(images/fallback-gradient.png);
     background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727));
background: -webkit-radial-gradient(#3F414C, #000);
  background: -moz-radial-gradient(circle, #3F414C, #000);
  background: -ms-radial-gradient(circle, #3F414C, #000);
  background: -webkit-radial-gradient(rgba(0,0,0,0), #000), url(http://halgatewood.com/wp-content/uploads/2011/10/linen_bg_tile.jpg);
  background: -webkit-radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)), url(texturest.jpg);
    background: -moz-radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)), url(texturest.jpg);
overflow:auto;

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
    
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-pack: center;
-moz-box-align: center;

display: box;
box-orient: vertical;
box-align: center;
box-pack: center;
    
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
-webkit-flex-direction: column;

display: -moz-flex;
-moz-justify-content: center;
-moz-align-items: center;
-moz-flex-direction: row;

display: flex;
justify-content: center;	
align-items: center;
flex-direction: row;
}

#ltcorner{
position:absolute;
top:10px;
left:20px;
}

#ajax{
background:-moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.85));
background:-webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.85));
width:632px;
height:auto;
margin-top:80px;
margin-bottom:80px;
position:relative;
display:block;
border-radius:5px;
box-shadow:0px 0px 10px rgba(0,0,0,1),inset 0 1px 2px rgba(255,255,255,0.5);

-webkit-box-flex: 0;
-webkit-box-pack: center;
-webkit-box-align: center;

-moz-box-flex: 0;
-moz-box-pack: center;
-moz-box-align: center;

box-flex: 0;
box-pack: center;
box-align: center;

-webkit-flex: 0;
-moz-flex: 0;
flex: 0;

	padding-top:1px;
	padding-bottom:1px;
}

#rtcorner{
position:absolute;
top:20px;
right:20px;
}

#rtcorner a{margin-top:0;float:left;margin-right:10px;
display:inline-block;line-height:40px;text-align:center;height:40px;font-size:12px;
}

#pic{
background-size:100%;
width:40px;
height:40px;display:inline-block;
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,1),inset 0 1px 1px rgba(255,255,255,0.1);
border-radius: 3px;
}

#lbcorner{
position:absolute;
bottom:0;
left:10px;
}

a.bcenter{background:url(o.png);background-size:100%;text-shadow: 1px 1px 7px #000;
position:absolute;
bottom:7px;
left:50%;
width:20px;
height:20px;
margin-left:-10px;
text-align:center;
}

a.rbcorner{
position:absolute;
bottom:0;
right:10px;
text-decoration:none;
}

p,a{opacity:1;color:#505050;font-family:arial;font-size:10px;text-decoration:none;

}

p:hover,h1:hover,a:hover,h4:hover{color:#FFF;

}

.pids:hover,.pid:hover{color:#000;}

h{
position:fixed;
width: 800px;
height:100px;
top:30%;
left:50%;
margin-left:-400px;
text-align:center;
color:#FFF;;font-family:"myriad pro";font-size:20px;font-weight:300;text-shadow: 3px 3px 4px #000;
-webkit-transition: color 250ms linear;
-moz-transition: color 250ms linear;
-o-transition: color 250ms linear;
transition: color 250ms linear;
}

h1,h1 a{
opacity:1;color:#fff;font-family:"Myriad pro", arial;font-size:20px;font-weight:600;text-shadow: 1px 1px 6px #000;text-transform:uppercase;position:absolute;top:-30px;margin-top:0;
display:inline;text-align:left;margin-left:10px;left:0;
}

h2,h2 a{
opacity:1;color:rgba(255,255,255,0.7);font-family:"Myriad pro", arial;font-size:20px;font-weight:300;text-shadow: 1px 1px 6px #000;text-transform:uppercase;position:absolute;top:-20px;left:50%;margin-top:0;width:300px;
display:inline;text-align:left;margin-left:10px;left:0;
}

h3,h3 a{
opacity:1;color:rgba(255,255,255,0.7);font-family:"Myriad pro", arial;font-size:20px;font-weight:300;text-shadow: 1px 1px 6px #000;text-transform:uppercase;position:absolute;top:-40px;margin-top:0;width:200px;
display:inline;text-align:right;margin-right:30px;right:0;
}

#box{
position:absolute;
left:50%;
top:50%;
margin-top:-225px;
bottom:100px;
background-size:100%;
 -webkit-box-shadow: 0px 0px 23px #000;
 border-radius: 5px;
 border:0px solid #FFF;
 background-size:cover;
 }

#box:hover{background:-webkit-linear-gradient(top, rgba(255,255,255,0), #FFF), url('Stereo Hearts (feat. Adam Levine) - Single.png');}

#box1{
position:absolute;
width: 250px;
height:250px;
left:50%;
top:50%;
margin-top:-125px;
margin-left:-125px;
bottom:100px;
 background:url('American Dad, Season 3.jpg');background-size:100%;
 -webkit-box-shadow: 0px 0px 23px #000;
 border-radius: 5px;
 border:0px solid #FFF;}

#title{
position:absolute;height:100px;width:500px;text-align:center;top:65%;left:50%;margin-left:-250px;
}

h5,h6{color:#FFF;font-family:arial;font-size:12px;text-shadow: 2px 2px 4px #000;text-decoration:none;font-weight:600;line-height:10%;margin-top:20px;
-webkit-transition: color 250ms linear;}

h6{font-weight:100;margin-top:0;}

.feed{
position:absolute;
width: 600px;
height:auto;
left:50%;
top:100px;
margin-left:-300px;
bottom:100px;
list-style:none;
overflow:scroll;
}


.slidecontainer{
position:absolute;
padding:0;
left:150px;
right:150px;
width:auto;
height:auto;
top:100px;
bottom:100px;
list-style:none;
overflow-x:auto;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(0.05, rgba(0,0,0,1)), color-stop(0.90, rgba(0,0,0,1)), to(rgba(0,0,0,1)));
text-align:center;-webkit-overflow-scrolling :touch;
}



h4{position:absolute;margin-top:0;margin-left:130px;-webkit-transition: color 250ms linear;
line-height:60px;color:rgba(255,255,255,0.5);font-family:arial;font-size:12px;text-shadow: 0px 0px 4px #000;text-decoration:none;font-weight:100;

}

#libox{
position:absolute;
background-size:cover;
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,1),inset 0 1px 1px rgba(255,255,255,0);
border-radius: 3px;
left:50px;
}

#line{
position:absolute;
bottom:0;
height:1px;
width:100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(0.50,  rgba(255,255,255,0.2)), to(rgba(0,0,0,0)))
}

#login{
width:230px;height:125px;
margin-top:-62px;margin-left:-126px;top:50%;left:50%;
position:absolute;
}

.folder{background:yellow;}
.php,.html{background:red;}
.css{background:green;}
.jpg,.png,.psd,.gif{background:blue;}

#username,#password{
width:100%;
height:25px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0.5)));
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5),inset 0 0px 0px #000;
border:1px solid rgba(0,0,0,0.5);
border-radius:2px;margin-top:20px;
border:1px solid grey;
padding-left:10px;
padding-right:10px;
font-size:12px;color:#000;
text-shadow:0px 1px 1px #FFF;
}

#submit{
position:absolute;
margin-top:-24px;
right:-19px;
height:20px;
color:#000;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0)));
border:0px;
border-radius:2px;
border:1px solid rgba(0,0,0,0);
-webkit-box-shadow:0 0 0px rgba(0,0,0,0.5),inset 0 0px 0px rgba(255,255,255,0.1);
text-shadow:0px 1px 1px #FFF;
cursor:pointer;
-webkit-transition: border .2s linear;
    }
	
	#submit:hover{border:1px solid rgba(0,0,0,0.5);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: border .2s linear;}
	
	input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}

#password{

}

@media screen and (max-width: 480px) {

.slidecontainer{
position:absolute;
padding:0;
left:20px;
right:20px;
width:auto;
height:auto;
top:50px;
bottom:20px;
list-style:none;
overflow-x:auto;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(0.05, rgba(0,0,0,1)), color-stop(0.90, rgba(0,0,0,1)), to(rgba(0,0,0,1)));
text-align:center;-webkit-overflow-scrolling :touch;
}



}




#box2{
position:absolute;
width: 250px;
height:250px;
left:75%;
top:50%;
margin-top:-125px;
margin-left:-125px;
bottom:100px;
 background:url('Family Guy, Season 7.jpg');background-size:100%;
 -webkit-box-shadow: 0px 0px 23px #000;
 border-radius: 5px;
 border:0px solid #FFF;}

#title2{
position:absolute;height:100px;width:500px;text-align:center;top:65%;left:75%;margin-left:-250px;
}

#box4{
position:absolute;
width: 250px;
height:250px;
left:25%;
top:50%;
margin-top:-125px;
margin-left:-125px;
bottom:100px;
 background:url('American Dad, Season 5.jpg');background-size:100%;
 -webkit-box-shadow: 0px 0px 23px #000;
 border-radius: 5px;
 border:0px solid #FFF;}

#title4{
position:absolute;height:100px;width:500px;text-align:center;top:65%;left:25%;margin-left:-250px;
}

#box3{
position:absolute;
width: 250px;
height:250px;
left:100%;
top:50%;
margin-top:-125px;
margin-left:-125px;
bottom:100px;
 background:url('American Dad, Season 7.jpg');background-size:100%;
 -webkit-box-shadow: 0px 0px 23px #000;
 border-radius: 5px;
 border:0px solid #FFF;}

#title3{
position:absolute;height:100px;width:500px;text-align:center;top:65%;left:100%;margin-left:-250px;
}

#box7{
position:absolute;
width: 302px;
height:450px;
left:50%;
top:50%;
margin-top:-225px;
margin-left:-151px;
bottom:100px;
 background:url('The Lion King.jpg');background-size:100%;
 -webkit-box-shadow: 0px 0px 23px #000;
 border-radius: 5px;
 border:0px solid #FFF;}

#title7{
position:absolute;height:100px;width:500px;text-align:center;top:80%;left:50%;margin-left:-250px;
}

#box8{
position:absolute;
width: 320px;
height:450px;
left:50%;
top:50%;
margin-top:-225px;
margin-left:-160px;
bottom:100px;
 background:url('bf3_xbox_cover1.jpg');background-size:100%;
 -webkit-box-shadow: 0px 0px 23px #000;
 border-radius: 5px;
 border:0px solid #FFF;}

form#tv{
width:450px;
height:450px;
background:-webkit-linear-gradient(rgba(0,0,0,0.5), #000);;
position:absolute;
left:50%;
margin-left:-225px;
margin-top:100px;
border-radius:5px;
-webkit-box-shadow:0 2px 10px #000,inset 0 1px 1px rgba(255,255,255,0.1);overflow:scroll;
}

form#tv input{
-webkit-box-shadow:inset 0 2px 10px rgba(0,0,0,0),0 1px 1px rgba(255,255,255,0);
-webkit-appearance:none;
border:0;
border-radius:0;
background:rgba(0,0,0,0);
height:20px;
margin-top:0px;
padding-left:10px;
padding-right:10px;
color:#FFF;
text-shadow:0 -1px 0 #3F414C;
padding-bottom:8px;
width:130px;
display:inline-block;
}

form#tv label{
display:inline-block;
width:55px;
font-family:arial;
font-size:11px;
color:#FFF;
padding-right:5px;
text-align:right;
}

#stats{
width:100px;
float:right;
margin-right:20px;
margin-top:100px;
color:rgba(255,255,255,0.5);
font-family:arial;
font-size:12px;
text-shadow: 0px 0px 4px #000;
text-decoration:none;
font-weight:100;
}

#lstats{
width:100px;
float:left;
margin-right:20px;
margin-top:100px;
color:rgba(255,255,255,0.5);
font-family:arial;
font-size:12px;
text-shadow: 0px 0px 4px #000;
text-decoration:none;
font-weight:100;
}

#songlist{
top:50%;
margin-top:-210px;
position:absolute;
left:50%;
margin-left:250px;
}

.songlist{
width:auto;
display:block;
margin-right:20px;
margin-bottom:5px;
color:rgba(255,255,255,0.5);
font-family:arial;
font-size:12px;
text-shadow: 0px 0px 4px #000;
text-decoration:none;
font-weight:100;
}

#current{color:white;}

#recent{
position:absolute;
width: 350px;
height:450px;
left:50%;
top:50%;
margin-top:-225px;
margin-left:-530px;
bottom:100px;
list-style:none;
}

#recentbox{
position:absolute;
margin-top:5px;
margin-left:5px;
height:20px;
width:20px;
background-size:100%;
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,1),inset 0 1px 1px rgba(255,255,255,0.1);
border-radius: 3px;
}

#recent h4{position:absolute;margin-top:0;margin-left:40px;-webkit-transition: color 250ms linear;
line-height:30px;color:rgba(255,255,255,0.5);font-family:arial;font-size:12px;text-shadow: 0px 0px 4px #000;text-decoration:none;font-weight:100;

}



    
#music{
width:100px;
height:100px;margin-left:10px;margin-right:10px;
background:-webkit-linear-gradient(rgba(0,0,0,0.5), #000);
border-radius:5px;
-webkit-box-shadow:0 2px 10px #000,inset 0 1px 1px rgba(255,255,255,0.1);overflow:scroll;display:inline-block;
-webkit-transition: all .4s ease-in-out;position:relative;
}

#music:hover{top:50%;margin-top:-150px;margin-left:-250px;left:50%;right:50%;width:300px;height:300px;position:relative;}

#movie{
width:100px;
height:150px;margin-left:10px;margin-right:10px;
background:-webkit-linear-gradient(rgba(0,0,0,0.5), #000);
border-radius:5px;
-webkit-box-shadow:0 2px 10px #000,inset 0 1px 1px rgba(255,255,255,0.1);overflow:scroll;display:inline-block;
}

#tv-show{
width:100px;
height:100px;margin-left:10px;margin-right:10px;
background:-webkit-linear-gradient(rgba(0,0,0,0.5), #000);
border-radius:5px;
-webkit-box-shadow:0 2px 10px #000,inset 0 1px 1px rgba(255,255,255,0.1);overflow:scroll;display:inline-block;
}

#book{
width:100px;
height:150px;margin-left:10px;margin-right:10px;
background:-webkit-linear-gradient(rgba(0,0,0,0.5), #000);
border-radius:5px;
-webkit-box-shadow:0 2px 10px #000,inset 0 1px 1px rgba(255,255,255,0.1);overflow:scroll;display:inline-block;
}
#game{
width:100px;
height:140px;
margin-left:10px;margin-right:10px;
background:-webkit-linear-gradient(rgba(0,0,0,0.5), #000);
border-radius:5px;
-webkit-box-shadow:0 2px 10px #000,inset 0 1px 1px rgba(255,255,255,0.1);overflow:scroll;display:inline-block;overflow:scroll;
}

#contain{top:50%;margin-top:-75px;height:150px;left:100px;right:100px;position:absolute;width:auto;text-align:center;-webkit-box-reflect:  10px -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,transparent 100%);}

#containtext{text-align:center;margin-top:20px;}

::-webkit-scrollbar{  
display: none;
  } 
  
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  position:absolute;
  bottom:50px;
  width:75px;
  margin-left:-38px;
  left:50%;
  font-size:10px;
}
.rating > a {
  display: inline-block;
  position: relative;
  width: 15px;
  height:15px;
  margin-left:0px;
  text-align:center;
  vertical-align:top;
}
.rating > a:hover:before,
.rating > a:hover ~ a:before {
   content: "\2605";
   position: absolute;
   left:0px;
   top:0;
   height:15px;
   width:15px;
   vertical-align:top;
}

label{color:#000;margin-left:10px;width:80px;display:inline-block;}

input[type=text],input[type=mail],input[type=number],input[type=date],input[type=time],input[type=submit],input[type=password],textarea,select{
  -moz-user-select: text;
  -webkit-user-select: text;
  -webkit-touch-callout: text;
-khtml-user-select: text;
-ms-user-select: text;
-o-user-select: text;
user-select: text;color:#000;
}

.edit,.add,.edits{display:none;}
.edits{position:absolute;padding-left:50px;margin-top:-30px;right:-70px;color:#fff;text-shadow:0 0 5px #000;padding-right:20px;}

li:hover > .edit,li:hover > .add{display:inline-block;}
li:hover > .edits{display:block;}

.toolbox{position:absolute;height:65px;width:80px;padding:10px;background:-webkit-linear-gradient(top, lightgrey, lightgrey);right:-100px;margin-top:-20px;top:0px;box-shadow:0 0 10px #000;display:none;border-radius:2px;z-index:10;text-align:right;}
li:hover > .toolbox{display:block;}
.toolbox a{display:block;padding-left:10px;height:15px;line-height:15px;margin-top:0;padding:0;}