/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-color: #000000!important;
background:url(https://forumstatic.ru/files/001b/10/59/39003.jpg) no-repeat center center;
background-attachment : fixed;
}

#pun {
background-color: #c1c1c1;
border-top: 13px solid #355a48;
border-bottom: 13px solid #355a48;
outline: 1px solid #c1c1c136;
outline-offset: 10px;
}


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

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

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

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #transparent;
  color: #130311;
  }

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

td.tcr a {
     font-size: 12px;
    font-family: Arial;
    font-weight: bolder;
    text-transform: lowercase;
}

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #e1dee67d !important;
  color: #130311;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #130311; 
  text-align: center;
  }


/* CS1.9 */
.punbb textarea, .punbb select, .punbb input {  background-color: #e2dddb24 !important;
  color: #130311; }

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

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: #355a4b
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #355a4b
  }

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

/* CS3.3 */
#pun-navlinks a {
  color: #34654a;
  text-decoration: none;
    transition: background 0.3s ease, color 0.2s linear;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #c1c1c1;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #000;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {    border-color: #ababab;
background-color: #b8b8b8;
margin-left: -10px!important;}

tr.iredirect div.icon {    border-color: #7f7b7ba8;
background-color: #cac3c226;
margin-left: -10px!important;}

div.inew {border-color: #6f6f6f;
background-color: #355a48;
margin-left: -10px!important;}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
border-color: #6f6f6f;
background-color: #355a487d;
margin-left: -25px!important;
}

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




#pun-index div.category h2 {
    width: 930px;
    height: 15px;
    padding: 5px 40px 0px 20px;
    margin: 0px 0px 0px -30px;
    position: relative;
    text-align: center;
  background: url(https://forumstatic.ru/files/001b/10/59/39003.jpg) center center no-repeat fixed !important;
  color: #adadad;
  font-size: 9px;
    font-family: Playfair Display!important;
    text-transform: uppercase;
letter-spacing: 2px;
}



#navv {
	position:absolute;
 width: auto;   padding: 2px; overflow: auto; 
text-align: left;      
 font-size: 7px;
    font-family: Corbel;
      letter-spacing: 1.5px;
      font-weight: none!;
      color: #c1c1c1;
      text-transform: uppercase; 
   margin-top: 3px;
    margin-left: 0px;
    line-height: 200%;
    word-spacing: 5px;
    z-index: 29999;
}


    #navv a {color: #0b0f06;
    height: 8px;
    padding: 3px;
    transition: background 0.3s ease, color 0.2s linear;}

 #navv a:hover { background-color: #a2a2a2;}

.opisanie {font-family: Corbel;
font-size: 12px;
background-color: #b3b3b3a8;
padding: 5px 10px 10px 10px;
border: 1px solid #a7a7a7c4;
margin-bottom: 5px!important;}

.ssilkiS {font-family: Arial;
letter-spacing: 0px;
font-size: 7px;
text-align: right;
margin-top: 5px!important;
text-transform: uppercase;
font-weight: bold;
color: transparent;
line-height: 200%;}

.ssilkiS a {color: #adadad !important;
background-color: #000000bd;
padding: 2px 4px 2px 2px;
}


#main-reply {width: 100%;
    height: 200px;
    padding: 10px 10px 10px 10px;}

#pun-index .category .tc2,
#pun-index .category .tc3{
    display:none!important;
}
.Tems_And_messages {
  display:inline-block;   
}
.Add{
  display:inline-block;
  padding: 1px 7px;
  text-transform: uppercase;
  font-size: 7px;
font-family: Arial;
  letter-spacing: 1px;
margin-left: 38%!important;
color: #323232;
}

#pun-index #pun-stats h2 {
 width: 950px;
 text-align: center;
    font-family: Playfair Display;
    font-weight: bold;
    letter-spacing: 5px;
    text-transform: uppercase;
   font-size: 10px!important;
   margin-bottom: 0px;
    height: 4px;
  color: #2b2b2b;
  line-height: 30%;
  padiing: 0px 0px 0px 0px!important;
  text-shadow: 0px 0px 3px #00000059;
  border-top: 1px solid #ababab;
  margin-left: -20px;
}



#pun th {padding-top: 5px;
color: #000000;
font-family: Tahoma;
text-transform: uppercase;
font-size: 6px;
text-align: center;
letter-spacing: 1px;
padding: 3px;}



#left {
	background-color: #00000000;
	position: fixed;
	z-index: 0; }

#left {
	top: 0px; 
	bottom: 0px;
	width: 60px; }
		
#left { 
	left: 0;
	border-right: 1px solid #355a4b52; }



 
   #activ {position: absolute;
