a {
  color: #bfa977;
}

a.linkBoard {
  color: #9D4E3F;
}

hr {
/*visibility: hidden;*/
}

.topBoards a, #divLatestImages img, #divLatestPosts .latestPostCell,
  .innerPost, .sideCatalogCell, .markedPost, .sideCatalogMarkedCell,
  .catalogCell {
  border: 1px solid #34345C;
  background-color: #3C212A;
}

.topBoards a {
  color: #34345C;
}

.topBoards a:hover {
  background: #34345C;
  color: #f7cd6e !important;
}

.theme_clear .topBoards a, .theme_clear #divLatestImages img,
  .theme_clear #divLatestPosts .latestPostCell, .theme_clear .innerPost,
  .theme_clear .sideCatalogCell, .theme_clear .markedPost, .theme_clear .sideCatalogMarkedCell,
  .theme_clear .catalogCell {
  background-color: #dddddd
}

.floatingMenu, #quick-reply table {
  background: #2B181E;
}

.theme_clear .floatingMenu, .theme_clear #quick-reply table {
  background: #cccccc;
}

.markedPost, .sideCatalogMarkedCell {
  background-color: #3c212a;
}

.theme_clear .markedPost, .theme_clear .sideCatalogMarkedCell {
  background: #868686;
}

#divLatestPosts .latestPostCell, .innerPost, .sideCatalogCell,
  .markedPost, .sideCatalogMarkedCell, .catalogCell {
  border-color: currentColor #3C212A #3C212A currentColor;
  border-width: medium 1px 1px medium;
  border-style: none solid solid none;
}

#newPostFieldset, #quick-reply table, .modalDecorationPanel,
  .floatingMenu, #settingsFieldset, .reportFieldset {
  border: 1px solid #BFA977;
}

.logoImg {
  height: 212px;
  min-width: 1px;
}

.captchaImage {
  width: 300px;
  height: 100px;
  background-color: white;
}

.small {
  font-size: 75%;
  text-decoration: none;
}

.clearer {
  clear: both;
}

.small a {
  text-decoration: none;
}

#panelReferences a {
  display: block;
}

.imgLink img, .latestImageCell img, .mediaCell img, .catalogCell img {
  image-orientation: from-image;
}

.linkList a {
  display: block;
}

#themeSelector {
  font-size: 100%;
}

h3, p, label {
  margin: 0.25em 0;
}

/*
 hr {
  height: 0px;
  border-width: 1px medium medium;
  border-style: solid none none;
  border-color: #808080;
}
*/
.coloredIcon, .unhideButton, .embedButton, #showFormsButton {
  color: #9D4E3F;
  cursor: pointer;
}

.theme_clear a, .theme_clear .coloredIcon, .theme_clear .unhideButton,
  .theme_clear .embedButton, .theme_clear .checkedFavouriteButton:before,
  .theme_clear #selectedTab, .theme_clear #showFormsButton {
  color: #000;
}

.coloredIcon::before {
  font-family: 'Icons';
}

#navLinkSpan .coloredIcon:before, #navOptionsSpan .coloredIcon:before,
  #links .coloredIcon:before {
  margin-right: 0.25em;
}

u {
  text-decoration: underline;
}

