html, body {min-width:950px!important;}/*!Правка для мобильных Устройств с мелким Экраном*/

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

html {
    background: url(http://forumfiles.ru/files/001a/13/8a/55106.jpg) fixed repeat top center;
    background-color: #18181a;
    scrollbar-color: #652828 #171818;
    scrollbar-width: thin;
  }

#pun {
    background: url(http://forumfiles.ru/files/001a/13/8a/11634.jpg) repeat top center;
    background-color: #c3bfb7;
    text-align: justify;
    box-shadow: -15px 20px 11px 0 rgba(0, 0, 0, 0.18), -2px 2px 2px 0 rgba(0, 0, 0, 0.27);
  }


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb .main h2, .punbb .linkst, .linksb .pagelink, div#pun-live-rusff {
    border-color:transparent;
    color: #1a1818;
  }

.punbb-admin #pun-admain .adcontainer {
    color: #201f24;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, #pun-title, #pun-title .container, .punbb .modmenu .container, #pun-navlinks .container {
    border-color:transparent;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border: none;
    font-style: normal;
  }


/* CS1.4 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
    background-color: transparent;
  }



.offline li.pa-online strong {
    font-weight: normal
  }



.punbb textarea {
    color: #1a1819;
    background: rgba(226, 226, 226, 0.21);
    border: 2px solid rgba(134, 128, 118, 0.3);
  }

 .punbb input {
    padding: 0 0 2px 3px;
    color: #1a1819;
    background: rgba(226, 226, 226, 0.21);
    border: 2px solid rgba(134, 128, 118, 0.3);
  }

.button {
    width: auto!important;
    cursor: pointer;
    color: #cbc7c2!important;
    background: #803031!important;
    text-transform: uppercase!important;
    letter-spacing: 0.2em;
    padding: 3px 3px 3px 5px!important;
    font-size: 10px!important;
    font-family: 'Cormorant Garamond', serif!important;
    font-weight: bold!important;
    border: 0px solid #732829!important;
    box-shadow: inset 0 0 0 2px #6f292a;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
  }
.button:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
  }

.punbb select  { 
    background: rgba(130, 122, 112, 0.15);
    border: 0px solid black;
    letter-spacing: 0.2em;
    line-height: 200%!important;
    padding: 3px 5px 3px 10px;
    font-size: 9px!important;
    font-family: 'Cormorant Garamond', serif!important;
    font-weight: 700!important;
    text-transform: uppercase;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.03), -1px 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.3);
  }

#pun-main .code-box, #pun-main .quote-box {
    padding-left: 15px;
    background: rgba(105, 100, 90, 0.15);
    box-shadow: inset 7px 0 0 #803031;
  }
.post-content td p:last-child {
    padding-bottom: 10px!important;
  }

#pun-main .code-box {
    font-size:12px!important;
  }

.post-content .spoiler-box > div {
    padding: 10px 20px!important;
    margin: 0 10px;
  }


/* CS2 Цвета границ
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
    border: none;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border: none;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border: none;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border: none;
  }

/* CS2.5 */
.punbb th {
    border: none;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
    border: none;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
    border: none;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
    border: none;
  }

.punbb .divider {
    border: none;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
    border: none;
  }

li.pa-online {
    border: none;
  }

.punbb .post-sig dt {
    height: 2px;
    margin: 10px 0;
    background: #803031;
  }



/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000000;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #060606
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
   color: #151515;
   text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  border-bottom:none;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  border-bottom: none;
  text-decoration: none;
  }

/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #1b0d04;
  color: #151515;
  }

/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun  .section { 
    border-style: none;
  }


#pun-title table tbody tr .title-logo-tdr {
    position: absolute;
    z-index: 1;
    left: 100px;
    top: 50px;
  }



/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/


.punbb .main h1, .punbb .main h2, #pun-main #post-form h2, #pun-debug h2 { 
    width: 350px;
    margin: 0 0 0 450px;
    text-align: left;
    font-size: 14px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.06), -1px 0 0 rgba(0, 0, 0, 0.02), 0 0 0 rgba(0, 0, 0, 0.07);
    letter-spacing: 0.2em;
  }

