html{min-width: 1200px!important;}/*для мобил, чтобы стоял по центру, а не лип к левому краю*/

/* CS0 Меню - навигация
-------------------------------------------------------------*/

/* НАВИГАЦИЯ
---------------------------------------------------------------------------------------------*/
/* ПОЛОЖЕНИЕ НАВИГАЦИИ, общие ссылки и пользовательские */
div#pun-navlinks { position: absolute; width: 80%; text-align: center;   top: -14px; left: 230px; }
div#pun-ulinks { position: absolute; width: 80%; text-align: center;   top: 22px; left: 227px; }


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-navlinks a {
    text-align: center;
    font-family: Bebas Neue;
    font-size: 22px!important;
    font-weight: ;
    letter-spacing: 1px;
    color: #f6f4ff;
    text-shadow: 0px 0px 0px #bda97d;
    text-transform: uppercase;
}


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #7c327f;
text-shadow: 0px 0px 0px #bda97d;
}

/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-ulinks a  {text-align: center;  position:relative;
z-index:2000 !important;
letter-spacing: 0px;
font-family: Trebuchet MS;
font-size: 9px; !important;
text-transform: lowercase; /* регистр нижний */
font-weight: 100;
color: #f6f4ff;
text-shadow: 0px 0px 0px #bda97d;
vertical-align: middle;
}


/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ, чиво должно поменяться */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { color: #7c327f; }


/*------------------AMS--------------*/
.ams {display: inline-block;}
.ams a {
  font-family: 'Bebas Neue' !important;
  font-size: 18px !important;
  text-transform: uppercase;

  line-height: 17px;
  color: #f6f4ff!important;
    }
.ams a:hover {color: #7c327f!important;}
.ams a span {display: none;}
.ams a:hover span{
    position: absolute;
    width: 101px;
    text-align: left;
    padding: 1px 1px 0px 1px;
    display: inline-block;
    margin-top: -25px;
    height: 80px;
    left: 220px;
    z-index: 100000;
    transform: rotate(11.0deg);
    }


/*  Картинки категорий */
#pun-category1.category h2 {
background: url(https://funkyimg.com/i/2SUz8.png);
background-repeat: no-repeat;
height: 208px;
width: 917px;
font-size:0 !important;
margin-left: -19px;
position:  top center; }

#pun-category2.category h2 {
background: url(https://funkyimg.com/i/2SUz9.png);
background-repeat: no-repeat;
height: 208px;
width: 917px;
font-size:0 !important;
margin-left: -18.6px;
position:  top center; }

#pun-category3.category h2 {
background: url(https://funkyimg.com/i/2SUz6.png);
background-repeat: no-repeat;
height: 208px;
width: 917px;
font-size:0 !important;
margin-left: -19px;
position:  top center; }

#pun-category4.category h2 {
background: url(https://funkyimg.com/i/2SUz5.png);
background-repeat: no-repeat;
height: 208px;
width: 917px;
font-size:0 !important;
margin-left: -18.6px;
position:  top center; }

#pun-category5.category h2 {
background: url(https://funkyimg.com/i/2SUz7.png);
background-repeat: no-repeat;
height: 208px;
width: 917px;
font-size:0 !important;
margin-left: -19px;
position:  top center; }

#pun-category6.category h2 {
background: url(https://funkyimg.com/i/2SUz4.png);
background-repeat: no-repeat;
height: 208px;
width: 917px;
font-size:0 !important;
margin-left: -18.6px;
position:  top center; }


/* ПОЛОЖЕНИЕ РЕКЛАМЫ */
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 170px; }
#pun-title .title-logo { visibility: hidden; }

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


/* CS1.2 фон */
html {
background-repeat: repeat;
background-attachment: fixed; 
background-position: top center;
background: #eef0c3 url();
}

/* CS1.3 шапка*/
#pun-title table {
background-image : url("https://funkyimg.com/i/2SUrc.png"); /* картинка шапки */
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 530px;
margin-top: -10px;
width: 1300px; /* ширина, мать его, шапки, если брать больше - привет горизонтальный скролл */
margin-left: -206px; /* совпадает обычно с отступом текста, если шапка не шире контента */
}

/* CS1.4 тело */
#pun { background-image: url(https://i.imgur.com/YwysQDG.png);
position: center top;
width: 933px;}