width: auto;
margin-left: -40px;
margin-top: -50px;
font-size: 8px;
font-family: Corbel;
text-transform: uppercase;
color: #948f8ed9;
text-shadow: 0 1px 1px #000000;
letter-spacing: 0.5px;
z-index: 2999;
 }

 #activ img {border: 1px solid #3c3c3c8a;}

 #activ2 {position: absolute;
 width: auto;
margin-left: 787px;
margin-top: -50px;
font-size: 8px;
font-family: Corbel;
text-transform: uppercase;
color: #948f8ed9;
text-shadow: 0 1px 1px #000000;
letter-spacing: 0.5px;
z-index: 2999;
text-align: right:
 }

 #activ2 img {border: 1px solid #3c3c3c8a;}

#nuznie {position: absolute;
margin-top: -60px;
color: #c1c1c1;
margin-left: 925px;
text-align: right;
text-transform: uppercase;
font-family: Corbel;
font-size: 6px;
letter-spacing: 3px;
}

#best {position: absolute;
margin-top: -60px;
color: #c1c1c1;
margin-left: -37px;
text-transform: uppercase;
font-family: Corbel;
font-size: 6px;
letter-spacing: 3px;}

li.pa-fld1 {text-align: justify;
width: 178px; 
padding: 10px 5px 5px 5px!important; 
margin-left: 5px;
background-color: #355a486b;
border: 1px solid #355a48a1;
font-family: Arial; 
font-size: 7px;
letter-spacing: 1px;
color: #cecdcd;
margin-top: 3px!important;
}

