/* Ретро-стиль для форума - дух 90-х/2000-х */
body {
    background: #c0c0c0; /* Классический серый фон Windows 95/98 */
    color: #000000; /* Черный текст */
    font: 12px "MS Sans Serif", "Tahoma", Arial, sans-serif; /* Типичные шрифты 90-х */
    margin: 0px;
    padding: 8px;
    scrollbar-3dlight-color: #ffffff; /* Светлая рамка */
    scrollbar-arrow-color: #000000; /* Черные стрелки */
    scrollbar-darkshadow-color: #808080; /* Темная тень */
    scrollbar-face-color: #c0c0c0; /* Цвет ползунка */
    scrollbar-highlight-color: #ffffff; /* Светлая часть */
    scrollbar-shadow-color: #808080; /* Темная часть */
    scrollbar-track-color: #e0e0e0; /* Цвет дорожки */
    background-image: url('bg_pattern.gif'); /* Текстура фона */
}

font {
    font: 11px "MS Sans Serif", "Tahoma", Arial, sans-serif;
}

th, td, p {
    font: 12px "MS Sans Serif", "Tahoma", Arial, sans-serif;
}

p {
    margin-top: 4px;
    margin-bottom: 6px;
}

.gensmall {
    font-size: 10px;
    color: #666666;
}

td.genmed, .genmed {
    font-size: 12px;
}

.explaintitle {
    font-size: 13px;
    font-weight: bold;
    color: #000080; /* Темно-синий Windows */
    text-decoration: underline;
}

/* Ссылки в стиле 90-х */
a:link, a:active, a:visited, a.postlink {
    color: #0000ff; /* Синий цвет ссылок */
    text-decoration: underline;
    font-weight: normal;
}

a:hover {
    color: #ff0000; /* Красный при наведении */
    text-decoration: underline;
}

.topictitle {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}

a.topictitle:link {
    color: #0000ff;
}

a.topictitle:visited {
    color: #800080; /* Фиолетовый для посещенных */
}

a.topictitle:hover {
    color: #ff0000;
}

.name {
    font-size: 12px;
    font-weight: bold;
    color: #000080;
}

hr {
    border: 0px;
    border-top: 2px solid #808080;
    height: 0px;
    width: 100%;
    margin: 12px 0;
}

/* Таблицы в стиле 90-х */
td.cat {
    font-weight: bold;
    letter-spacing: 0px;
    background: #000080; /* Темно-синий фон */
    color: #ffffff;
    height: 24px;
    text-indent: 8px;
    border: 1px solid #000000;
}

.cattitle {
    font-weight: bold;
    color: #ffffff;
}