s {
  text-decoration: line-through;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

input, select, textarea {
  border: 1px solid #;
}

.theme_clear input, .theme_clear select, .theme_clear textarea {
  background: #dddddd;
  color: #000;
}

input[type=button], input[type=submit], button, .dropzone, .selectedCell
  {
  border: 1px solid #3C212A;
  padding-left: 0.25em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  cursor: pointer;
}

.theme_clear input[type=button], .theme_clear input[type=submit],
  .theme_clear button, .theme_clear .dropzone, .theme_clear .selectedCell
  {
  background: #a7a7a7;
  color: #000;
}

.fileBrowser {
  background: none;
}

/* import resources here; external CSS, fonts, etc */
@font-face {
  font-family: 'Icons';
  src: url('../open-iconic.eot');
  src: url('../open-iconic.eot?#iconic-sm') format('embedded-opentype'),
    url('../open-iconic.woff') format('woff'), url('../open-iconic.ttf')
    format('truetype'), url('../open-iconic.otf') format('opentype'),
    url('../open-iconic.svg#iconic-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* body styles, inherited by whole page */
body {
  color: #BFA977;
  background: #2B181E;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0px;
}

body.theme_clear {
  background-color: #cccccc;
  color: #000
}

/* header and nav / top of page styles */
header {
  margin: 3em auto 0 auto;
  text-align: center;
}

nav {
  height: 18px;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #331f0c;
  border-bottom: 1px solid #000;
  color: #9D4E3F;
  padding-bottom: 3px;
  font-size: 70%;
  text-align: center;
  z-index: 1;
}

.theme_clear nav {
  background-color: #acacac
}

nav span, nav a {
  display: inline-block;
  text-decoration: none;
  margin: 0 0.2em;
  colo: #3C212A !important;
}

#navLinkSpan {
  float: left;
}

#navOptionsSpan {
  float: right;
}

#navLinkHome:before {
  content: "\e082";
}

#navBoardList:before {
  content: "\e03a";
}

#linkOverboard:before, #navOverboard:before {
  content: "\e007";
}

#settingsButton:before {
  content: "\e041";
}

#navPosting:before {
  content: "\e09a";
}

#navCatalog:before {
  content: "\e072";
}

#linkRss:before {
  content: "\e0b7";
}

#linkTop:before {
  content: "\e012";
}

#linkBottom:before {
  content: "\e00f";
}

#linkBack:before {
  content: "\e003";
}

/* board list */
#divPages {
  display: inline-block;
}

#divPages a {
  text-decoration: none;
  padding: 0 0.25em;
  display: inline-block;
}

a.rules:after {
  font-family: Icons;
  content: "\e052";
  margin-right: 0.5em;
  color: #BFA977;
  height: 80%;
  font-size: 80%;
  padding-left: 0.25em;
  vertical-align: middle;
}

.archiveCell { 
  overflow: hidden;
}

/* markdown */
.yellowText{
    color: yellow;
}

.autismText {
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

.greenText {
  color: #789922;
}

.purpleText {
  color: #800080;
}

.turquoiseText {
  color: #40e0d0;
}

.brightGreenText {
  color: #66ff00;
}
.orangeText {
  color: #fcba03;
}

.pinkText {
  color: #ff00c3;
}

.blueText {
  color: #0900ad;
}

.redText {
  color: #AF0A0F;
  font-weight: bold;
  font-size: 125%;
}

span.spoiler {
  background: #000;
  color: #000;
  padding: 0 1px;
}

.spoiler:hover {
  color: #fff;
  background: #000;
}

.red {
  color: #f00;
}

/* CSS for pages that deal with site and account settings and bans */
#settingsWrapper {
  text-align: center;
  width: 80%;
  margin: 2em auto;
}

#settingsFieldset {
  padding: 1em;
  display: inline-block;
  text-align: left;
}

#settingsWrapper input {
  display: block;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.banners {
  margin: 1em;
  width: auto;
  padding: 0.5em;
}

#settingsFieldset textarea {
  display: block;
  height: 5em;
}

#settingsFieldset label {
  display: block;
}

#settingsFieldset label input {
  display: inline-block;
}

#settingsWrapper .captchaDiv input {
  display: inline-block;
}

.subCaptchaDiv {
  text-align: left;
}

.captchaTimer {
  font-size: 80%;
}

.wide, #postingForm input[type='text'], .modalTableBody input[type='text'],
  .modalTableBody select {
  width: 100%;
}

#redirect, #maint {
  text-align: center;
}

#labelCaptchaId {
  color: #ff0000;
}

#staticPageWrapper {
  margin: 2em auto;
  text-align: center;
}

/* footer styles */
footer {
  width: 100%;
  margin: 3em 0px 2em 0px;
  text-align: center;
  font-size: 75%;
}

.innerPost, .markedPost {
  display: inline-block;
  padding: 0.25em;
  max-width: 100%;
}

/* this has to go down here to override anything above it */
.hidden {
  display: none;
}

