}

}
.tdMenuLeft {
        background-color: #919B91;
}
.divContent{
        scrollbar-face-color: "#555555";
        scrollbar-highlight-color: "#000000";
        scrollbar-shadow-color: "#000000";
        scrollbar-3dlight-color: "#000000";
        scrollbar-arrow-color: "#000000";
        scrollbar-track-color: "#000000";
        scrollbar-darkshadow-color: "#000000";
}
.tdMenuTop {
        background-color: #D62C8F;
}

.txtCopyrightBtm {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 60%;
        font-weight: normal;
        color: #7D7D7D;
}
.txtWhite, a.txtWhite, .txtMembersCopy {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
}
.txtGreen, a.txtGreen {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #00FF00;
                font-weight: bold;
                        text-decoration: none;
}
.txtYellow, a.txtYellow {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #FFFFFF;
        font-weight: bold;
                text-decoration: none;
}
.txtRed, a.txtRed {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FF0000;
        font-weight: bold;
                text-decoration: none;
}
.txtBlue, a.txtBlue {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #00AA44;
        font-weight: bold;
                text-decoration: none;
}
a.txtCopyrightBtm:hover, a.txtCopyrightBtm:hover, a.txtCopyrightBtm:link, a.txtCopyrightBtm:active, a.txtCopyrightBtm:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 60%;
        font-weight: bold;
        color: #555555;
        text-decoration: none;
}
a.txtGalleryLink:hover, a.txtGalleryLink:hover, a.txtGalleryLink:link, a.txtGalleryLink:active, a.txtGalleryLink:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 60%;
        font-weight: bolder;
        color: #FFFFFF;
        text-decoration: none;
}
.tblSiteColor {
        background-color: #000000;
        border: 2px solid #000000;
}
.txtDate {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 75%;
        font-weight: normal;
        color: #ffffff;
}
.txtNav {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 75%;
        font-weight: normal;
        color: #CCCCCC;
}
a.txtNav:hover, a.txtNav:active, a.txtNav:link, a.txtNav:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 75%;
        font-weight: normal;
        color: #CCCCCC;
        text-decoration: none;
}
.txtMenuDesc {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        font-weight: bold;
        color: #CCCCCC;
        text-indent: 5pt;
}
.tdMenuBtn {
        background-color: #000000;
        padding: 2px;
        border-left: 4px solid #00AA44;
        height: 20px;
        border-top-width: 4px;
        border-bottom-width: 4px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #00AA44;
        border-bottom-color: #00AA44;
}
.tdMenuBtnRight {
        background-color: #000000;
        padding: 2px;
        border-left: 4px solid #00AA44;
        height: 20px;
        border-top-width: 4px;
        border-top-style: solid;
        border-top-color: #00AA44;
}
.tdMenuBtnOver {
        background-color: #000000;
        padding: 2px;
        border-top: 1px solid #000000;
        border-right: 1px none #000000;
        border-bottom: 1px solid #000000;
        border-left: 1px none #000000;
        height: 20px;
}
.tblContentBox {
        background-color: #000000;
        border: 4px solid #00AA44;
}
.lineSpacer {
        background-color: #999999;
}
.tdContentCopy {
        border-top-width: 4px;
        border-bottom-width: 4px;
        border-bottom-style: solid;
        border-top-color: #00AA44;
        border-bottom-color: #00AA44;
        border-top-style: solid;
}
.tdContentHead {
        height: 20px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-bottom-style: none;
        border-top-color: #999999;
        border-right-color: #999999;
        border-bottom-color: #999999;
        border-left-color: #999999;
        background-color: #666666;
}
.txtContentHead {
        font-family: "Century Gothic", "Trebuchet MS", Monaco, Helvetica, _sans;
        font-size: 90%;
        color: #FFFFFF;
}
.txtContentCopy {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 70%;
        color: #FFFFFF;
}
a.txtContentCopy:hover, a.txtContentCopy:link, a.txtContentCopy:active, a.txtContentCopy:visited  {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 70%;
        color: #FFFFFF;
        text-decoration: none;
}
a.defaultLink:hover, a.defaultLink:link, a.defaultLink:active, a.defaultLink:visited  {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #00FF00;
        text-decoration: none;
        font-weight: bold;
}
a.buyitLink:hover, a.buyitLink:link, a.buyitLink:active, a.buyitLink:visited  {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 70%;
        color: #6B5D5C;
        text-decoration: none;
        font-weight: bold;
}
a.jumpBoxlink:hover, a.jumpBoxlink:link, a.jumpBoxlink:active, a.jumpBoxlink:visited  {
        font-family: "Trebuchet MS", "Century Gothic", Monaco, Helvetica, _sans;
        font-size: 70%;
        color: #FFFFFF;
        text-decoration: none;
}
a.txtsectionJump:hover, a.txtsectionJump:link, a.txtsectionJump:active, a.txtsectionJump:visited  {
        font-family:  "Century Gothic","Trebuchet MS", Monaco, Helvetica, _sans;
        font-size: 70%;
        color: #FFFFFF;
        text-decoration: none;
}
a.txtMoreLink:hover, a.txtMoreLink:link, a.txtMoreLink:visited, a.txtMoreLink:active  {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
        font-size: 60%;
}

