/* PK League Old School — a restrained 2005-era RuneScape forum treatment. */
:root {
  --rs-stone: #2d2a24;
  --rs-stone-hi: #514a3e;
  --rs-stone-lo: #17150f;
  --rs-parchment: #d5c49a;
  --rs-parchment-alt: #c8b687;
  --rs-ink: #2b2114;
  --rs-gold: #f0d26d;
  --rs-red: #8b1a12;
}

html { background: #11100d; }
body {
  background: #11100d url(/images/rspkl/stone.png) repeat;
  color: var(--rs-ink);
  font: 12px Arial, Helvetica, sans-serif;
  text-align: center;
}
a:link, a:visited { color: #5b210d; text-decoration: none; }
a:hover, a:active { color: #9b3217; text-decoration: underline; }

#container {
  width: 765px;
  min-width: 765px;
  margin: 18px auto;
  color: var(--rs-ink);
  background: #191712;
  border: 1px solid #090806;
  box-shadow: 0 0 0 2px #615744, 0 8px 28px #000;
  font: 12px Arial, Helvetica, sans-serif;
}
.wrapper { width: auto; min-width: 0; max-width: none; margin: 0 9px; }

#logo {
  min-height: 104px;
  padding: 8px 0;
  background: #28251f url(/images/rspkl/stone-panel.png) repeat;
  border: 1px solid #080706;
  border-bottom-color: #71664e;
  text-align: center;
}
#logo .wrapper { position: relative; }
#logo img { width: 92px; height: 92px; object-fit: contain; }
#logo ul.top_links { position: absolute; right: 4px; bottom: 4px; margin: 0; }
#logo ul.top_links a { color: #eee0ac; text-shadow: 1px 1px #000; }

#panel .upper, .thead {
  color: #fff3c3;
  background: #4b100b linear-gradient(#8b2418, #4b100b);
  border: 1px solid #260704;
  box-shadow: inset 0 1px #bb5943;
}
#panel .lower, .tcat {
  color: #eadba8;
  background: #3a352b linear-gradient(#514a3e, #29261f);
  border: 1px solid #16130f;
}
#panel .upper a, #panel .lower a, .thead a, .tcat a { color: var(--rs-gold); }

#content {
  padding: 10px 8px 18px;
  background: #17130c;
  border-top: 1px solid #090806;
}
.navigation { display: none; }

.community-forums-heading {
  color: #d6c6a3;
  background: #1d180d;
  border: 1px solid #554526;
  border-bottom: 0;
  font: bold 14px Arial, Helvetica, sans-serif;
  letter-spacing: .1px;
  padding: 9px 8px 7px;
  text-align: center;
  text-shadow: 1px 1px #000;
}
.community-forums-filter {
  height: 27px;
  padding: 4px 9px 3px;
  color: #d8caad;
  background: #3b2c13 linear-gradient(#4b3818, #2a200f);
  border: 1px solid #171007;
  border-bottom-color: #6b5428;
  box-sizing: border-box;
  font-size: 10px;
  text-align: center;
}
.community-forums-filter label { position: absolute; left: -9999px; }
.community-forums-filter select {
  width: 174px;
  height: 20px;
  margin: -1px auto 0;
  padding: 0 4px;
  color: #e9dec6;
  background: #241a0c;
  border: 1px solid #6f5428;
  font-weight: bold;
}
.community-forums-filter span { float: right; line-height: 18px; }

.tborder {
  width: 100%;
  margin: 8px 0 11px;
  background: #211708;
  border: 1px solid #080604;
  box-shadow: 0 0 0 2px #4a391d;
  border-collapse: separate;
  border-spacing: 1px;
}
#content .tborder + br { display: none; }
.tborder .thead {
  padding: 5px 7px;
  color: #d7c7a7;
  background: #3c2b10 linear-gradient(#493514, #30230e);
  border: 1px solid #171006;
  box-shadow: inset 0 1px #6e5426;
  text-align: left;
  font-weight: bold;
}
.tborder .thead a { color: #d7c7a7; }
.tborder .tcat {
  padding: 3px 7px;
  color: #d8c9aa;
  background: #332611 linear-gradient(#413017, #281e0e);
  border: 0;
  font-size: 10px;
  font-weight: bold;
}
.trow1, .trow2 {
  padding: 4px 5px;
  color: #cabd9d;
  background: #312410;
  border: 0;
  border-top: 1px solid #4e3a1a;
  border-bottom: 1px solid #120d07;
}
.forum-row:nth-child(odd) .trow1, .forum-row:nth-child(odd) .trow2 { background: #2b210f; }
.forum-row:hover .trow1, .forum-row:hover .trow2 { background: #3b2d15; }
.forum-row td { height: 34px; box-sizing: border-box; }
.forum-icon-cell { position: relative; width: 32px; padding: 2px 3px; }
.forum-section-icon {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
  image-rendering: pixelated;
}
.forum-status-dot {
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 5px;
  height: 5px;
  border: 1px solid #120b03;
  background: #75613a;
}
.forum-status-on { background: #55a437; box-shadow: 0 0 2px #8de368; }
.forum-name-cell { text-align: left; }
.forum-name-cell > strong > a { color: #ead661; font-size: 11px; }
.forum-name-cell .smalltext { color: #c8bb9f; line-height: 12px; }
.forum-count { width: 72px; color: #c7b99a; font-size: 10px; }
.forum-lastpost { width: 190px; padding-right: 7px; color: #c7b99a; font-size: 10px; white-space: normal !important; }
.forum-lastpost a { color: #e0cfaa; }
.trow_sep { color: #eadba8; background: #4a4437; border-color: #201d18; }
.smalltext { font-size: 10px; }

#boardstats_e .trow1, #boardstats_e .trow2 { color: #c8bb9f; background: #2c210f; }
.forum_legend { color: #bbae90; }

input.textbox, textarea, select {
  color: #22180e;
  background: #efe2bd;
  border: 1px solid #685b3f;
  border-top-color: #30291d;
  border-left-color: #30291d;
  font: 12px Arial, Helvetica, sans-serif;
}
input.button, a.button {
  color: #f7e9b7;
  background: #4b100b linear-gradient(#872218, #491009);
  border: 1px solid #260704;
  box-shadow: inset 0 1px #b85943;
  font: bold 11px Arial, Helvetica, sans-serif;
  padding: 4px 9px;
}
input.button:hover, a.button:hover { background: #6c1a11; color: #fff5cb; }
.pagination a, .pagination .pagination_current { border-color: #66583d; }
.pagination .pagination_current { color: #fff1b9; background: #6d1b12; }

#footer { color: #cbbd91; background: #1e1b16; border-top: 1px solid #625943; padding: 12px 0; }
#footer a { color: #e6cf79; }
#debug { color: #8f856d; }

@media (max-width: 790px) {
  #container { width: calc(100% - 18px); min-width: 0; margin: 9px; }
  #logo ul.top_links { position: static; margin-top: 6px; text-align: center; }
  .post.classic .post_author { width: 120px; }
  .community-forums-filter span { display: none; }
  .forum-count { width: 48px; }
  .forum-lastpost { width: 115px; }
}