/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.0A Настройки фона*/

body {
background:  url(https://i.imgur.com/8hVg91P.png) repeat-x top center, /*верхний фон*/
url(https://i.imgur.com/hGbkiyt.png) #a4aaae repeat; /*общий фон*/
}

/* CS1.0B Настройки "тела" форума*/
#pun {
background: url(https://i.imgur.com/h0G76Gj.png) repeat-y scroll top center; 
}

/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar
{width: 7px;
height: 7px;
background-color: #1a1a1a;}
::-webkit-scrollbar-thumb{
background: url(https://i.imgur.com/KC6SBQX.png) repeat; }

/* CS1.0D Настройки шапки*/
#pun-title.section {
  background: transparent url(http://forumfiles.ru/files/0019/ea/e7/62813.png) top center scroll no-repeat; 
  height: 596px;
  width: 1356px; 
  margin-top: -1px;
  margin-left: -361px;}


/*Настройки баннера*/
#pun-title table tbody tr .title-logo-tdr {
  position: absolute; 
  z-index: 1;
  left: -370px;
  top:240px;  
}

/* CS1.0E Настройки переадресации*/
#pun-redirect {
 background: url(https://c.radikal.ru/c17/1811/12/40ff246ab654.gif) no-repeat center,
#0d0f0e repeat center;
  position: fixed;
  width: 100%;
  height: 100%;
  top:0!important;
  left:0!important;
  content: none;
text-align: center;
font-size:0px;
}

#pun-maint {
margin: 0px 20% 12px 20%;
}

#pun-redirect .main-title {
margin-bottom:30px !important;
}

/* CS1.0F Настройки футера/копирайта */
#forum_copyright {
text-align: center;
background: url(https://i.imgur.com/Gtp7eAN.png) scroll center; 
width: 1213px; 
height: 172px;
margin-left: -220px;
margin-top: -40px;
}

#html-footer {
margin:0px 0 -5px 0;
text-align: center; }

/* 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-admin #pun-admain .adcontainer, #pu
n-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  {
  background-color: transparent;
  }

/* CS1.3 Настройки заголовков*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #ecebeb;
    height: 26px;
    background: url(https://i.imgur.com/mMnER38.png) no-repeat scroll center;
    width: 981px;
    line-height: 31px;
    margin-left: -17px;
 }

#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}

.punbb-admin #pun-admain h2{
color: #b8aa90;
background: transparent;
text-align: left;
text-shadow: none;
padding-left: 55px;}


/* CS1.7 */
/*Цитата*/
.punbb .quote-box, .punbb .code-box {
    background: url(https://b.radikal.ru/b07/1801/0a/598cc20ccb33.png) repeat;
    color: #585858;
    border-left: solid 7px #3077aa !important;
  }


/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text { 
margin: 0 1.0em 0 1.0em;
background-color: #f2efe5!important;
background-image: url("");
color: #b8aa90 !important;
display: block;
font-family: Tahoma; 
font-style: normal;
font-size: 12px !important;
text-align: center;
line-height: 15px;
padding: 10px;
}


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  font-size: 11px;
  text-transform: uppercase;
  font-family: tahoma;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS1.9 Настройки формы ответа*/
.punbb textarea  {
    background: url(https://b.radikal.ru/b07/1801/0a/598cc20ccb33.png) repeat;
    color: #585858;
    border-left: solid 7px #3077aa !important;
  }


/* CS1.10 Настройки профиля в теме*/
.punbb .post .post-author > ul {
padding: 5px 10px 10px 10px !important;
    width: 213px;
margin-left: -11px;
}
.punbb .post .post-author {
text-align: center;
background: transparent url(https://i.imgur.com/XYv79Py.png) repeat-y;
margin-left: 0px;}

.pa-author a, .pa-author {
font-weight: bold;
    font-family: verdana;
    font-size: 12px !important;
  }

.punbb .post .post-author > ul {
    background: url(https://i.imgur.com/lGCeS4b.png) top center no-repeat,
 url(https://i.imgur.com/IXqRQYH.png) bottom center no-repeat;
    padding: 15px 0px 15px 0px !important;
    width: 213px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}



/* CS1.11 Настройки окон в форме ответа*/
 #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: url(https://b.radikal.ru/b07/1801/0a/598cc20ccb33.png) repeat;
    color: #585858;
    border-left: solid 7px #3077aa !important;
}


/* CS1.12 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb input, .punbb .button, .punbb select {
    background: url(https://b.radikal.ru/b07/1801/0a/598cc20ccb33.png) repeat;
    color: #585858;
    border-left: solid 2px #3077aa !important;
}

#post .formsubmit {text-align: center;}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 Убираем все рамки*/
.punbb .container, .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, .punbb th, #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, li.pa-online {
  border-color: transparent;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* 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: #3077aa;
  border-bottom: 0px none #000;
  text-decoration: none;
text-shadow: 2px 2px 0px #e0d9d0;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #6a4e71;
  }

/* 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: #d86d3a;
  border-bottom: 0px none #000;
  text-decoration: none;
  }


/* CS3.3 */
#pun-navlinks a {
font-style: normal;
color: #2e393f;
font-size: 11px;
text-align: center;
text-transform: uppercase;
font-family: 'verdana';
text-decoration: none;
font-weight:  bold;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #5e6a70;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }



/* CS4 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {background-image : url(https://i.imgur.com/wxH0Sc2.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(https://i.imgur.com/Zr5UiAU.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(https://i.imgur.com/7JM6qbT.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(https://i.imgur.com/7JM6qbT.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(https://i.imgur.com/7JM6qbT.png); background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}


/* CS5 Другое
 -------------------------------------------------------------*/

 .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {
  display: none
}

#pun-stats ul.container {
    background: transparent url(https://i.imgur.com/F1tDF5O.png) no-repeat 0px 10px;
    padding-left: 70px; }

#pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container  {
color: #7a7567;
padding: 3px; 
background: #f2efe5 !important;  }
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 {
background: #f2efe5 !important; 
width: auto !important; 
height: 15px !important; 
margin: auto !important;
color: #7a7567!important;}

hr {
opacity: 1 !important;
    border: none;
height: 20px;
    background: url(https://i.imgur.com/zBZ5EMZ.png) no-repeat top center;
}

.post-content hr {
    opacity: 0.5;
    margin-bottom: 1em;
}

.punbb th {
    color: #9e9e9e;
    font-size: 9px !important;
    font-family: 'verdana';
    text-transform: lowercase;
    background: url(https://i.imgur.com/iFsoQwa.png);
}

.punbb .post-sig {color:#949494;}

.punbb .post-sig dt { 
    display: block;
    height: 10px;
    border: none;
    background: url(https://i.imgur.com/8nVa1KX.png) no-repeat top center;
  }


#profile .container #profilenav h2   {
text-align : left;
color: #7a7567;
text-shadow: none;}

#arrows {
position:fixed;
right:2%;
bottom: 45%;
}


/*CS6 TABLE
 ---------------------------------*/
#table_block {
width: 840px; 
height: 200px;
background: #f4f2ec;
color: #b8aa90; 
margin-left: -7px;
}

#menu {
height: 20px;
background: #e8e5dc;
margin-top: -5px;
}

#menu span {
width: 830px;
padding: 0px 10px;
cursor: pointer;
opacity: 0.8;
font-family: Tahoma;
font-size: 14px;
text-transform: uppercase;
}

#menu .tabactive{
border: none !important;
opacity: 1.0;
}

#submenu {
height: 150px;
font-size: 11px;
width: 830px;
color: #818181;
}

.tooltip {
border: none; 
color: #30221b;
text-decoration: none;
position: relative;}

.tooltip span {
margin-left: -999em;
position: absolute;}

.tooltip:hover span {
font-family:verdana;
position: absolute;
left: 60px; 
top: -60px; 
z-index: 99;
margin-left: 0;}

.navi a, .navi2 a:hover  {
    color: #ecebeb !important;
    background: #3077aa;
    display: block;
    width: 190px;
    font-size: 11px;
    text-align: center;
    margin-bottom: 2px;
    border-radius: 10px;
    padding: 2px;
    text-transform: lowercase;
    box-shadow: 0px 0px 10px #264c67 inset;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
text-shadow: 0px 0px 0px #e0d9d0 !important;
}

.navi a:hover {
box-shadow: 0px 0px 10px #181818 inset; 
}
.tooltip:hover img {
left: 1em; 
top: 2em; 
z-index: 99;
margin-left: 0;}

.tip { 
position: absolute;
    background: #f1f1f1 !important;
    color: #343434;
    z-index: 1000;
    width: 150px;
    padding: 5px;
    text-align: justify;
    border-width: 0 0 0 4px;
    border-color: #3076a8;
    border-style: solid;
    border-radius: 15px 0px 15px 0px;
}

.avt1 img {
opacity: 0.8; 
-webkit-filter: grayscale(100%);  
}

.avt1 img:hover {
opacity: 1; 
-webkit-filter: grayscale(0%);  
}
.Tems_And_messages {
display:inline-block;
width:116px;
font-size: 8px;
  text-transform: uppercase;
}

.Add {
    margin-top: -12px !important;
    text-align: center;
margin-top: -12px !important;
    text-align: center;
    padding-left: 5px;
    font-style: normal;
    font-family: verdana;
    text-transform: uppercase;
    background: #cecece;
    padding: 4px;
    border-radius: 0px 0px 10px 0px;
}
.Tems_And_messages .right{
  text-transform: lowercase;
}

.pa-respect, .pa-posts {
display: inline-block;
    text-align: center;
    width: 60px;
    font-size: 10px;
    line-height: 10px;
    padding: 5px !important;
     background: url(https://b.radikal.ru/b07/1801/0a/598cc20ccb33.png) repeat;
    color: #585858;
    border-left: solid 4px #3077aa !important;
    margin-left: 10px !important;
}

.post-author ul li.pa-fld1 {
font-size: 10px;
    line-height: 10px;
    padding: 3px !important;
    background: url(https://b.radikal.ru/b07/1801/0a/598cc20ccb33.png) repeat;
    color: #585858;
    border-left: solid 4px #3077aa !important;
    margin-left: 3px;
    width: 170px;
}

.post-author ul li.pa-fld2 {
font-size: 10px;
    line-height: 10px;
    padding: 3px !important;
    background: url(https://b.radikal.ru/b07/1801/0a/598cc20ccb33.png) repeat;
    color: #272727;
    border: double 3px #252a52 !important;
    margin-left: 3px;
    width: 170px;
}

div.post-rating p:before {
content: "оценка:";
text-align: center;
color: #5e5e5e;
 font-size: 10px
}

.post-box .post-rating {
position: relative;
    display: block;
    color: #5e5e5e;
    padding-left: 8px;
    right: 8px;
    font-size: 10px;
}

#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}

.navi2 a, .navi2 a:hover  {
    color: #ecebeb !important;
    background: #3077aa;
    display: block;
    width: 90px;
    font-size: 11px;
    text-align: center;
    margin-bottom: 2px;
    border-radius: 10px;
    padding: 2px;
    text-transform: lowercase;
    box-shadow: 0px 0px 10px #264c67 inset;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
text-shadow: 0px 0px 0px #e0d9d0 !important;
}

.navi2 a:hover {
box-shadow: 0px 0px 10px #181818 inset; 
}

.navi3 a, .navi2 a:hover  {
    color: #ecebeb !important;
    background: #3077aa;
    width: 90px;
    font-size: 11px;
    text-align: center;
    margin-bottom: 2px;
    border-radius: 10px;
    padding: 5px;
    text-transform: lowercase;
    box-shadow: 0px 0px 10px #264c67 inset;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
text-shadow: 0px 0px 0px #e0d9d0 !important;
}

.navi3 a:hover {
box-shadow: 0px 0px 10px #181818 inset; 
}


#smilies-area, #video-area {
    width: 450px;
    height: 200px;
    overflow: auto;
}


/* STRUCTURE BY 96KINGDOM.RU
-------------------------------------------------------------*/