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

.forum-main-menu {
  position: relative;
  min-height: 58px;
  background: #21180e linear-gradient(#402b16, #1f170d);
  border-top: 1px solid #7a5b2b;
  border-bottom: 3px ridge #80632d;
  box-shadow: 0 5px 0 rgba(0, 0, 0, .3);
}
.forum-main-menu::before {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(238, 199, 105, .18);
}
.forum-main-menu::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #9b711d 30%, #f0d26d 50%, #9b711d 70%, transparent);
  opacity: .45;
}
.forum-nav-inner { display: flex; align-items: center; gap: 18px; min-height: 58px; }
.forum-brand { display: inline-flex; align-items: center; gap: 10px; flex: none; color: #e8cb6b !important; text-decoration: none !important; }
.forum-brand img { width: 42px; height: 42px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(2px 3px 0 #090704); }
.forum-brand-copy { display: flex; align-items: center; text-shadow: 2px 2px 0 #0b0804; }
.forum-brand-copy strong { color: #e8cb6b; font: bold 19px Georgia, "Times New Roman", serif; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; }
.forum-brand-copy strong span { color: #eee1c1; }
.forum-nav { display: flex; align-items: center; justify-content: flex-end; gap: 2px; width: 100%; }
.forum-nav > a {
  display: block;
  padding: 9px 10px 8px;
  color: #ded0aa;
  border: 1px solid transparent;
  font: bold 11px Georgia, "Times New Roman", serif;
  letter-spacing: .6px;
  text-shadow: 1px 2px 0 #0a0704;
  text-transform: uppercase;
  white-space: nowrap;
}
.forum-nav > a:hover, .forum-nav > a.active {
  color: #f0d26d;
  background: #241a0d;
  border-color: #6a5127;
  border-bottom-color: #b68825;
  box-shadow: inset 1px 1px 0 rgba(255, 224, 143, .1), inset -1px -1px 0 #0e0a05;
  text-decoration: none;
}
.forum-nav > a.forum-enter {
  margin-left: 7px;
  padding: 9px 11px 8px;
  color: #1a1505;
  background: linear-gradient(#ffe69a 0, #e5b632 48%, #9a6511 52%, #c78b18 100%);
  border: 2px solid #4c3107;
  outline: 1px solid #d7ad43;
  outline-offset: -4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}
.forum-nav > a.forum-enter:hover { color: #120e02; filter: brightness(1.08); }

#panel .upper, .thead {
  color: #fff3c3;
  background: #4b100b linear-gradient(#8b2418, #4b100b);
  border: 1px solid #260704;
  box-shadow: inset 0 1px #bb5943;
}
#panel .upper { padding: 4px 0; text-align: right; }
#panel .upper .wrapper { min-height: 16px; }
#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-nav-inner { flex-wrap: wrap; justify-content: center; gap: 0 10px; padding: 7px 0; }
  .forum-nav { justify-content: center; flex-wrap: wrap; }
  .forum-nav > a { padding: 7px 8px 6px; font-size: 10px; }
  .forum-nav > a.forum-enter { margin-left: 2px; }
  .forum-brand-copy strong { font-size: 18px; }
  .post.classic .post_author { width: 120px; }
  .community-forums-filter span { display: none; }
  .forum-count { width: 48px; }
  .forum-lastpost { width: 115px; }
}