.punbb #pun-category1 h2 span:before {
    position: relative;
    padding: 0 10px 0 0;
    content: 'I.';
    color: #803031;
  }
.punbb #pun-category2 h2 span:before {
    position: relative;
    padding: 0 10px 0 0;
    content: 'II.';
    color: #803031;
  }
.punbb #pun-category3 h2 span:before {
    position: relative;
    padding: 0 10px 0 0;
    content: 'III.';
    color: #803031;
  }
.punbb #pun-category4 h2 span:before {
    position: relative;
    padding: 0 10px 0 0;
    content: 'IV.';
    color: #803031;
  }
.punbb #pun-category5 h2 span:before {
    position: relative;
    padding: 0 10px 0 0;
    content: 'V.';
    color: #803031;
  }
.punbb #pun-category6 h2 span:before {
    position: relative;
    padding: 0 10px 0 0;
    content: 'VI.';
    color: #803031;
  }
.punbb #pun-category7 h2 span:before {
    position: relative;
    padding: 0 10px 0 0;
    content: 'VII.';
    color: #803031;
  }
.punbb #pun-category8 h2 span:before {
    position: relative;
    padding: 0 10px 0 0;
    content: 'VIII.';
    color: #803031;
  }
.punbb #pun-category9 h2 span:before {
    position: relative;
    padding: 0 10px 0 0;
    content: 'IX.';
    color: #803031;
  }
.punbb #pun-category10 h2 span:before {
    position: relative;
    padding: 0 10px 0 0;
    content: 'X.';
    color: #803031;
  }

#pun-main h1 {
    padding-top: 20px;
  }

.punbb #pun-stats h2 span, .punbb #post-form h2 span {
    font-size: 0px;
  }



/* CS6 Логотип снизу
 -------------------------------------------------------------*/


#pun-about p.container {
    position: absolute;
    width: 986px;
    height: 47px;
    margin: 10px 0 0 -50px;
    background: url(http://forumfiles.ru/files/001a/13/8a/75220.png);
  }

div#html-footer {
  }

div#pun-about {
  }
 

 #pun-announcement.section h2 span {
    display: none;
 }
    a.menu:link, a.menu:visited, a.menu:active {
    text-decoration: none;
 }



/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/


/*Фон подфорума*/
#pun-index td div.tclcon { 
    position: relative;
    margin: 45px 0 10px 60px;
    color: #222225;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    line-height: 14px;
    letter-spacing: 0.03em;
  }

#comforum {
    margin: 0 0 0 50px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.05), -1px 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.6);
    letter-spacing: 0.2em;
  }
#opforum {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    text-transform: none;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.05), -1px 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.6);
    letter-spacing: 0.11em;
  }

.Add {
    position: absolute;
    top: 0px;
    left: 265px;
    font-size: 11px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.05), -1px 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.6);
  }
.Tems_And_messages, .Tems_And_messages2 {
    display: inline-block;
  }
.Tems_And_messages2:before {
    position: relative;
    content: '/';
    margin: 0 3px 0 0;
  }

.Add2 {
    position: relative;
    bottom: 35px;
    left: 400px;
    width: 500px;
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.05), -1px 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.6);
    text-align: center;
    letter-spacing: 0.2em;
  }
.bottom a {
    color: #201c1b!important;
  }
.bottom a:hover {
    color: #696059!important;
  }



/* Аватар */
li.pa-avatar.item2 img {
    margin: 0 0 5px 0;
    box-shadow: none;
    border: 4px solid rgba(255, 247, 228, 0.2);
  }