textareaOff,.textboxOff,.fileOff {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #FFFFFF;
        background-color: #333333;
        border: 1px solid #FFFFFF;
        font-size: 70%;
}
.textareaOn,.textboxOn,.fileOn {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #FFFFFF;
        background-color: #333333;
        border: 1px solid #CCCCCC;
        font-size: 70%;
}
.submitOn {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #000000;
        border: 4px solid #00AA44;
        font-size: 70%;
}
.submit {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #00AA44;
        border: 4px solid #00AA44;
        font-size: 70%;
}
.tblMenuLeft {
        background-color: #999999;
        background-color: #666666;
}
.tblSessionBox {
        border-top: 1px solid #000000;
        border-right: 1px none #000000;
        border-bottom: 1px solid #000000;
        border-left: 1px none #000000;
        background-color: #666666;
}
.tdSessionCopy {
        padding: 4px;
        border: 1px solid #999999;
}
a.txtSessionCopy:hover, a.txtSessionCopy:link, a.txtSessionCopy:active, a.txtSessionCopy:visited  {
        font-family: "Trebuchet MS", "Century Gothic",  Monaco, Helvetica, _sans;
        font-size: 70%;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
}

.txtSessionHead {
        font-family: "Century Gothic", "Trebuchet MS", Monaco, Helvetica, _sans;
        font-size: 90%;
        color: #FFFFFF;
}
.txtSessionCopy {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 70%;
        color: #000000;
}
.tdlargeImage {
        background-color: #6B5D5C;
        border: 5px solid #6B5D5C;

}
.tdContentHeadLeft {
        background-color: #6B5D5C;
        height: 25px;

}
.txtContentHeadLeft {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 75%;
        font-weight: bolder;
        color: #CCCCCC;
        text-indent: 2px;

}
.tdContentBodyCopy {
        background-color: #000000;
        border: 1px solid #DADADA;
        background-color: #666666;
}
.tdContentBodyCopy {
        background-color: #000000;
        border: 1px solid #DADADA;
        padding: 2px;
        background-color: #666666;

}
.txtContentBodyCopy {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 75%;
        color: #FFFFFF;
}
/*.txtMembersCopy {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 75%;
        color: #FFFFFF;
}*/
.txtCalendarLink {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 70%;
        font-weight: bold;
        color: #FFFFFF;
}
a.txtCalendarLink:hover, a.txtCalendarLink:link, a.txtCalendarLink:active, a.txtCalendarLink:visited  {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 70%;
        font-weight: bold;
        text-decoration: none;
        color: #FFFFFF;
}
.txtRequired {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 75%;
        color: #990000;
}
.tblPreview {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FF0000;
        background-color: #000000;
        padding: 5px;
        border-bottom-width: 3px;
        border-bottom-style: dashed;
        border-bottom-color: #666666;
}
.txtError {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
}
.tdForumReply1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #FFFFFF;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-bottom-style: solid;
        border-left-style: none;
        border-top-color: #00AA44;
        border-right-color: #00AA44;
        border-bottom-color: #00AA44;
        border-left-color: #00AA44;
}
.tdForumReply2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #FFFFFF;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-bottom-style: solid;
        border-left-style: none;
        border-top-color: #00AA44;
        border-right-color: #00AA44;
        border-bottom-color: #00AA44;
        border-left-color: #00AA44;
}
.tdForumTopic1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #FFFFFF;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-bottom-style: solid;
        border-left-style: none;
        border-top-color: #999999;
        border-right-color: #999999;
        border-bottom-color: #999999;
        border-left-color: #999999;
}
.tdForumTopic2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #FFFFFF;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #999999;
        border-right-color: #999999;
        border-bottom-color: #999999;
        border-left-color: #999999;
}
.txtForumSubtle {
font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
}
a.txtForumLink:hover,a.txtForumLink:link,a.txtForumLink:visited,a.txtForumLink:active  {
font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
}
a.txtDarkLink:hover,a.txtDarkLink:link,a.txtDarkLink:visited,a.txtDarkLink:active  {
font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
        font-size: 75%;
}
.tdForum2 {
        padding: 4px;
}
.tdForum1 {
        padding: 4px;
}	
.pageBg {
        background-image: url("../img/pinkBg.jpg");
        background-repeat: repeat-x;
        background-position: top;
        background-color: #D62C8F;
}
.txtTitle {
        font-family: "Century Gothic", "Trebuchet MS", Monaco, Helvetica, _sans;
        font-size: 150%;
        color: #FFFFFF;
        letter-spacing: 0.06em !important;
} a.hidden:visited, a.hidden:hidden, a.hidden:active, a.hidden:link  {
        font-size: xx-small;
        color: #666666;
        text-decoration: none;
}
.blueBg {
        background-color: #00AA44;
        padding: 0px;
}
.bgDots {
        background-image: url("../img/dots.gif");

        background-repeat: repeat-x;
        background-position: bottom;
}
form {
        margin: 2px;
}
.date {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}
.txtBTVTitle {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
}
.txtBTVCopy {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
}
.tdContentCopyBottom {

        border-top-width: 4px;
        border-top-color: #00AA44;
        border-top-style: solid;
}
/* osd */
#screenCell { position: relative; overflow: hidden; }

