/* TRUE WEB 1.0, DARK MODE — boxy, system fonts, no rounding */

body { margin: 0; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 12pt; }

#layout { border: 2px solid #000000; }

/* Header / Footer bars */
.header, .footer {
  text-align: center;
  padding: 6px 0;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}
.header { border-top: 0; }
.footer { border-bottom: 0; }

/* Nav strip */
.nav {
  text-align: center;
  padding: 4px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
.nav a { text-decoration: none; color: #ffffff; }
.nav a:hover { background-color: #ffffff; color: #000000; }

/* Marquee wrapper */
.marq-wrap {
  background-color: #121212;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

/* Content */
.intro {
  background-color: #222222;
  border: 1px solid #000000;
  padding: 8px;
  margin: 8px 0 10px 0;
  color: #E6E6E6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.section-title {
  background-color: #2a2a2a;
  border: 1px solid #000000;
  padding: 3px 6px;
  margin: 10px 0 6px 0;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
}

/* Posts list */
.post-list {
  list-style-type: square;
  margin: 6px 0 0 24px;
  padding: 0;
  font-family: "Courier New", Courier, monospace;
  font-size: 11pt;
}
.post-list li {
  padding: 3px 0 4px 0;
  border-bottom: 1px dotted #3a3a3a;
}

/* Links (classic colours from BODY; just tweak hover for visibility) */
a { text-decoration: underline; }
a:hover { color: #ff6666; }

/* Images */
img { max-width: 100%; height: auto; border: 1px solid #000000; }

/* Code blocks */
code, pre {
  background-color: #111111;
  border: 1px solid #333333;
  padding: 4px;
  display: block;
  color: #DCDCDC;
  font-family: "Courier New", Courier, monospace;
  font-size: 11pt;
}