/* structure by chibi
-------------------------------------------------------------*/
/* CS1 Основа
-------------------------------------------------------------*/
/* CS1.1 Фон */ 
body {
  background: url("-") repeat-x top center, url("-") repeat-x bottom center, url("https://i.imgur.com/T7kOuaQ.png") repeat;
}
#pun {
  background: url("https://i.imgur.com/NkBz5yL.png") repeat-y;}

/* CS1.2 Шапка */
#pun-title.section {
  background: transparent url("https://i.imgur.com/3J3BNTC.png") top center scroll no-repeat; 
  height: 584px;
  width: 1463px; 
  margin-top: 0px;
  margin-left: -304px;}

/* CS1.3 Копирайт */
#copyright {
  text-align: center;
  background: url("https://i.imgur.com/pLcCKdY.png") scroll center; 
  width: 912px; 
  height: 432px;
  margin-left: -28px;
  margin-bottom: -35px;
}
#html-footer {
  margin-top: -35px;
  text-align: center; }


/* CS2 Форум
-------------------------------------------------------------*/
/* CS2.1 Текст на форуме */
.punbb .post .container, .punbb .post h3, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container, #pun-status .container, #pun-crumbs1 p.container, #pun-stats .container, #pun-about .container, #pun-crumbs2 .container, .linksb .pagelink {
  color: #3e282a;
  background-color: transparent;
  font-size: 11px;
}

.punbb .linkst .pagelink {
  color: #f2ede9;
  background-color: transparent;
  font-size: 11px;}

/* CS2.2 Категории */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { 
background: url("https://i.imgur.com/Ht0e9mK.png") no-repeat; 
margin-left: -21px; 
height: 20px;
width: 898px; 
text-align: center;
text-transform: lowercase; 
color: #f2ede9; 
font-family: verdana; 
font-size: 14px; 
font-weight: italic;
}

/* CS2.3 Цитата и код */
.punbb .quote-box, .punbb .code-box {
  background-color: #ab9f9c;
  padding: 6px;
  box-shadow: 1px 1px 0px  #23211e;
  border-top: 0px solid #000000 !important;
  border-left: 0px solid #77afcb !important;
  border-right: 1px solid #77afcb !important;
  border-bottom: 1px solid #77afcb !important;
  color: #3e282a;
  border-radius: 0px;
      -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
}

/* Форма ответа */
.punbb textarea, .punbb select, .punbb input, .punbb .button {
  background-color: #ab9f9c;
  padding: 4px;
   border-left: 0px solid #000000 !important;
  border-right: 1px solid #77afcb !important;
  border-bottom: 1px solid #77afcb !important;
  color: #3e282a;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

/* CS2.4 Прокрутка */
::-webkit-scrollbar {width: 5px; height: 5px; background-color: #23211e;}  
::-webkit-scrollbar-thumb{background-color: #77afcb;}
::-webkit-scrollbar-thumb:active {background: #77afcb;
}

/* выделенный текст */
::selection {background: #3e282a; color: #f2ede9;
}

/* CS2.5 Переадресация */
#pun-redirect { 
background: url("-") no-repeat top center, 
#000000 url("https://i.imgur.com/T7kOuaQ.png") ; 
position: fixed; 
text-align: center; 
font-size:0px; 
} 
#pun-redirect div.info { 
text-align: center; 
} 
#pun-maint { 
margin: 0px 20% 12px 20%; 
}
#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}

/* CS2.6 Профиль */
/* Фон */
.punbb .post .post-author {
  text-align: left;
  width: 200px;
  background: url("-") top center no-repeat, 
  url("-") bottom center no-repeat, 
  url("-") repeat-y;
  margin-left: 5px;
  padding-top: 11px;
  box-shadow: 0px 0px 0px #ab9f9c;
  border-radius: 0px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
}
/* расположение ника */
li.pa-author {
  margin-bottom: 1px;
  margin-top: 1px;
  text-align: left;
}
/* меняем цвет ника */
li.pa-author a, li.pa-author {
  font-size: 16px;
  font-family: "oswald" !important; 
  text-transform: none;
  font-weight:  bold;
  color: #3e282a !important;}
li.pa-author a:hover, li.pa-author a:focus, li.pa-author a:active {
  color: #77afcb !important;
}
/* статус */
li.pa-title {
  font: 11px 'tahoma';
  text-transform: lowercase;
  margin-top: 5px;
  font-weight: bold;
}
/* аватар */
.post-author ul li.pa-avatar img {
  border: 3px solid #3e282a;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0);
  border-radius: 2px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
}

/* CS2.7 Форумы */

/* описание форумов */
.tclcon {
  font-size: 11px;
  padding-left: 3px;
  color: #3e282a;
}

/* название форумов */
#pun-index .tcl h3 a {
  font-family: "oswald";
  font-size: 20px;
  font-style: normal;
  text-align: center;
}

