/* ============================================================================= */
:root {
 --color-black: #000000;
 --color-bg-red: #8a0000;
 --color-bg-dark: #1a1a1a;

 --color-accent-blue: #29c4ff;
 --color-accent-purple: #9b4bff;
 --color-accent-gold: #d39c2c;

 --color-text-main: #ffffff;
 --color-text-dim: #bbbbbb;
}

/* =============================================================================
 BASE STYLES
 Описание: базовые сбросы, фон, семейство шрифтов и общие типографические параметры.
 ============================================================================= */
body {
 margin: 0;
 background: #000;
 color: #e0e0e0;
 font-family: 'Exo 2', sans-serif;
 font-size: 16px;
 line-height: 1.6;
 overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
 margin-top: 0;
 margin-bottom: 15px;
 font-weight: normal;
}

/* =============================================================================
 LINKS / BASE TYPOGRAPHY
 Описание: дефолтные ссылки и базовая типографика (включая некоторые старые
 конструкции для совместимости).
 ============================================================================= */

/* === ГЛОБАЛЬНЫЕ ССЫЛКИ — в стиле красно-чёрного техно === */
a:link:not(.header-nav):not(.header-nav-left):not(.header-nav-right),
a:visited:not(.header-nav):not(.header-nav-left):not(.header-nav-right),
a:active:not(.header-nav):not(.header-nav-left):not(.header-nav-right) {
 color: #FFF !important;
 font-weight: 700;
 text-decoration: none;
 text-shadow:
 0 0 1px #000,
 0 0 2px #000,
 0 0 3px #000,
 0 0 4px #000;
 transition: 0.15s ease;
}
a:hover
{
 color: #FFF !important;
 text-shadow:
 0 0 1px #ff4444,
 0 0 4px #ff4444,
 0 0 8px #ff4444;
 filter: brightness(1.3);
}

/* Обёртки / фоновые текстуры сайта */
.wrap {
 margin: 0;
 padding: 0;
 /*outline: 3px solid red;*/
 /*text-align: center;
 background: url('/.s/t/804/1.gif') repeat-x #561514;*/
}

.contanier,
.contanier-forum {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 border-bottom: 25px solid #8D0000;
 background: url('/SiteMains/Backtile.png') repeat;
 padding: 0;
 background-size: 500px;
}
.content-forum { /* Контент в модуле форума */
 padding: 25px;
}

/* =============================================================================
 HEADER / NAVIGATION
 Описание: стили для верхней части сайта: header, навигационные табы, заголовок.
 ============================================================================= */

/* Заголовок — графический фон и выравнивание содержимого */
.header {
 position: fixed;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 width: 1166px;
 height: 406px;
 z-index: 9999;
 background-size: contain;
 padding: 0;
 margin: 0;
 display: flex;
 align-items: flex-end;
 justify-content: center;
 position: relative;
}
/*------------------------------------------ШАПКА - БОКОВЫЕ КНОПКИ--------------------------------*/
.header-nav { display: flex; gap: 10px;}
.nav-left { /* Обёртка для левых кнопок */
 position: absolute;
 left: -70px;
 top: 50%;
 transform: translateY(-50%);
 display: flex;
 flex-direction: column;
 gap: 10px;
}
.nav-right { /* Обёртка для правых кнопок */
 position: absolute;
 right: -70px;
 top: 50%;
 transform: translateY(-50%);
 display: flex;
 flex-direction: column;
 gap: 10px;
}
.nav-btn { /* Стиль кнопки */
 display: flex;
 align-items: center;
 justify-content: center;
 width: 250px;
 height: 110px;
 background: url('/SiteMains/header_generic-button.png') no-repeat center;
 background-size: 100% 100%;
 color: #000 !important;
 font-family: 'Russo One', sans-serif;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 1px;
 font-size: 25px;
 transition: all 0.3s;
 border: none;
 padding: 0;
}
.nav-btn:hover {
 filter: brightness(1.4);
 text-shadow: 0 0 5px #FF0000;
}
/* Контейнер нижних кнопок */
.nav-bottom {
 position: absolute;
 top: 400px; /* высота header */
 left: 50%;
 transform: translateX(-50%);
 display: flex;
 gap: 5px;
 z-index: 9995; /* ниже header, но выше контента */
}
/* Стиль кнопки */
.nav-tab {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 240px;
 height: 100px;
 background-size: 100% 100%;
 color: #000;
 transition: all 0.3s;
 padding: 0;
 margin: 0;
}
.nav-tab img {
 width: 100%;
 height: 100%;
 object-fit: contain;
 object-position: center;
 transition: opacity 0.3s;
}
.nav-tab:hover {
 filter: brightness(1.4);
}

