/* Простий стиль для форуму про любов */

/* Романтичні кольори */
BODY {
    FONT-SIZE: 14px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    SCROLLBAR-FACE-COLOR: #ffe6e6;
    BACKGROUND: #fff5f5;
    PADDING-BOTTOM: 0px;
    MARGIN: 6px;
    FONT: 12px Verdana, Arial, Helvetica, sans-serif;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #ffcccc;
    COLOR: #660033;
    SCROLLBAR-3DLIGHT-COLOR: #ffb3b3;
    SCROLLBAR-ARROW-COLOR: #ff6699;
    PADDING-TOP: 0px;
    SCROLLBAR-TRACK-COLOR: #fff5f5;
    SCROLLBAR-DARKSHADOW-COLOR: #ff9999;
    max-width: 100%;
    line-height: 1.5;
}

/* Основні елементи тексту */
FONT {FONT: 14px Verdana, Arial, Helvetica, sans-serif; COLOR: #660033;}
TH {FONT: 14px Verdana, Arial, Helvetica, sans-serif; COLOR: #660033;}
TD {FONT: 14px Verdana, Arial, Helvetica, sans-serif; COLOR: #660033;}
P {FONT: 13px Verdana, Arial, Helvetica, sans-serif; COLOR: #660033;}

.gensmall {FONT-SIZE: 13px; COLOR: #993366;}
TD.genmed {FONT-SIZE: 13px; COLOR: #660033;}
.genmed {FONT-SIZE: 12px; COLOR: #993366;}
.explaintitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #ff6699;
}

/* Посилання */
A:link {COLOR: #ff3366; TEXT-DECORATION: none}
A:active {COLOR: #cc0066; TEXT-DECORATION: none}
A:visited {COLOR: #cc6699; TEXT-DECORATION: none}
A:hover {COLOR: #cc0066; TEXT-DECORATION: underline}

A.postlink {COLOR: #ff3366; TEXT-DECORATION: none}

.topictitle {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff3366}
A.topictitle:visited {COLOR: #cc6699}
A.topictitle:hover {COLOR: #cc0066}

.name {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff3366}
HR {
    BORDER-RIGHT: #ffffff 0px solid;
    BORDER-TOP: #ff6699 1px solid;
    BORDER-LEFT: #ffffff 0px solid;
    BORDER-BOTTOM: #ffffff 0px solid;
    HEIGHT: 0px;
    margin: 15px 0;
}

/* Категорії - романтичні кольори */
TD.cat,
TD.catHead,
TD.catSides,
TD.catLeft,
TD.catRight,
TD.catBottom {
    FONT-WEIGHT: bold;
    BACKGROUND: #ff6699;
    TEXT-INDENT: 4px;
    LETTER-SPACING: 1px;
    HEIGHT: 29px;
    COLOR: #ffffff;
    font-size: 13px;
    border-bottom: 2px solid #ff3366;
}

/* Ряди таблиць - ніжні відтінки */
.row1 {BACKGROUND: #fffafa}
.row2 {BACKGROUND: #ffe6e6}
.row3 {BACKGROUND: #ffebeb}

.helpline {BACKGROUND: #ffe6e6}

TD.spacerow {BACKGROUND: #ffcccc}
TD.rowpic {BACKGROUND: #ffe6e6}
TH {
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: #ff99aa;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    HEIGHT: 27px;
    TEXT-ALIGN: center;
    border-bottom: 2px solid #ff6699;
}

/* Основні контейнери */
.bodyline {
    BORDER-RIGHT: #ff99aa 1px solid;
    BORDER-TOP: #ff99aa 1px solid;
    BACKGROUND: #fffafa;
    BORDER-LEFT: #ff99aa 1px solid;
    BORDER-BOTTOM: #ff99aa 1px solid;
}

.forumline {
    BORDER-RIGHT: #ff6699 1px solid;
    BORDER-TOP: #ff6699 1px solid;
    BACKGROUND: #ffffff;
    BORDER-LEFT: #ff6699 1px solid;
    BORDER-BOTTOM: #ff6699 1px solid;
}

/* Заголовки */
.maintitle {
    FONT: bold 20px/120% Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ff3366;
    TEXT-DECORATION: none;
    margin: 10px 0;
}

H1 {
    FONT: bold 20px/120% Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ff3366;
    TEXT-DECORATION: none;
    margin: 10px 0;
}

H2 {
    FONT: bold 18px/180% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    COLOR: #ff6699;
    margin: 8px 0;
}

.subtitle {
    FONT: bold 18px/180% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    COLOR: #ff6699;
}

/* Навігація та текст */
.nav {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff3366}
.postbody {FONT-SIZE: 14px; LINE-HEIGHT: 1.4; COLOR: #660033}
.postdetails {FONT-SIZE: 13px; COLOR: #993366}

/* Цитати та код */
.quote {
    BORDER-RIGHT: #ff99aa 1px solid;
    BORDER-TOP: #ff99aa 1px solid;
    FONT-SIZE: 13px;
    BACKGROUND: #ffe6e6;
    BORDER-LEFT: #ff99aa 1px solid;
    COLOR: #660033;
    LINE-HEIGHT: 1.4;
    BORDER-BOTTOM: #ff99aa 1px solid;
    padding: 8px;
    margin: 10px 0;
    border-left: 3px solid #ff6699;
}

.code {
    BORDER-RIGHT: #ff99aa 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #ff99aa 1px solid;
    PADDING-LEFT: 5px;
    BACKGROUND: #ffe6e6;
    PADDING-BOTTOM: 5px;
    FONT: 12px Courier, sans-serif;
    BORDER-LEFT: #ff99aa 1px solid;
    COLOR: #993366;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #ff99aa 1px solid;
    margin: 10px 0;
}

.errorline {
    BORDER-RIGHT: #ff3366 1px solid;
    BORDER-TOP: #ff3366 1px solid;
    BACKGROUND: #ffe6e6;
    BORDER-LEFT: #ff3366 1px solid;
    BORDER-BOTTOM: #ff3366 1px solid;
    padding: 8px;
    COLOR: #cc0066;
}

/* Форми та кнопки */
FORM {DISPLAY: inline}
INPUT {FONT: 11px Verdana, Arial, Helvetica, sans-serif}
SELECT {BACKGROUND: #ffffff; FONT: 11px Verdana, Arial, Helvetica, sans-serif}
INPUT.post {
    BORDER-RIGHT: #ff99aa 1px solid;
    BORDER-TOP: #ff99aa 1px solid;
    PADDING-LEFT: 2px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 2px;
    FONT: 11px Verdana, Arial, Helvetica;
    BORDER-LEFT: #ff99aa 1px solid;
    BORDER-BOTTOM: #ff99aa 1px solid;
    COLOR: #660033;
}

TEXTAREA.post {
    BORDER-RIGHT: #ff99aa 1px solid;
    BORDER-TOP: #ff99aa 1px solid;
    PADDING-LEFT: 2px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 2px;
    FONT: 11px Verdana, Arial, Helvetica;
    BORDER-LEFT: #ff99aa 1px solid;
    BORDER-BOTTOM: #ff99aa 1px solid;
    COLOR: #660033;
}

INPUT.button,
INPUT.liteoption,
.fakebut,
INPUT.catbutton,
INPUT.mainoption {
    BORDER-RIGHT: #ff3366 1px solid;
    BORDER-TOP: #ff3366 1px solid;
    FONT-SIZE: 13px;
    BACKGROUND: #ff99aa;
    BORDER-LEFT: #ff3366 1px solid;
    BORDER-BOTTOM: #ff3366 1px solid;
    COLOR: #ffffff;
    font-weight: bold;
    padding: 4px 8px;
    cursor: pointer;
}

INPUT.button:hover,
INPUT.liteoption:hover,
.fakebut:hover,
INPUT.catbutton:hover,
INPUT.mainoption:hover {
    BACKGROUND: #ff6699;
}

/* Спеціальні класи */
A.but {COLOR: #ff3366; TEXT-DECORATION: none}
A.but:hover {COLOR: #cc0066; TEXT-DECORATION: none}
A.but:visited {COLOR: #cc6699; TEXT-DECORATION: none}
.helpline {BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; FONT-SIZE: 13px; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid}
.topbkg {BACKGROUND: #ffe6e6}
.topnav {
    BORDER-RIGHT: #ff6699 0px solid;
    BORDER-TOP: #ff6699 1px solid;
    FONT-SIZE: 13px;
    BACKGROUND: #fffafa;
    BORDER-LEFT: #ff6699 0px solid;
    COLOR: #ff3366;
    BORDER-BOTTOM: #ff6699 1px solid;
    WHITE-SPACE: nowrap;
    HEIGHT: 21px;
    padding: 3px 0;
}

/* Адмін та модератори */
.admin {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff9933}
A.admin {COLOR: #ff9933}
A.admin:visited {COLOR: #ff9933}
A.admin:hover {COLOR: #cc6600}

.mod {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #6699cc}
A.mod {COLOR: #6699cc}
A.mod:visited {COLOR: #6699cc}
A.mod:hover {COLOR: #336699}

IMG {BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid}

.copyright {
    FONT-SIZE: 12px;
    COLOR: #993366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: -1px;
    text-align: center;
    padding: 10px 0;
    margin-top: 15px;
    border-top: 1px solid #ffcccc;
}
A.copyright {COLOR: #ff3366; TEXT-DECORATION: none}
A.copyright:hover {COLOR: #cc0066; TEXT-DECORATION: underline}

/* Стилі для кодів та цитат (табличні версії) */
.code_td,
.php_td,
.q_td,
.quote_td {
    FONT-SIZE: 13px;
    COLOR: #660033;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.code_table,
.php_table,
.q_table,
.quote_table {
    BORDER-RIGHT: #ff99aa 1px solid;
    BORDER-TOP: #ff99aa 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #ff99aa 1px solid;
    WIDTH: 95%;
    BORDER-BOTTOM: #ff99aa 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND: #fffafa;
    margin: 10px 0;
    padding: 8px;
}

/* СТИЛИ для скрипта форума WR-Forum Professional версии 2.2 */

/* 1) Стиль для посилань */
.pgbutt a {
    font-family: Verdana;
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
    border: 1px #ff99aa solid;
    background: #ffe6e6;
    padding: 1px 4px 1px 4px;
    margin: 5px 1px 0 0;
    border-radius: 2px;
    color: #ff3366;
}

.pgbutt a:hover {
    background: #ffcccc;
    color: #cc0066;
}

input.button,
input.liteoption,
.fakebut {
    border: 1px solid #ff3366;
    background: #ff99aa;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
}

/* 2) QR-CODE */
#qr img {
    width: 35px;
    height: 35px;
    position: fixed;
    right: 10px;
    top: 10px;
    border: 1px solid #ff6699;
    padding: 1px;
    background-color: #fffafa;
}

#qr img:hover {
    width: 200px;
    height: 200px;
    z-index: 100;
    padding: 2px;
    border-color: #ff3366;
}

/* 3) Аватар для гостей */
.guestavatar {
    width: 120px;
    height: 120px;
    text-align: center;
    background: #ffcccc;
    color: #660033;
    font-size: 50px;
    display: table-cell;
    border-radius: 20%;
    position: relative;
    vertical-align: middle;
    border: 2px solid #ff6699;
}

/* 4) навигационное меню в админке */
#nav8, #nav8 ul, #nav8 li {margin: 0; padding: 0; border: 0;}
#nav8, #nav8 ul {background: #ffe6e6;}
#nav8 {border-spacing: 0 0; position: relative; z-index: 50; width: 100%;}
#nav8 ul {position: absolute; display: none; border: 1px solid #ff99aa;}
#nav8 td:hover ul {display: block;}
#nav8 ul li {list-style: none;}
#nav8 .right {direction: rtl;}
#nav8 .right ul {right: 0;}
#nav8 .right li {direction: ltr;}
#nav8 a {
    display: block;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    color: #ff3366;
    font-weight: bold;
}
#nav8 ul a {padding: 7px 15px; text-align: left;}
#nav8 td:hover, #nav8 li:hover {background: #ffcccc;}
#nav8 td {text-align: center;}

/* 5) Стиль для блока загрузки */
#cssbar-wrapper {width: 300px; height: 19px; position: absolute; left: 50%;}
#cssbar-border {
    border: 3px solid #ff99aa;
    height: 100%;
    width: 100%;
    position: relative;
    left: -50%;
    top: -50%;
    padding: 4px 3px;
    background: #fffafa;
}
#cssbar-whitespace {
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: #ffe6e6;
}
#cssbar-line {
    background-color: #ff6699;
    position: absolute;
    height: 100%;
    width: 100%;
    animation: cssbar-slide 4s steps(40) infinite;
}

@keyframes cssbar-slide {
    0% {left: -100%;}
    100% {left: 100%;}
}

/* Прості додаткові стилі для теми кохання */
.love-heart {
    color: #ff3366;
    font-weight: bold;
}

.love-text {
    color: #660033;
    font-style: italic;
}

.love-highlight {
    background-color: #ffe6e6;
    padding: 2px 4px;
    border-radius: 2px;
}

/* Простий адаптив */
@media (max-width: 768px) {
    BODY {
        margin: 0;
        padding: 5px;
        font-size: 13px;
    }
    
    .forumline {
        overflow-x: auto;
    }
    
    .maintitle, H1 {
        font-size: 18px;
    }
    
    H2, .subtitle {
        font-size: 16px;
    }
}