/* FREECHAT forums: early-2000s board layout in FREEIRAD.ORG colours */
.fcontainer { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; }
.fcontainer a { color: #FF3333; }
.fhead { padding-bottom: 6px; margin-bottom: 10px; }
.fhead h1 a { color: #FF0000; text-decoration: none; }
.fhead .remember { font-size: 14px; font-weight: bold; color: #FFFFFF; letter-spacing: 3px; margin: 4px 0 0 0; }

.fbar { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; background: #222222; border: 1px solid #444444; padding: 6px 10px; margin-bottom: 8px; }
.fbar .uname { font-weight: bold; }
.crumbs { margin: 6px 0 10px 0; font-size: 12px; }
.crumbs b { color: #FFFFFF; }
.flash { border: 1px solid #FF0000; background: #1a0000; color: #FFFFFF; padding: 8px 12px; margin-bottom: 10px; }
.err { color: #FF5555; font-weight: bold; }
.msg { padding: 14px; color: #CCCCCC; }
.small { font-size: 11px; color: #AAAAAA; }
.small a { font-size: 11px; }

/* tables */
.ftable { width: 100%; border-collapse: collapse; border: 1px solid #444444; margin-bottom: 14px; background: #1b1b1b; }
.ftable.narrow { max-width: 520px; margin-left: auto; margin-right: auto; }
.ftable th { background: #FF0000; color: #000000; text-align: left; font-size: 12px; text-transform: uppercase; padding: 5px 8px; border: 1px solid #000000; }
.ftable th a { color: #000000; }
.ftable td { border: 1px solid #333333; padding: 6px 8px; vertical-align: top; }
.ftable tr:nth-child(even) td { background: #202020; }
.ftable tr.cat td { background: #3a0000 !important; color: #FFFFFF; font-weight: bold; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; }
.ftable tr.sticky td { background: #261414 !important; }
.c-icon { width: 46px; text-align: center; vertical-align: middle !important; }
.c-num { width: 60px; text-align: center; }
.c-last { width: 170px; }
.c-author { width: 120px; }
.c-rate { width: 70px; text-align: center; }
.bname { font-size: 13px; font-weight: bold; }
.bdesc { color: #AAAAAA; font-size: 11px; margin: 2px 0 0 0; }
.tname { font-weight: bold; }
.lbl { width: 140px; color: #AAAAAA; }
.flag { color: #FFFFFF; font-weight: bold; }
.flag.lock { color: #FF5555; }
.minipages { font-size: 10px; color: #999999; margin-left: 6px; }
.folder { display: inline-block; width: 22px; height: 16px; background: #FF0000; border: 1px solid #000000; box-shadow: inset 0 4px 0 #880000; }
.folder.locked { background: #555555; box-shadow: inset 0 4px 0 #333333; }

/* thread tags */
.ttag { display: inline-block; min-width: 38px; padding: 1px 3px; font: bold 9px/14px Verdana, sans-serif; letter-spacing: 1px; text-align: center; border: 1px solid #000000; color: #000000; background: #CCCCCC; vertical-align: middle; }
.ttag.blank { background: transparent; border-color: transparent; }
.t-erased { background: #000000; color: #FF0000; border-color: #FF0000; }
.t-map { background: #FF0000; }
.t-leak { background: #FFCC00; }
.t-q { background: #66CCFF; }
.t-alert { background: #FF6600; }
.t-news { background: #FFFFFF; }
.t-horse { background: #CC9966; }
.t-music { background: #CC66FF; }
.t-film { background: #99CC33; }
.t-rant { background: #990000; color: #FFFFFF; }
.t-lol { background: #66FF99; }
.t-dpi { background: #3355AA; color: #FFFFFF; }
h2 .ttag { font-size: 10px; }
.stars { color: #FFCC00; letter-spacing: 1px; font-size: 13px; }
.stars .off { color: #444444; }
.stars.none { color: #666666; }

/* posts */
.posts td.pauthor { width: 170px; background: #1a1a1a !important; }
.posts td.pbody { background: #232323 !important; }
.uname { font-weight: bold; }
.uname.admin { color: #FFCC00; }
.uname.mod { color: #66CCFF; }
.uname.banned { color: #777777; text-decoration: line-through; }
.uname.guest { color: #CCCCCC; }
.rank { color: #FFFFFF; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin-top: 3px; }
.ctitle { color: #AAAAAA; font-size: 11px; font-style: italic; margin-top: 3px; word-wrap: break-word; }
.pmeta { color: #888888; font-size: 10px; margin-top: 8px; line-height: 1.5; }
.banned-t { color: #FF0000; font-weight: bold; }
.ptop { border-bottom: 1px solid #333333; padding-bottom: 4px; margin-bottom: 8px; display: flex; justify-content: space-between; }
.pnum { font-size: 11px; color: #888888 !important; }
.ptext { font-size: 13px; line-height: 1.55; color: #DDDDDD; word-wrap: break-word; overflow-wrap: anywhere; min-height: 40px; }
.modnote { color: #FF0000; font-weight: bold; font-size: 12px; margin-top: 10px; text-transform: uppercase; }
.edited { color: #777777; font-size: 10px; font-style: italic; margin-top: 8px; }
.sig { border-top: 1px dashed #444444; margin-top: 12px; padding-top: 6px; color: #888888; font-size: 11px; }
.pfoot { margin-top: 10px; font-size: 10px; text-align: right; }
.pfoot a { font-weight: bold; margin-left: 8px; }
blockquote.bbq { margin: 6px 0 10px 0; padding: 6px 10px; background: #161616; border: 1px solid #3a3a3a; border-left: 3px solid #FF0000; color: #BBBBBB; font-size: 12px; }
.bbq .qhead { font-size: 10px; font-weight: bold; color: #FF5555; margin-bottom: 4px; }
pre.bbcode { background: #000000; border: 1px solid #333333; padding: 6px; white-space: pre-wrap; font-size: 11px; }
.spoiler { background: #000000; color: #000000; cursor: pointer; }
.spoiler:hover, .spoiler.shown { color: #DDDDDD; }

/* page furniture */
.boardhead { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; margin-bottom: 6px; }
.boardhead h2 { color: #FFFFFF; font-size: 18px; margin: 0; }
.btn { display: inline-block; background: #FF0000; color: #000000 !important; font-weight: bold; font-size: 11px; padding: 6px 12px; border: 1px solid #000000; white-space: nowrap; }
.btn:hover { background: #CC0000; text-decoration: none; }
.pager { margin: 6px 0; font-size: 11px; color: #AAAAAA; text-align: right; }
.pager b { color: #FFFFFF; }
.threadtools { margin: 8px 0 14px 0; font-size: 11px; display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.ffoot { border-top: 1px solid #444444; margin-top: 16px; padding-top: 8px; text-align: center; color: #888888; font-size: 11px; }
.ffoot p { margin: 3px 0; }

/* forms: undo the main site's full-width form rules where needed */
.fcontainer form { margin-bottom: 0; }
.fcontainer form.inline { display: inline; }
.fcontainer form.inline input, .fcontainer form.inline select, .threadtools select, .threadtools input { width: auto; margin: 0; padding: 2px 4px; font-size: 11px; }
.fcontainer select { background: #111111; color: #CCCCCC; border: 1px solid #444444; font-size: 11px; padding: 2px; }
.fcontainer .searchbox { width: 220px !important; }
.fcontainer .num { width: 60px !important; }
.formcell { padding: 12px 14px !important; }
.fform label { display: block; font-weight: bold; color: #CCCCCC; margin-bottom: 4px; font-size: 12px; }
.fform input[type=text], .fform input[type=email], .fform input[type=password], .fform textarea { margin-top: 4px; font-family: Verdana, sans-serif; font-size: 12px; }
.fform textarea { height: auto; }
.fform label.check { font-weight: normal; display: flex; gap: 8px; align-items: flex-start; margin: 6px 0 14px 0; }
.fform label.check input { width: auto; margin: 2px 0 0 0; }
.fform .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.fform button.secondary { background: #444444; color: #FFFFFF; margin-left: 6px; }
.iconpick { margin: 0 0 12px 0; font-size: 11px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.iconpick label.iconopt { display: inline-flex; align-items: center; gap: 3px; font-weight: normal; margin: 0; }
.iconpick input { width: auto !important; margin: 0 !important; }
.fiction { margin-top: 14px; border-top: 1px solid #333333; padding-top: 8px; }
button.smallbtn, .smallbtn { background: #333333; color: #FFFFFF; border: 1px solid #555555; padding: 2px 8px; font-size: 11px; cursor: pointer; text-transform: uppercase; }
button.smallbtn:hover { background: #FF0000; color: #000000; }
button.linkbtn { background: none; border: none; padding: 0; color: #FF3333; font-size: 12px; cursor: pointer; text-transform: none; font-family: inherit; }
button.linkbtn:hover { text-decoration: underline; background: none; }
.excerpt { margin-top: 3px; }
.remember-row button { margin-left: 8px; }

@media (max-width: 760px) {
  .c-author, .c-rate, .c-num:nth-of-type(5), .threads th:nth-child(5), .threads td:nth-child(5) { display: none; }
  .c-last { width: 110px; }
  .posts tr { display: flex; flex-direction: column; }
  .posts td.pauthor { width: auto; display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
  .posts .pmeta { margin-top: 0; }
  .boardhead { flex-direction: column; align-items: flex-start; }
  .ftable td, .ftable th { padding: 5px; }
}