/* Навигация */
#navindex a span {font-size: 0;} #navindex a:before {content:"Forum"; letter-spacing: 0.2em;     padding: 0 1px 0 4px;} /* Форум */
#navuserlist a span {font-size: 0;} #navuserlist a:before {content:"Users"; letter-spacing: 0.2em;     padding: 0 1px 0 4px;} /* Участники */
#navsearch a span {font-size: 0;} #navsearch a:before {content:"Search"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Поиск */
#navprofile a span {font-size: 0;} #navprofile a:before {content:"Profile"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Профиль */
#navpm a span {font-size: 0;} #navpm a:before {content:"PM"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Сообщения*/
#navadmin a span {font-size: 0;} #navadmin a:before {content:"Admin"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Администрирование */
#navlogin a span {font-size: 0;} #navlogin a:before {content:"Enter"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Вход */
#navlogout a span {font-size: 0;} #navlogout a:before {content:"Exit"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Выход */
#navregister a span {font-size: 0;} #navregister a:before {content:"Register"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Регистрация */
#navpr_1 a span {font-size: 0;} #navpr_1 a:before {content:"Promo"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;}

#pun-ulinks li.item3 {
    display: none;
  }


/* Цвета ссылок */
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #504843;
    text-decoration: none;
     transition-duration: 0.5s;
  }
.punbb a:focus, .punbb a:active, .punbb a:hover, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #645d55;
     transition-duration: 0.5s;
  }

#pun-navlinks a {
    color: #000;
  background: linear-gradient(to right, #8c3637, #8c3637);
  border: none;
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size 1s 0s;
  }
#pun-navlinks a:hover {
  background-size: 100% 100%;
  }

#pun-ulinks a {
    color: #000;
  }
#pun-ulinks a:hover {
    color: #803031;
  }

#pun-index .tcl h3 a {
    color: #212123;
  }
#pun-index .tcl h3 a:hover {
    color: #212123;
  }

.punbb .post .post-author a { 
    color: #000;
  }
.punbb .post .post-author a:hover {
    color: #5f5450;
  }

.punbb .post-links ul a {
    color: #000;
  }
.punbb .post-links ul a:hover {
    color: #5a514f;
  }

.punbb .post h3 span a {
    color: #000;
  }
.punbb .post h3 span a:hover {
    color: #5a514f;
  }

#pun-redirect.punbb .info .container a {
    color: #c3bfb7;
  }
#pun-redirect.punbb .info .container a:hover {
    color: #803031;
  }

.punbb .quote-box cite a, .punbb .code-box strong.legend a {
    color: #803031;
  }
.punbb .quote-box cite a:hover, .punbb .code-box strong.legend a:hover {
    color: #1d191a;
  }


/* Ползунок */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
::-webkit-scrollbar-track {
    background-color: #242424;
  }
::-webkit-scrollbar-thumb {
    background-color: #803031;
  }

.punbb textarea::-webkit-scrollbar, .punbb .post-content .code-box .scrollbox::-webkit-scrollbar {
    cursor: pointer;
    width: 7px;
    height: 7px;
  }
.punbb textarea::-webkit-scrollbar-track, .punbb .post-content .code-box .scrollbox::-webkit-scrollbar-track {
    background-color: transparent;
  }
.punbb textarea::-webkit-scrollbar-thumb, .punbb .post-content .code-box .scrollbox::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #803031;
    box-shadow: none;
  }



/* Выделение текста */
::selection {
    background: #bdb8b3;
    color: #232325;
  }


 .pun-modal.move_posts_form .modal-inner {
    background-color: #bdb8b3;}

body #post .fs-box.hashelp .container {
    background: rgba(185, 181, 172, 0.9)!important;
    z-index: 100!important;
    padding: .7em!important;
    border-radius: 0px;
    border: 2px solid rgb(180, 177, 169);
  }
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area{
position: absolute;
    right: 6px;
    top: 43px;
  }
body #post .fs-box.hashelp .container {
    color: #302c29;
    height: auto;
    max-height: 145px;
    width: auto;
    margin-left: 13px;
    overflow: auto;
  }
#imageupload-left input[type=button] {
    width: auto!important;
  }
