/* VERSION: r12 */
/* ============================================================
   Скин форума moybb - десктоп
   Прямая конвертация скина Invision Power Board 2.x
   (IPB2 Standard) из style_images/1: вся графика - оригинальные
   GIF из архива, ни один градиент, бевел или иконка не
   нарисованы средствами CSS.

   tile_back.gif- .maintitle, кнопки
   tile_cat.gif - .titlemedium (полоса категории)
   tile_sub.gif - шапки таблиц, полоса даты в сообщении
   f_norm.gif   - иконка раздела
   f_pinned.gif - иконка закреплённой темы
   bf_new.gif   - большая иконка темы с новыми сообщениями
   lastpost.gif - стрелка в ячейке последнего сообщения

   Совместимость: базовая часть - только CSS1, без скруглений,
   теней, rgba и flex. Цвета, фоновые плитки и 1px-рамки
   продублированы в desktop.html атрибутами bgcolor / background
   на вложенных таблицах с cellspacing="1" - тем же приёмом,
   которым это делал сам IPB. Поэтому в IE5 и Netscape скин
   выглядит так же; CSS2-уточнения ниже такие браузеры
   игнорируют, и базовый вид от этого не ломается.

   Сообщения в теме собраны в разметке (topic.php): каждое -
   отдельная таблица, рамка и полосы сделаны cellspacing="1" на
   синей подложке, цвета стоят атрибутами bgcolor / background,
   отбивка между сообщениями - распорка spacer.gif. Ни одного
   правила раскладки в CSS нет, поэтому в IE5 и Netscape вид
   такой же, как в современных браузерах.

   Белая сетка IPB сделана белой рамкой 1px на ячейках -
   единым способом для всех браузеров. border-spacing не
   используется: его не понимают ни IE5, ни IE6, и из-за него
   сетка в них пропадала.
   ============================================================ */

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
}