#settingsWrapper input.hidden {
  display: none;
}

.floatingMenu {
  padding: 0.25em;
}

.floatingMenu .headerLabel {
  font-size: 80%;
}

.floatingMenu .header, .floatingMenu .headerLabel {
  cursor: pointer;
}

#divRemember input {
  display: inline;
}

#ownedDiv a, #volunteeredDiv a {
  display: block;
}

#navBoardList::after {
  content: 'boards';
}

#navOverboard::after, #linkOverboard::after {
  content: 'overboard';
}

#linkSfwOver::after {
  content: 'overboard sfw';
}

#navPosting::after {
  content: 'help';
}

#navLinkHome::after {
  content: 'home';
}

#watcherButton::after {
  content: 'watched threads';
}

#settingsButton::after {
  content: 'settings';
}

#linkGlobalLogs::after {
  content: 'logs';
}

#linkArchives::after {
  content: 'archives';
}

#linkGraphs::after {
  content: 'daily graphs';
}

#linkGlobalRules::after {
  content: 'global rules';
}

#linkLinks::after {
  content: 'links';
}

#linkAbout::after {
  content: 'about';
}

#linkContact::after {
  content: 'contact';
}

#linkAccount::after {
  content: 'account';
}

@media only screen and (max-width: 812px) {
  #navLinkSpan span, #navOptionsSpan span, legend, #settingsButton, #links span,
    .hideMobile {
    display: none;
  }
  #navLinkSpan a::after, #navOptionsSpan a::after, #links a::after {
    content: '';
  }
  nav {
    font-size: 115%;
    height: auto;
    padding: 2px 2px;
    background-color: #a4815e;
    border-bottom: 1px solid #000;
    color: #9D4E3F;
  }
  #themeSelector {
    max-width: 100px;
  }
  .logoImg {
    margin-top: 10px;
    height: 75px;
  }
  input, select, textarea {
    font-size: 100%;
  }
  body {
    font-size: 85%;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }
  .captchaImage {
    max-width: 100%;
    height: auto;
    max-height: 100px;
  } 
}

/* Begin Minimal Theme */

.theme_minimal a.linkBoard {
  color: #000;
}

body.theme_minimal, hr.theme_minimal {
  background-color: #ffffff;
  color: #000;
}
.theme_minimal #newPostFieldset, .theme_minimal #quick-reply table, .theme_minimal .modalDecorationPanel, .theme_minimal .floatingMenu, .theme_minimal #settingsFieldset, .theme_minimal .reportFieldset {
    border: 1px solid #000000;
}
.theme_minimal nav {
    background-color: #ffffff;
    border-bottom: 1px solid #000000;
}
.theme_minimal .floatingMenu, .theme_minimal #quick-reply table {
    background: #ffffff;
}
.theme_minimal input[type=checkbox].postingCheckbox+label::before {
    color: #000000;
}
.theme_minimal #postingForm th, .theme_minimal .modalTableBody th {
    border: 1px solid #000;
    background: #fff;
}
.theme_minimal .topBoards a, .theme_minimal #divLatestImages img, .theme_minimal #divLatestPosts .latestPostCell, .theme_minimal .innerPost, .theme_minimal .sideCatalogCell, .theme_minimal .markedPost, .theme_minimal .sideCatalogMarkedCell, .theme_minimal .catalogCell {
    border: 1px solid #000000;
    background-color: #ffffff;
}
.theme_minimal .linkSelf, .theme_minimal .linkSelf:hover, .theme_minimal .labelSubject, .theme_minimal .coloredIcon, .theme_minimal .unhideButton, .theme_minimal .embedButton, .theme_minimal #showFormsButton {
    color: #000000;
    cursor: pointer;
}
.theme_minimal .latestPostCell a, .theme_minimal .noEmailName, .theme_minimal .noEmailName:hover, .theme_minimal .linkQuote, .theme_minimal .linkQuote:hover, .theme_minimal .quoteLink, .theme_minimal .boardHeader p {
    color: #000000;
}
.theme_minimal .linkName {
    font-weight: bold;
    color: #000000;
}
.theme_minimal .panelBacklinks a {
    padding-left: 0.5em;
    color: #000000;
    text-decoration: none;
}
.theme_minimal .captchaImage {
  border: #000 1px solid;
}
/* End Minimal Theme */


