/* body { background:#161718 url( https://1-dot.com/go/img/bg-traces-8v7.png);  color: #99ccff;  margin:0; padding:0;  */
body { background:#161718 url() ;  color: #99ccff;  margin:0; padding:0; MAX-WIDTH 976px; 
       font-family:'Open Sans','Helvetica Neue', Arial, sans-serif; font-size:0.9em; 
}
a        { color: #dCe0e8; } /* #D4E8FB #f6f9ff; lavender;  } */ 
#obsolete a:link,#obsolete a:visited { color: #8c9098 !important; }

div div a:hover  { color: red !important; } 

div div .xlink { text-decoration:none; color:#94A8BB; font-size:0.8em; }

#shop div a button { color:white;background:#181818;font-weight:bold;font-size:0.9em; }

#menu      { z-index:2;  position:absolute; top: 40px;   left:0.7%;   width: 48.7%; height:382px;
             background: #06080A; background-size: cover; background-repeat: no-repeat; 
}
#lynx      { z-index:2;  position:absolute; top: 40px;   left:0.7%;   width: 15.7%;  }
#news      { z-index:88; position:absolute; top: 40px;   left:18.1%;  width: 13.75%; }
#compact   { z-index:88; position:absolute; top: 238px;  left:18.5%;  width: 13.75%; }
#china     { z-index:88; position:absolute; top: 40px;   left:33.6%;  width: 15%;  }
#shop      { z-index:88; position:absolute; top: 156px;  left:34%;  width: 14.7%;  }

#obox      { z-index:6;  position:absolute; top: 10px;   left:68%; background:transparent; display:inline; }

#clock     { z-index:7; font-family:'Open Sans',Georgia,'Helvetica Neue',Arial,sans-serif; font-size:1.5em;
             color:white; background:rgba(68,74,84,0.95); border: 1px solid black; padding:10px; }
.tyme      { color:#3399ff; }
             
#radioX  { z-index:999; position:absolute; top: 4px; left:5px; width: 100px; height:29px; DISPLAY:none; padding-top:3px;
  color:white; background:maroon;   border:1px solid #8b8b8b;  text-align:center; font-size:0.9em; line-height:99%;
}
#lynx,#news,#china { border: 4px solid #3F484C; old:#60696C; padding: 3px; } /* 161F22    006066 dark teal */ 
#shop /* ,#compact */ { border-right: 4px solid #3F484C; padding: 3px; padding-top:5px; }
#lynx { border-bottom:0px; }
#ytube   { height:20px; width: 30%;  border:0; } 
#logoBox { z-index:20;  position:absolute; top: 8px;    left:9px;  }                          
#pagename { z-index:20;  position:absolute; top: 5px;    left:16%;  font-size:1.4em;  color: #99ccff !important; }
#pagename a:link, #pagename a:visited, #pagename a:hover { text-decoration:none;      color: #99ccff !important; }
#pagename a:hover { text-decoration:overline; }
#logoX { width:100px;  height:24px;      }

#volume  { z-index:21;  position:absolute; top: 9px;    left:120px;    }
#v-up,#v-down {         height:18px; border:2px dotted transparent;  }
/*
#logoBox { z-index:60;  position:absolute; top: 2px;    left:0px;    background:black;                     DISPLAY:none; }
#logoX   { width: 90px; height:33px; }
*/
#down    { z-index:799; position:absolute; top: 8px; left: 41%; color:white !important; font-size:0.8em;
           background:#181818 !important; padding:2px; border:2px groove #b8b9ba; text-decoration:none; }                
}
#down:link, #down:visited { color:black; font-weight:bold; }
#down:hover { color:magenta !important; }

#x404    { z-index:-1;  position:absolute; bottom: 2px; right:10px; width:64px; height:64px; }

#box a:link, #box a:visited { font-size:1.1em; color:gainsboro; padding-left:10px; text-decoration:none; }
#box a:hover { color:yellow !important; }

#search   { z-index:999; position:absolute; top:420px;   left:9px;    width:45%;     color:white;    } 
#nobox a  { margin:8px; text-decoration:none; display:none; }


#duck-query { padding-left:3px;   background:#202428;     color:white;   font-weight:bold; border:0; width:85.5%; }
#duck-query input:active { border:0; }
#duckform input[type="submit"] {  margin-left:11px;   Background:#2A3038; width:16%; color:#f6f9ff;  margin-right:3px; border:0; }
#duckform input[type="reset"]  {  padding-right:7px;  background:transparent; color:#e0e0e0; font-size:1.3em;  border:0; } 

#help     { z-index:9999; position:absolute; top:-5px !important; right:5px !important;  }
#help a:active,#help a:link,#help a:visited { text-decoration:none; color: lavender !important; }
#help img { height:23px; width:24px; padding-left:10px; border:0px; position:relative !important; top:10px !important; left:0px; }
/*
@media screen and (-moz-device-pixel-ratio : 1)    /******* FIX broken FIREFOX VERTICAL CSS ****************/


@media screen 
{ body      { font-size: 0.9em; }  
  div div .xlink tt { font-size:0.85em !important; padding-left:3px !important }
  #menu     { width: 97.2%; height:375px;  }
  #down     { position:absolute; top: 7px; left:80%; } 
  #lynx div a,#compact div a,#news div a,#china div a,#shop div a { font-size:0.95em !important;  }
  
  #lynx     { position:absolute; top: 40px;   left:0.7%;   width: 32%; }
  #news     { position:absolute; top: 40px;   left:36%;    width: 28%; }
  #compact  { position:absolute; top: 232px;  left:36.6%;  width: 28%;  }
  #china    { position:absolute; top: 40px;   left:67.3%;  width: 29%;  }
  #shop     { position:absolute; top: 152px;  left:67.9%;  width: 29%;  }
  #search   { width: 90%;  position:absolute; top:405px; left: 7px; } 
  #duckform input[type="submit"] { width:17%; }    
  #pagename { position:absolute; top: 3px;  left:31%; }
  #obox,#clock  { display:none !important; } 
  #nobox a  { display:inline; color:#94A8BB; font-size:1.2em !important;  } */
  #help,#x404,#obox,#clock { display:none !important; }
  #radioX   { font-size:0.9em; }
}