/* -------------------------------------Основное изображение заголовка-------------------------------------- */
.header-logo {
 position: absolute;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 width: 860px;
 height: auto;
 z-index: 9998;
}
.header-logo img { top: 0; width: 100%; height: 100%; object-fit: contain; }

/*----------------------------------------------------------ФУТЕР САЙТА-------------------------------------*/
/* Низ шапки / общая подножка */
.footer {
 padding: 10px;
}

/* Вспомогательные текстовые элементы в header (дата, панель пользователя) */
.date {
 position: absolute;
 top: 15px;
 left: 20px;
 font-size: 8pt;
 color: #cc80ce;
}
.user-bar {
 position: absolute;
 top: 28px;
 left: 20px;
 font-size: 8pt;
 color: #cc80ce;
}

/* Заголовок внутри header (позиционируется абсолютно) */
.header h1 {
 color: #fff;
 font-size: 25pt;
 font-weight: normal;
 position: absolute;
 top: 60px;
 left: 50px;
}

/* Верхняя правая панель навигации */
.navigation {
 z-index: 10000;
 text-align: right;
 position: absolute;
 top: 15px;
 right: 15px;
 font-size: 12pt;
}

/* =============================================================================
 LAYOUT (TABLE / COLUMNS)
 Описание: макет страницы, таблицы-контейнеры, колонки контента/сайдбар.
 ============================================================================= */

table.main-table {
 border: 0px;
 padding: 50px;
 border-collapse: collapse;
 width: 1000px;
 border-spacing: 0px;
 margin-left: auto;
 margin-right: auto;
}

td.content-block {
 vertical-align: top;
 padding: 20px 20px 20px 40px;
}

td.side-block {
 vertical-align: top;
 width: 247px;
 padding: 20px 0 0 0;
}

/* =============================================================================
 SIDEBAR / WIDGETS
 Описание: стили для боковой панели, заголовков виджетов и их контента.
 ============================================================================= */

.block-title {
 border-top: 1px solid #41526f;
 border-bottom: 1px solid #41526f;
 text-align: center;
 padding: 10px;
 color: #ffffff;
 font-size: 15pt;
}

.block-content {
 margin: 5px;
 width: 290px;
 font-size: 12pt;
 color: #ffffff;
}

/* Попапы / таблицы в сайдбаре */
.popup-table {
 border: 0px;
 padding: 0px;
 border-collapse: collapse;
 width: 100%;
 border-spacing: 0px;
}

/* Верхняя шапка в попапе — фон и отступы */
.popup-header {
 background: #561514;
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 12pt;
 font-weight: normal;
 color: #E26561;
 padding: 10px 10px 10px 50px;
}

.popup-body {
 padding: 15px;
}


/* Переопределение общих тегов (присутсвует смешение семейств шрифтов — сохранено) */
td, body {
 font-family: verdana, arial, helvetica;
 font-size: 9pt;
 color: #FFFFFF;
}

form { padding: 0px; margin: 0px; }
input, textarea, select {
 vertical-align: middle;
 font-size: 8pt;
 font-family: verdana, arial, helvetica;
}

.copy { font-size: 7pt; }

/* Конкретный input с id */
input#catSelector9 { background-color: #fff; }