-------------------------------------------------------------*/

/* 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 {
border-color:transparent;
  color: #С;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
border-color: none;
color: #231d13;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
color: #231d13;
  font-weight: normal;
  }

#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color: none;
  color: #231d13;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
border-color: none;
  color: #231d13;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
border-color: none;
  color: #231d13;
  }

/* CS1.7 */
/* ЦИТАТЫ И КОДЫ В СООБЩЕНИЯХ */
.punbb .quote-box, .punbb .code-box {
background-color: #b9cf9b; /* цвет фона */
background-image: ; /* картинка фона */
color: #000; /* цвет текста */
box-shadow: 0px 0px 0px #544326, 0px 0px 0px #544326;

    border-top: 2px outset #9aa13f; /* граница верх */
    border-left: 2px outset #9aa13f;
    border-bottom: 2px outset #c2c2c2; /* граница низ */
    border-right: 2px outset #c2c2c2;
/* размеры и загибы границ */
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
}


/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea, .punbb select, .punbb input {
  background-image: url("http://sd.uplds.ru/xReuO.png");
  color: #061502;
}


/* CS2 границы
-------------------------------------------------------------*/

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


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


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


/* 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-color:transparent;
  }


/* CS2.5 */
.punbb th {
border-color:transparent;
  }


/* CS2.6 */


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

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

.punbb .divider {
border-color:transparent;
  }

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

li.pa-online {
border-color:transparent;
  }

.punbb .post-sig dt {
border-color:transparent;
  }

/* 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 { text-decoration: none;
  color: #58305d;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #58305d;
  }

/* 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: #7c328f;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }


/* ссылки в подфорумах */
.elea { display: inline-block; font: small-caps 10px arial; background: #f5e2c6; color: #84683f!important; text-transform: lowercase; text-align: center; padding: 2px 8px 3px 8px; margin: 1px !important; transition: .3s; border-radius: 3px; }
.elea:hover { background: #e6cea9; transition: .3s; }


/* CS4 подвал
 -------------------------------------------------------------*/

#pun-about p.container {
background: url("https://i.imgur.com/mhiQMKA.png") transparent no-repeat;
width: 980px;
height: 180px;
margin: 0px 0 -30px -44px; /* отступы вверх, вправо, вниз, влево */
text-align: center;
line-height: 1;
font-size: 9px; /* размер текста копирайта */
}

 div#html-footer {
        margin: -100px 0px 0px 0px;}

 div#pun-about {
       margin-bottom: 0px;

}
 div#html-footer {
        margin: 0px 0px 0px 0px;}

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

#pun-index .modlist {display: none; }


/* CS5 прокрутка
-------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
background: #e1dfde;
}
::-webkit-scrollbar-thumb {
    background: #a2a845;
    border-radius: 13px;
}



/* CS6 кнопки в форме ответа
-------------------------------------------------------------*/
#pun-main .button {
background-color: #; 
background-image: url("https://i.imgur.com/Dr3EhKV.png");
border: 1px solid #17411b;
box-shadow: 0px 0px 0px #544326, 0px 0px 2px #544326;
padding: 7px;
cursor:pointer;

  color: #17411b;
  font-family: Trebuchet MS!important;
  font-size:11px!important;
  font-weight: bold!important;
  text-shadow: 0px 0px 0px #000000;
  letter-spacing: 1px;
  text-transform: uppercase;

/* размеры и загибы границ */
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
}

#pun-main .button:hover {
background-color: #; 
background-image: url("https://i.imgur.com/ioL3cFu.png");
color: #544326;
}

#pun-main .hashelp div input {
color: #677b73;
padding: 5px;
border: 1px solid #ffffff;
background-image: url('http://sd.uplds.ru/xReuO.png');
text-transform: lowercase;
font-size: 10px;
border-radius: 3px;
  }

/* блок формы ответа */
.punbb textarea {
  color: #000000; /*цвет текста*/
  background:#fffefd; /*картинка на фон*/
}


/* CS7 профиль 
-------------------------------------------------------------*/ 
.punbb .post .post-author > ul {padding: 0px 9px 5px 9px!important;} 

