/* Re-Blox Forums - classic 2011-2013 forum look (light blue table, blue
   gradient header band, envelope icons). Rebuilt from the reference
   screenshots; colors sampled from the classic index. */

body {
  margin: 0;
  padding: 10px;
  background: #deeeff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
}
a { color: #0055bb; text-decoration: none; }
a:hover { text-decoration: underline; }

#ForumContainer { max-width: 970px; margin: 0 auto; }

/* Slim strip above the table: current time + Home/Search/MyForums links. */
.ForumTopBar {
  overflow: hidden;
  padding: 4px 2px 6px;
  color: #333;
}
.ForumTopBar .links { float: right; }
.ForumTopBar .links a { font-weight: bold; margin-left: 8px; }
.ForumTopBar .user { float: right; margin-left: 14px; color: #666; }

/* The classic bordered table. */
table.ForumTable {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #35414e;
  background: #fff;
}
table.ForumTable th {
  background: #6593cd url() repeat-x;
  background-image: linear-gradient(#87b0e0, #5585c4);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 8px;
  border: 1px solid #4a76ad;
  text-align: center;
}
table.ForumTable td {
  border-bottom: 1px solid #b9cfe9;
  padding: 6px 8px;
  vertical-align: middle;
  background: #fff;
}
tr.CategoryRow td {
  background: #d7e5f5;
  color: #1c4f93;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  border-bottom: 1px solid #a9c1e0;
}
td.IconCell { width: 42px; text-align: center; }
td.NameCell a.ForumName, td.NameCell a.ThreadName {
  font-size: 12px;
  font-weight: bold;
  color: #0055bb;
}
td.NameCell .Desc { color: #333; padding-top: 2px; display: block; }
td.NumCell { width: 80px; text-align: center; font-size: 11px; }
td.LastCell { width: 150px; text-align: center; font-size: 11px; }
td.LastCell .by { display: block; }
td.AuthorCell { width: 130px; text-align: center; }

/* Thread view: classic post rows with the author sidebar. Posts alternate
   between the light row and #d9e6ff (per the 2011-2013 reference). */
table.PostTable tr.PostRow td {
    background: #dbeeff;
    border-bottom: 2px solid #fff;
}
table.PostTable tr.PostRow.alt td { background: #d9e6ff; }
table.PostTable td.PostAuthor {
  width: 150px;
  vertical-align: top;
  text-align: left;
  padding: 8px 8px 10px;
}
table.PostTable td.PostAuthor .name { font-weight: bold; font-size: 13px; }
table.PostTable td.PostAuthor .name img { vertical-align: middle; margin-right: 3px; }
table.PostTable td.PostAuthor .avatar {
  width: 120px; height: 130px; margin: 4px 0 6px;
  background-position: center; background-size: contain; background-repeat: no-repeat;
}
table.PostTable td.PostAuthor .meta { color: #000; margin-top: 2px; line-height: 1.6; font-size: 11px; }
table.PostTable td.PostAuthor .meta b { font-weight: bold; }
table.PostTable td.PostBody {
  vertical-align: top;
  padding: 8px 12px 12px;
  font-size: 13px;
  line-height: 1.5;
}
table.PostTable td.PostBody .post-title { font-weight: bold; font-size: 13px; }
table.PostTable td.PostBody .stamp { font-weight: bold; color: #333; font-size: 12px; margin-bottom: 10px; }
table.PostTable td.PostBody .body-text { white-space: pre-wrap; word-wrap: break-word; margin-bottom: 12px; }
table.PostTable td.PostBody .post-actions a {
  color: #0055bb; font-size: 13px; margin-right: 16px; font-weight: normal;
}

/* Forms (new thread / reply). */
.ForumForm {
  border: 1px solid #a9c1e0;
  background: #eef4fb;
  padding: 10px;
  margin-top: 12px;
}
.ForumForm input[type=text], .ForumForm textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #7f9db9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 4px;
}
.ForumForm textarea { height: 120px; }
.ForumForm .btn {
  background: linear-gradient(#87b0e0, #5585c4);
  border: 1px solid #4a76ad;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 4px 16px;
  cursor: pointer;
  margin-top: 6px;
}
.ForumForm .err { color: #c00; margin-top: 4px; }

.Crumbs { padding: 6px 2px; font-size: 11px; }
.Pager { text-align: right; padding: 6px 2px; }
.Pager a, .Pager span { padding: 1px 6px; }
.Pager span.cur { background: #5585c4; color: #fff; }
.MutedRow td { color: #888; text-align: center; padding: 14px; }