/* Yotsuba B — faithful recreation of the 4chan blue-board look. */
html { font-size: 10pt; }
body {
  margin: 0;
  background: #eef2ff;
  color: #000;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  padding-bottom: 40px;
}

/* top board nav */
.boardlist {
  background: #d6daf0;
  border-bottom: 1px solid #b7c5d9;
  padding: 2px 6px;
  font-size: 9pt;
  color: #89a;
}
.boardlist a { color: #34345c; text-decoration: none; }
.boardlist a:hover { color: #dd0000; }

/* banner / board title */
.banner {
  text-align: center;
  margin: 10px 0 4px;
}
.banner h1 {
  margin: 0;
  color: #af0a0f;
  font-family: tahoma, arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -1px;
}
.banner .subtitle { color: #800; font-size: 10pt; }

hr { border: none; border-top: 1px solid #b7c5d9; margin: 8px 0; }

.container { max-width: 900px; margin: 0 auto; padding: 0 8px; }

/* post form */
.postform { margin: 8px auto 4px; }
.postform table { margin: 0 auto; border-collapse: collapse; }
.postform td { padding: 1px; }
.postform .lbl {
  background: #ea8;
  border: 1px solid #800;
  color: #800;
  font-weight: 700;
  font-size: 9pt;
  padding: 1px 4px;
  white-space: nowrap;
}
.postform input[type="text"], .postform textarea {
  border: 1px solid #aaa;
  font-family: arial, sans-serif;
  font-size: 10pt;
  padding: 2px;
}
.postform textarea { width: 320px; height: 60px; }
.postform input[type="text"] { width: 245px; }
.postform .submit { font-size: 9pt; padding: 1px 6px; }

/* threads + posts */
.thread { margin: 0 0 4px; clear: both; }
.postContainer { margin: 4px 0; clear: both; }

.op, .reply {
  display: inline-block;
  vertical-align: top;
  padding: 2px 6px 6px;
  overflow: hidden;
  word-break: break-word;
  max-width: 100%;
  box-sizing: border-box;
}
.reply {
  background: #d6daf0;
  border: 1px solid #b7c5d9;
  margin: 2px 0 2px 40px;
}
.op { background: transparent; }

.postInfo { font-size: 10pt; line-height: 1.4; }
.name { color: #117743; font-weight: 700; }
.subject { color: #0f0c5d; font-weight: 700; }
.dateTime { color: #000; }
.postNum a { color: #000; text-decoration: none; }
.postNum a:hover { color: #dd0000; }

blockquote.postMessage {
  margin: 8px 0 4px 40px;
  font-size: 10pt;
  line-height: 1.3;
  white-space: pre-wrap;
}
.quote { color: #789922; }      /* greentext */

.replyCount { margin: 2px 0 4px 4px; font-size: 9pt; color: #707070; }
.replyCount a { color: #34345c; text-decoration: none; }
.replyCount a:hover { color: #dd0000; }

.backlink { display: inline-block; margin: 6px 0; }
.backlink a { color: #34345c; text-decoration: none; }
.backlink a:hover { color: #dd0000; }

.empty { color: #707070; font-style: italic; margin: 12px 0; text-align: center; }