/* Begin FYAD Edit Theme */

.theme_fyadEdit a.linkBoard {
  color: #000;
}

body.theme_fyadEdit, hr.theme_fyadEdit {
  background-color: #ffc;
  color: #000;
}
.theme_fyadEdit #newPostFieldset, .theme_fyadEdit #quick-reply table, .theme_fyadEdit .modalDecorationPanel, .theme_fyadEdit .floatingMenu, .theme_fyadEdit #settingsFieldset, .theme_fyadEdit .reportFieldset {
    border: 1px solid #000000;
    background-color: #fcc
}
.theme_fyadEdit nav {
    background-color: #fcc;
    border-bottom: 1px solid #000000;
}
.theme_fyadEdit .floatingMenu, .theme_fyadEdit #quick-reply table {
    background: #fcc;
}
.theme_fyadEdit input[type=checkbox].postingCheckbox+label::before {
    color: #000000;
}
.theme_fyadEdit #postingForm th, .theme_fyadEdit .modalTableBody th {
    border: 1px solid #000;
    background: #fcf;
}
.theme_fyadEdit .topBoards a, .theme_fyadEdit #divLatestImages img, .theme_fyadEdit #divLatestPosts .latestPostCell, .theme_fyadEdit .innerPost, .theme_fyadEdit .sideCatalogCell, .theme_fyadEdit .markedPost, .theme_fyadEdit .sideCatalogMarkedCell, .theme_fyadEdit .catalogCell {
    border: 1px solid #000000;
    background-color: #fcf;
}
.theme_fyadEdit .linkSelf, .theme_fyadEdit .linkSelf:hover, .theme_fyadEdit .labelSubject, .theme_fyadEdit .coloredIcon, .theme_fyadEdit .unhideButton, .theme_fyadEdit .embedButton, .theme_fyadEdit #showFormsButton {
    color: #000000;
    cursor: pointer;
}
.theme_fyadEdit .latestPostCell a, .theme_fyadEdit .noEmailName, .theme_fyadEdit .noEmailName:hover, .theme_fyadEdit .linkQuote, .theme_fyadEdit .linkQuote:hover, .theme_fyadEdit .quoteLink, .theme_fyadEdit .boardHeader p {
    color: #000000;
}
.theme_fyadEdit .linkName {
    font-weight: bold;
    color: #000000;
}
.theme_fyadEdit .panelBacklinks a {
    padding-left: 0.5em;
    color: #000000;
    text-decoration: none;
}
.theme_fyadEdit .captchaImage {
  border: #000 1px solid;
}
.theme_fyadEdit .opCell {
  background-color: #fcc;
}
/* End FYAD Edit Theme */

/* Begin BYOB Edit Theme */

.theme_byobEdit a.linkBoard {
  color: #000;
}

