body,
textarea {
  color: #000;
}
body.mainpage,
body.threads {
  background: #c5ad99 url(../img/muro.jpg);
}
body.threadpage {
  background: #efefef;
}
a,
a .name,
#n2 {
  color: #00f;
}
a:active,
a:active .name,
#n2:active {
  color: #f00;
}
h2 {
  margin-bottom: 3px;
}
h2 a {
  color: #f00;
}
h3 {
  color: #f00;
}
h3 span {
  color: #000;
}
.mainpage h4:hover {
  background: #ffefef;
}
h4.hidden {
  background: #ccc;
}
.mainpage h4.hidden:hover {
  background: #dcc;
}
#main_nav {
  background: #fff;
}
.fix #main_nav {
  box-shadow: 0 0 3px #000;
}
.outerbox {
  background: #cfc;
  border: 1px outset #fff;
}
.innerbox {
  border: 1px inset #fff;
}
#threadlist {
  background: #beb;
  border: 1px inset #fff;
}
#threadlist a {
  border: 1px outset #fff;
}
.mainpage .thread,
#content {
  background: #efefef;
  border: 1px outset #fff;
}
body[data-brd="zonavip"] .mainpage .name {
  color: #ff0;
}
body[data-brd="zonavip"] .mainpage a .name {
  color: #00f;
}
.name,
.abbrev {
  color: green;
}
.name em {
  color: #009;
}
.del a {
  color: #000;
}
.msg {
  margin: 4px 40px 0;
}
.reply {
  margin-bottom: 24px;
}
a.thumb {
  margin-top: 4px;
}
.q {
  color: #666;
}
.yt {
  background: #ddd;
  border: 1px solid #aaa;
}
.deleted {
  color: #afafaf;
  margin-bottom: 24px;
}
#q-p {
  background: #efefef;
  border: 1px solid #999;
}
#q-p .reply {
  margin-bottom: 8px;
}
#createbox {
  display: flex;
}
#createbox .extrabox {
  border: 1px inset #fff;
  margin: 7px 0 7px 7px;
  float: left;
  width: 40px;
  height: auto;
  flex: 0 1 40px;
  -webkit-flex: 0 1 40px;
}
#createbox .innerbox {
  flex: 0 1 100%;
  -webkit-flex: 0 1 100%;
}
form .msg {
  border: 1px dotted #000;
  background: #efefef;
}
#footer {
  color: #333;
}
#content.list {
  padding: 7px;
}
#content.list #header div {
  background: #ccc;
  border-top: 1px inset #fff;
}
#content.list .row:nth-child(odd),
#content.grid .row:hover {
  background: #fff;
}
#content.list .row div:first-child {
  border-left: 1px inset #fff;
}
#content.list .row div:last-child {
  border-right: 1px inset #fff;
}
#content.list .row:last-child div {
  border-bottom: 1px inset #fff;
}
#content.grid {
  border: 1px outset #fff;
  padding: 1px;
}
#content.grid .row {
  border: 1px inset #fff;
  margin: 1px;
}
@media (max-width: 600px) {
  .extrabox {
    display: none;
  }
}