@font-face {font-family: LCDMono;
    src: url('lcdmn.woff2') format('woff2'),
    		 url('lcdmn.ttf') format('ttf'),
         url('lcdmn.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

:root {--cmboxw:15em;}
body {font-size:1em;color:#dcc;background-color:#000000;font-family: verdana, arial, helvetica; background-position:100%;margin:auto;padding:2vw;overflow:scroll;}

#ctrl {height:6em;width:97vw;background-color:#000;color:#fff;display:inline;z-index:1;border:5px groove #ca7;border-right:8px groove #ca7;margin:0px;padding:0px;position:fixed;bottom:0px;left:0px;}

a:link,a:visited    {color:#ccf;opacity:0.85}
a:hover		{background-color:#333;opacity:1}
code {background-color:#444;font-size:1em;}
li {margin-bottom:1em;}
p {line-height:150%;margin:1em;}
td   {border-right:solid 1px grey;border-bottom:solid 1px grey;background-color:#400;vertical-align: top; text-align: left; word-wrap:break-word;padding:3px;} 
tr {clear:both;}

a.h1,a.h2 {text-decoration:none;}
.ib,a.ib,h4 {display:inline-block;}
h1,a.h1	{font-size: 1.5em;background:linear-gradient(to right,#c88,#88c);color:#000;padding:0.05em;margin:0.05em;}
h2,a.h2	{font-size: 1.4em;color:#acc;padding:0.1em;margin:0.1em;}
h3 {font-size:1.25em;background-color:#222126;padding:2px;border-radius:4px;display:inline;color:#cbb}
.h3,a.h3	{display:inline;padding:0.2em 0.4em 0.2em 0.4em;border-radius:4px;white-space:nowrap;border:2px solid #d77;background:linear-gradient(to right,#886,#807780);color:#2a2a2a;line-height:2em;margin:0em 0em 1em 0em;}

input,textarea	{font-size:1.2em; border:solid 1px grey;}
input[type=range] {background: transparent;border-color: transparent;color:#88f;}
.search {color:#ffc; background-color:#200 !important;}
.searchbar {position:relative;display:inline;align-items:center;}
.searchbar span {position:absolute;display:block;right:0.7em;top:0em;width:1em;height:1em;border-radius:10%;color:#000;background-color:#555;font:1.5em monospace;text-align:center;line-height:1.2em;cursor:pointer;}
.searchbar input {padding-right:2em;box-sizing:border-box;}
 
form {display:block;}
img {margin:0.3em}
audio::-webkit-media-controls-panel{background-color: #777;color:#fff;}
audio {margin:0.5em;}
#selreg {color:#ffff00;background-color:#222;margin:1em 0.3em 0.3em 0.3em}

.sq,.cn,.br,.sr,.ch {padding:1px;display:inline-block;}
.sq {background-color:#222f35;margin:6px;border:3px ridge #666;}
.sqsep {color:#666;}

.cn {color:#ee9;background-color:#000;}
.br {color:#ccc;background-color:#444;}
.sr {font-size:0.8em;color:#aaa;}
.ch {font-size:50%;}
.rp {font-size:0.66em;color:#bbb;text-align:center}
#ctrl0 {margin:0px;}
#ctrl1 {font-size:1.7em;border:3px ridge #caa;background-color:#555;line-height:100%;font-family: verdana, arial, helvetica;padding:0px 4px 4px 3px;display:inline;}
#ctrl0,#ctrl2 {padding:2px;display:inline;}
#ctrl0 {width: 90vw;white-space: nowrap;display:inline-block;}
#ctrl0{scrollbar-width:thin;}
#ctrltoggle {background-color:#888;color:#000;font-size:2em;display:inline-block;padding:0px 4px;float:right;}
#proginfo {font-size:1.2em;color:#f88;margin:0px 6px;overflow:hidden;display:inline;max-width:300px;}
#progress {margin:6px;color:#ffd;font-size:0.7em;display:inline;max-width:10em;overflow:hidden;}
.sctr {overflow:scroll;display:inline;scrollbar-width: thin;}
.sctr::-webkit-scrollbar {height:6px;width:6px;background:#222;}
.sctr::-webkit-scrollbar-thumb {background: #883;}
.sctr::-webkit-scrollbar-corner {background: #222;}
#vbar {width:10%;margin:1em 1em 0px 0px;font-size:1em;display:inline;}
#linkarea {display:block;word-wrap:break-word;margin:0px 0px 0px 5px;}
#linktxt {font-size:0.8em;font-family:Courier;max-width:90vw;overflow:hidden;display:inline-block;color:#aa9;} 
#ctrl .sq {margin:3px;}
#ctrl .br,#ctrl .sr {margin:0px;padding:0px;}
#ctrl .br {margin-left:1px;font-size:1.5em;}
#ctrl .cn,#ctrl .ch,#ctrl .sr {font-size:80%;}

.btn,a.btn,.nbtn,a.nbtn  {display:inline-block;margin:0.3vw;padding:0.15vw;background-color:#13182f;color:#ffd;text-decoration:none;box-shadow:5px 4px 5px #2b2b3c}
.nbtn,a.nbtn {overflow:hidden;}
.btn2,a.btn2 {padding:0.3vw;}
.smb,a.smb {font-size:0.8em;}
.morebtn {background-color:#888;color:#222;padding:3px;display:inline;font-weight:bold;}
.sbtn{font-size:1em;}
a.arrbtn {font-size:1.3em;background-color:#222;color:#cc9;padding:0.3em 0.7em;margin:0em 0.7em 1em 0.2em;}

.emp {border:3px solid #d44;background:linear-gradient(to right,#435,#214);}
.bb {border:2px solid #6ad;}
.bg {border:2px solid #7d7;background:rgb(0,200,0);background-color:#252;}
.tab {border:solid 2px #555;margin-left:auto; margin-right:auto;max-width:100%;padding:5px;}
.cmbox {font-family:LCDMono Ultra,LCDMono,LCD,Courier,monospace;width:var(--cmboxw);height:1.2em;display:inline-block;white-space:nowrap;overflow:hidden;color:#d9804a;background:linear-gradient(135deg,#461f1f,#151414);font-size:1.4em;margin:2px 4px;padding:1px;}
.cmbox img{margin:0 0.3em;}		
.stnblock {border:1px solid #213a44;clear:both;background:linear-gradient(135deg,#100f28,#000311);padding:0.2em;overflow:hidden;}
.fvb {font-size:3em;color:#8ff;background-color:#000;float:left;margin-right:em;padding-right:0.1em;margin-right:0.1em}
.stn1 {float:left;max-width:40%;margin:0.4em 2em 0.5em 0em;margin-bottom:0.75em;}
.stninfo {margin:0.5em 0 0 0;font-size:0.9em;line-height:115%;}
a.redlink {font-size:1.5em;display:inline-block;color:#a77;margin:1em;}

.loc {color:#dda;}
.bra {color:#8d8;}
.call {color:#afa;}
.cb {clear:both;}
.desc {color:#aaa;}
.fl {float:left;}
.frq {color:#add;white-space:nowrap;}
.gry {color:#aaa;}
.red {color:#f00;}
.hide {display:none;}
.sqhide {opacity:0.6;background-color:#800000} 
.sqinac {opacity:0.3}
.sel {color:#ffa;background-color:#555}
.slo {color:#eb8;} 
.sty {color:#a77;}
.td1 {width:40%;color:#bbb;}
.tdc {width:10%;}

.aac1 {font-size:0.7em;}
.abt {color:#fff;text-decoration:none;display:inline-block;margin:1em;}
.atoz {font-size:2em;}
.autodj {font-size:0.5em;color:#ff0;vertical-align:top;overflow:hidden;white-space:nowrap;}
.e1 {background-color:#000;color:#ffd;font-weight:bold;}
.framedinfo {border:2px solid #225;background-color:#180a0a;font-size:0.8em;display:table;padding:0.3em;margin:0.5em;line-height:150%}
.geob {font-size:0.5em;display:inline-block;color:#f00;vertical-align:top;}
.libig {font-size:1.5em;color:#66a;}
.nw {white-space:nowrap;display:inline;}
.r,a.r {text-align:right;display:block;}
.sm,a.sm {font-size:0.8em;display:inline-block;}
.sm2,a.sm2 {font-size:0.65em;display:inline-block;}
.smlink {font-size:0.5em;display:block;color:#aaaae1;}
.subnotes,a.subnotes {font-size:0.6em;display:inline-block;}
.u,a.u {text-decoration:underline;font-size:1em;}

#nav {background:linear-gradient(to right,#326,#000);}

#player {display:none}

#mainhead {color:#ccc;padding:0.2em;}


.lnk {line-height:150%;font-size:2em;}
.let {font-size:3em;color:#603;font-family: Comic Sans MS;}

#cookieDiv {position: fixed;font-size:1em;left: 0;bottom: 0;width: 100%;padding:0.5em;background-color: #602;color:#fff;z-index:999;}
#cookieText {text-align: left;float:left;width:70%}
#cookiegotit {display:inline-block;text-align:right;background-color:#333;color:#ffa;font-size:1.3em;padding:0.2em;margin:1em;border:1px solid #aaa;}