/* CS2.8 Окна, кнопки и прочее */

/* Окно репутации */
.punbb-admin #pun-admain .adcontainer, #pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container {
  color: #3e282a;
  background-color: #ab9f9c;}
#pun-reputation .tc2 textarea {width: 600px !important;}
#pun-reputation .tcl {width: 80px !important;}
#pun-reputation h1 {
   background-color: #ab9f9c;
   text-align: center; width: 881px; height: 15px; margin-left: 0px; padding-top: 20px !important;}

/* Настройки кнопок "отправить", "посмотреть" и др. */
#pun-main .formsubmit input {
  background: #f2ede9;
  color: #3e282a;
  padding: 5px;
  border: 1px 0px 0px 1px solid #3e282a !important;
  margin-top: -20px !important;}
#pun-main .formsubmit input:hover {
  background: #3e282a;
  color: #77afcb;
 border: 1px 0px 0px 1px solid #77afcb !important;}

/* Настройки выпадающих списков */
.punbb input, .punbb select {
  background-color: #ab9f9c;
  color: #3e282a;
  padding: 2px;}

/* Окна в форме ответа */
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area {
  background: #ab9f9c;
  color: #3e282a;
  padding: 5px;
  border: solid #000000 0px !important;}

/* Линия разделитель */
hr { 
border-top: groove 2px #77afcb !important; 
border: none; }


/* CS3 Рамки
-------------------------------------------------------------*/
.punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, .punbb-admin #pun-admain .adcontainer {
  border-color: transparent;}


/* CS4 Ссылки
-------------------------------------------------------------*/
/* CS4.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  text-decoration: none;
  color: #3e282a;
  font-weight: bold;
}
  .punbb a:hover, .punbb a:focus, .punbb a:active, #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active .punbb-admin  {
  color: #77afcb;
  text-decoration: none;
    -moz-transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
}

.punbb .linkst .pagelink a:link, .punbb .linkst .pagelink a:visited, .linkst .postlink a:link, .linkst .postlink a:visited {
  color: #f2ede9;
  font-weight: normal;
}

.punbb .linkst .pagelink a:hover, .punbb .linkst .pagelink a:active, .punbb .linkst .pagelink a:focus, .linkst .postlink a:hover, .linkst .postlink a:active, .linkst .postlink a:focus {
  color: #77afcb;
}

/* CS4.2 Ссылки в меню навигации */
#pun-navlinks a, #pun-pagelinks a {
  text-decoration: none;
  padding: 2px;
  text-transform: uppercase;
  color: #77afcb;
  font-weight: bold !important;
  font-family: oswald;
  background-color: transparent;
  border-radius: 2px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
}
  #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #3e282a;
  background-color: transparent;
}

/* CS4.3 Пользовательские ссылки */
#pun-ulinks a {
color: #3e282a;
font-weight: normal;
}
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #77afcb;
}