/* соо + репа */
#pun-main
.pa-posts,.pa-respect {
font-size: 10px;
text-align: center;
text-transform: lowercase;
font-weight: bold;
color: #fff;
font-family: 'arial';
display:inline-block;
width:65px;
padding:5px 8px 7px 10px!important;
margin-top: 6px!important;
line-height: 12px;
}

.pa-respect a { 
color: #fff!important; 
} 

/* активность */ 
.pa-online { text-align: center; 
font: 500 10px "Trebuchet Ms" !important; 
letter-spacing: 1px; 
color: #58305d!important; 
text-transform: uppercase; 
margin-left: 0px !important; 
padding-bottom: 9px !important; 
margin-top: 3px !important; 
} 

/* ник */ 
.pa-author a, .pa-author { 
z-index: 1000; 
text-align: center; /* выравнивание */ 
text-shadow: 0px 0px #000000 !important; /* тень ника */ 
font-family: 'Bebas Neue'!important; 
font-size: 18px!important; 
font-style: normal; 
color: #693568; /* цвет ника */ 
font-weight: 400; 
letter-spacing: 0px; /* расстояние между буквами */ 
padding-top: 19px!important; /* отступ */ 
text-transform: uppercase; /* регистр */ 
margin-left: 0px; 
} 

/* статус */ 
.pa-title { 
text-align: center; 
z-index: 1000; 
font: 10px "Arial" !important; 
color: #fff; 
text-transform: lowercase; 
letter-spacing: 0px; 
padding-top: 8px !important; 
} 

/* АВАТАРКА */ 
li.pa-avatar {z-index: 5; 
margin-left: 0px !important; 
margin-top: 3px!important; 
} 
li.pa-avatar img { max-width: 180px !important; max-height: 180px !important; 
box-shadow: 0px 0px 0px #0b0803 !important; /* тень у аватарок */ 
border: 2px solid #3f254b; 
} 

/* ДОПОЛНИТЕЛЬНОЕ ПОЛЕ, при необходимости меняет цифру fld2, fld3 и так далее */ 
/* ПЛАШКА + ЛС*/ 
.pa-fld1 { 
margin-bottom: -10px!important; 
margin-top: -8px!important; /* отступ, чтоб наползало. типо наползалки ленты на аву в доп.поле */ 
margin-left: -9px!important; 
} 


/* ЛЗ (СПОЙЛЕР)
-----------------------------------*/ 
.pa-fld2 {
background: url(https://i.imgur.com/PXI4wFy.png) no-repeat top, url(https://i.imgur.com/CyVWIKK.png) bottom no-repeat, url(https://i.imgur.com/6IbBXPd.png) repeat-y;
width: 186px !important;
color: #4c285e !important;
font-size: 9px;
margin-bottom: -20px !important;
margin-left: -8px !important;
margin-top: -5px !important;
}

/* Стиль*/
.stl {
  text-align: center;
  padding-top: 5px;
}


/* Инста */
.inst {
  text-align: center;
  padding-bottom: 15px!important;
  font-size: 13px;
  font-family: Bebas Neue;
  font-weight: bold;
}
.inst a {
  color: #58305d;
}

/* ЛЗ */
.lz {
color: #544326 !important; 
text-align: justify;
font-size: 11px;
padding: 3px 13px 17px 13px !important;
font-weight: 400;
text-transform: none;
line-height: 1.2;
}
.lz a {
  font-size: 11px;
  color: #58305d;
}

/* Расположение ячеек для постов, денег, мышей */
.tab {
  padding: 15px 9px 0px 9px;
}


/* Посты, деньги, мыши */
.lz1 {
  text-align: center;
  background-color: #7a4c81;
  color: #fff;
  border: groove #ab92b9 2px;
  border-radius: 5px;
  padding: 4px;
  width: 40px;
  line-height: 1.5;
}


/*--------------------------------------------- 
КОНЕЦ ЛЗ (СПОЙЛЕР) */


    /* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */
#pun-index .category tr .bottom {
width: 140px;
height: 36px;
position: relative;
margin-left: 235px !important; 
    line-height: 10px;
    font-size: 10px;
    font-family: arial;
    background-color: transperent;     
    text-align: right;
    padding: 8px;    
color: #110c02;
}

    /* ССЫЛКИ ПРИ НАВЕДЕНИИ */
