@import url(https://fonts.googleapis.com/css2?family=Special+Elite&family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=Cutive+Mono&display=swap);

body {
  background: #f0f0ec !important;
  color: #2a2a3e !important;
  font-family: 'Courier Prime', 'Courier New', monospace !important;
}

a, a:link, a:visited {
	color: #2a80a8 !important;
}

td.thead, .thead td {
  background: #e8e8e2 !important;
  color: #1a1a2e !important;
  font-family: 'Special Elite', Georgia, serif !important;
}

td.tcat, .tcat td {
  background: #f0f0ec !important;
  color: #2a80a8 !important;
  font-family: 'Special Elite', Georgia, serif !important;
}

td.trow1, .trow1 td {
  background: #e8e8e2 !important;
  color: #2a2a3e !important;
}

td.trow2, .trow2 td {
  background: #deded8 !important;
  color: #2a2a3e !important;
}

td.tfoot, .tfoot td {
  background: #f0f0ec !important;
  color: #888898 !important;
  font-family: 'Cutive Mono', monospace !important;
  font-size: 11px !important;
}

/* Main background */
html, body, #container, #wrapper {
  background: #f0f0ec !important;
}

/* Header */
#header, #logo, #panel {
  background: #e8e8e2 !important;
  border-bottom: 1px solid #c8c8c0 !important;
}

#logo > div > a,
#logo > div > a:link,
#logo > div > a:visited {
  font-family: 'Special Elite', Georgia, serif !important;
  font-size: 24px !important;
  color: #1a1a2e !important;
  text-decoration: none !important;
}

#logo span.group_member_of {
  font-family: 'Cutive Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: #888898 !important;
}

/* Nav */
#nav_tabs, .nav_tabs {
  background: #f0f0ec !important;
  border-bottom: 1px solid #c8c8c0 !important;
}

#nav_tabs ul li a {
  font-family: 'Cutive Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #585870 !important;
}

#nav_tabs ul li a:hover {
  color: #1a1a2e !important;
}

/* Footer */
#footer, .footer {
  background: #e8e8e2 !important;
  border-top: 1px solid #c8c8c0 !important;
  font-family: 'Cutive Mono', monospace !important;
  font-size: 10px !important;
  color: #888898 !important;
}

#footer a, .footer a {
  color: #585870 !important;
}

/* Breadcrumb */
.navigation, .breadcrumb {
  font-family: 'Cutive Mono', monospace !important;
  font-size: 10px !important;
  color: #888898 !important;
  background: #f0f0ec !important;
}

/* Panel / welcome bar */
#panel, .panel {
  font-family: 'Cutive Mono', monospace !important;
  font-size: 10px !important;
  color: #888898 !important;
}

#panel a, .panel a {
  color: #2a80a8 !important;
}

/* Main content area backgrounds */
#content, #main, #container, #wrapper,
table.tborder, .tborder,
#forums, #forumlist {
  background: #f0f0ec !important;
}

/* Table background — the 1px gap between rows */
table.tborder {
  background: #c8c8c0 !important;
}

/* Kill default top_links styling */
ul.menu.top_links {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  gap: 0 !important;
  list-style: none !important;
}

ul.menu.top_links li {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

ul.menu.top_links li a {
  background: none !important;
  background-image: none !important;
  padding: 7px 14px !important;
  font-family: 'Cutive Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #585870 !important;
  text-indent: 0 !important;
  display: block !important;
  border-right: 1px solid #c8c8c0 !important;
  white-space: nowrap !important;
}

ul.menu.top_links li a:hover {
  color: #1a1a2e !important;
  background: #deded8 !important;
}

/* Remove any pseudo-element icons */
ul.menu.top_links li a::before,
ul.menu.top_links li a::after {
  display: none !important;
  content: none !important;
}

ul.menu.top_links li a span,
ul.menu.top_links li a {
  font-size: 10px !important;
  line-height: 1 !important;
  height: auto !important;
  width: auto !important;
}

#logo {
  height: auto !important;
  min-height: 0 !important;
  padding: 14px 0 0 !important;
}

#logo .wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

ul.menu.top_links li a,
ul.menu.top_links li a:link,
ul.menu.top_links li a:visited {
  font-size: 10px !important;
  font-family: 'Cutive Mono', monospace !important;
  color: #585870 !important;
  line-height: 1.2 !important;
  padding: 7px 14px !important;
  display: block !important;
  border-right: 1px solid #c8c8c0 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
}

ul.menu.top_links li a:hover {
  color: #1a1a2e !important;
  background: #deded8 !important;
}

ul.menu.top_links li:last-child a {
  border-right: none !important;
  color: #2a80a8 !important;
}

/* Overall base font size */
body, td, p, li {
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* Forum name links on index */
td.trow1 a, td.trow2 a {
  font-size: 15px !important;
}

/* Category headers */
td.tcat {
  font-size: 15px !important;
  padding: 10px 14px !important;
}

/* Table header */
td.thead {
  font-size: 16px !important;
  padding: 10px 14px !important;
}

/* Table row padding — more breathing room */
td.trow1, td.trow2 {
  padding: 12px 14px !important;
}

td.tfoot {
  padding: 10px 14px !important;
  font-size: 12px !important;
}

/* Nav links */
ul.menu.top_links li a {
  font-size: 11px !important;
  padding: 8px 16px !important;
}

/* Logo */
#logo img {
  max-height: 64px !important;
}

/* Welcome/panel bar */
#panel, #panel a {
  font-size: 12px !important;
  padding: 7px 0 !important;
}

/* Remove login/register icons */
.welcome a.login,
.welcome a.register {
  background: none !important;
  background-image: none !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
  font-family: 'Cutive Mono', monospace !important;
  font-size: 12px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #2a80a8 !important;
}

.welcome a.login::before,
.welcome a.register::before,
.welcome a.login::after,
.welcome a.register::after {
  display: none !important;
  content: none !important;
}

.welcome {
  font-family: 'Cutive Mono', monospace !important;
  font-size: 12px !important;
  color: #585870 !important;
}

.navigation span.active:first-child {
  display: none !important;
}