/* The forum archive's own styles, on top of the main site's /css/v1/bootstrap.css (same header, footer, fonts and
   colours as www.ultimatenurse.com and blog.ultimatenurse.com). */
main { padding: 6px 0 0; }
h1 { font-size: 26px; line-height: 32px; margin: 6px 0 10px; }
h2 { font-size: 20px; line-height: 28px; margin: 18px 0 6px; }
.crumbs { color: #808080; margin: 0 0 4px; }
.crumbs span { margin: 0 4px; }
.meta, .desc, .by, .totals { color: #808080; font-size: 12px; }
.note { background: #fceec1; border: 1px solid #eedc94; padding: 8px 12px; border-radius: 4px; }
footer { height: auto; padding-bottom: 30px; }
footer .archive-note { color: #808080; }

/* forum and thread lists */
table.forums, table.threads { border: 1px solid #ddd; border-radius: 4px; }
table.forums th, table.threads th { background: #f5f5f5; font-size: 12px; color: #404040; }
table.forums td .desc { margin-top: 2px; }
td.n, th.n { text-align: right; white-space: nowrap; width: 70px; }
td.last { white-space: nowrap; width: 120px; font-size: 12px; }
.sticky { color: #c43c35; font-weight: bold; }
.pager { margin: 9px 0; }
.pager a, .pager strong { display: inline-block; min-width: 22px; padding: 1px 6px; text-align: center; border: 1px solid #ddd; border-radius: 3px; }
.pager strong { background: #0069d6; border-color: #0069d6; color: #fff; }

/* posts */
article.post { border: 1px solid #ddd; border-radius: 4px; margin: 12px 0; overflow: hidden; }
article.post > header { background: #f5f5f5; border-bottom: 1px solid #ddd; padding: 6px 12px; display: flex; justify-content: space-between; gap: 12px; }
article.post .who { font-weight: bold; }
article.post .when { color: #808080; font-size: 12px; }
article.post h3 { font-size: 14px; margin: 10px 12px 0; }
article.post .text { padding: 8px 12px 12px; overflow-wrap: anywhere; font-size: 13px; line-height: 19px; }
article.post img { max-width: 100%; height: auto; }
.text ul { list-style: disc; margin: 0 0 9px 25px; }
.text ol { list-style: decimal; margin: 0 0 9px 25px; }
blockquote { margin: 6px 0; padding: 6px 12px; background: #f9f9f9; border-left: 4px solid #ddd; }
blockquote cite { display: block; font-style: normal; font-weight: bold; margin-bottom: 4px; }
pre { background: #f5f5f5; padding: 8px; overflow-x: auto; }
.indent { margin-left: 30px; }
table.bb { width: auto; }
table.bb td { border: 1px solid #ddd; padding: 3px 6px; }
ul.recent { list-style: disc; margin-left: 20px; }
.page-text ul { list-style: disc; margin-left: 25px; }

/* narrow screens: the main site is fixed at 940px; here the content shrinks instead */
@media (max-width: 960px) {
  .container { width: auto; padding: 0 12px; }
  .topbar .container { padding: 0 8px; }
  footer .span16, footer .span8 { float: none; width: auto; margin-left: 0; }
  footer .pull-right { float: none; margin: 0; }
}
@media (max-width: 640px) {
  .topbar ul.nav:not(.secondary-nav) { display: none; }
  .topbar #logo a { margin-right: 10px; }
  td.last, table.threads th:last-child, table.threads td.n:nth-of-type(3), table.threads th.n:nth-of-type(3) { display: none; }
}