* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      background: #6dc274;
      font-family: arial, helvetica, sans-serif;
      font-size: 10pt;
      color: #000;
      padding: 10px;
    }

    .header {
      text-align: center;
      padding: 5px;
      background: #1a1a1a;
      color: #fff;
      margin-bottom: 10px;
      font-size: 28px;
      font-weight: bold;
      letter-spacing: 10px;
    }

    .boardBanner {
      text-align: center;
      margin-bottom: 10px;
    }

    .boardTitle {
      color: #AF0A0F;
      font-size: 28px;
      font-weight: bold;
    }

    .boardSubtitle {
      color: #263827;
      font-size: 9pt;
    }

    .navLinks {
      text-align: center;
      font-size: 9pt;
      padding: 5px;
      background: #D6DAF0;
      border-bottom: 1px solid #B7C5D9;
    }

    .navLinks a {
      color: #34345C;
      text-decoration: underline;
      margin: 0 5px;
    }

    .board {
      margin: 10px auto;
      max-width: 900px;
      padding: 0 10px;
    }

    hr {
      border: none;
      border-top: 1px solid #263827;
      margin: 10px 0;
    }

    .thread {
      margin: 0;
    }

    .postContainer {
      margin-bottom: 4px;
    }

    .post {
      background: #D6DAF0;
      border: 1px solid #263827;
      padding: 5px;
      overflow: hidden;
      margin: 4px 0;
    }

    .post.highlight {
      background: #D6BAD0;
      border: 1px solid #BA9DBF;
    }

    .post.op {
      background: #5a835c;
    }

    .reply {
      background: #5a835c;
      margin-left: 20px;
    }

    .postInfo {
      color: #117743;
      font-weight: bold;
    }

    .nameBlock {
      color: #0c2f1d;
      font-weight: bold;
    }

    .subject {
      color: #0F0C5D;
      font-weight: bold;
    }

    .dateTime {
      color: #000;
      font-weight: normal;
    }

    .postNum a {
      color: #000;
      text-decoration: underline;
    }

    .postNum a:hover {
      color: #AF0A0F;
    }

    .fileText {
      margin: 5px 0;
    }

    .fileText a {
      color: #00E;
      text-decoration: underline;
    }

    .fileThumb {
      float: left;
      margin: 5px 20px 5px 5px;
    }

    .fileThumb img {
      border: 1px solid #263827;
      display: block;
    }

    .fileThumb:hover img {
      border-color: #AF0A0F;
    }

    .postMessage {
      margin: 5px 0;
      line-height: 1.4em;
      word-wrap: break-word;
    }

    .quote {
      color: #789922;
    }

    .quotelink {
      color: rgb(158, 1, 1);
      text-decoration: none;
    }

    .quotelink:hover {
      color: #D00;
      text-decoration: underline;
    }

    .deadlink {
      color: #00E;
      text-decoration: underline line-through;
    }

    .closed {
      text-align: center;
      padding: 10px;
      background: #487044;
      border: 1px solid #487044;
      margin: 10px 0;
      font-weight: bold;
      color: #11d13a;
    }

    .investigationLink {
      display: block;
      text-align: center;
      padding: 8px;
      background: #F0E0D6;
      border: 1px solid #AF0A0F;
      color: #AF0A0F;
      text-decoration: none;
      font-weight: bold;
      margin: 10px 0;
    }

    .investigationLink:hover {
      background: #FFE4E1;
    }

    .censored {
      background: #000;
      color: #000;
      padding: 0 2px;
    }

    input[type="checkbox"] {
      vertical-align: middle;
    }

    .separator {
      clear: both;
    }

    .preview {
      position: absolute;
      background: #263827;
      border: 1px solid #172217;
      padding: 10px;
      max-width: 400px;
      z-index: 999;
      box-shadow: 0 2px 5px rgba(0,0,0,0.2);
      pointer-events: none;
    }