table, tr, td, th, p, textarea {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

img { border: 0px; }

a:link, a:visited, a:active { color: #345487; text-decoration: underline; }
a:hover { color: #4C77B6; text-decoration: underline; }

table.wrap { text-align: left; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 20px; }

/* ===== Логострип: градиент tile_back.gif + logobg.gif справа ===== */

td.header {
	background-color: #5176B5;
	background-image: url(images/tile_back.gif);
	background-repeat: repeat-x;
	height: 52px;
	padding: 12px 14px 12px 14px;
	color: #FFFFFF;
}

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

td.header-name a { font-size: 22px; font-weight: bold; }

td.header-side { font-size: 10px; color: #E4EDF9; }
td.header-side a { text-decoration: underline; }

/* ===== Полоса ссылок (userlinks) ===== */

td.navstrip {
	background-color: #F0F5FA;
	padding: 6px 9px 6px 9px;
	font-size: 10px;
	font-weight: bold;
	color: #3A4F6C;
}

td.navstrip a:link, td.navstrip a:visited, td.navstrip a:active {
	font-size: 10px;
	font-weight: bold;
	color: #3A4F6C;
	text-decoration: none;
}
td.navstrip a:hover { text-decoration: underline; }
td.navstrip .sep { color: #A3B4CB; }

/* ===== Тело страницы ===== */

td.content { padding: 8px 0px 10px 0px; }

/* .maintitle - синяя плитка tile_back.gif */

h1 {
	margin: 12px 0px 0px 0px;
	padding: 9px 8px 9px 8px;
	background-color: #5D88C8;
	background-image: url(images/tile_back.gif);
	background-repeat: repeat-x;
	border: 1px solid #5176B5;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

h1 a:link, h1 a:visited, h1 a:active { color: #FFFFFF; text-decoration: none; }

/* .titlemedium - полоса категории tile_cat.gif */

h2 {
	margin: 12px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	background-color: #5176B5;
	background-image: url(images/tile_cat.gif);
	background-repeat: repeat-x;
	border: 1px solid #5176B5;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

h2 a:link, h2 a:visited, h2 a:active { color: #FFFFFF; text-decoration: none; }

p { margin: 8px 0px 8px 0px; line-height: 150%; }

small { font-size: 10px; color: #434951; }

/* ===== Таблицы движка =====
   Приходят с border="1" - гасим рамку ячеек и повторяем приём
   IPB: белый фон таблицы просвечивает между ячейками. */

table.forum-table {
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #5176B5;
	border-collapse: separate;
	border-spacing: 0px;
	empty-cells: show;
}

table.forum-table th {
	background-color: #C5D0E2;
	background-image: url(images/tile_sub.gif);
	background-repeat: repeat-x;
	border: 1px solid #FFFFFF;
	padding: 7px 6px 7px 6px;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	color: #3A4F6C;
}

table.forum-table td {
	background-color: #F5F9FD;
	border: 1px solid #FFFFFF;
	padding: 7px 6px 7px 6px;
	vertical-align: top;
	line-height: 140%;
	color: #000000;
}

table.forum-table td a:link,
table.forum-table td a:visited,
table.forum-table td a:active {
	font-weight: bold;
	color: #345487;
	text-decoration: none;
}
table.forum-table td a:hover { color: #4C77B6; text-decoration: underline; }

table.forum-table small { font-size: 10px; color: #434951; font-weight: normal; }

/* Закреплённая тема */

tr.topic-pinned td { background-color: #E4EAF2; }

/* Метка «Важно» - иконка f_pinned.gif из референса */

.pinned-badge {
	padding-left: 18px;
	margin-right: 5px;
	background-image: url(images/f_pinned.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	font-size: 10px;
	font-weight: bold;
	color: #3A4F6C;
}

.forum-usercard-stats {
	display: block;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #C2CFDF;
	font-size: 10px;
	color: #434951;
	line-height: 145%;
}

table.forum-table hr {
	height: 2px;
	margin: 12px 0px 8px 0px;
	border: 0px;
	border-top: 2px solid #5176B5;
	color: #5176B5;
	background-color: #5176B5;
}

/* ===== Выдержки сообщений в профиле ===== */

.forum-post-excerpt {
	background-color: #F5F9FD;
	border: 1px solid #C2CFDF;
	padding: 7px;
	line-height: 150%;
}

.forum-post-excerpt a { font-weight: bold; color: #345487; text-decoration: none; }
.forum-post-excerpt small { font-size: 10px; color: #434951; }

/* ===== Формы ===== */

input, textarea, select {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #5176B5;
	padding: 2px;
	vertical-align: middle;
}

textarea { width: 99%; line-height: 150%; }

/* Кнопки. Раньше фоном стояла images/login_button.gif - но это кнопка IPB
   30x21 с надписью "GO", и на любой кнопке шире неё надпись повторялась
   поверх текста ("GOGOGO"). Теперь - тот же синий цвет, а объём рамкой:
   светлее сверху и слева, темнее снизу и справа, как в 2000-х. */

input.button, input[type="submit"], input[type="button"] {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5D88C8;
	background-image: none;
	border: 1px solid #5176B5;
	border-top-color: #9DB9E6;
	border-left-color: #9DB9E6;
	border-right-color: #34568E;
	border-bottom-color: #34568E;
	padding: 3px 10px 3px 10px;
	cursor: pointer;
}

/* ===== Подвал ===== */

td.footer {
	background-color: #F0F5FA;
	padding: 6px 9px 6px 9px;
	font-size: 10px;
	color: #3A4F6C;
}

td.footer a:link, td.footer a:visited, td.footer a:active { font-size: 10px; color: #3A4F6C; }

/* Метка версии в подвале: видно, какой файл реально загружен.
   Старые браузеры :after игнорируют. */



/* ============================================================
   CSS2-уточнения: раскладка сообщений и иконки статуса.
   Разметка движка: строки списка разделов - без class и id,
   строки тем - class="topic-row", сообщения - id="post-N".
   IE5 и Netscape 4 эти селекторы не поддерживают и просто
   игнорируют весь блок.
   ============================================================ */

/* Иконка раздела f_norm.gif слева в первой ячейке */

/* ============================================================
   СООБЩЕНИЯ В ТЕМЕ - только оформление текста.
   Раскладку, рамки и фоны держит сама разметка topic.php
   (вложенные таблицы + bgcolor / background + spacer.gif),
   поэтому здесь нет ни ширин, ни границ: в IE5 и Netscape
   сообщение выглядит правильно даже без этого файла.
   ============================================================ */

table.post td.post-bar {
	font-size: 10px;
	font-weight: bold;
	color: #3A4F6C;
}

table.post td.post-bar a:link,
table.post td.post-bar a:visited,
table.post td.post-bar a:active {
	font-size: 10px;
	font-weight: bold;
	color: #3A4F6C;
	text-decoration: none;
}
table.post td.post-bar a:hover { text-decoration: underline; }

/* Линейка-распорка: в древних браузерах это просто узкая полоса
   от bgcolor, здесь уточняем её до ровного 1px. */

table.post td.rule { height: 1px; font-size: 1px; line-height: 1px; padding: 0px; }

table.post td.post-author {
	line-height: 135%;
	color: #434951;
}

table.post a.post-name {
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
table.post a.post-name:hover { color: #4C77B6; text-decoration: underline; }

table.post td.post-author .forum-usercard-stats {
	display: block;
	margin-top: 5px;
	padding-top: 0px;
	border-top: 0px;
	font-size: 10px;
	color: #434951;
	line-height: 145%;
}

table.post td.post-body {
	font-size: 12px;
	line-height: 165%;
	color: #000000;
}

table.post td.post-body a:link,
table.post td.post-body a:visited,
table.post td.post-body a:active { color: #345487; }

table.post small.post-signature {
	display: block;
	margin-top: 6px;
	font-size: 10px;
	font-style: italic;
	color: #434951;
}

/* ===== BB-коды в сообщениях: цитата, код, списки, картинки, опросы
   (bbcode.php, media.php, poll.php). Рамки и фон сделаны атрибутами
   bgcolor в разметке - в IE5 и Netscape 4 вид тот же; здесь уточнения. ===== */

table.bb-quote, table.bb-code, table.bb-poll { margin-top: 6px; margin-bottom: 6px; }
td.bb-quote-head, td.bb-code-head, td.bb-poll-head { font-size: 10px; color: #3A4F6C; }
td.bb-quote-body, td.bb-poll-body { font-size: 12px; line-height: 150%; }
td.bb-poll-head b { font-size: 11px; }
pre.bb-pre { margin: 0px; font-family: "Courier New", Courier, monospace; font-size: 11px; line-height: 130%; }
ul.bb-list, ol.bb-list { margin-top: 4px; margin-bottom: 4px; }
a.bb-image img { border: 1px solid #C2CFDF; }
a.bb-image:hover img { border: 1px solid #345487; }
td.bb-poll-label, td.bb-poll-count { font-size: 11px; }
p.bb-poll-foot { margin: 6px 0px 0px 0px; }
i.bb-missing { color: #8A929C; }
table.bb-original img { border: 1px solid #C2CFDF; }

/* ===== Быстрый ответ в теме - виден только вошедшему в админку (topic.php) ===== */

table.quick-reply { margin-top: 2px; }
table.qr-users { margin: 4px 0px 8px 0px; }
table.qr-users td.qr-user { border: 1px solid #C2CFDF; cursor: pointer; font-size: 11px; }
table.qr-users td.qr-user img { border: 1px solid #C2CFDF; }
table.quick-reply table.ed td { font-size: 11px; line-height: 130%; }

/* ===== Поиск: поле в полосе навигации и страница search.php ===== */

td.navstrip form.navsearch { margin: 0px; padding: 0px; }
td.navstrip input.navsearch-input { width: 170px; font-size: 11px; font-weight: normal; }
td.navstrip input.navsearch-button { padding: 1px 8px 1px 8px; font-size: 10px; }
form.search-form { margin: 8px 0px 8px 0px; }
table.search-box input { font-size: 12px; }
span.search-snippet { font-size: 11px; font-weight: normal; line-height: 150%; color: #333333; }
.search-hit { background-color: #FFF2A8; font-weight: bold; }

/* ===== Модерация прямо в теме и разделе - видна только вошедшему в админку
   (admin/moderation_ui.php) ===== */

table.mod-bar td { font-size: 11px; }
table.mod-bar input, table.mod-bar select { font-size: 11px; }
table.mod-bar input[type="submit"] { padding: 1px 8px 1px 8px; }
input.mod-check { margin: 0px 4px 0px 0px; padding: 0px; border: 0px; vertical-align: middle; background-color: transparent; }
span.mod-links { font-size: 10px; font-weight: normal; }
input.mod-delete { padding: 0px 5px 0px 5px; font-size: 10px; }
p.mod-msg { margin: 8px 0px 8px 0px; }

/* ===== Расширенный поиск ===== */

td.navstrip a.navsearch-adv { font-size: 10px; font-weight: normal; }
table.search-box td { font-size: 12px; }
table.search-box td.search-label { white-space: nowrap; vertical-align: top; padding-top: 7px; }
table.search-box label { font-size: 12px; }

/* ===== Строка пользователя (под навигацией): «Вы вошли как … / Войти»,
   и формы ответа / новой темы / профиля (front.php). Цвета - те же, что у
   навигации, поэтому скины красят её своей палитрой автоматически. ===== */

table.userbar-wrap { margin: 0px 0px 10px 0px; background-color: #C2CFDF; }
td.userbar { padding: 5px 8px; font-size: 11px; color: #3A4F6C; line-height: 150%; background-color: #F0F5FA; }
td.userbar-l, td.userbar-r { padding: 0px; font-size: 11px; color: #3A4F6C; line-height: 150%; }
td.userbar a:link, td.userbar a:visited, td.userbar a:active { color: #345487; text-decoration: none; }
td.userbar a:hover { color: #4C77B6; text-decoration: underline; }
td.form-error { font-size: 11px; }
p.form-login, p.new-topic-link { font-size: 12px; }
small.form-rules { display: block; margin-top: 6px; font-size: 10px; color: #434951; line-height: 140%; }
p.form-captcha { margin: 8px 0px; font-size: 11px; }
input.form-title { width: 96%; }
table.form-table td { font-size: 12px; }
table.post td.post-body form { margin: 0px; }
td.form-preview { border-bottom: 2px solid #C2CFDF; }

/* ===== Непрочитанное и статистика форума ===== */
img.topic-icon { margin-right: 2px; }
tr.topic-unread td a, tr.section-unread td a { font-weight: bold; }
a.unread-link { color: #B00020; text-decoration: none; }
a.unread-link:hover { text-decoration: underline; }
td.userbar a.unread-link b { color: #B00020; }
table.forum-stats td { font-size: 11px; line-height: 170%; }
form.mark-read { margin: 8px 0px; }

/* новое/прочитано: подпись «новое», колонка последнего сообщения, легенда значков */
span.new-badge { background-color: #B00020; color: #FFFFFF; font-size: 10px; font-weight: bold; padding: 0px 4px; margin-left: 3px; }
td.lastpost { font-size: 11px; }
td.lastpost small { color: #666666; }
p.forum-legend { font-size: 11px; color: #666666; margin: 6px 0px 10px 0px; }
p.forum-legend img { vertical-align: middle; }

/* прочитано / не прочитано: тема без новых сообщений - приглушённая ссылка,
   с новыми - цвет скина и жирный шрифт (в IE6 это единственное различие, которое видно сразу) */
tr.topic-row td a:link, tr.topic-row td a:visited, tr.section-row td a:link, tr.section-row td a:visited { color: #6B717C; font-weight: normal; }
tr.topic-unread td a:link, tr.topic-unread td a:visited, tr.section-unread td a:link, tr.section-unread td a:visited { color: #345487; font-weight: bold; }
td.lastpost { font-size: 11px; }
td.lastpost small { color: #6B717C; }
span.unread-n { font-size: 10px; color: #6B717C; }
p.forum-legend { font-size: 11px; color: #6B717C; margin: 6px 0px 10px 0px; }
p.forum-legend img { vertical-align: middle; margin-right: 3px; }
img.topic-icon { margin-right: 3px; }

/* ============================================================
   Ширины колонок и отступы ячеек - простыми классами.
   Раньше здесь стояли th + th, :not() и :first-child: IE6 их не понимает,
   поэтому в нём колонки разъезжались, а в Chrome всё было ровно.
   ============================================================ */
table.forum-table th.col-name { text-align: left; }
table.forum-table tr.section-row td { padding-left: 8px; }
table.forum-table tr.topic-row td { padding-left: 8px; }
table.post td.post-author img { display: block; }

/* IE6: полоса шапки сообщения была выше плитки, снизу оставалась полоса
   сплошного цвета. Правка от дизайнера. */
table.post td.post-bar { padding-top: 1px; padding-bottom: 1px; background-position: 0px 50%; }
table.post td.post-bar td.post-bar { padding: 0px; }
* html table.post input.mod-check { width: 13px; height: 13px; margin: 0px 4px 0px 0px; }
* html table.post input.mod-delete { height: 18px; padding: 0px 5px; overflow: visible; }