.punbb .category tr .bottom a{
    opacity: 1;
    font-size: 11px;
    font-weight: bolder;
    font-family: arial;
    font-variant: small-caps;
}
.punbb .category tr .bottom a:hover{
  opacity:0.7;
}


/* CS9 иконки сообщений
 -------------------------------------------------------------*/

/* ИКОНКИ СООБЩЕНИЙ
----------------------------------------------------------------------------------------------------------------------*/

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ */
.punbb table Div.icon {float: right; 
display: block; 
width: 80px;
height: 80px;
background-image : url("https://funkyimg.com/i/2T4rJ.png");
background-repeat: no-repeat;}

/* ИКОНКА НОВЫХ СООБЩЕНИЙ */
TR.inew Div.icon {
width: 80px;
height: 80px;
background-image : url("https://funkyimg.com/i/2T4rH.png");
background-repeat: no-repeat;}

/* ИКОНКА ВАЖНЫХ СООБЩЕНИЙ */
TR.isticky Div.icon {
width: 80px;
height: 80px;
background-image : url("https://funkyimg.com/i/2T4rG.png");
background-repeat: no-repeat;}

/* ИКОНКА ЗАКРЫТЫХ СООБЩЕНИЙ */
TR.iclosed Div.icon {
width: 80px;
height: 80px;
background-image : url("https://funkyimg.com/i/2T4rF.png");
background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-index .icon {
position: absolute;
margin-top: 15px !important;
margin-left: 460px !important;
}


/* CS10 для таблицы
-------------------------------------------------------------*/

.smallface { font-size: 10px; font-style: italic; }
.boldface { font-style: italic; font-weight: bold; }

/* Выделение текста */
    ::selection { 
    background: none repeat scroll 0 0 #8baabb;
    color: #231d13;
    opacity: 0.5;
    }  
*::-moz-selection {
    background: none repeat scroll 0 0 transparent;
    color: #231d13;
}

/* CS11 по центру
-------------------------------------------------------------*/
#pun-main .post-author ul {
text-align: center; 
}


#post-form h2 span {display: none;}

/* картинка в быстрый ответ */

#post-form h2 {
background: url("https://i.imgur.com/bSPvXfR.png") top center no-repeat;
width: 980px;
height: 98px;
margin-left:  -70px;
}

li.pa-fld5 {
  margin-top: 10px;
  }


/* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}


/* ПОДКЛАДКА ПОД ШРИФТЫ, РАЗМЕРЫ, ГРАФИТИ, ВИДЯХИ И ПРОЧЕЕ В ОКОШКЕ ВВОДА СОО */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
background-image: url("") !important;
background-color: #eef0c3!important;
padding: 10px 10px 10px 10px;
color: #19120a;
text-shadow: 0px 0px 0px #beb294;
border: 1px dashed #a8b03b;
}

/* ПОДЛОЖКА ПОД ВСПЛЫВАЮЩИЕ ОКНА */
.pun-modal .modal-inner {
background: #eef0c3;
}

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
background: #eef0c3;
}

#pun-reputation .inner h1 {
padding: 15px 0px 0px 0px;
}


/* ОФОРМЛЕНИЕ ТЕМ */
.zag {width:600px; height:95px; background: url(https://i.imgur.com/AktFXIH.png); }
.zagtext {font-family: Bebas Neue;  font-size:28px;  letter-spacing: 1px;  text-transform:uppercase; color: #f1f2f9;  line-height:100%;  padding-top: 32px; text-align:center; text-shadow: 2px 0px #ab92b9; }
.tema {width:600px; background: url(https://i.imgur.com/a9ULoC5.png); }
.tematext { width:540px; overflow: auto; position: relative;  text-align: justify;}
.niz {width:600px; height:97px; background: url(https://i.imgur.com/sEmj2Xc.png);  margin-top: -15px!important; }

/* ССЫЛКИ В ОПИСАНИИ ПОДФОРУМОВ */
.sign {display: inline-block; font: small-caps 11px arial; background: #ff9256; color: #f3f3fb!important;  text-align: center; padding: 2px 8px 4px 8px; margin: 1px !important; transition: .3s; border-radius: 6px; }
.sign:hover {background: #f55115; transition: .3s; }