#pun { background-image: url(http://forumstatic.ru/files/0018/ac/8d/21588.png);
background-position : center;
}

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

body { 
 background-color: #100b03; 
 overflow-x: hidden;
 background-image : url("https://s7.uploads.ru/57OPT.png");
 background-repeat: repeat;
 background-position : top left;
}

/* 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: #000000;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  color: #000000;
  font-weight: normal;
  font-style: bolder;
  font-size: 10pt;
  }
/*фон для окон формы ответа*/
#pun_wrap #post .container[id$="-area"] {
    background: rgba(174, 171, 153, 1) none repeat scroll 0 0;
    border: 1px outset #181818 !important;
    border-radius: 3px;
    font: 400 11px Book Antiqua;
    padding: 9px;
    z-index: 100;
}
/* CS1.4 шапка форума */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #333333;
  }
}

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

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


/* CS1.8 */

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #989495;
  color: #000000;
}

.punbb textarea, .punbb input {
  background-image : url("http://s7.uploads.ru/57OPT.png");
  background-color: #cfc2aa;
  color: #000000;
  border-width: 1px;
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
-khtml-border-radius:3px;
}

.punbb select, .punbb .quote-box, .punbb .code-box {
  /*background-image : url("http://sh.uploads.ru/uCtVH.png");*/
  border: 1px double #231a18; 
  border-radius: 3px;
  box-shadow: 2px 2px 8px 0 #231a18;
-webkit-border-radius:3px; 
-khtml-border-radius:3px; 
-moz-border-radius:3px; 
}

/* ОКАНТОВКА ПРОФИЛЯ */
.punbb .post .post-author {
  /*background-image: url("http://forumstatic.ru/files/0018/4e/4f/81688.png");*/
  /*border: 1px double #231a18;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #231a18 inset;*/
  background:url(http://sh.uploads.ru/rzVGP.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin-left: 10px!important;
}
.punbb .post .post-author > ul {
  background:url(http://s9.uploads.ru/9vK3u.png) 0 top no-repeat,url(http://sh.uploads.ru/tWx3o.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-1px 0 -1px 0!important;
  padding: 10px 16px !important;
}
.pa-avatar{
  margin: auto;
  width: auto;
  height: auto;
}
.pa-fld2 {
  font-family: "Book Antiqua";
}
.pa-last-visit {
  font-family: "Book Antiqua";
}
.pa-time-visit {
    font-family: "Book Antiqua";
}
  /* ВИД АВАТАРА ПРИ ПРОСМОТРЕ ЧУЖОГО ПРОФИЛЯ */
#profile-left li {
text-align: center;
}

/* РАЗДЕЛИТЕЛЬ В ПОДПИСИ*/
.punbb .post-sig dt {
border: 1px #181818;
 }
/* 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 {
    background-color: transparent;
    border-color: transparent;
    text-align: center;
  }

/* 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 */
.punbb .quote-box, .punbb .code-box {
border-color:transparent;
  }

#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;
  font-family: "Book Antiqua";
  }


/* 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;
    border-bottom: 0px none #000;
  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;
    border-bottom: 0px none #241b06;
   text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
    color: #000;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
  }

#pun-navlinks {
    color: #000;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    z-index: 2000;
  }


/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #2F4F4F;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
 }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    color: #2F4F4F;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
}
#navsearch a {
    margin-left: -10px;
}

#navawards a {
  display: none;
}/*to delete awards from navlinks*/

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

