@font-face {
  font-family: "Bookman";
  src: local("Bookman"), local("URW Bookman"), url("/static/font/bookman-mix.woff2");
}
body {
  background: #21323f;
  color: #fff;
}
body,
textarea {
  font-family: "Bookman";
}
a,
#n2 {
  color: #dfca89;
}
a:hover,
#n2:hover {
  color: #ffe9a4;
}
a:active,
#n2:active {
  color: #d00;
}
hr {
  border: none;
  border-top: 1px solid #365067;
}
h1,
h5 {
  background: #5e8db4;
  margin: -7px -7px 7px;
  padding: 7px;
}
h2 a,
h2 a:hover,
h3,
#size {
  color: #ff7a7a;
}
h2 span,
h3 span {
  color: #ccc;
}
input[type="text"],
textarea,
select {
  border: 1px solid #10181f;
  box-shadow: inset 1px 1px 2px rgb(0, 0, 0, 0.3);
}
input[type="submit"],
input[type="button"],
button {
  background: #53a9dd;
  color: #343b4d;
  border-top: 1px solid #85c8ff;
  border-left: 1px solid #85c8ff;
  border-bottom: 1px solid #10181f;
  border-right: 1px solid #10181f;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
  background: #63b6e9;
}
input[type="submit"]:active,
input[type="button"]:active,
input[type="button"].active,
button:active {
  background: #7979a5;
  color: #10181f;
  border-top: 1px solid #10181f;
  border-left: 1px solid #10181f;
  border-bottom: 1px solid #85c8ff;
  border-right: 1px solid #85c8ff;
}
input[type="file"] {
  border: none;
}
#main_nav {
  background: #1d7548;
}
.cur_brd:before {
  content: "◆";
}
.outerbox,
.innerbox,
#threadlist a,
.mainpage .thread,
.replies,
.thread .postform,
.threadpage .postform,
#q-p,
#threads th {
  background: #476a88;
  border-top: 1px solid #5e8db4;
  border-left: 1px solid #5e8db4;
  border-bottom: 1px solid #10181f;
  border-right: 1px solid #10181f;
}
.outerbox,
.mainpage .thread,
.threadpage .replies,
.threadpage .postform,
#q-p {
  box-shadow: 1px 1px #000;
}
.outerbox {
  background: #476a88;
  color: #d3f8d3;
}
#bailinks {
  background: #5b8bb4;
}
#threadlist {
  border: 1px solid #38546c;
  border-right: 0;
}
#threadlist a {
  border-right: 1px solid #38546c;
  border-bottom: 1px solid #38546c;
}
.replies,
.postform,
#createbox .innerbox {
  background: #476a88;
}
h4 {
  background: #38546c;
  color: #999;
  padding: 1px 2px;
}
h4:hover {
  background: #324b60;
}
.reply.deleted h4 {
  color: #777;
}
.del a,
.abbrev {
  color: #999;
}
h4 > .name,
h4 > .trip {
  color: #afd775;
}
.name em {
  color: #fdfd96;
}
.q {
  color: #a5a5de;
}
.yt {
  background: #43617a;
  border: 1px solid #1c2935;
}
.postform {
  color: #d3f8d3;
  margin-top: 0.5em;
  padding: 8px !important;
}
form .msg {
  border: 1px dashed #21323f;
  color: #fff;
}
#q-p {
  padding: 0;
}
#size {
  float: left;
  margin: 1em -5em 0 0;
}
#threads th {
  background: #5e8db4;
}
#threads tr:nth-child(odd) {
  background: #38546c;
}

@media (max-width: 600px) {
  h1,
  h5 {
    margin: -3px -3px 0;
    padding: 3px;
  }
  .outerbox,
  .thread {
    padding: 1px;
  }
  .innerbox {
    margin: 0;
    padding: 1px;
  }
  .outerbox .innerbox {
    padding: 4px;
  }
  #threadlinks {
    margin-bottom: 4px;
    text-align: center;
  }
  .postform {
    padding: 4px !important;
  }
  .reply.deleted {
    margin-bottom: 0;
  }
  #createbox .innerbox {
    padding: 4px 4px 0 !important;
  }
}