/* ==========================================================
   DATAPOINT 2200 HQ - HYPER DELUXE GEO-EDITION (1998)
   ----------------------------------------------------------
   Green-on-black terminal look + glowing “mainframe” frame,
   fake LED panels, buttons, and BBS-style console.
   ========================================================== */

/* GLOBAL */
body {
    margin: 0;
    padding: 0;
    background-color: #000000;         /* fallback */
    background-image: url("scanlines_bg.gif"); /* tiny tiling GIF if you want */
    background-repeat: repeat;
    color: #00FF00;
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
}

/* Main page wrapper */
#page {
    width: 760px;
    margin: 10px auto;
}

/* LINKS */
a:link,
a:visited {
    color: #00FF00;
    text-decoration: none;
}

a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

a:active {
    color: #CCCCCC;
}

/* GENERAL TABLE LOOK */
table {
    font-size: 12px;
    border-collapse: collapse;
}

td {
    font-family: "Courier New", Courier, monospace;
    padding: 4px;
}

/* =======================
   BANNER / HEADER
   ======================= */

.banner {
    width: 760px;
    border: 2px solid #00FF00;
    background-color: #001100;
}

.banner td {
    text-align: center;
    padding: 8px;
}

/* “logo bar” inside banner */
.banner-title {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 3px;
}

.banner-sub {
    font-size: 10px;
}

/* Marquee bar directly under banner */
.marquee-bar {
    width: 760px;
    margin-top: 2px;
}

.marquee-bar td {
    padding: 2px 4px;
    background-color: #000000;
    border: 1px solid #003300;
    font-size: 10px;
}

/* =======================
   NAV BAR
   ======================= */

.nav-bar {
    width: 760px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.nav-bar td {
    text-align: center;
    padding: 4px;
    background-color: #000000;
    border: 1px solid #003300;
}

.nav-bar a {
    font-size: 11px;
    font-weight: bold;
}

/* Make nav links look like chunky console buttons */
.nav-button {
    padding: 2px 6px;
    border: 1px solid #00FF00;
    background-color: #001100;
    margin: 0 2px;
}

/* =======================
   MAIN FRAME / LAYOUT
   ======================= */

.main-frame {
    width: 760px;
    border: 2px solid #00FF00;
    background-color: #001100;
}

/* Two-column layout: left = console, right = status */
.main-frame td {
    vertical-align: top;
}

/* Left: console area */
.console {
    width: 520px;
    padding: 10px;
}

/* Right: status / info column */
.sidebar {
    width: 220px;
    padding: 8px;
    border-left: 1px solid #003300;
    background-color: #000000;
}

/* =======================
   TERMINAL / CONSOLE
   ======================= */

/* “CRT” style block */
.crt {
    border: 1px solid #00FF00;
    background-color: #000000;
    padding: 6px;
}

/* Boot screen style text */
.boot-text {
    font-size: 11px;
    line-height: 1.4;
}

/* Command list */
.command-list {
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: 20px;
}

/* System log box */
.syslog {
    border: 1px dashed #00FF00;
    padding: 6px;
    margin: 8px 0;
    background-color: #000000;
}

/* =======================
   SIDEBAR / PANELS
   ======================= */

.sidebar-title {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.status-panel {
    border: 1px solid #00FF00;
    padding: 4px;
    margin-bottom: 8px;
    background-color: #001100;
}

/* LED indicator row */
.led-row {
    margin-bottom: 4px;
}

/* Small square “LED” lights using background colors */
.led {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 3px;
    border: 1px solid #003300;
}

/* Colors for different LED states */
.led-on {
    background-color: #00FF00;
}

.led-warn {
    background-color: #FFCC00;
}

.led-off {
    background-color: #003300;
}

/* Tiny labels next to LEDs */
.led-label {
    font-size: 10px;
}

/* Mini spec list */
.spec-list {
    margin: 0;
    padding-left: 14px;
    font-size: 10px;
}

/* =======================
   FOOTER / BADGES
   ======================= */

.footer {
    width: 760px;
    margin-top: 5px;
}

.footer td {
    font-size: 10px;
    padding: 2px 4px;
}

/* visitor count block */
.counter-block {
    font-size: 10px;
}

/* generic small text */
.small {
    font-size: 10px;
}

/* Align helpers */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

/* Gallery (for other pages, but we keep it here) */
.gallery img {
    border: 1px solid #00FF00;
}

.gallery td {
    text-align: center;
    padding: 10px;
}

/* RETURN links */
.return-link {
    text-align: center;
    font-size: 10px;
    margin-top: 10px;
}

/* Guestbook area (for links page) */
.guestbook-links {
    text-align: center;
    font-size: 10px;
    margin-top: 8px;
}

/* Under-construction / badges */
.badge {
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 4px;
}