#osd {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 170px;
  background: rgba(0,0,0,0.85);
  border: 2px solid #00AA44;
  padding: 6px 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  z-index: 999;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .15s linear, transform .15s linear;
}

#osd.show {
  opacity: 1;
  transform: translateY(0);
}

#osdTop {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}

#osdChan { color: #00FF00; font-weight: bold; }
#osdTime { color: #FFFFFF; font-size: 11px; font-weight: bold; }
#osdTitle { color: #FFFFFF; font-size: 11px; font-weight: bold; }

/* ohessddee */
#screenCell { position: relative; overflow: hidden; }

#osd {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 170px;
  background: rgba(0,0,0,0.85);
  border: 2px solid #00AA44;
  padding: 6px 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  z-index: 999;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .15s linear, transform .15s linear;
}

#osd.show {
  opacity: 1;
  transform: translateY(0);
}

#osdTop {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}

#osdChan { color: #00FF00; font-weight: bold; }
#osdTime { color: #FFFFFF; font-size: 11px; font-weight: bold; }
#osdTitle { color: #FFFFFF; font-size: 11px; font-weight: bold; }

/* iframe relative */
#screenWrap{
  position: relative;
  width: 478px;
  height: 283px;
  overflow: hidden;
}

#screenWrap iframe[name="screen"]{
  width: 478px;
  height: 283px;
  border: 0;
  display: block;
}

#osd{
  position: absolute;
  top: 8px;
  right: 8px;
  width: 220px;
  z-index: 9999;
  background: rgba(0,0,0,0.85);
  border: 2px solid #00AA44;
  padding: 6px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .15s linear, transform .15s linear;
}

#osd.show{ opacity: 1; transform: translateY(0); }

#osdTop{
  display:flex;
  justify-content:space-between;
  margin-bottom:4px;
}

#osdChan{ color:#00FF00; font-weight:bold; }
#osdTime{ color:#FFFFFF; font-weight:bold; font-size:11px; }
#osdTitle{ color:#FFFFFF; font-weight:bold; font-size:11px; }

/* osd force */
#osdOverlay{
  position:absolute !important;
  top:8px !important;
  right:10px !important;
  left:auto !important;
  width:auto !important;
  max-width: 190px !important;
  z-index:99999 !important;
  padding:4px 8px !important;
  background: rgba(0,0,0,0.45) !important;
  border:1px solid rgba(0,170,68,0.75) !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-weight:bold !important;
  color:#FFFFFF !important;
  font-size:11px !important;
  line-height:1.15 !important;

  opacity:0 !important;
  transform: translateY(-3px) !important;
  transition: opacity .15s linear, transform .15s linear !important;
  pointer-events:none !important;
}

#osdOverlay.show{ opacity:1 !important; transform: translateY(0) !important; }
#osdOverlay .ch{ color:#00FF00; }
#osdOverlay .ttl{ color:#FFFFFF; }

