*{margin:0;padding:0;border:0;outline:0}   
body,html{width:100%;height:100%;font-family: Arial,Helvetica Neue,Helvetica,sans-serif;background-color:#1b1b1b;color:#ccc;}
a {text-decoration:none}  

#ad {position: fixed;z-index:9999999999999;top:0;bottom:0;left:0;right:0;background-image: url('https://1.bp.blogspot.com/-UN6PD6XHnWc/W1dcowhE02I/AAAAAAAAAWk/CdrmxAxWpTUKZfyPl9ZfFBsKs1DUcEncwCLcBGAs/s1600/ad.png');background-repeat:repeat;background-size:100%;height:100%;width:100%;}
#header{position:relative;z-index:99999;width:100%}
 
.content{position:relative;display:inline-block;width:100%;margin:0 auto;overflow:hidden}

h3{display:inline-block;position:absolute;font-size:18px;color:#ccc;font-weight: lighter;width:100%}
.results{list-style-type: none;width: 100%;}
.item .title {display:block;position:absolute;width: 100%;line-height:50px;text-align:left;padding-left:10px}
.item img {width:80px;height:50px;float: left;top:0px}
.item {overflow:hidden;position:relative;z-index:1;display:inline-block;width:100%;height:50px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.6);
border-bottom: 1px solid #424242;border-top: 1px solid #424242;}
.item .title:hover {background: #288cfb;}

@media only screen and (max-width: 450px){
.search {margin-left:20px;width:99%;margin-bottom:10px}
input#find[type=text] {width:88%}
}

@media only screen and (max-width: 703px) and (min-width: 450px)  {
.search {margin-left:20px;width:40%}
input#find[type=text] {width:130px}
}
 
@media screen and (min-width:703px) {
.search {margin-left:20px;width:60%}
input#find[type=text] {width:230px}
}

 
ul.menu {list-style-type:none;overflow:hidden;background-color:#333;border-bottom: 1px solid #424242; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.6);margin-bottom:10px}
ul.menu li{background-color:#333;font-size:12px;}
.menu li {float:left;}
li a, .dropbtn {position:relative;z-index:99999;display:inline-block;color:#fff;text-align:center;}
.menu li a, .dropbtn{padding:14px 16px}
li.dropdown {display:inline-block}

.dropdown-content {display:none;position:absolute;z-index:99999;background-color:#323232;min-width:160px;}
.dropdown-content a {position:relative;z-index:99999;border-top: 1px solid #424242;color:#fff;padding:12px 16px;text-decoration:none;display:block;text-align:left}
ul.menu li a:hover, .dropdown:hover .dropbtn, .dropdown-content a:hover {position:relative;z-index:99999;background-color:#288CFB}
.dropdown:hover .dropdown-content {display:block;}
 

 li a:hover, .dropdown:hover .dropbtn, .dropdown-content a:hover {position:relative;z-index:99999;-webkit-transition:background-color 400ms linear;
-moz-transition:background-color 400ms linear;-o-transition:background-color 400ms linear;
-ms-transition:background-color 400ms linear;transition:background-color 400ms linear}


input#find[type=text] { 
    box-sizing: border-box;
    border: 1px solid #666;
    border-radius: 4px;
    font-size: 16px;
	margin-top:4px;
    background-color: #1b1b1b;color:#fff;
    background-image: url('http://totv.org/img/as/searchicon2.png');
    background-position: 5px 4px; 
    background-repeat: no-repeat;
    padding: 8px 20px 8px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input#find[type=text]:focus {width:88%}
#bfind {height:40px;width:40px;position:absolute;top:4px;cursor:pointer}


.footer {font-size:12px;position:fixed;z-index:99;width:100%;color:#888;height:24px;background-color:#222;bottom:-2px;overflow:hidden;
border-top: 1px solid #424242;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.6);}
.fleft {position:relative;float:left;margin:4px 0px 0px 10px;}
.fleft a {color:#aaa;display:inline-block}
.fleft a:hover {color:#f9b8b4}
.fright {position:relative;float:right;margin:4px 20px 0px 0px;}

.tagy,h1,h2{font-size:12px}
h1{font-size:14px}
h2{font-size:13px}

.ink, .ink a{color:#999;font-size:12px}
.ink {padding:10px 10px 10px 10px}


#shr {left:10px;position: relative;display: inline-block;width:150px;height:50px;background-color:transparent;border: solid 0px;box-shadow: none}
#shr li {width:34px;height:34px;position: absolute;top:10px;background: url('/img/as/share.png') 0 0 no-repeat;display: inline-block;list-style: none} 
#shr a:hover, #shr a{display: inline-block;background-color:transparent;min-width:34px;height:34px;cursor: pointer}
#shr #shr1 {left:0px;background-position: 0px 0px}
#shr #shr1:hover {left:0px;background-position: 0px -34px}
#shr #shr2 {left:36px;background-position: -36px 0px} 
#shr #shr2:hover {left:36px;background-position: -36px -34px} 
#shr #shr3 {left:70px;background-position: -70px 0px} 
#shr #shr3:hover {left:70px;background-position: -70px -34px} 
#shr #shr4 {left:106px;background-position: -106px 0px} 
#shr #shr4:hover {left:106px;background-position: -106px -34px}
.shrb{display:none}