a.cattitle, a.cattitle:visited {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a.cattitle:hover {
    color: #ffff00; /* Желтый при наведении */
    font-weight: bold;
    text-decoration: underline;
}

.row1 {
    background: #ffffff; /* Белый фон */
    border: 1px solid #c0c0c0;
    padding: 6px;
}

.row2, .helpline {
    background: #e0e0e0; /* Светло-серый */
    border: 1px solid #c0c0c0;
    padding: 6px;
}

.row3 {
    background: #f0f0f0; /* Очень светлый серый */
    border: 1px solid #c0c0c0;
    padding: 6px;
}

td.spacerow {
    background: #808080; /* Серый разделитель */
    height: 2px;
    padding: 0px;
}

td.rowpic {
    background: #d4d0c8 url('cell_bg.gif') repeat-y; /* Цвет Windows 95 */
    border: 1px solid #808080;
    padding: 8px;
}

th {
    background: #000080; /* Темно-синий фон */
    color: #ffffff; /* Белый текст */
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    white-space: nowrap;
    text-align: center;
    padding: 4px 8px;
    border: 1px solid #000000;
}

.bodyline {
    background: #ffffff;
    border: 2px outset #c0c0c0; /* Эффект 3D */
    padding: 0px;
}

.forumline {
    background: #ffffff;
    border: 2px inset #c0c0c0; /* Эффект 3D */
    padding: 2px;
}

.maintitle, h1 {
    font: bold 16px "MS Sans Serif", "Tahoma", Arial, sans-serif;
    text-decoration: none;
    color: #000080;
    margin: 8px 0;
}

.subtitle, h2 {
    font: bold 14px "MS Sans Serif", "Tahoma", Arial, sans-serif;
    text-decoration: none;
    color: #000000;
    margin: 6px 0;
}

.nav {
    font-size: 12px;
    font-weight: bold;
    color: #000080;
    background: #e0e0e0;
    padding: 4px 8px;
    border: 1px solid #808080;
}

.postbody {
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}

.postdetails {
    font-size: 11px;
    color: #666666;
    padding: 4px;
    border-top: 1px dotted #808080;
    margin-top: 8px;
}

form {
    display: inline;
    margin: 4px;
    padding: 0px;
    border: 0px;
}

input {
    font: 12px "MS Sans Serif", "Tahoma", Arial, sans-serif;
    background: #ffffff;
    border: 2px inset #c0c0c0;
    padding: 3px;
}

select {
    background: #ffffff;
    color: #000000;
    font: 12px "MS Sans Serif", "Tahoma", Arial, sans-serif;
    border: 2px inset #c0c0c0;
    padding: 2px;
}

option {
    background: #ffffff;
    color: #000000;
    font: 12px "MS Sans Serif", "Tahoma", Arial, sans-serif;
    padding: 2px;
}

input.post, textarea.post {
    background: #ffffff;
    border: 2px inset #c0c0c0;
    color: #000000;
    font: 12px "MS Sans Serif", "Tahoma", Arial, sans-serif;
    padding: 4px;
}

input.button, input.liteoption, .fakebut {
    border: 2px outset #c0c0c0;
    background: #c0c0c0;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    padding: 4px 12px;
    cursor: default;
}

input.button:active, input.liteoption:active {
    border: 2px inset #c0c0c0;
}

input.catbutton {
    border: 2px outset #c0c0c0;
    background: #c0c0c0;
    font-size: 12px;
    color: #000000;
    padding: 3px 8px;
}

input.mainoption {
    border: 2px outset #000080;
    background: #000080;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 12px;
}

input.mainoption:active {
    border: 2px inset #000080;
}

.helpline {
    border: 1px solid #808080;
    background: #f0f0f0;
    padding: 6px;
    font-size: 11px;
    color: #000000;
}

.topbkg {
    background: #000080 url('top_bg.gif') repeat-x;
    color: #ffffff;
    padding: 8px;
    border: 1px solid #000000;
}

.topnav {
    font-size: 12px;
    background: #c0c0c0 url('nav_bg.gif') repeat-x;
    color: #000000;
    height: 20px;
    white-space: nowrap;
    border: 1px solid #808080;
    padding: 2px 8px;
}

img {
    border: 0px;
}

.copyright {
    font-family: "MS Sans Serif", "Tahoma", Arial, sans-serif;
    color: #666666;
    font-size: 11px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #808080;
}

a.copyright {
    color: #0000ff;
    text-decoration: underline;
}

a.copyright:hover {
    color: #ff0000;
    text-decoration: underline;
}

.code, .php_td, .q_td, .quote {
    color: #000000;
    font-family: "Courier New", "Monaco", monospace;
    font-size: 12px;
}

.code, .php_table, .q_table, .quote {
    border: 2px inset #c0c0c0;
    font-family: "Courier New", "Monaco", monospace;
    font-size: 12px;
    width: 98%;
    background: #f8f8f8;
    padding: 8px;
    margin: 8px 0;
}

.admin, .mod {
    font-size: 12px;
    font-weight: bold;
}

.admin, a.admin, a.admin:visited {
    color: #ff0000; /* Красный для админа */
    background: #ffffcc;
    padding: 1px 4px;
    border: 1px solid #ff0000;
}

.mod, a.mod, a.mod:visited {
    color: #008000; /* Зеленый для модератора */
    background: #f0fff0;
    padding: 1px 4px;
    border: 1px solid #008000;
}

/* Дополнительные стили в ретро-стиле */

/* Маркеры списков */
ul, ol {
    margin: 8px 0 8px 20px;
    padding: 0;
}

li {
    margin: 4px 0;
}

/* Рамки для изображений */
img.bordered {
    border: 2px solid #808080;
    padding: 2px;
    background: #ffffff;
}

/* Таблицы с разделителями */
table.bordered {
    border: 2px outset #c0c0c0;
    border-collapse: collapse;
}

table.bordered td, table.bordered th {
    border: 1px solid #808080;
    padding: 4px;
}

/* Кнопки навигации */
.navbutton {
    border: 2px outset #c0c0c0;
    background: #c0c0c0;
    color: #000000;
    font: 11px "MS Sans Serif", sans-serif;
    padding: 2px 6px;
    text-decoration: none;
    display: inline-block;
    margin: 1px;
}

.navbutton:hover {
    border: 2px inset #c0c0c0;
    background: #a0a0a0;
}

/* Статус онлайн/оффлайн */
.online {
    color: #008000;
    font-weight: bold;
}

.offline {
    color: #808080;
    font-style: italic;
}

/* Счетчики сообщений */
.postcount {
    background: #000080;
    color: #ffffff;
    font-weight: bold;
    padding: 1px 4px;
    border: 1px solid #000000;
}

/* Подписи под аватарами */
.avatar {
    border: 2px inset #c0c0c0;
    padding: 2px;
    background: #ffffff;
    margin: 4px;
}

/* Выделение текста */
.highlight {
    background: #ffff00;
    color: #000000;
    padding: 1px 2px;
}

/* Предупреждения и ошибки */
.error {
    color: #ff0000;
    font-weight: bold;
    background: #fff0f0;
    border: 1px solid #ff0000;
    padding: 6px;
    margin: 8px 0;
}

.warning {
    color: #ff8000;
    font-weight: bold;
    background: #fff8f0;
    border: 1px solid #ff8000;
    padding: 6px;
    margin: 8px 0;
}

.success {
    color: #008000;
    font-weight: bold;
    background: #f0fff0;
    border: 1px solid #008000;
    padding: 6px;
    margin: 8px 0;
}

/* Панель пользователя */
.userpanel {
    background: #e0e0e0;
    border: 2px outset #c0c0c0;
    padding: 8px;
    margin: 8px 0;
}

.userpanel h3 {
    color: #000080;
    margin-top: 0;
    border-bottom: 1px solid #808080;
    padding-bottom: 4px;
}

/* Футер форума */
.forumfooter {
    background: #c0c0c0;
    border-top: 2px solid #808080;
    padding: 12px;
    margin-top: 20px;
    text-align: center;
    font-size: 11px;
    color: #666666;
}

/* Анимированный маркер "новое сообщение" */
.newpost {
    background: url('new.gif') no-repeat left center;
    padding-left: 18px;
    font-weight: bold;
    color: #ff0000;
}

/* Разделители тем */
.topicseparator {
    height: 1px;
    background: #808080;
    border: none;
    margin: 12px 0;
}

/* Стиль для подписей */
.signature {
    border-top: 1px dotted #808080;
    padding-top: 6px;
    margin-top: 10px;
    font-size: 11px;
    color: #666666;
    font-style: italic;
}

/* Эффект мигания (как в старых браузерах) */
.blink {
    text-decoration: blink;
}

/* Гестбук стиль (очень старый) */
.guestbook {
    background: #f8f8f8;
    border: 2px inset #c0c0c0;
    padding: 10px;
    margin: 10px 0;
    font-family: "Comic Sans MS", cursive;
}

/* Счетчик посещений (как на сайтах 90-х) */
.counter {
    font-family: "Courier New", monospace;
    font-size: 14px;
    color: #ff0000;
    background: #000000;
    padding: 4px 8px;
    border: 1px solid #808080;
    display: inline-block;
}

/* Анимированная кнопка (имитация GIF анимации) */
.animatedbutton {
    border: 2px outset #c0c0c0;
    background: #000080 url('button_bg.gif') repeat-x;
    color: #ffffff;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
}

.animatedbutton:hover {
    border: 2px inset #c0c0c0;
    background: #0000c0 url('button_bg_hover.gif') repeat-x;
}

/* Ретро-рамка для фотографий */
.photo-frame {
    border: 4px double #808080;
    padding: 4px;
    background: #ffffff;
    margin: 8px;
}

/* Старый стиль подкастов/аудио */
.audio-player {
    background: #e0e0e0;
    border: 2px inset #c0c0c0;
    padding: 8px;
    font-family: "Courier New", monospace;
}

/* Стиль для кодов ошибок (как в DOS) */
.dos-error {
    background: #000000;
    color: #ffffff;
    font-family: "Courier New", monospace;
    padding: 10px;
    border: 2px solid #ff0000;
    margin: 10px 0;
}

/* Подпись в стиле веб-кольца 90-х */
.webring {
    border: 2px outset #c0c0c0;
    background: #ffffcc;
    padding: 6px;
    text-align: center;
    font-size: 11px;
    margin: 10px 0;
}

/* Счетчик на JavaScript (имитация) */
.js-counter {
    font-family: "Arial Black", sans-serif;
    font-size: 24px;
    color: #ff0000;
    background: #000000;
    padding: 4px 8px;
    border: 3px ridge #c0c0c0;
    display: inline-block;
}

/* Кнопка "Under Construction" */
.construction {
    background: #ffff00 url('const_bg.gif');
    border: 2px dashed #ff0000;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #ff0000;
    margin: 10px 0;
}

/* Ретро-часы */
.clock {
    font-family: "Digital-7", "Courier New", monospace;
    font-size: 18px;
    color: #00ff00;
    background: #000000;
    padding: 4px 8px;
    border: 1px solid #00ff00;
    display: inline-block;
}

/* Старый стиль опросов */
.poll {
    background: #f0f0f0;
    border: 2px outset #c0c0c0;
    padding: 12px;
    margin: 10px 0;
}

.poll h3 {
    color: #000080;
    border-bottom: 1px solid #808080;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.poll-option {
    margin: 6px 0;
}

.poll-bar {
    background: #000080;
    height: 16px;
    margin: 2px 0;
}

/* Стиль для FAQ (часто задаваемых вопросов) */
.faq {
    background: #f8f8f8;
    border: 2px inset #c0c0c0;
    padding: 10px;
    margin: 10px 0;
}

.faq dt {
    font-weight: bold;
    color: #000080;
    margin-top: 8px;
}

.faq dd {
    margin-left: 20px;
    margin-bottom: 8px;
}