body.theme_byobEdit, hr.theme_byobEdit {
  background: #99f url("https://fi.somethingawful.com/byob/cat.gif") top right no-repeat fixed !important;
  color: #000;
  font-family: "Comic Sans MS";
  cursor: url(/.static/img/byobcursor.gif), auto;
}
.theme_byobEdit #newPostFieldset, .theme_byobEdit #quick-reply table, .theme_byobEdit .modalDecorationPanel, .theme_byobEdit .floatingMenu, .theme_byobEdit #settingsFieldset, .theme_byobEdit .reportFieldset {
    border: 1px solid #000000;
    background-color: #cff;
}
.theme_byobEdit nav {
    background-color: #cff;
    border-bottom: 1px solid #000000;
}
.theme_byobEdit .floatingMenu, .theme_byobEdit #quick-reply table {
    background: #c7b9e7;
}
.theme_byobEdit input[type=checkbox].postingCheckbox+label::before {
    color: #000000;
}
.theme_byobEdit #postingForm th, .theme_byobEdit .modalTableBody th {
    border: 1px solid #000;
    background: #c7b9e7;
}
.theme_byobEdit .topBoards a, .theme_byobEdit #divLatestImages img, .theme_byobEdit #divLatestPosts .latestPostCell, .theme_byobEdit .innerPost, .theme_byobEdit .sideCatalogCell, .theme_byobEdit .markedPost, .theme_byobEdit .sideCatalogMarkedCell, .theme_byobEdit .catalogCell {
    border: 1px solid #000000;
    background-color: #c7b9e7;
}
.theme_byobEdit .linkSelf, .theme_byobEdit .linkSelf:hover, .theme_byobEdit .labelSubject, .theme_byobEdit .coloredIcon, .theme_byobEdit .unhideButton, .theme_byobEdit .embedButton, .theme_byobEdit #showFormsButton {
    color: #000000;
    cursor: pointer;
}
.theme_byobEdit .latestPostCell a, .theme_byobEdit .noEmailName, .theme_byobEdit .noEmailName:hover, .theme_byobEdit .linkQuote, .theme_byobEdit .linkQuote:hover, .theme_byobEdit .quoteLink, .theme_byobEdit .boardHeader p {
    color: #000000;
}
.theme_byobEdit .linkName {
    font-weight: bold;
    color: #000000;
}
.theme_byobEdit .panelBacklinks a {
    padding-left: 0.5em;
    color: #000000;
    text-decoration: none;
}
.theme_byobEdit .captchaImage {
  border: #000 1px solid;
}
.theme_byobEdit .opCell {
  background-color: #cff;
}
/* End BYOB Edit Theme */


/* Begin hood Theme */

.theme_dark_minimal a.linkBoard {
  color: #fff;
}

body.theme_dark_minimal, hr.theme_dark_minimal {
  background: #000000;
  color: #fff;

}
.theme_dark_minimal #newPostFieldset, .theme_dark_minimal #quick-reply table, .theme_dark_minimal .modalDecorationPanel, .theme_dark_minimal .floatingMenu, .theme_dark_minimal #settingsFieldset, .theme_dark_minimal .reportFieldset {
    border: 1px solid #ffffff;
}
.theme_dark_minimal nav {
    background-color: #000000;
    border-bottom: 1px solid #ffffff;
}
.theme_dark_minimal .floatingMenu, .theme_dark_minimal #quick-reply table {
    background: #000000;
}
.theme_dark_minimal input[type=checkbox].postingCheckbox+label::before {
    color: #ffffff;
}
.theme_dark_minimal #postingForm th, .theme_dark_minimal .modalTableBody th {
    border: 1px solid #fff;
    background: #000;
}
.theme_dark_minimal .topBoards a, .theme_dark_minimal #divLatestImages img, .theme_dark_minimal #divLatestPosts .latestPostCell, .theme_dark_minimal .innerPost, .theme_dark_minimal .sideCatalogCell, .theme_dark_minimal .markedPost, .theme_dark_minimal .sideCatalogMarkedCell, .theme_dark_minimal .catalogCell {
    border: 1px solid #ffffff;
    background-color: #000000;
}
.theme_dark_minimal .linkSelf, .theme_dark_minimal .linkSelf:hover, .theme_dark_minimal .labelSubject, .theme_dark_minimal .coloredIcon, .theme_dark_minimal .unhideButton, .theme_dark_minimal .embedButton, .theme_dark_minimal #showFormsButton {
    color: #ffffff;
    cursor: pointer;
}
.theme_dark_minimal .latestPostCell a, .theme_dark_minimal .noEmailName, .theme_dark_minimal .noEmailName:hover, .theme_dark_minimal .linkQuote, .theme_dark_minimal .linkQuote:hover, .theme_dark_minimal .quoteLink, .theme_dark_minimal .boardHeader p {
    color: #ffffff;
}
.theme_dark_minimal .linkName {
    font-weight: bold;
    color: #ffffff;
}
.theme_dark_minimal .panelBacklinks a {
    padding-left: 0.5em;
    color: #ffffff;
    text-decoration: none;
}
.theme_dark_minimal .captchaImage {
  border: #fff 1px solid;
}
/* End hood Theme */