/* 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: 78px;
  padding: 6px 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: 64px; height: 64px; object-fit: contain; image-rendering: pixelated; }
.forum-masthead { display: flex; align-items: center; justify-content: center; min-height: 66px; }
.forum-brand { display: inline-flex; align-items: center; gap: 13px; color: #e4cd82 !important; text-decoration: none !important; }
.forum-brand-copy { display: flex; flex-direction: column; align-items: flex-start; text-shadow: 2px 2px 0 #000; }
.forum-brand-copy strong { color: #e8cb6b; font: bold 26px Georgia, "Times New Roman", serif; letter-spacing: -1px; }
.forum-brand-copy em { margin-top: 1px; color: #c7b990; font: normal 11px Arial, Helvetica, sans-serif; letter-spacing: 2px; text-transform: uppercase; }
.forum-main-menu { min-height: 29px; background: #312714 linear-gradient(#49391b, #241b0d); border-top: 1px solid #725d31; border-bottom: 1px solid #090704; }
.forum-main-menu .top_links { display: flex; flex-direction: row; align-items: stretch; justify-content: center; min-height: 29px; margin: 0 auto; padding: 0; list-style: none; }
.forum-main-menu .top_links li { display: block; float: none; margin: 0; padding: 0; border-left: 1px solid #171006; border-right: 1px solid #584622; list-style: none; }
.forum-main-menu .top_links a { display: block; padding: 8px 18px 7px; color: #ded0aa; font-size: 10px; font-weight: bold; line-height: 14px; text-shadow: 1px 1px #000; white-space: nowrap; }
.forum-main-menu .top_links a:hover { color: #f0d26d; background: #4a391b; text-decoration: none; }

#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; }

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; }

#container > img { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
#debug { color: #8f856d; }

@media (max-width: 790px) {
  #container { width: calc(100% - 18px); min-width: 0; margin: 9px; }
  .forum-main-menu { height: auto; }
  .forum-main-menu .top_links { flex-wrap: wrap; height: auto; }
  .forum-main-menu .top_links a { padding: 7px 10px 6px; }
  .forum-brand-copy strong { font-size: 23px; }
  .forum-brand-copy em { font-size: 9px; letter-spacing: 1px; }
  .post.classic .post_author { width: 120px; }
  .community-forums-filter span { display: none; }
  .forum-count { width: 48px; }
  .forum-lastpost { width: 115px; }
}