/* CS5 Иконки сообщений
-------------------------------------------------------------*/
/* Старые */
.punbb table Div.icon {
  float: right;
  display: block;
  width: 60px;
  height: 60px;
  background-image: url(https://i.imgur.com/N9QJFTL.png);
  background-repeat: no-repeat;
  position: relative;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
/* Новые */
TR.inew Div.icon {
  background: url(https://i.imgur.com/vTr9AJc.png) no-repeat;
}
/* Важно */
TR.isticky Div.icon {
  background: url(https://i.imgur.com/uTTzCWe.png) no-repeat;
}
/* Закрыто */
TR.iclosed Div.icon {
  background: url(https://i.imgur.com/N9QJFTL.png) no-repeat;
}


/*CS6 Таблицы и прочее
---------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none}
a.nav, a.nav:active, a.nav:link, a.nav:visited {
  font-size: 20px;
  text-transform: none;
  font-family: oswald;
  background-color: transparent;
  color: #f2ede9;
  font-weight: normal;
  text-align:center;
  display: block;
  margin: 1px;
  width: 143px;
  height: 36px;
  border-top: 0px solid #23211e !important;
  border-left: 0px solid #23211e !important;
  border-right: 0px solid #23211e !important;
  border-bottom: 0px solid #23211e !important;
-webkit-border-radius: 0px;
     border-radius: 0px;
}
a.nav:hover {
  text-transform: none;
  font-family: oswald;
  background-color: transparent;
  font-size: 20px;
  color: #77afcb;
  display: block;
  text-align: center;
  width: 143px;
  border-top: 0px solid #6b4f31 !important;
  border-left: 0px solid #6b4f31 !important;
  border-right: 0px solid #6b4f31 !important;
  border-bottom: 0px solid #6b4f31 !important;
  -moz-transition: 0.2s ease;
  -webkit-transition: 0.2s ease;}

.go-up, .go-down {
 display: none;
 position: fixed; /*позиционирование*/
 z-index: 9999; /*поверх все элементов на странице*/
 right: 1%; /*положение на странице, если слева - left*/
 cursor: pointer;
 opacity: .9;
 padding: 3px;
 margin-bottom: 5px;
 width: 64px;
 height: 31px;}
.go-up { bottom: 40% }
.go-down { bottom: 37%; }
.go-down:hover,
.go-up:hover {
 opacity: 1;}

del:hover {
color: #252525!important;
background-image: none;!important; 
text-decoration: none!important; }

#pun-messages h2 { 
height: 20px; 
width: 150px; }

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    width: 883px !important;}

#hello {
  display: block;
  position: absolute;
  width: 179px;
  top: 363px;
  margin-left: 24px; 
  text-align: left;
  overflow:auto;
  height: 95px;
  padding-right: 3px;
  color: #3e282a;}

#news {
  display: block;
  position: absolute;
  width: 289px;
  top: 402px;
  margin-left: 247px; 
  text-align: justify;
  overflow:auto;
  height: 114px;
  padding-right: 3px;
  color: #3e282a;}
#news::-webkit-scrollbar {width: 3px; background-color: transparent;}  
#news::-webkit-scrollbar-thumb {background-color: #77afcb;}

#admin1 {
  display: block;
  position: absolute;
  width: 55px;
  top: 463px;
  margin-left: 23px; 
  height: 55px;
  padding-right: 3px;}

#admin2 {
  display: block;
  position: absolute;
  width: 55px;
  top: 463px;
  margin-left: 84px; 
  height: 55px;
  padding-right: 3px;}

#admin3 {
  display: block;
  position: absolute;
  width: 55px;
  top: 463px;
  margin-left: 145px; 
  height: 55px;
  padding-right: 3px;}

#wanted1 {
  display: block;
  position: absolute;
  width: 55px;
  top: 402px;
  margin-left: 717px; 
  height: 55px;
  padding-right: 3px;}

#wanted2 {
  display: block;
  position: absolute;
  width: 55px;
  top: 402px;
  margin-left: 778px; 
  height: 55px;
  padding-right: 3px;}

#wanted3 {
  display: block;
  position: absolute;
  width: 55px;
  top: 463px;
  margin-left: 717px; 
  height: 55px;
  padding-right: 3px;}

#wanted4 {
  display: block;
  position: absolute;
  width: 55px;
  top: 463px;
  margin-left: 778px; 
  height: 55px;
  padding-right: 3px;}

#integral {
  display: block;
  position: absolute;
  width: 110px;
  top: 402px;
  margin-left: 583px; 
  height: 55px;
  padding-right: 3px;}

#omicron {
  display: block;
  position: absolute;
  width: 110px;
  top: 463px;
  margin-left: 583px; 
  height: 55px;
  padding-right: 3px;}

#link1 {
  display: block;
  position: absolute;
  width: 160px;
  top: 533px;
  margin-left: 14px; 
  text-align: justify;
  height: 36px;
  padding-right: 3px;}

#link2 {
  display: block;
  position: absolute;
  width: 160px;
  top: 533px;
  margin-left: 181px; 
  text-align: justify;
  height: 36px;
  padding-right: 3px;}

#link3 {
  display: block;
  position: absolute;
  width: 160px;
  top: 533px;
  margin-left: 348px; 
  text-align: justify;
  height: 36px;
  padding-right: 3px;}

#link4 {
  display: block;
  position: absolute;
  width: 160px;
  top: 533px;
  margin-left: 515px; 
  text-align: justify;
  height: 36px;
  padding-right: 3px;}

#link5 {
  display: block;
  position: absolute;
  width: 160px;
  top: 533px;
  margin-left: 682px; 
  text-align: justify;
  height: 36px;
  padding-right: 3px;}


/* structure by chibi
-------------------------------------------------------------*/