div.icon {
        background: url(http://sg.uploads.ru/t/hiwnl.png) no-repeat;
        width: 50px; height: 64px;
}
tr.inew div.icon {
        background: url(http://s0.uploads.ru/t/AjzD2.png) no-repeat;
        width: 50px; height: 64px;
}
tr.iclosed div.icon {
        background: url(http://s9.uploads.ru/t/eL3SH.png) no-repeat;
        width: 50px; height: 64px;
}
tr.isticky div.icon {
        background: url(http://s3.uploads.ru/t/Qi4r0.png) no-repeat;
        width: 50px; height: 64px;
}

.lastedit {display: none;}

#pun  .section {border-style: none; width:  880px;   }
#pun  .tc2, #pun-main .post-author ul  {text-align: center; }

.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
  color: #000;
  font-family: "Book Antiqua";
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  }

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



/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/
#pun-category2.category h2 {
background: url(http://sd.uploads.ru/7HdWS.png) no-repeat top center;
height: 140px;
width: 940px;
margin-left: -26px;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://s3.uploads.ru/DInut.png) no-repeat top center;
height: 140px;
width: 940px;
margin-left: -26px;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://s3.uploads.ru/TYR7c.png) no-repeat top center;
height: 140px;
width: 940px;
margin-left: -26px;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://sh.uploads.ru/YDyHt.png) no-repeat top center;
height: 140px;
width: 940px;
margin-left: -26px;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://s8.uploads.ru/qcPB4.png) no-repeat top center;
height: 140px;
width: 940px;
margin-left: -26px;
font-size:0 !important;}

#pun-stats.section h2 {
background: url(http://sg.uploads.ru/BOmLT.png) no-repeat top center;
height: 140px;
width: 940px;
margin-left: -26px;
border-style: none;
font-size:0 !important;}


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

 #pun-about p.container {background-color: #;
   background-image : url(http://forumstatic.ru/files/0018/ac/8d/60821.png);
   left: -11px;
   /*margin-bottom: -20px;*/
   background-position : center top;
   background-repeat : no-repeat;
   height : 210px;
   width: 918px;
   position: absolute;
   overflow-x: hidden;}

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

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

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

/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/
#logo_table {
    background: transparent none no-repeat;
    height: 228px;
    overflow: hidden;
    margin-left: -118px;
    position: absolute;
    top: 305px;
    width: 993px;
}
#need1-td {
    color: #d9c4a7;
    height: 30px;
    width: 36px;
}
#need2-td {
    color: #d9c4a7;
    height: 2.2em;
    left: 31.5em;
    position: absolute;
    top: 1.1em;
    width: 6.4em;
    z-index: 99999;
}
#need3-td {
    color: #d9c4a7;
    height: 2.2em;
    position: absolute;
    right: 39.7em;
    top: 1.1em;
    width: 6.4em;
    z-index: 99999;
}
#need4-td {
    color: #d9c4a7;
    height: 2.2em;
    right: 30.5em;
    top: 1.1em;
    position: absolute;
    width: 6.4em;
    z-index: 99999;
}
#need5-td {
    color: #d9c4a7;
    height: 2.2em;
    right: 21.3em;
    position: absolute;
    top: 1.1em;
    width: 6.4em;
    z-index: 99999;
}
#need6-td {
    color: #d9c4a7;
    height: 2.2em;
    right: 12em;
    position: absolute;
    top: 1.1em;
    width: 6.4em;
    z-index: 99999;
}
#need7-td {
    color: #d9c4a7;
    height: 2.2em;
    right:  2.6em;
    position: absolute;
    top: 1.1em;
    width: 6.4em;
    z-index: 99999;
}
#news-td {
    border-radius: 30px;
    color: #000;
    height: 10.8em;
    left: 20.4em;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    text-align: justify;
    top: 8.2em;
    width: 24em;
    scrollbar-face-color: $331a00;
    scrollbar-track-color: $ffffff;
}
#links-td {
    color: #d9c4a7;
    left: 45.65em;
    padding: 5px;
    position: absolute;
    top: 9.5em;
    width: 168px;
}
#quotes-td {    border-radius: 30px;
    color: #000;
    height: 10.8em;
    right: 2em;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    text-align: justify;
    top: 8.2em;
    width: 24.6em;
}

