/* ==============================
   БАЗА ФОРУМА
   ============================== */

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.5;
  color: #2f3b32;
  background: #aab7a3 url(https://forumstatic.ru/files/0013/91/c9/42172.jpg) repeat;
}

/* ссылки */

a {
  color: #3f6f58;
  text-decoration: none;
}

a:hover {
  color: #6f8f68;
  text-decoration: underline;
}

/* картинки не вылезают за блоки */

img {
  max-width: 100%;
  height: auto;
}

/* ==============================
   ОСНОВНОЙ КОНТЕЙНЕР ФОРУМА
   ============================== */

#pun {
  width: 1060px;
  margin: 0 auto;
  background: url(https://forumstatic.ru/files/0013/91/c9/81336.jpg) top center repeat-y;
  padding: 0;
}

/* Верхний фон */

body::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 61px;
  z-index: -5;
  background: url(...) top center repeat-x;
  pointer-events: none;
}

/* ШАПКА ФОРУМА */

#pun-title {
  width: 1060px;
  height: 460px;
  margin-left: 0px; /* (1100 - 952) / 2 */
  background: url(https://forumstatic.ru/files/0013/91/c9/76757.jpg) center top no-repeat;
}

/* ==============================
   ВЕРХНЯЯ НАВИГАЦИЯ
   ============================== */

/* прячем лишние заголовки */
#pun-title h1,
#pun-navlinks h2,
#pun-ulinks h2 {
  display: none;
}

/* ставим навигацию в верхнюю декоративную полосу */
#pun-navlinks,
#pun-ulinks {
  position: absolute;
  top: 12px;
  left: 0;

  width: 100%;
  z-index: 10;

  text-align: center;
}

/* убираем точки и стандартные отступы */
#pun-navlinks ul,
#pun-ulinks ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ссылки в одну строку */
#pun-navlinks li,
#pun-ulinks li {
  display: inline-block;
  margin: 0 10px;
}

/* внешний вид ссылок */
#pun-navlinks a,
#pun-ulinks a {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;

  color: #b7c9a5;
  text-decoration: none;
}

#pun-navlinks a:hover,
#pun-ulinks a:hover {
  color: #f0e6b8;
  text-decoration: none;
}

#pun-navlinks {
  top: 10px;
}

#pun-ulinks {
  top: 34px;
}

/* ==============================
   БЛОК ПОЛЬЗОВАТЕЛЯ
   ============================== */

#pun-status {
  width: 350px;
  height: 90px;
  position: absolute;
  top: 380px;
  left: 50%;
  margin-left: -420px; /* половина ширины */
  padding: 5px 5px 5px 90px;
  background: rgba(5, 35, 28, 0.45);
  border: 1px solid rgb(190 170 100 / 30%);
  border-radius: 10px;
  color: #728e74;
  overflow: hidden;
  z-index: 5;
}

/* Защита от длинных ников */

#pun-status {
  white-space: normal;
}

#pun-status * {
  overflow-wrap: break-word;
}

/* скрываем заголовок */

#pun-status h2 {
  display: none;
}


/* аватар */

#pun-status::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(220,200,130,0.8);
}

/* ==============================
   ХЛЕБНЫЕ КРОШКИ - ВЕРХ
   ============================== */

#pun-crumbs1 {
  border: none;
  background: none;
  width: 100%;
  text-align: center;
  position: relative;
  top: -180px;
  margin: 0;
  padding: 0;
}


/* убираем полосы */

#pun-break1,
#pun-break2 {
  display: none;
}


/* убираем "Вы здесь »" */

#pun-crumbs1 strong {
  display: none;
}


/* сами ссылки */

#pun-crumbs1 a {
  color: #bfa76a;
  font-size: 14px;
  text-decoration: none;
}

/* ==============================
   ГЛАВНАЯ СТРАНИЦА ФОРУМА
   ============================== */

/* убрать заголовок "Форум" */
#pun-index h1 {
  display: none;
}

/* название категории */
.category h2,
#pun-main h2 {
  display: block;
  text-align: center;
  font-size: 22px;
  letter-spacing: 2px;
  margin-bottom: 30px;
}

/* внутренний контент */
#pun-main {
  padding: 0 25px;
  margin-top: -180px;
}

/* ==============================
   КАТЕГОРИИ И РАЗДЕЛЫ ФОРУМА
   ============================== */

/* сама категория — только оболочка */
.category {
  background: none;
  border: none;
  margin-bottom: 35px;
  padding: 0;
}


/* название категории */

.category h2 {
  display: block;
  text-align: center;
  margin: 0 0 30px;
  font-size: 24px;
  letter-spacing: 2px;
  color: #bfa76a;
}


/* убираем строку:
   Форум / Тем / Сообщений / Последнее сообщение */
.category thead {
  display: none;
}


/* сама таблица разделов */
.category table {
  width: 100%;
  background: rgba(9, 55, 45, 0.45);
  border: 1px solid rgba(190, 170, 100, 0.45);
  border-radius: 12px;
  padding: 25px 30px;
  border-collapse: separate;
  border-spacing: 0;
}


/* убираем колонки Тем и Сообщений */
.category .tc2,
.category .tc3 {
  display: none;
}


/* строки разделов */
.category tbody tr {
  border-bottom: 1px solid rgba(190, 170, 100, 0.25);
}

.category tbody tr:last-child {
  border-bottom: none;
}

/* левая часть:
   название + описание */
.category .tcl {
  width: 75%;
  padding: 22px 35px 22px 0;
}

/* возвращаем название раздела */

.category .tcl h3 {
  display: block;
  margin: 0 0 10px;
}

/* ссылка раздела */
.category .tcl h3 a {
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #bfa76a;
  text-decoration: none;
}

/* описание */
.category .tcl p {
  margin: 0;
  color: #b8c7aa;
  line-height: 1.6;
}

/* последнее сообщение справа */
.category .tcr {
  width: 25%;
  padding: 22px 0 22px 25px;
  text-align: left;
  color: #b8c7aa;
}

/* ссылки последнего сообщения */
.category .tcr a {
  color: #d8c987;
  text-decoration: none;
}