body { background-color: #1a1a1a; background-image: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%); margin: 0px; padding: 0px; scrollbar-arrow-color: #d4af37; scrollbar-face-color: #2d2d2d; scrollbar-track-color: #1a1a1a; scrollbar-highlight-color: #3a3a3a; scrollbar-3dlight-color: #4a4a4a; scrollbar-shadow-color: #2a2a2a; scrollbar-darkshadow-color: #1a1a1a; }

font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #e0e0e0; }
a { text-decoration: underline; color: #d4af37; }
a:visited { text-decoration: underline; color: #b8941f; }
a:hover, a:active { text-decoration: underline; color: #ff6b6b; transition: color 0.3s ease; }
hr { height: 0px; border: solid #d4af37 0px; border-top-width: 1px; opacity: 0.6; }

img { border: 0px; }
form { display: inline; }

table.forumline { background-color: #2a2a2a; border: 1px solid #d4af37; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.1); }
table.forumline:hover { background-color: #333333; box-shadow: 0 4px 20px rgba(212, 175, 55, 0.15); transition: all 0.3s ease; }

.row, .row1, .row2 { background-color: #252525; color: #e0e0e0; border-bottom: 1px solid rgba(212, 175, 55, 0.1); }
.row:hover, .row1:hover, .row2:hover { background-color: #2f2f2f; }
.row3 { background-color: #1f1f1f; color: #d0d0d0; }

th, td.th { color: #1a1a1a; font-size: 14px; font-weight: bold; background: linear-gradient(180deg, #d4af37 0%, #c49a1f 100%); background-image: linear-gradient(180deg, #d4af37 0%, #c49a1f 100%); background-repeat: repeat-x; height: 25px; border-style: solid; border-color: #b8941f; border-width: 0px 1px 0px 1px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }

td.cat,td.catHead,td.catLeft, td.rowpic, td.catSides,td.catRight,td.catBottom { color: #1a1a1a; font-size: 14px; background: linear-gradient(180deg, #d4af37 0%, #c49a1f 100%); background-image: linear-gradient(180deg, #d4af37 0%, #c49a1f 100%); background-repeat: repeat-x; height: 27px; padding: 1px; border: 1px solid #b8941f; font-weight: bold; }

.gen { font-size: 14px; color: #e0e0e0; }
.genmed { font-size: 13px; color: #d0d0d0; }
.gensmall { font-size: 12px; color: #b0b0b0; }


.nav { font-weight: bold; font-size: 14px; color: #d4af37; }
.nav a, .nav a:visited { text-decoration: underline; color: #d4af37; }
.nav a:hover, .nav a:active { text-decoration: underline; color: #ff6b6b; }

table.nav { background: linear-gradient(180deg, #2a2a2a 0%, #1f1f1f 100%); background-image: linear-gradient(180deg, #2a2a2a 0%, #1f1f1f 100%); border: solid 1px #d4af37; height: 25px; box-shadow: 0 2px 8px rgba(212, 175, 55, 0.1); }
table.nav:hover { border: solid 1px #ff6b6b; box-shadow: 0 2px 12px rgba(212, 175, 55, 0.2); transition: all 0.3s ease; }

.forumlink { font-weight: bold; font-size: 14px; color: #d4af37; }
a.forumlink, a.forumlink:visited { text-decoration: none; color: #d4af37; }
a.forumlink:hover, a.forumlink:active { text-decoration: underline; color: #ff6b6b; }


input { text-indent: 2px; }
input,textarea, select { color: #e0e0e0; font: normal 14px Verdana, Arial, Helvetica, sans-serif; background-color: #2a2a2a; border: solid 1px #d4af37; }
input.post, textarea.post, select { background-color: #2a2a2a; border: solid 1px #d4af37; color: #e0e0e0; }
input.post { height: 17px; }

input.button { background: linear-gradient(135deg, #d4af37 0%, #c49a1f 100%); color: #1a1a1a; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #b8941f; font-weight: bold; cursor: pointer; transition: all 0.3s ease; }
input.button:hover { background: linear-gradient(135deg, #ff6b6b 0%, #e65555 100%); box-shadow: 0 0 15px rgba(255, 107, 107, 0.3); transform: translateY(-2px); }

input.mainoption { background: linear-gradient(135deg, #d4af37 0%, #c49a1f 100%); color: #1a1a1a; font-weight: bold; border: solid 1px #b8941f; height: 17px; cursor: pointer; transition: all 0.3s ease; }
input.mainoption:hover { background: linear-gradient(135deg, #ff6b6b 0%, #e65555 100%); }

input.liteoption { background-color: #2a2a2a; color: #e0e0e0; font-weight: normal; border: solid 1px #d4af37; height: 17px; cursor: pointer; transition: all 0.3s ease; }
input.liteoption:hover { border: solid 1px #ff6b6b; background-color: #333333; }

select optgroup { background-color: #2a2a2a; color: #d4af37; border: 1px solid #d4af37; }
select option, select optgroup option { background-color: #2a2a2a; color: #e0e0e0; }

.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 14px; color: #00ff88;
    background-color: #1a1a1a; border: solid 1px #d4af37; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    padding: 8px; margin: 8px 0; box-shadow: inset 0 0 10px rgba(212, 175, 55, 0.1);
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #d4af37; line-height: 125%;
    background-color: #1f1f1f; border: solid 1px #d4af37; border-style: solid;
    border-left-width: 2px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    padding: 8px; margin: 8px 0; box-shadow: inset 0 0 10px rgba(212, 175, 55, 0.1);
}

.postbody { font-size: 14px; color: #e0e0e0; }
.postbody a, .postbody a:visited { text-decoration: underline; color: #d4af37; }
.postbody a:hover, .postbody a:active { text-decoration: underline; color: #ff6b6b; }

.name { font-weight: bold; font-size: 13px; color: #d4af37; }
.name a, .name a:visited { text-decoration: underline; color: #d4af37; }
.name a:hover, a.name a:active { text-decoration: underline; color: #ff6b6b; }
.postdetails { color: #888888; font-size: 12px; }

td.spacerow { background: linear-gradient(90deg, rgba(212, 175, 55, 0.1) 0%, transparent 100%); background-image: linear-gradient(90deg, rgba(212, 175, 55, 0.1) 0%, transparent 100%); height: 2px; padding: 0px; }

.cattitle { font-weight: bold; font-size: 14px; letter-spacing: 1px; color: #d4af37; }
a.cattitle { text-decoration: none; color: #d4af37; }
a.cattitle:hover { text-decoration: underline; color: #ff6b6b; }

.maintitle,h1,h2 {
 font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none; line-height : 120%; color : #d4af37; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}


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

/* 1) КНОПКИ НАВИГАЦИИ */
.pgbutt a { font-family: Verdana; padding-top:2px; padding-bottom:2px; text-decoration: none; border: 1px #d4af37 solid; background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(212, 175, 55, 0.05) 100%); color: #d4af37; padding: 4px 8px 4px 8px; margin: 5px 1px 0 0; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; transition: all 0.3s ease; }
.pgbutt a:hover { background: linear-gradient(135deg, rgba(212, 175, 55, 0.25) 0%, rgba(212, 175, 55, 0.15) 100%); box-shadow: 0 0 10px rgba(212, 175, 55, 0.2); color: #ff6b6b; }

input,input.liteoption,.fakebut { border: 1px solid #d4af37; font-size: 13px; font-weight:bold; color: #d4af37; background-color: #2a2a2a; cursor: pointer; transition: all 0.3s ease; }
input:hover,input.liteoption:hover,.fakebut:hover { border: 1px solid #ff6b6b; color: #ff6b6b; }

/* 2) QR-CODE */
#qr img { width:35px; height:35px; position: fixed; right: 10px; top: 80px; border: 2px solid #d4af37; padding: 3px; background-color: #2a2a2a; box-shadow: 0 0 15px rgba(212, 175, 55, 0.2); }
#qr img:hover { width:200px; height:200px; z-index:100; padding: 5px; box-shadow: 0 0 30px rgba(212, 175, 55, 0.4); }

/* 3) АВАТАР - если нет аватара добавляем квадрат с первой буквой логина */
.guestavatar { width:120px; height:120px; text-align:center; background: linear-gradient(135deg, #d4af37 0%, #c49a1f 100%); color: #1a1a1a; font-size: 50px; font-weight: bold; display: table-cell; border-radius: 8px; position: relative; vertical-align: middle; box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3); border: 2px solid #b8941f; }

/* 4) НАВИГАЦИОННОЕ МЕНЮ В АДМИНКЕ */
#nav8, #nav8 ul, #nav8 li { margin: 0; padding: 0; border: 0; }
#nav8, #nav8 ul { background: #2a2a2a; }
#nav8 { border-spacing: 0 0; position: relative; z-index: 50; width: 100%; border: 1px solid #d4af37; }
#nav8 ul { position: absolute; display: none; background: #2a2a2a; border: 1px solid #d4af37; }
#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: #d4af37; }
#nav8 ul a { padding: 7px 15px; text-align: left; }
#nav8 td:hover, #nav8 li:hover { background: #333333; color: #ff6b6b; }
#nav8 td { text-align: center; }

/* 5) СТИЛЬ ДЛЯ БЛОКА ЗАГРУЗКИ */
#cssbar-wrapper { width:300px; height:19px; position:absolute; left:50%; }
#cssbar-border { border:3px solid #d4af37; height:100%; width:100%; position:relative; left:-50%; top:-50%; padding:4px 3px; box-shadow: 0 0 15px rgba(212, 175, 55, 0.3); }
#cssbar-whitespace { overflow:hidden; height:100%; width:100%; margin:0 auto; overflow:hidden; position:relative; background-color: #1a1a1a; }
#cssbar-line { background: linear-gradient(90deg, #d4af37 0%, #ff6b6b 100%); position:absolute; height:100%; width:100%; animation:cssbar-slide 4s steps(40) infinite; -o-animation:cssbar-slide 4s steps(40) infinite; -ms-animation:cssbar-slide 4s steps(40) infinite; -webkit-animation:cssbar-slide 4s steps(40) infinite; -moz-animation:cssbar-slide 4s steps(40) infinite; }
@keyframes cssbar-slide { 0% { left:-100%; } 100% { left:100%; } } 
@-o-keyframes cssbar-slide { 0% { left:-100%; } 100% { left:100%; } }
@-ms-keyframes cssbar-slide { 0% { left:-100%; } 100% { left:100%; } } 
@-webkit-keyframes cssbar-slide { 0% { left:-100%; } 100% { left:100%; } }
@-moz-keyframes cssbar-slide { 0% { left:-100%; } 100% { left:100%; } }

/* ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ ГАРМОНИИ С ШАПКОЙ */

/* Постовые контейнеры */
.post { background-color: #2a2a2a; border-left: 3px solid #d4af37; margin: 10px 0; padding: 10px; box-shadow: 0 2px 8px rgba(212, 175, 55, 0.1); }
.post:hover { background-color: #333333; border-left: 3px solid #ff6b6b; }

/* Отступы и интервалы */
.windowbg { background-color: #2a2a2a; color: #e0e0e0; border: 1px solid #d4af37; }
.windowbg2 { background-color: #1f1f1f; color: #d0d0d0; }

/* Заголовки категорий */
.tborder { border: 1px solid #d4af37; }

/* Общие переходы и эффекты */
* { transition: all 0.2s ease; }