/* crt osd */
#osdOverlay{
  position:absolute !important;
  top:8px !important;
  right:10px !important;
  left:auto !important;

  display:inline-block !important;
  width:auto !important;
  max-width: 240px !important;

  padding:2px 8px !important;
  border:1px solid rgba(60,120,255,0.95) !important;

  /* blue strip */
  background: linear-gradient(to bottom,
    rgba(10,40,160,0.92) 0%,
    rgba(10,40,160,0.78) 55%,
    rgba(10,40,160,0.90) 100%) !important;

  font-family: ui-monospace, Menlo, Monaco, "Courier New", monospace !important;
  font-size:12px !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color:#EAF2FF !important;

  /* glow */
  box-shadow:
    0 0 8px rgba(40,140,255,0.45),
    inset 0 0 10px rgba(0,0,0,0.35) !important;

  /* do not block anything */
  pointer-events:none !important;
  z-index:99999 !important;

  /* popping */
  opacity:0 !important;
  transform: translateY(-2px) !important;
  transition: opacity .12s linear, transform .12s linear !important;

  /* one line */
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* sl banner */
#osdOverlay::after{
  content:"";
  position:absolute;
  left:0; top:0; right:0; bottom:0;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,0.08),
    rgba(255,255,255,0.08) 1px,
    rgba(0,0,0,0.00) 2px,
    rgba(0,0,0,0.00) 4px
  );
  opacity:0.22;
  pointer-events:none;
}

#osdOverlay.show{
  opacity:1 !important;
  transform: translateY(0) !important;
}

#osdOverlay .ch{ color:#FFFFFF !important; }
#osdOverlay .ttl{ color:#EAF2FF !important; }



/* swt */
html, body, table, td, div, span, a, input, textarea, button {
  font-family: ui-monospace, Menlo, Monaco, "Courier New", monospace !important;
  letter-spacing: 0.03em;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* greeeen */
.txtWhite, .txtGreen, .txtYellow, .txtRed, .txtBlue,
a.txtWhite, a.txtGreen, a.txtYellow, a.txtRed, a.txtBlue,
.txtContentHead, .txtContentCopy, .txtSessionHead, .txtSessionCopy {
  text-shadow:
    0 0 6px rgba(0,255,160,0.20),
    0 0 10px rgba(0,120,255,0.10);
}

/* im so hungry bruh */
a:hover {
  filter: brightness(1.15) contrast(1.05);
}

/* idk what im gonna eat when i get home */
textarea, input[type="text"] {
  font-family: ui-monospace, Menlo, Monaco, "Courier New", monospace !important;
  letter-spacing: 0.02em;
}

/* two hours left im dying yall */
#scanOverlay{
  pointer-events:none;
  position:absolute;
  left:0; top:0; right:0; bottom:0;
  z-index: 9000;
  opacity: 0.14; /* keep subtle */
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,0.06),
      rgba(255,255,255,0.06) 1px,
      rgba(0,0,0,0.00) 2px,
      rgba(0,0,0,0.00) 4px
    );
  mix-blend-mode: screen;
}

/* my blood */
#scanOverlay::after{
  content:"";
  position:absolute;
  left:0; top:0; right:0; bottom:0;
  background: radial-gradient(circle at 40% 30%,
    rgba(0,255,160,0.08),
    rgba(0,120,255,0.05) 45%,
    rgba(0,0,0,0) 70%);
  opacity: 0.55;
}

/* big title */
.titleBig{
  font-family: ui-monospace, Menlo, Monaco, "Courier New", monospace !important;
  letter-spacing: 0.14em !important;
  text-shadow:
    0 0 10px rgba(0,255,160,0.22),
    0 0 16px rgba(0,120,255,0.16) !important;
}

/* typing epic */
.typewriterFont, .typewriterFont *{
  font-family: "American Typewriter", "Courier New", Courier, monospace !important;
  letter-spacing: 0.08em !important;
}

/* typewriter caret */
.twCaret{
  display:inline-block;
  margin-left: 6px;
  opacity: 1;
  animation: twBlink 0.75s steps(1,end) infinite;
}

@keyframes twBlink{
  50% { opacity: 0; }
}

/* mysterious glowie */
.typewriterFont{
  text-shadow: 0 0 10px rgba(0,255,160,0.18);
}

