/* Online image */
.online { background-image: url("./icon_user_online.gif"); }


/* === Blue/Grey theme overrides === */
:root {
  --link-color: #FFD700;
  --link-hover: #FFC107;
  --info-text-color: #4682B4;
}

a, a:link, a:visited { color: var(--link-color) !important; }
a:hover, a:focus { color: var(--link-hover) !important; }

.time, .post-time, .lastpost, .lastpost span, .topiclist .lastpost span,
.stat-block, .stat-block p, .stat-block li,
.online-list, .online-list p, .online-list li,
.birthdays, .statistics, .statistics p,
.forum-description, .forum-statistics, .responsive-show .time,
.small, .notice, .rules, .info, .copyright
{ color: var(--info-text-color) !important; }

.button, .button1, .button2, input, select, textarea {
  border-color: #4B5563 !important;
}


/* === Targeted layout colors (Matt request) === */
:root {
  --outer-bg: #0F172A;
  --forum-bg: #B8C2CC;
  --forum-table-bg: #93A3B3;
  --forum-border: #0F172A;
}

/* Area around the forum (page background) */
html, body { background: var(--outer-bg) !important; }

/* Forum container background */
#wrap, .wrap, .page-body, .page-container { 
  background-color: var(--forum-bg) !important; 
}

/* Borders around forums and posts */
.forabg, .forumbg, .topiclist, .post, .post .inner, .postbody, .postprofile {
  border-color: var(--forum-border) !important;
  border-width: 1px !important;
  border-style: solid !important;
}

/* Tables inside the forum */
#wrap table, .page-body table, .wrap table {
  background-color: var(--forum-table-bg) !important;
}
#wrap table th, #wrap table td,
.page-body table th, .page-body table td {
  background-color: var(--forum-table-bg) !important;
}
#wrap table, #wrap table th, #wrap table td,
.page-body table, .page-body table th, .page-body table td {
  border-color: var(--forum-border) !important;
}


/* === Layout update v2 === */
:root {
  --forum-bg: #FFFFFF;
  --forum-table-bg: #93A3B3;
  --forum-header-bg: #0F172A;
  --input-bg: #FFFFFF;
  --button-bg: #FFFFFF;
  --user-info-bg: #FFFFFF;
}

/* Forum container background */
#wrap, .wrap, .page-body, .page-container {
  background-color: var(--forum-bg) !important;
}

/* Forum headers and menu bar */
.headerbar, .forabg, .forumbg, .navbar, .menu-bar, .navigation, .topbar, .page-header {
  background-color: var(--forum-header-bg) !important;
  border-color: var(--forum-header-bg) !important;
}

/* Tables keep the specified background */
#wrap table, .page-body table, .wrap table {
  background-color: var(--forum-table-bg) !important;
}
#wrap table th, #wrap table td,
.page-body table th, .page-body table td {
  background-color: var(--forum-table-bg) !important;
}

/* Text box for posting + search box backgrounds */
textarea, .message-box textarea, .message-box .inputbox,
input[type="text"], input[type="search"], input[type="email"],
input[type="password"], .search, .search-box input, #search-box input {
  background-color: var(--input-bg) !important;
  color: inherit;
}

/* User information background (profile column in posts, mini-profiles, etc.) */
.postprofile, .profile, .mini-profile, .user-info, .author {
  background-color: var(--user-info-bg) !important;
}

/* Buttons background */
.button, .button1, .button2, .btn, input[type="submit"], input[type="button"], input[type="reset"] {
  background-color: var(--button-bg) !important;
  color: inherit;
}