#poll-special .poll2 td h1 {
    background: #292929!important;
    padding: 1px;
    border: none 0 transparent!important;
  }


#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{
    border-radius: 0px;
    background: rgba(214, 213, 210, 0.9);
    box-shadow: inset 0 0 0 15px #494e6b;
    border: 1px solid #cfcecc;
    border-radius: 5px;
  }


#pun-adnav {
    margin-top: 6px!important;
  }
.adformal, .adformal h2, #pun-adnav h2 {
    padding: 6px 0 6px 10px!important;
    border-style: none!important;
    border-width: 0px!important;
    color: #000!important;
  }
.punbb-admin #pun-admain h2 {
    background: rgba(255, 255, 255, 0.65)!important;
  }
#pun-admain fieldset p {
    border-color: rgba(255, 255, 255, 0.35)!important;
    background-color: rgba(255, 255, 255, 0.56)!important;
  }
#pun-admain legend span {
    background-color: rgba(255, 255, 255, 0.56)!important;
}
#pun-adnav .isactive ul.adsubnav a {
    color: #000000!important;
}


/* #pun-report .inner h1, #pun-reputation .inner h1, #pun-admin-award-form .inner h1 {
    background: none;
    margin: 0px;
    height: 0px;
  }  */


/* Убираем свечение в хроме */
input, textarea {
    outline: none;
}  
input:active, textarea:active {
    outline: none;
} 
:focus {
    outline: none;
}


li#navpr_1 {
    margin: 0 0 0 5px;
  }

#navawards a span {
    display: none;
  }
.intd .tclcon .modlist{
    display: none;
  }
span.stickytext, span.closedatafield {
    display: none;
  }
div#pun-live-rusff {
    display: none;
  }
.pl-reports {
    display: none!important;
}
#qpsContainer {
    display: none;
}

/* Смайлы */
#post .container[id$="smilies-area"] {
opacity: .85;}

#smilies-block {
margin-top: -30px;
width: 505px;
height: 240px;
text-align: center;}

.pa-fld3 {
width: 188px;
background-color: rgba(255, 247, 228, 0.2);
text-align: center;
margin-left: 11px!important;
margin-top: -9px!important;
margin-bottom: 6px!important;
}

.pa-fld4 {
width: 188px;
background-color: rgba(255, 247, 228, 0.2);
text-align: center;
margin-left: 11px!important;
margin-top: 5px!important;
margin-bottom: 5px!important;
}

/* ЛЗ */
.lz_race {
margin-bottom: 1px!important;
text-transform: lowercase!important;
font-size: 12px!important;
padding-bottom: 3px!important;
}

.lz_nic {
text-transform: uppercase!important;
font-size: 11px;
letter-spacing: 1px;
}

.lz a {
font-weight: 900;
text-size: 14px;
color: #4a0a0a!important;
}

.lz a:hover {
color: #000000!important;
}

.lz {
width: 200px;
margin-left: 3px!important;
margin-bottom: 1px!important;
text-transform: none;
font-size: 13px;
padding: 2px 1px 2px 1px;
}

/* Баннеры артфорумов */
#artforumi {
margin-top: 5px;
margin-left: 200px;
}

#artforumi img {
    opacity: .8;
    transition: all .5s ease-in-out 0s;
    filter: grayscale(100%) brightness(.9);
  }

#artforumi img:hover {
    opacity: 1;
    transition: all .5s ease-in-out 0s;
    filter: grayscale(0%) brightness(1);
  }

#ssforum {
margin-top: 5px;
margin-left: 200px;
font-weight: 900;
font-size: 12px;
color: #4a0a0a!important;
text-transform: uppercase;
}

#ssforum a {
color: #4a0a0a!important;
}

#ssforum a:hover {
color: #161616!important;
}

.lastedit {
display: none;
}

#sstwink a {
color: #4a0a0a!important;
text-transform: uppercase;
}

#sstwink a:hover {
color: #161616!important;
text-transform: uppercase;
}