/* CS1 Background and text colours
-------------------------------------------------------------*/

HTML {
    background: #000000 url(https://i.imgur.com/Yph9jIS.jpg) repeat top left;
}

#pun {
    background:url(https://i.imgur.com/UTnr1Z5.png) no-repeat top left, url(https://i.imgur.com/ls1V8gx.png) no-repeat bottom left, #ecefdf url(https://i.imgur.com/XeA6Bcx.png);
  margin-top: 300px !important;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
margin-bottom: 70px !important
}

.punbb textarea {
    background-clip: border-box;
    color: #000;
    padding: 10px !important;
    width: 97.5% !important;
    background: transparent;
}

.punbb a, .punbb a:link, .punbb a, .pun-navlinks li a:visited {
color: #0f1507;
cursor: pointer;
}

.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, .pun-navlinks a:active {
color: #a19769;
text-shadow: none;
}

#pun-navlinks li a {letter-spacing: 0.03em;}

#pun-main .category td div.tclcon{
margin-left: 5px;
width:550px;
padding: 2px 14px 10px 14px;
border: 3px double #0e180b;
font-size: 1em;
background: rgba(75,81,50, 0.15);
}

#pun-index .tclcon h3 a {text-transform: uppercase;
font-size: 13px;font-weight: 900 !important;
font-family: inter;font-style:  normal;letter-spacing: 1px;
color:#0e180b;transition: all .5s ease-in-out 0s;
text-align: justify;
margin: 10px 0px 10px 14px;
position: relative;
line-height: 15px;
width:550px;
z-index: 1;
padding-bottom: 15px !important;}


#pun-index .tclcon h3 {
    text-align: center;
    margin: 0px 0 0px 0;
    padding:0px 0 0px 0;
    height: 29px;
    box-shadow: 0 1px 0 0 #000000;
    line-height: 32px;
}

#pun-index .tclcon h3 a:hover {color: #4b5132;}


/* 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 {
background-color: #transparent;
  color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #transparent;
  color: #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #0e180b;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #005EAB
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #333
  }

/* CS1.8 */


.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* 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 */
.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: 1px solid ;
border-color: transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

#pun-index table Div.icon {
    border-style: none;
    display: block;
    position: absolute;
    width: 10px;
    opacity: 0
}

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

#pun-main div.catleft, #pun-main div.catright {display: none}


#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}

.Tems_And_messages  {
  display:inline-block;
  width:auto;
  font-size: 8px;
text-align: right !important;
    text-transform: uppercase
}

.Tems_And_messages span {font-weight: 500}

/*#navindex {    border-style: none;
    display: block;
    position: absolute;
    width: 10px;
    opacity: 0}

.main table .Add {
  display: inline;
  padding: 00px;
  height: 8px;
  line-height:8px;
  position: absolute;
  top: 19px;
  right:0px;
  width: auto;
    padding: 0 0px;
    color: #515151
}

#pun-ulinks .item5,  #pun-ulinks .item2,  #pun-ulinks .item7,  #pun-ulinks .item3 {display:none}

#navuserlist {    border-style: none;
    display: block;
    position: absolute;
    width: 10px;
    opacity: 0}*/

/*Все Вкладки*/
/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background:rgba(0,0,0,.4);
}
.s-tabs{
width:600px;  /*ширина таблицы*/
display:block;
top: 25px;
position: absolute;
margin-left:370px!important;
}
.s-tabs>.stab{
height:250px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
position:relative;
z-index:100;
color:#757575;
cursor:pointer;
display:inline-block;
padding:1px;
height: 15px;
margin:0;
margin-right:-1px;
text-align:left;
padding-right:6px;
text-shadow: 1px 1px 2px rgba(f,f,f,.4);
font: italic normal 400 13px/16.5px;
border:  1px solid;
border-color: #757575;
}
/* Активное "Ушко" */
.s-tabs>span.selected{
color:#fff;
background:#000;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
width:100%;
margin:0;
display:none;
overflow-y:auto;
overflow-x:hidden;
color:#fff; 
text-align:center;
vertical-align:middle;
border:  1px solid;
border-color: #757575;
padding:1px 2px!important;
}