li.pa-fld1 a {color: #81af99 !important;}

li.pa-fld1 name {font-size: 16px;
font-family: Yeseva One;
text-transform: lowercase;
padding: 0px 5px 0px 5px;
text-shadow: 0 0 2px #000000;}

li.pa-fld1 name a {color: #83a996 !important;}

li.pa-fld1 name a:hover {color: #b6b6b6 !important;}

li.pa-fld3 {background-color: #25322d;
width: 188px;
margin-left: 5px;
color: #abc1b7;
border: 1px solid #2f4b3e;
text-shadow: 0 0 1px #000000;
letter-spacing: 1px;
font-size: 7px;
margin-top: 4px;
margin-bottom: 4px;}



li.pa-fld2 {
	float: center;
	font-family: Arial;
letter-spacing: 0px;
font-size: 35px;
text-align: center;
margin-top: 0px;
text-transform: uppercase;
font-weight: bold;
color: #37634d54;
margin-top: 18px;
margin-left: 10px;
margin-bottom: -22px;
z-index: -1!important;
text-shadow: 0 0 0!important;
letter-spacing: 13px;
}


 .pa-posts, .post-author .pa-respect, li.pa-fld4 {display:inline-block; 
   width: 58px; background-color: #25332cbf;
    border: 1px solid #2f4d3c85;
   margin-top: 1px!important; 
 font-size: 6.5px; color: #d6d6d6;
 letter-spacing: 1px;
margin-bottom: 5px;
    }

     .pa-posts a, .post-author .pa-respect a, li.pa-fld4 a {color: #d6d6d6 !important;}

li.pa-ip a {color: #ffffffab !important;}


span.num_msg {
    position: absolute;
    margin-top: -2px!important;
    margin-left: 0px!important;
    font-size: 9px;
    font-weight: 700;
    background: #3f7f60 !important;
    padding: 0px 3px 5px 3px!important;
    border-radius: 2px;
    height: 10px!important;
    color: #fff;
    cursor: pointer;
}


span.num_msg:before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 4px!important;
    height: 4px!important;
    transform: rotate(45deg);
    top: 7px!important;
    left: -3px!important;
    background: #3f7f60!important;
    margin-left: 1px;
}

.banneri img {
opacity:0.5;
 filter: sepia(100%) opacity(50%);
        -webkit-filter: grayscale(100%) opacity(80%);
         transition: all 0.6s ease 0s;
}
 
.banneri img:hover {
-moz-transition: all 0.5s; 
-webkit-transition: all 0.5s; 
-ms-transition: all 0.5s; 
-o-transition: all 0.5s; 
    -webkit-filter: grayscale(0%);
transition: all 0.5s; 
opacity:1;
filter:alpha(opacity=100);
}


/* Убираем свечение в хроме */

input,
textarea {
	outline: none;
}

input:active,
textarea:active {
	outline: none;
}

:focus {
	outline: none;
}

.intd .tclcon .modlist {
	display: none;
}



/* Прокрутка */
::-webkit-scrollbar {background: #909090; width: 5px; height: 5px;}
::-webkit-scrollbar-thumb {background: #416151; width: 5px}
::-webkit-scrollbar-corner {background: #909090; }

/* выделение */
    ::selection { 
    background: none repeat scroll 0 0 #41584d;
    color: #c3c3c3;
    opacity: 0.5;
    }  
*::-moz-selection {
    background: none repeat scroll 0 0 #41584d;
    color: #c3c3c3;
}

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span, .punbb select, .punbb input {
    height: 20px;
    text-align: left!important;
    color: #151312ad;
border: 1px solid #16110d29;
    margin-left: 10px;
outline: none;
  font-size: 10px!important;
  letter-spacing: 0.5px!important;
font-family: Arial!important;
font-variant: small-caps!important;
margin-bottom: 10px!important;
    }


.oknoS {height: 40px; width: 710px; background-color : #191919; 
border-top: 5px solid #232323; 
float: center;
border-bottom: 3px solid #232323;  
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.17), 0px 0px 5px -40px rgba(0, 0, 0, 0.3);
background-image: url(https://forumstatic.ru/files/001a/fb/46/94496.png);
 }

.zagolovokS {
  height: 40px;line-height: 15px; 
z-index: 0;  
font-family: Deutsch Gothic; 
font-size: 44px; 
letter-spacing: 5px; 
color: #d6d6d6; 
text-shadow: 0px 1px 0px #3e434400; 
position: absolute;  
 width: 710px; margin-top: -27px!important;
 line-height: 100%;}


.textS {line-height: 110%; 
z-index: 0;  
height: 40px;
font-family: Arial Black; 
font-size: 14px; letter-spacing: 5px; 
color: #d6d6d6; text-shadow: 1px 1px 1px #000000; 
position: absolute;  width: 710px; margin-top: 12px!important; 
text-transform: lowercase;}

#mask_dialog .inner { background-image : url('https://forumstatic.ru/files/001b/02/8d/38501.jpg');
 color: #c1b8b8 !important;
 font-family: Playfair Display;
 letter-spacing: 0.5px;}

  #mask_dialog .inner a { color: #c1b8b8 !important;}

 #mask_dialog .inner .hv-control .hv-clear-storage {color: #c1b8b8 !important; }

  #mask_dialog .formsubmit input,  #mask_dialog .formsubmit a,  #mask_dialog .formsubmit span,  #mask_dialog select,  #mask_dialog input, #mask_signature.processed,  #mask_pafld1.processed {
  	color: #c1b8b8 !important;}



#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em;}

#pun-reputation > div.inner.post_reputation > div.container {
   background-color: #afafaf;
    border: 0px; 
    margin-bottom: 0px;}

    #pun-reputation h1 {  background-color: #9c9c9c;}


#pun-about.section .container .item1 {text-align: center; font-size: 8px; margin-bottom: -10px; margin-top: -10px; text-transform: lowercase;}

.novosti {  text-align: center; position: absolute;
margin-top: -30px!important;
width: 900px!important;}

.novost {
  background-color: #a5a5a580;
width: max-content;
border: 1px double #989392de;
padding: 3px 3px 3px 3px;
margin-bottom: 3px!important;
display: inline-block!important;
font-family: Corbel;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
height: 7px;
line-height: 60%;
}

.novosti a {color: #000000 !important;
transition: background 0.3s ease, color 0.2s linear;}

.novosti a:hover {color: #0f5f38 !important;}

@media screen and (max-width:1000px) {
    /*Тут новые правила для данного разрешения, пример*/
   #pun {
        width:100%!important;
margin-left: 0px!important;
   }

/* A5.1 */
#pun {
margin: auto 100px auto 100px;
margin: 165px auto 80px auto!important;
  float: center;

}

body {
background-color: #000000;
background:url(https://forumstatic.ru/files/001b/10/59/28077.png?v=1) repeat center center;
background-attachment : no-fixed;
}

#pun-title TABLE {         width:920px!important; }

#pun-about p.container {width:900px!important; 
   margin-left: -32px!important;}


.punbb .post-box {
width: 90%!important;
  }

  #pun-viewtopic .post h3 {width: 94%!important;
  }

#pun-ulinks .container {    margin-top: -0px!important;}

#main-reply {width:93%!important;}

.punbb .post-links {    width: 72%!important;}

.punbb .linksb {   width: 90%!important;}

.punbb .quote-box cite, .punbb .code-box strong.legend {width: max-content!important;}

#nuznie {display: none!important;
color: transparent!important;}

#best {display: none!important; color: transparent!important;}

 #activ {display: none!important;}
 #activ2 {display: none!important;}

#pun-status, #pun-status .container {
    margin-top: -15px!important;
   position: absolute;
    color: #010702;
  }

#pun-status .container {
font-size: 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: COrbel;
    text-align: left!important;
  }

#pun-crumbs1 p.container {
     margin-top: 30px!important;
text-align: left!important;}

}}