@charset "UTF-8";

:root {
  /* Global */
  --font-family-main: var(--font-family-sans-serif);
  --font-size-main: 11pt;
  --font-size-small: 0.9em;
  --color-bg-main: #faf3ea;
  --color-bg-main-gradient: #ffffff;
  --color-fg-main: #808080;
  --color-fg-link: #39a9bf;
  --color-fg-link-hover: inherit;
  --color-lo-contrast-border: #c3c3c3;
  --color-hi-contrast-border: #b3b3b3;
  --color-border-button: #e3e3e3;
  /* Navigation/admin bar */
  --color-bg-boardlist: var(--color-bg-reply);
  --color-fg-boardlist: #cccccc;
  /* Board header */
  --color-fg-logo: var(--color-fg-main);
  --color-bg-theading: #e04000;
  --color-bg-theading2: #0040e0;
  --color-bg-theading3: #e08000;
  --color-fg-theading: #ffffff;
  /* Post form */
  --color-bg-postblock: #ff8d99;
  --color-fg-global-message: var(--color-fg-warning);
  /* Posts/replies */
  --color-bg-reply: #ffffff;
  --color-bg-reply-hl: #fff0f1;
  --color-fg-title: inherit;
  --color-fg-name: inherit;
  --color-fg-warning: #b8a3f8;
  --color-fg-warning-ip: #affab9;
  --color-fg-omitted: #b3b3b3;
  /* Post formatting */
  --color-fg-quotelink: #b3b3b3;
  --color-fg-quotelink-hover: #b3b3b3;
  --color-fg-quote: #ff6c74;
  --color-fg-quote2: #ff6c74;
  --color-bg-spoiler: #000000;
  --color-bg-code: #fff0f1;
  --color-fg-code: #444444;
  /* Administrator mode */
  --color-bg-postlists-header: #6080f6;
  --color-fg-postlists-header: #ffffff;
	--color-fg-postlists-header-link: #ffff00;
  --color-bg-postlists-odd: #d6d6f6;
  --color-bg-postlists-even: #f6f6f6;
  /* File board/flash board */
  --color-bg-flashboard-even: #f7efea;
  /* Windows */
  --color-bg-window-item-highlight: #ffdbb5;
  /* Theme */
  --color-bg-header: #ff8d99;
  --color-fg-header: #ffffff;
  --color-fg-comment: #666666;
  --color-border-input: #cccccc;
}

body {
  margin: 0;
  line-height: 1.5;
}

a {
  text-decoration: none;
}

hr {
  border: none;
  border-top: 1px dashed #cccccc;
}

.inputtext {
  border: 1px solid var(--color-border-input);
  border-radius: 2px;
  padding: 0 8px;
  min-height: 2em;
}

textarea.inputtext {
  border-radius: 4px;
  padding: 0.75em 0.625em;
}

input[type="checkbox"],
input[type="radio"],
input[type="range"],
progress {
  accent-color: #ff8d99;
}

.boardlist {
  background-color: var(--color-bg-header);
  color: var(--color-fg-header);
  padding: 0 4px;
}

.boardlist a {
  color: var(--color-fg-header);
}

.persistnav .boardlist {
  color: var(--color-fg-boardlist);
  margin: 0;
}

.persistnav .boardlist a {
  color: var(--color-fg-link);
}

.persistnav .logo {
  margin-top: 0;
}

#banner {
  margin-top: 0;
}

.logo {
  background-color: var(--color-bg-header);
  color: var(--color-fg-header);
  padding: 8px 0;
}

.logo hr {
  border: none;
  border-bottom: 1px dashed #eb616c;
  width: auto;
  margin-bottom: 0;
}

#postarea {
  display: table;
  background-color: var(--color-bg-reply);
  border-radius: 2px;
  margin: 1.25em auto;
  padding: 1.625em 1.75em 0.5em;
}

.postblock {
  color: var(--color-fg-header);
  border-radius: 2px;
}

#topiclist {
  display: block;
  margin: 0 1.25em;
}

#topiclist .innerbox {
  background-color: var(--color-bg-reply);
  border-radius: 2px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 1.25em 1.75em;
}

#delform {
  margin: 0 1.25em;
}

.threadSeparator {
  display: none;
}

.thread {
  background-color: var(--color-bg-reply);
  border-radius: 2px;
  max-width: 1024px;
  margin: 1.25em auto;
  padding: 1.625em 1.75em 0;
}

.thread > .reply-container:nth-of-type(3) {
  clear: both;
}

.doubledash {
  display: none;
}

.reply-container {
  display: block;
  border-top: 1px solid #e3e3e3;
  margin: 0;
  padding: 1.25em 0;
}

.postername,
.postercap {
  font-weight: normal;
}

.comment {
  color: var(--color-fg-comment);
  font-weight: 600;
}

.comment pre {
  font-weight: normal;
}

.quotelink,
.quotelink a {
  background-color: #ffeff1;
  color: #b3b3b3;
  border-radius: 4px;
}

#userdelete {
  float: none;
}

.previewBox {
  background-color: var(--color-bg-reply-hl);
  color: var(--color-fg-main);
  border: none !important;
  border-radius: 4px;
}

.previewBox .reply {
  background: transparent;
  color: var(--color-fg-main);
}

.winbar {
  color: var(--color-fg-header);
}