/* Ссылки без подчеркивания (вариант для "noun") */
a.noun:link, a.noun:active, a.noun:visited {
 text-decoration: none;
 color: #FF6666;
}
a.noun:hover { color: #FFFFFF; }

/* Малые рамки, линии, заголовки */
.mframe1 { padding: 2 10 30 10px; }
hr {
 color: #561514;
 height: 1px;
 border: none;
 background-color: #002a71;
}
/* Заголовки h1-h3 — верхний регистр и декоративный шрифт */
h1, h2, h3 {
 font-family: 'Russo One', sans-serif;
 text-transform: uppercase;
 letter-spacing: 1px;
}

label { cursor: pointer; cursor: hand; }

/* Блоки названий — декоративный стиль */
.blocktitle {
 font-family: 'Russo One', sans-serif;
 
 font-size: 13px;
 font-weight: bold;
 padding-left: 22px;
 background: url('/.s/t/804/7.gif') no-repeat 5px 2px;
 color: #FFFFFF;
}

/* =============================================================================
 MENUS (horizontal & vertical)
 Описание: списки меню, вертикальные/горизонтальные, стрелки и состояния.
 ============================================================================= */

.menut0 {}
.menut { padding: 2 3 3 15px; }
.mframe { padding: 2 0 30 30px; }
.bannerTable { width: 468; height: 60; }

/* Простые меню */
.menu1 { 
 font-weight: bold;
 font-size: 8pt;
 font-family: Arial, Sans-Serif;
 color: #FFFFFF;
}
a.menu1:link, a.menu1:active, a.menu1:visited { text-decoration: underline; color: #FF6666; }
a.menu1:hover { text-decoration: none; color: #FFFFFF; }

/* Меню-списки (сброс маркеров) */
ul.uz, ul.uMenuRoot {
 list-style: none;
 margin: 0;
 padding-left: 0px;
}

/* Пункты меню с иконкой слева */
li.menus {
 margin: 0;
 padding: 0 0 0 15px;
 background: url('/.s/t/804/8.gif') no-repeat 0px 3px;
 margin-bottom: .6em;
}

/* Стили Site Menus — горизонтальные элементы */
.uMenuH li { float: left; padding: 0 5px; }

/* Вертикальное меню — базовые состояния ссылок */
.uMenuV .uMenuItem { font-weight: normal; }
.uMenuV li a:link, .uMenuV li a:active, .uMenuV li a:visited {
 text-decoration: none;
 color: #FFFFFF;
}
.uMenuV li a:hover { color: #FFFFFF; text-decoration: none; }
.uMenuV .uMenuItemA { font-weight: bold; }
.uMenuV a.uMenuItemA:link, .uMenuV a.uMenuItemA:visited { color: #FFFFFF; text-decoration: none; }
.uMenuV a.uMenuItemA:hover { text-decoration: underline; color: #FFFFFF; }

/* Стрелка правее у элементов вертикального меню (абсолютное позиционирование) */
.uMenuV .uMenuArrow {
 position: absolute;
 width: 10px;
 height: 10px;
 right: 0;
 top: 3px;
 background: url('/.s/t/804/9.gif') no-repeat 0 0;
}

/* Элементы вертикального меню с фоновой иконкой */
.uMenuV li {
 margin: 0;
 padding: 0 0 0 15px;
 background: url('/.s/t/804/10.gif') no-repeat 0px 3px;
 margin-bottom: .6em;
}

/* =============================================================================
 MODULE PART MENU (Категории/список разделов)
 Описание: стили для списка категорий, описаний и чисел.
 ============================================================================= */

.catsTd { padding: 0 0 6px 15px; background: url('/.s/t/804/10.gif') no-repeat 0px 3px; }
.catName, .catNameActive {
 color: #FF6666;
 font-family: Verdana, Tahoma, Arial, Sans-Serif;
 font-size: 15px;
}
.catNumData { font-size: 8pt; color: #D6A7AB; }
.catDescr {
 font-size: 7pt;
 padding-left: 12px;
}

a.catName:link, a.catName:visited, a.catName:active {
 text-decoration: none;
 color: #FFFFFF;
}
a.catName:hover { color: #FFFFFF; text-decoration: none; }
a.catNameActive:link, a.catNameActive:visited { color: #FFFFFF; text-decoration: none; }
a.catNameActive:hover { text-decoration: underline; color: #FFFFFF; }

/* =============================================================================
 ENTRIES / POSTS (общие блоки материалов и сообщений)
 Описание: карточки материалов, заголовки записей, тело сообщений и детали.
 ============================================================================= */

.eBlock { background: #000918; }

.eTitle {
 font-family: Russo One;
 font-size: 20px;
 font-weight: normal;
 padding: 10px 10px 10px 50px;
 background: url('/.s/t/804/6.gif') left center no-repeat;
 margin-bottom: 15px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: white;
}

.eTitle a:link, .eTitle a:visited, .eTitle a:active {
 text-decoration: underline;
 color: #FFFFFF;
}
.eTitle a:hover {
 text-decoration: none;
 color: #FFFFFF;
}

/* Тела сообщений — выравнивание, отступы */
.eMessage, .eText {
 font-family: 'Exo 2', sans-serif !important;
 line-height: 1.6;
 text-align: justify;
 padding: 10px !important;
 font-size: 16px;
 color: white;
 margin: 15px 0;
}

/* Детали записи (meta) */
.eDetails, .eDetails1, .eDetails2 {
 padding: 5px;
 text-align: left;
 background: #000206;
 font-size: 14px;
 color: #ccc;
 margin-top: 20px;
 padding-top: 15px;
 border-top: 1px solid #555;
}

.eRating { font-size: 7pt; }

/* Вложения */
.eAttach {
 margin: 16px 0 0 0;
 padding: 0 0 0 15px;
 background: url('/.s/t/804/11.gif') no-repeat 0px 0px;
}

/* =============================================================================
 ENTRY MANAGEMENT / FORMS (формы управления записями)
 Описание: таблицы управления, ячейки ошибок и пр.
 ============================================================================= */

.manTable {
 border: 1px solid #5D74B2;
 background: #131A2E;
}

.manTdError { color: #FF0000; }
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}

/* =============================================================================
 COMMENTS (стили комментариев и формы добавления)
 Описание: стили для блока комментариев, их фона и формы добавления.
 ============================================================================= */

.cAnswer {
 color: #616E8C;
 padding-left: 15px;
 padding-top: 4px;
 font-style: italic;
}

.cBlock1 {
 background: #091842;
 border: 1px solid #1D2C57;
}
.cBlock2 {
 background: #081438;
 border: 1px solid #1D2C57;
}

/* Comments Form */
.commTable { background: #000206; }
.commTd1 { color: #5D74B2; font-weight: bold; padding-left: 5px; }
.commTd2 { padding-bottom: 2px; }
.commFl {
 width: 100%;
 color: #616E8C;
 background: #000918;
 border: 1px solid #1D2C57;
}
.smiles { border: 1px solid #1D2C57; background: #000918; }
.commReg { padding: 10 0 10 0px; text-align: center; }
.commError { color: #FF0000; }
.securityCode {
 color: #616E8C;
 background: #000918;
 border: 1px solid #1D2C57;
}

/* =============================================================================
 ARCHIVE / CALENDAR / LISTS
 Описание: архив статей, календарь и стили элементов архива.
 ============================================================================= */

.archUl { list-style: none; margin: 0; padding-left: 0; }
.archLi {
 padding: 0 0 3px 10px;
 background: url('/.s/t/804/12.gif') no-repeat 0px 4px;
}
.archActive { color: #FFFFFF; }

a.archLink:link, a.archLink:visited { text-decoration: underline; color: #FFFFFF; }
a.archLink:hover, a.archLink:active { text-decoration: none; color: #D8D5D5; }

.archiveCalendars { text-align: center; color: #E2B4B4; }
.archiveDateTitle { font-weight: bold; color: #FFFFFF; padding-top: 15px; }
.archEntryHr { width: 250px; color: #292E3B; }
.archiveeTitle li {
 margin-left: 15px;
 padding: 0 0 0 15px;
 background: url('/.s/t/804/13.gif') no-repeat 0px 2px;
 margin-bottom: .6em;
}
.archiveEntryTime { width: 65px; font-style: italic; }
.archiveEntryComms { font-size: 9px; color: #C3C3C3; }

a.archiveDateTitleLink:link, a.archiveDateTitleLink:visited {
 text-decoration: none;
 color: #FFFFFF;
}
a.archiveDateTitleLink:hover, a.archiveDateTitleLink:active {
 text-decoration: underline;
 color: #FFFFFF;
}

.archiveNoEntry { text-align: center; color: #E2B4B4; }

/* =============================================================================
 CALENDAR — обновлён в красно-чёрном техно-стиле
 ============================================================================= */
.calMonth {
 color: #FFFFFF; /* Белый текст */
 font-family: 'Russo One', sans-serif;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 padding: 10px 0;
 background: #1A0000; /* Тёмно-красный фон для контраста */
 border-bottom: 2px solid #FF3333; /* Акцентная красная линия */
 letter-spacing: 1px;
}

/* Заголовки дней недели (обычные) */
.calWday {
 color: #FFFFFF;
 background: #1A0000; /* Тёмно-красный фон вместо синего */
 width: 18px;
 font-weight: bold;
}

/* Суббота (Se = Saturday) */
.calWdaySe {
 color: #FF6666; /* Акцентный красный текст */
 background: #220000; /* Чуть светлее чёрного фона */
 width: 18px;
 font-weight: bold;
}

/* Воскресенье (Su = Sunday) */
.calWdaySu {
 color: #FF3333; /* Ярко-красный для воскресенья */
 background: #220000;
 width: 18px;
 font-weight: bold;
}

/* Обычные дни месяца */
.calMday {
 color: #CCCCCC; /* Нейтральный серо-белый */
 background: #120000; /* Очень тёмный красно-чёрный */
}

/* Активные/ссылочные дни (например, с записями) */
.calMdayA {
 color: #FFFFFF;
 background: #2A0000; /* Тёмно-красный с насыщенностью */
 font-weight: bold;
}

/* Сегодняшний день */
.calMdayIs {
 color: #FF6666; /* Яркий акцент */
 background: #1A0000;
 font-weight: bold;
 border: 1px solid #550000; /* Тёмно-красная рамка */
}

/* Сегодняшний день + активная ссылка */
.calMdayIsA {
 border: 1px solid #FF3333;
 background: #220000;
 color: #FFFFFF;
 font-weight: bold;
}

/* Ссылки на месяцы и дни */
a.calMonthLink:link,
a.calMdayLink:link,
a.calMonthLink:visited,
a.calMdayLink:visited {
 text-decoration: none;
 color: #FF7F7F;
}

a.calMonthLink:hover,
a.calMdayLink:hover,
a.calMonthLink:active,
a.calMdayLink:active {
 text-decoration: underline;
 color: #FFFFFF;
}

/* =============================================================================
 POLLS / VOTING
 Описание: кнопки опросов, таблицы результатов и общие классы для poll.
 ============================================================================= */

.pollBut { width: 110px; }

.pollBody { padding: 7px; margin: 0px; background: #00040a; }
.textResults { background: #FFFFFF; }
.textResultsTd { background: #700000; }

.pollNow { background: #FFFFFF; }
.pollNowTd { background: #700000; }

.totalVotesTable { background: #FFFFFF; }
.totalVotesTd { background: #700000; }

/* =============================================================================
 USER GROUP / ROLE MARKINGS
 Описание: цветовое обозначение ссылок для групп пользователей (модератор, админ...)
 ============================================================================= */

a.groupModer:link, a.groupModer:visited, a.groupModer:hover { color: yellow; }
a.groupAdmin:link, a.groupAdmin:visited, a.groupAdmin:hover { color: pink; }
a.groupVerify:link, a.groupVerify:visited, a.groupVerify:hover { color: #99CCFF; }

/* =============================================================================
 MISC / SMALL HELPERS
 Описание: разное вспомогательное оформление (замены, легенда, загрузчики и т.д.).
 ============================================================================= */

.replaceTable { height: 100px; width: 300px; }
.replaceBody { background: url('/.s/t/804/1.gif') repeat-x #203864; }
#image-list #gimage-add.panel.wait { background-image: url(/.s/img/light_wait.svg); }

.legendTd { font-size: 7pt; }

/* ============================================================================= */
/* FORUM: Финальная версия — глубокий красно-чёрный техно-стиль */
/* ============================================================================= */

/* --- Общие стили таблицы --- */
.gTable,
.gTableTop,
.gTableBody,
.gTableBody1,
.gTableBottom,
.gTableLeft,
.gTableRight,
.gTableError,
.forumNameTd,
.forumLastPostTd,
.forumIcoTd,
.forumThreadTd,
.forumPostTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd,
.threadIcoTd,
.threadPostTd,
.threadViewTd,
.postTable,
.postPoll,
.postFirst,
.postRest1,
.postRest2,
.postTdTop,
.postBottom,
.posttdMessage,
.threadsType,
.threadsDetails {
 background: #A8030E; /* ----------------------ЗАДНИЙ ФОН КЛЕТОК ФОРУМА--------------*/
 border: 2px solid #000000;
 color: #FFFFFF;
}

.gTableTop {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 14pt; /* +2pt */
 padding: 10px 10px 10px 50px;
 background: #550000 url('/.s/t/804/6.gif') left center no-repeat;
 color: #FFFFFF;
}

.gTableSubTop,
.postTdTop,
.postBottom,
.edited,
.forumOnlineBar {
 background: #1A0000;
 color: #CCCCCC;
 font-size: 10pt;
 padding: 5px 2px;
 height: auto;
}

/* --- Текст и описания --- */
.forumDescr,
.forumModer,
.threadDescr,
.postTextFl,
.fastNav,
.fastSearch,
.fastLoginForm,
.pagesInfo,
.switch,
.switchActive {
 color: #CCCCCC;
 font-size: 9pt; /* +2pt */
}

/* --- Ссылки (единый стиль) --- */
a.catLink:link,
a.catLink:visited,
a.forum:link,
a.lastPostUserLink:link,
a.forumLastPostLink:link,
a.threadAuthorLink:link,
a.forumBarA:link,
a.forumBarA:visited,
a.switchDigit:link,
a.switchBack:link,
a.switchNext:link,
a.switchDigit:visited,
a.switchBack:visited,
a.switchNext:visited,
a.threadPinnedLink:link,
a.threadPinnedLink:visited,
a.threadLink:link,
a.threadLink:visited {
 color: #FF7F7F; /* Не розовый, а ярко-красный! */
 text-decoration: none;
}

a.catLink:hover,
a.forum:hover,
a.lastPostUserLink:hover,
a.forumLastPostLink:hover,
a.threadAuthorLink:hover,
a.forumBarA:hover,
a.switchDigit:hover,
a.switchBack:hover,
a.switchNext:hover,
a.threadPinnedLink:hover,
a.threadLink:hover {
 color: #FFFFFF;
 text-decoration: underline;
}

/* --- Навигация и пагинация --- */
.forumNamesBar {
 padding-bottom: 7px;
 font-weight: bold;
 font-size: 10pt;
 color: #FFFFFF;
}

.switches {
 background: #000000;
 border: 2px solid #000000;
}

.switchActive {
 background: #FF3333;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 9pt; /* +2pt */
}

/* --- Посты и сообщения --- */
.postSeparator {
 height: 3px;
 background: #FFFFFF;
 margin: 5px 0;
}

.signatureHr {
 margin-top: 20px;
 border: 0;
 height: 1px;
 background: #555555;
}

.codeMessage,
.quoteMessage {
 background: #1A0000;
 border: 2px solid #000000;
 font-size: 11px;
 padding: 5px;
 color: #CCCCCC;
}

/* --- Кнопки --- */
.pollBut,
.loginButton,
.searchSbmFl,
.commSbmFl,
.signButton,
.codeButtons,
.codeCloseAll {
 font-size: 9pt; /* +2pt */
 background: #500000;
 color: #FFFFFF;
 border: 2px solid #000000;
 padding: 3px 8px;
}
.codeCloseAll { font-weight: bold; }

/* --- Поля ввода --- */
.postNameFl,
.postDescrFl,
.postPollFl,
.postQuestionFl,
.postResultFl,
.postAnswerFl,
.postTextFl,
.postUserFl {
 background: #220000;
 border: 2px solid #000000;
 color: #CCCCCC;
 font-size: 12pt; /* +2pt */
}
.postTextFl {
 height: 500px;
 width: 550px;
}

/* --- Блоки быстрого создания тем --- */
.newThreadBlock,
.newPollBlock {
 background: #220000;
 border: 2px solid #000000;
 color: #FFFFFF;
}
.newThreadItem,
.newPollItem {
 padding-left: 8px;
 background: url('/.s/t/804/16.gif') no-repeat 0 4px;
}

/* --- Онлайн-бар --- */
.forumOnlineBar {
 background: #1A0000 url('/.s/t/804/15.gif') bottom repeat-x;
 height: 23px;
 color: #CCCCCC;
 padding: 2px 2px 5px;
 font-size: 10pt; /* +2pt */
}

/* --- Статусы --- */
.statusOnline { color: #FFFF00; }
.statusOffline { color: #CCCCCC; }

/* --- Ошибки и архив --- */
.gTableError,
.archivedForum {
 color: #FF3333;
 font-weight: bold;
}

/* === ФИКС ПРОФИЛЕЙ ИГРОКОВ НА ФОРУМЕ === */

/* Центрирование аватара */
.postTdInfo img,
.postUser img {
 display: block;
 margin: 0 auto;
 max-width: 100px; /* Ограничиваем размер, если аватары большие */
 height: auto;
}

/* Убираем float, если он есть */
.postTdInfo img,
.postUser img {
 float: none;
}

/* Выравниваем текст внутри ячейки информации */
.postTdInfo {
 text-align: center;
 padding: 5px;
 vertical-align: top; /* Чтобы текст не прилипал к верху */
}

/* Если есть отдельная колонка для аватара — делаем её автоматической ширины */
.postTdInfo {
 width: 100px; /* Можно уменьшить до 100px, если нужно */
 min-width: 100px;
 max-width: 150px;
 padding: 5px;
 text-align: center;
 vertical-align: top;
 background: #510003; /* Тёмный фон, чтобы контраст был */
 border-right: 1px solid #000000; /* Если нужна разделительная линия */
}

/* Для имени пользователя — центрируем */
.postUser {
 text-align: center;
 font-weight: bold;
 margin-top: 5px;
}

/* Для группы, сообщений, замечаний — делаем читаемым */
.postTdInfo .userGroup,
.postTdInfo .userPosts,
.postTdInfo .userWarns,
.postTdInfo .userStatus {
 display: block;
 font-size: 9pt;
 margin: 3px 0;
}

/* Статус Online/Offline — цвета */
.statusOnline { color: #FFFF00; }
.statusOffline { color: #CCCCCC; }

/* Если есть IP-адрес — выравниваем его */
.postTdInfo .ipAddress {
 display: block;
 font-size: 8pt;
 color: #CCCCCC;
 margin-top: 8px;
 border-top: 1px solid #555555;
 padding-top: 5px;
}

/* === ФИКС ИКОНКИ АДМИНИСТРАТОРА И ЦЕНТРИРОВАНИЕ ПРОФИЛЯ === */

/* Общий контейнер для аватара + иконки + текста */
.postTdInfo {
 width: 120px; /* Фиксируем ширину */
 min-width: 100px;
 max-width: 150px;
 padding: 5px;
 text-align: center;
 vertical-align: top;
 background: #510003;
 border-right: 1px solid #000000;
 position: relative;
}

/* Контейнер для иконки и звания — центрируем */
.postTdInfo .userBadgeContainer {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 5px; /* Отступ между иконкой и текстом */
 margin-bottom: 5px;
}

/* Стили для иконки администратора */
.postTdInfo .adminBadge {
 width: 16px;
 height: 16px;
 display: inline-block;
 background: url('/.s/t/804/admin_badge.png') no-repeat center;
 background-size: contain;
 vertical-align: middle;
 margin: 0;
 padding: 0;
}

/* Если иконка — это просто img */
.postTdInfo img.adminBadge {
 width: 16px;
 height: 16px;
 margin: 0;
 padding: 0;
 vertical-align: middle;
}

/* Звание (Лейтенант) */
.postTdInfo .userRankName {
 font-weight: bold;
 font-size: 9pt;
 color: #FFFFFF;
 margin: 0;
 display: inline;
}

/* Текст профиля — группируем в блок */
.postTdInfo .userInfo {
 font-size: 8pt;
 line-height: 1.2;
 margin: 3px 0;
 color: #CCCCCC;
 text-align: center;
}

/* IP-адрес */
.postTdInfo .ipAddress {
 display: block;
 font-size: 8pt;
 color: #CCCCCC;
 margin-top: 8px;
 border-top: 1px solid #555555;
 padding-top: 5px;
}

/* =============================================================================
 MATERIALS / NEWS CARD (расположение карточки материала с рамкой 9-slice)
 Описание: стиль карточки, использование border-image для рамки, ссылки внутри.
 ============================================================================= */

.tech-news-card {
 background: transparent;
 border: 30px solid transparent;

 /* Подключаем 9-slice */
 border-image-source: url('/SiteMains/ramka90.png');
 border-image-slice: 30 fill; /* разрез по 30px с каждой стороны */
 border-image-repeat: stretch; /* или repeat, если узор повторяемый */
 margin: 20px auto;
 padding: 20px;
 max-width: 1300px;
 width: 100%;
 color: white;
 overflow: hidden;
 font-family: 'Exo 2', sans-serif;
 box-sizing: border-box;
}

/* Внутренняя обёртка карточки */
.tech-news-card.eBlock-wrapper {
 padding: 20px;
}

/* Таблицы внутри карточки — принудительно растягиваем */
.tech-news-card table {
 width: 100% !important;
 max-width: 100% !important;
 border-collapse: collapse !important;
}
.tech-news-card table.eBlock {
 background: transparent !important;
}

.tech-news-card a {
 color: #00f0ff;
 text-decoration: none;
}
.tech-news-card td.content-block {
 background: transparent !important;
}
.tech-news-card a:hover {
 color: #ff2a2a;
 text-shadow: 0 0 5px #ff2a2a;
}


/* =============================================================================
 OPTIONAL: локальные CSS для спойлеров (только CSS-часть, функциональность — в JS)
 Описание: внешняя часть кнопки спойлера и скрываемый контейнер.
 ============================================================================= */

.spoiler-toggle {
 cursor: pointer;
 font-weight: bold;
 color: #ff4d4d;
 background: #121212;
 padding: 6px 12px;
 border: 1px solid #ff4d4d;
 border-radius: 4px;
 display: inline-block;
 margin-bottom: 8px;
}

.spoiler-content {
 display: none; /* открыть/закрыть управляется JS */
 padding: 10px;
 background: #1a1a1a;
 border-left: 4px solid #ff4d4d;
 margin-top: 5px;
}

/* =============================================================================
 MINI-CHAT — Красно-чёрный техно-стиль
 ============================================================================= */

/* Заголовок чата */
.block-title {
 background: #550000;
 border-top: 1px solid #FF3333;
 border-bottom: 1px solid #FF3333;
 color: #FFFFFF;
 font-size: 16pt;
 text-align: center;
 padding: 10px;
 font-family: 'Russo One';
 text-transform: uppercase;
}

.cBlock0,
.cBlock1,
.cBlock2 {
 background: #180000 !important;
 border-left: 3px solid #ff3c3c !important;
 padding: 6px !important;
 margin-bottom: 6px !important;
 border-radius: 4px;
}

/* =============================================================================
 EDETAILS — Детали записи (нижняя панель)
 ============================================================================= */

/* Основной блок */
.eDetails,
.eDetails1,
.eDetails2 {
 background: #1A0000;
 border-top: 1px solid #330000;
 color: #CCCCCC;
 font-size: 14px;
 padding: 5px 10px;
 margin-top: 20px;
}

/* Ссылки внутри деталей */
.eDetails a:link,
.eDetails a:visited,
.eDetails a:active {
 color: #FF7F7F; /* Мягкий красный */
 text-decoration: none;
}

.eDetails a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}

/* =============================================================================
 ETEXT / EMESSAGE — Ссылки "Читать дальше" (в теле новости)
 ============================================================================= */

/* Ссылки внутри текста новости — принудительно переопределяем */
.eMessage a:link,
.eText a:link,
.eMessage a:visited,
.eText a:visited,
.eMessage a:active,
.eText a:active {
 color: #FFAAC8; /* Ярко-красный, как в остальном дизайне */
 text-decoration: none;
}

.eMessage a:hover,
.eText a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}

/* =============================================================================
 Мобильные достройки
 ============================================================================= */
@media (max-width: 1200px) {
 .wrap {
 width: 1360px;
 }
}

/*------------------Кнопки форума внизу----------------*/

.postActions{
/*display:flex;*/
gap:6px;
/*justify-content:flex-end;*/
}

.postActions a{
display:inline-block;
padding:4px 10px;

font-size:11px;
font-weight:bold;
text-transform:uppercase;

color:#eee;
text-decoration:none;

background:#2b0000;
border:1px solid #880000;
border-radius:3px;

transition:all .15s;
}

.postActions a:hover{
background:#a00000;
border-color:#ff3030;
color:#fff;
box-shadow:0 0 6px #ff0000;
}



/* =============================================================================
 END OF FILE — финальные пометки
 Описание: конец CSS; сохранены все оригинальные селекторы и структуру.
 ============================================================================= */