/*  big title typewriter */
.titleBig{
  font-family: "American Typewriter", "Courier New", Courier, monospace !important;
  letter-spacing: 0.10em !important;
}

/* bruce banner*/
#hackBanner{
  position:absolute;
  bottom:6px;
  left:0;
  right:0;
  height:20px;
  overflow:hidden;
  z-index:9500;
  pointer-events:none;
  background:rgba(0,0,0,0.6);
  border-top:1px solid rgba(0,255,0,0.35);
}

#hackBanner span{
  display:inline-block;
  white-space:nowrap;
  font-family: ui-monospace, Menlo, Monaco, "Courier New", monospace;
  font-size:12px;
  letter-spacing:0.12em;
  color:#00FF66;
  text-shadow:0 0 6px rgba(0,255,120,0.6);
  animation: hackScroll 18s linear infinite;
}

@keyframes hackScroll{
  from{ transform: translateX(-100%); }
  to{ transform: translateX(100%); }
}

/* hi chat */
.chatLog{
  font-family: ui-monospace, Menlo, Monaco, "Courier New", monospace;
  font-size:12px;
  color:#00FF66;
  background:#000;
  padding:6px;
  max-height:200px;
  overflow-y:auto;
  display:flex;
  flex-direction:column-reverse;
}

.chatMsg{
  margin-bottom:6px;
  line-height:1.3;
  text-shadow:0 0 6px rgba(0,255,120,0.4);
}

/* crt osd */
#osdOverlay{
  position:absolute;
  top:8px;
  right:10px;
  left:auto;
  z-index:99999;

  padding:2px 8px;
  border:1px solid rgba(60,120,255,.9);
  background: linear-gradient(
    to bottom,
    rgba(10,40,160,.92),
    rgba(10,40,160,.78)
  );

  font-family: ui-monospace, Menlo, Monaco, monospace;
  font-size:12px;
  text-transform:uppercase;
  white-space:nowrap;

  color:#EAF2FF;
  box-shadow: 0 0 8px rgba(40,140,255,.45);
  pointer-events:none;

  opacity:0;
  transform: translateY(-2px);
  transition: opacity .12s linear, transform .12s linear;
}

#osdOverlay.on{
  opacity:1;
  transform: translateY(0);
}

/* bruce banner sequel evil edition */
#hackBanner{
  position:absolute;
  bottom:6px;
  left:0;
  right:0;
  height:22px;
  overflow:hidden;
  z-index:9500;
  pointer-events:none;

  background:rgba(0,0,0,0.75);
  border-top:1px solid rgba(0,255,0,0.45);
}

#hackBanner span{
  display:inline-block;
  white-space:nowrap;

  font-family: "American Typewriter", "Courier New", Courier, monospace;
  font-size:12px;
  letter-spacing:0.14em;
  color:#00FF66;

  text-shadow:
    0 0 6px rgba(0,255,120,0.8),
    0 0 12px rgba(0,255,120,0.5);

  animation: hackScrollLTR 18s linear infinite;
}

@keyframes hackScrollLTR{
  from { transform: translateX(-100%); }
  to   { transform: translateX(100%); }
}

/* global sl */
html, body{
  background:#fff;
}

body::before{
  content:"";
  position:fixed;
  left:0; top:0; right:0; bottom:0;
  pointer-events:none;
  z-index:99999;

  /* scanlines */
  background: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,0.06) 0px,
    rgba(255,255,255,0.06) 1px,
    rgba(0,0,0,0.00) 2px,
    rgba(0,0,0,0.00) 4px
  );

  opacity:0.14;           
  mix-blend-mode: screen;
}


body::after{
  content:"";
  position:fixed;
  left:0; top:0; right:0; bottom:0;
  pointer-events:none;
  z-index:99998;
  background: radial-gradient(circle at 50% 50%,
    rgba(0,0,0,0) 55%,
    rgba(0,0,0,0.35) 80%,
    rgba(0,0,0,0.70) 100%
  );
  opacity:0.35;
}



.bottomBar .home    { color: #FF0000 !important; } /* red */
.bottomBar .journal { color: #00FF00 !important; } /* green */
.bottomBar .music   { color: #FFFF00 !important; } /* yellow */
.bottomBar .me      { color: #0000FF !important; } /* blue */



#bootOverlay .msg{
  border: 2px solid #0000FF !important;
  background: rgba(0,0,0,0.65) !important;
  color: #00FF00 !important; /* meow */
}

#bootOverlay{
  color: #00FF00 !important;
}