/* CS1 Background and text colours
-------------------------------------------------------------*/
#pun-title table {
background-image : url(http://forumstatic.ru/files/001b/78/14/64084.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
    width: 1000px;
    height: 130px;
margin-left: -21px;
margin-top: -1px;
border-radius: 13px 13px 0 0;}



body {
background-color: #314542!important;
background:url(http://forumstatic.ru/files/001b/78/14/96747.jpg) repeat top center;
background-attachment : fixed;
}


#pun {
 background-color: #d7d2cf;
border: 1px solid #19322f;
outline: 1px solid #ffffff2e;
border-radius: 15px;
}

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

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain  {
  background-color: #transparent;
  color: #2d2d2d;
  }
  .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: #2d2d2d;
  }

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

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

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: #2d2d2d;
  }

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

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


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

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

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #56706f;
  }

/* 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: #687a79 !important;
  text-decoration: none
  }

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
 color: #879594 !important;
  }

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

div.icon {   
border-top: 15px solid #3b4f4e29;
border-right: 15px solid transparent;
}

tr.iredirect div.icon {    
border-top: 15px solid #3b4f4e0f;
border-right: 15px solid transparent;
}


div.inew {
border-top: 15px solid #3b4f4ec7;
border-right: 15px solid transparent;
}





#stylelist {
    position: absolute;
    z-index: 10000;
    margin-top: 20px!important;
    margin-left: -30px!important;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 40px;
    font-family: Beware;
    line-height: 60%;
    text-shadow: 1px 0px 1px #0000006b;
}

#stylelist a {color: #879594;}

.day #pun {   background-color: #d7d2cf;}

.evening #pun { background-color: #c5beba;}


.textS {position: absolute;
z-index: 2;
margin-top: 35px!important;
margin-left: 0px!important;
color: #c5beba;
width: 550px;
text-transform: lowercase;
font-family: Calibri;
font-size: 10px;
letter-spacing: 0.2px;
text-align: justify;}



#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    display: block;
    float: left;
    height: 0px;
    margin-right: 10px;
    margin-top: 18px;
    position: relative;
    width: 0px;
background-color: #96928f87;
}



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

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

input,
textarea {
	outline: none;
}

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

:focus {
	outline: none;
}

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





#pun th {font-size: 0px;
}

#pun-index .category .tc2,
#pun-index .category .tc3{
    display:none!important;
}




#pun-index div.category h2, #pun-index #pun-stats h2 {
 width: 900px;
 text-align: right;
   font-size: 24px!important;
   margin-bottom: 20px;
    height: 20px;
  color: #607877;
  line-height: 270%;
  padiing: 0px 0px 0px 0px!important;
border-bottom: 1px solid #00000017;
font-family: Beware;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 2px;
    text-shadow: 1px 0px 1px #0000006b;
}






#pun-about.section .container .item1 {text-align: left; 
font-size: 9px; 
margin-top: -10px; 
margin-left: 0px; 
text-transform: lowercase;
font-family: Roboto;
color: #000000;
width: auto;
position: absolute;
}

#pun-about.section .container .item1 a {color: #000000;}


.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);
}




.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span, .punbb select, .punbb input {
    height: 20px;
    text-align: left!important;
    color: #151312;
border: 1px solid #16110d14;
    margin-left: 10px;
outline: none;
  font-size: 11px!important;
  letter-spacing: 0px!important;
font-family: Calibri!important;
margin-bottom: 10px!important;
    }



li.pa-fld1 {text-align: justify;
width: 178px; 
padding: 10px 5px 5px 5px!important; 
margin-left: 5px;
font-family: Roboto; 
font-size: 10px;
letter-spacing: 0px;
color: #000000;
margin-top: 0px!important;
text-transform: lowercase;
background-color: #00000008;
border: 1px solid #0000000a;
margin-bottom: 5px;
}

li.pa-fld1 a {color: #8d8f6d !important;}

li.pa-fld1 name {font-size: 11px;
font-family: Roboto;
text-transform: uppercase;
padding: 0px 5px 0px 5px;
font-weight: bold;
letter-spacing: 1px;
}

li.pa-fld1 name a {color: #8b6c65 !important;}

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



.pa-posts,  .pa-respect, li.pa-fld2 {display:inline-block; 
   width: 60px;
   height: 36px; 
   margin-top: 1px!important; 
 font-size: 6.5px; color: #c5beba;
 letter-spacing: 1px;
margin-bottom: 5px;
font-size: 9px;
font-family: Calibri;
text-transform: lowercase;
line-height: 110%;
font-weight: normal;
    }
     .pa-respect a {color: #c5beba !important;}


.ssilkiS {background-color: #3b4f4e52;
text-align: center;
height: 10px;
line-height: 85%;
margin-bottom: -10px!important;
}

.ssilkiS a {color: #e3ddda !important;}


li.pa-fld1 {text-align: justify;
width: 170px; 
padding: 5px 5px 5px 5px!important; 
margin-left: 4px;
font-family: Calibri; 
font-size: 10px;
letter-spacing: 0px;
color: #d7d2cf;
margin-top: 0px!important;
text-transform: lowercase;

}


li.pa-fld1 a {color: #5f7e7d !important;}

li.pa-fld1 name {font-size: 13px;
font-family: Playfair Display;
text-transform: lowercase;
padding: 5px 5px 5px 5px;
font-weight: normal;
letter-spacing: 0.5px;

}

li.pa-fld1 name a {color: #91a19f !important;}

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


li.pa-fld2 {   height: 30px; 
    width: 185px;  
    margin-bottom: 10px!important;
    margin-left: 5px;
   }

 li.pa-fld2 phonS { position: absolute;
height: 40px; 
    width: 185px;  
     box-shadow: 0 0px 15px #00000078 inset, 0px 10px 10px #ffffff17 inset;
          margin-left: -96px;
          margin-top: -5px;}

 li.pa-fld2 plashkaS {display: block;}

 .pa-fld2 kartinkaS img {height: 49px; margin-top:-8px;  margin-left: -125px;  }

 li.pa-fld2 kartinkaS {width: 49px; height: 49px; }

    li.pa-fld2 textS {width: 130px; 
  line-height: 100%; text-align: center; 
  height: 20px; position: absolute; 
  margin-left: 0px; margin-top: 8px; font-size: 10px; 
  letter-spacing: 0.5px;
  font-family: Yeseva One; 
    color: #0e1111;
    text-transform: lowercase;
    font-weight: bold;
  }

    li.pa-fld2 textS hr {border-top: 0px!important;
    border-bottom: 1px solid #0e1111 !important;
    margin-top: 2px!important;
        margin-bottom: 2px!important;}

#textS1 {position: absolute;
z-index: 2;
margin-top: 35px!important;
margin-left: 30px!important;
color: #afaaa7;
width: 450px;
height: 70px;
overflow: auto;
text-transform: lowercase;
font-family: Calibri;
font-size: 10px;
letter-spacing: 0.2px;
text-align: justify;}

#textS1 dateS {background-color:#385251;
color: #dadada;
padding: 3px;
margin-right: 5px;
border-radius: 4px;}

#activS1 {position: absolute;
margin-left: 490px;
width: 90px;
margin-top: 35px;}
#activS1 img {border: 1px solid #87959442;
width: 30px;
height: 30px;}

#activS2 {position: absolute;
margin-left: 860px;
width: 90px;
margin-top: 35px;}
#activS2 img {border: 1px solid #87959442;
width: 30px;
height: 30px;}

#adminS {position: absolute;
margin-left: 570px;
margin-top: 30px;
background-color: #19322f;
border: 1px solid #87959417;
padding: 2px 8px 2px 8px;
border-radius: 4px; 
font-family: Calibri;
word-spacing: 10px;
width: 260px;
text-align: center;}

#adminS a {color: #c3bcb8;}


#textS2 {position: absolute;
z-index: 2;
margin-top: 55px!important;
margin-left: 570px!important;
color: #afaaa7;
width: 276px;
height: 50px;
overflow: auto;
text-transform: lowercase;
font-family: Calibri;
font-size: 10px;
letter-spacing: 0.2px;
text-align: justify;}

#textS2 dateS {background-color:#385251;
color: #bbbbbb;
padding: 3px;
margin-right: 5px;
border-radius: 4px;}

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


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


body {
background-color: #314542!important;
background:url(---) repeat top center;
background-attachment : fixed;
}


.punbb {
width : 960px!important;
  }

#pun-title table {width: 980px!important;}

#stylelist {margin-left: -10px!important;}


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

/* D3.2 */
#pun-navlinks .container {font-size: 20%!important;
margin-left: 8px!important;}

.go-up,.go-down {font-size: 5px!important;
    transform: rotate(90deg)!important; right: 0!important; }
.go-down {margin-top: 30px!important;}


/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0px 20px 10px 20px;
  line-height: 150%;
width: 90%;
  }

.punbb .quote-box cite, .punbb .code-box strong.legend {font-size: 6px!important;
width: 90%!important;}

#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {display: none!important;}
}}