img.link1 {
  background-image: url(http://s8.uploads.ru/yrREn.png);
  display: block; 
  width: 154px;
  height: 18px;   
  position: absolute;
  top: -18px;
}

img.link1:hover {
  background-image: url(http://sd.uploads.ru/xKvm9.png);
  height: 49px;
  width: 168px;
  margin-top: -33px;
  margin-left: 0px;
  position: relative;
  border: none;
  z-index: 99;
}
img.link2 {
  background-image: url(http://sd.uploads.ru/atUl5.png);
  display: block; 
  width: 154px;
  height: 18px;
  position: absolute;
  top: 4px;
}

img.link2:hover {
  background-image: url(http://s7.uploads.ru/an89d.png);
  height: 49px;
  width: 168px;
  margin-top: -33px;
  position: relative;
  border: none;
  z-index: 99;
}
img.link3 {
  background-image: url(http://sh.uploads.ru/kboA9.png);
  display: block; 
  width: 154px;
  height: 18px;
  position: absolute;
  top: 26px;
}

img.link3:hover {
  background-image: url(http://s5.uploads.ru/NCTFn.png);
  height: 49px;
  width: 168px;
  margin-top: -33px;
  position: relative;
  border: none;
  z-index: 99;
}
img.link4 {
  background-image: url(http://sg.uploads.ru/R6t8S.png);
  display: block; 
  width: 154px;
  height: 18px;
  position: absolute;
  top: 48px;
}

img.link4:hover {
  background-image: url(http://sh.uploads.ru/bsq5x.png);
  height: 49px;
  width: 168px;
  margin-top: -33px;
  position: relative;
  border: none;
  z-index: 99;
}
img.link5 {
  background-image: url(http://s9.uploads.ru/NydJO.png);
  display: block; 
  width: 154px;
  height: 18px;
  position: absolute;
  top: 70px;
}

img.link5:hover {
  background-image: url(http://s5.uploads.ru/RFhVQ.png);
  height: 49px;
  width: 168px;
  margin-top: -33px;
  position: relative;
  border: none;
  z-index: 99;
}
#forumname-td {
    color: #000;
    font-family: "Book Antiqua";
    font-size: 8pt;
    font-weight: bold;
    position: absolute;
    text-transform: uppercase;
    top: -10px;
}
/*окно баннеров*/
#banners-td {
    height: 85px;
    padding-left: 121px;
    width: 85px;
    overflow: auto;
 
}

/*Выравниваем в одну строку число постов и Уважение*/
.pa-posts,.pa-respect {
    border: 2px groove #000;
    /*border-radius: 16px;
    box-shadow: 0 0 5px 0 #181818;*/
    display: inline-block;
    font-family: "Book Antiqua";
    padding: 0 10px !important;
    width: 70px;
}

/*убрать рекламу русффа на форуме и в админке*/
/*div#pun-live-rusff {
  display: none;
}

.admin-advert-block {
  display: none;
}*/
/*Регулировка размера шрифта стиль*/

.FNTslider {
  background: url(http://forumstatic.ru/files/0015/57/ba/88799.png) 0 0 no-repeat;
  position: relative;
  z-index: 1000;
  width: 140px;
  height: 20px;
  margin: 3px 5px;
  float: right;
  margin-right: 7%;
  padding: 0 20px;
}
.FNTslider .before {
  background: url(http://forumstatic.ru/files/0015/57/ba/83597.png) 0 0 no-repeat;
  height: 20px;
  position: absolute;
  padding-left: 20px;
  margin-left: -20px;
  z-index: 10;
  padding-right: 10px;
}
.FNTslider .thumb {
  width: 17px;
  height: 18px;
  border-radius: 3px;
  position: relative;
  top: 1px;
  background: url(http://forumstatic.ru/files/0015/57/ba/38927.png) -1px 0 no-repeat;
  cursor: pointer;
  z-index: 20;
}
.FNTslider .thumb:hover {
  background-position: -19px 0;
}

/*для экрана телефона*/
@media screen and (max-width:1080px) {
html,body {
    overflow-x:hidden;
    width: 110%!important;
    padding: 10px!important;
  }
}

/*BOOKMARKS*/
#MyBookmarks {
    background-image: url(http://sd.uploads.ru/qYoC8.png);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    display: none;
    height: 60% !important;
    left: 0;
    position: fixed;
    right: 0;
    top: 45px !important;
    width: 221px !important;
    z-index: 999;
}
#MyBookmarks > ul {
  background:url(http://se.uploads.ru/KdnXS.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-1px 0 -1px 0!important;
  padding: 0px 16px !important;
  margin-top: -14px !important;
}
#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 > ul {
  background:url(http://s9.uploads.ru/6V5Mt.png) 0 top no-repeat;
    position: relative;
    width: auto;
    z-index: 9999999;
}
#MyBookmarks h2, #MyBookmarks h1 {
    padding-left: 1em;
    padding-right: 1em;
    text-align: left !important;
}
/*Мои закладки:*/
.punbb h2 span {
    font-size: 1.1em;
    left: 34px;
    position: relative;
    top: 0px !important;
}

/*курсор:*/
#MyBookmarks #bm2 {
    background: transparent none repeat scroll 0 0;
    border: 0 none transparent;
    bottom: 0;
    cursor: pointer;
    display: inline-block;
    font-family: Book Antiqua;
    font-size: 1.4em;
    height: 0.3em;
    margin: auto 0;
    padding: 0 0.6em;
    position: absolute;
    right: 0.3em;
    text-align: center;
    top: -29px;
    vertical-align: middle;
}

/*текст:*/

#pun::after, .punbb .container::after, .punbb .post-links ul::after, .punbb .main div.inline::after, .punbb .post-box::after, .punbb .linksb::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}
#MyBookmarks .container {
    padding: 0 16px !important;
    position: relative !important;
    z-index: 9999999;
}
#MyBookmarks .deS::after {
    content: "Чтобы поставить закладку, дважды кликните по нужному месту в тексте поста, а затем еще раз по серому маркеру";
    display: block;
    font-size: 0.8em;
    margin-top: 1em;
}
#MyBookmarks .deS {
    display: block;
    text-align: center;
    top: 0 !important;
    overflow-y: hidden;
}
/*кнопки вверх вниз в закладках*/
#MyBookmarks span.scrl.t {
    box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.5);
    left: 0;
    position: absolute;
    top: 10px !important;  
    width: 100px !important;
}
#MyBookmarks span.scrl.b {
    box-shadow: 00 0 5px 0 #231a18 inset;
    left: 118px;
    position: absolute;
    top: 10px !important;
    width: 100px !important;
}
#MyBookmarks span.scrl {
    background-color: inherit;
    color: green;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1em;
    padding-top: 3px;
    text-align: center;
    text-shadow: 0 0 6px green;
    z-index: 999;
}

#MyBookmarks inner {
    border-color: inherit;
    display: block;
    height: 9999px;
    padding-top: 2.9em !important;
    position: relative;
}