/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
  background: url(http://forumstatic.ru/files/0014/78/98/80949.jpg) fixed  top repeat;
  background-color: rgb(180, 180, 165);
}

#pun {
  background-color: rgb(232, 222, 214);
  background-image: url(http://forumstatic.ru/files/0014/78/98/67536.png);
  border: 12px solid #40c4c8;
  border-image: url(http://forumstatic.ru/files/0014/78/98/62169.jpg) 12 repeat repeat;
  box-shadow: 0 0 10px rgba(0,0,0,.75);
}

/* Øàïêà */
#pun-title table {
  background-image: url(http://forumstatic.ru/files/0014/78/98/13299.png);
  background-repeat: no-repeat;
  background-position: top center;
  border: none;
  width: 950px;
  height: 218px;
  margin-left: -12px;
  margin-top: -200px;
}

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.3px;
  background-color: transparent;
  text-align: center;
}

.catdesc {
  text-transform: none;
  font-size: 12px!important;
}

/* CS1.4
#pun-title, #pun-title .container {
background: transparent   url("http://forumstatic.ru/files/0014/78/98/59751.jpg") top center no-repeat;
  color: transparent;
  height: 255px;
}*/

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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
  background-color: rgba(165,155,135,0.2);
  color: #404040;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #E3E3E3;
  color: #404040;
}

/* CS1.8 */
#pun-navlinks .container {
  text-shadow: 1px -1px 0px rgba(0,0,0,.3);
  ;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  background-color: transparent;
}

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

.punbb textarea, .punbb select, .punbb input, #pun_wrap #post .container[id$="-area"] {
  background-color: #f0ece6;
  color: #000;
  border-radius: 1em;
  border: 1px solid #ece6de;
}

/* 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 {
  /*background: rgb(170, 59, 35) url(http://forumstatic.ru/files/0014/78/98/40484.jpg) top center no-repeat;*/
  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 {
  borber: 0;
  background: #ddd3cb;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1),  0 0 10px  rgba(0,0,0,.2), 10px 5px 50px 0 rgba(0,0,0,.08) inset;
  padding: 7px !important;
  margin: 1px;
}

#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-left-color: #A0A0A0;
}

.punbb .post-sig dt {
  border-top-color: #D1D1D1 !important;
}


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

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

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

/* CS3.3 */
#pun-navlinks a {
  color: #bfb8a8;
  border-bottom: 0px none #000;
  text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;
}

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

.punbb .post h3 strong:before {
  content: "#";
}

/* CS4 others
 -------------------------------------------------------------*/
li.pa-awards, li.pa-gifts {
  display: none;
}

input.button {
  box-shadow: inset 0px 1px 0px 0px #f2f1ef;
  background-color: #ece6de;
  border: 1px solid rgba(0,0,0,.1);
  display: inline-block;
  cursor: pointer;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #f0ece6;
}

input.button:hover {
  background: linear-gradient(to bottom, #ccc3b7 5%, #f0ece6 100%);
  background-color: #ccc3b7;
}

input.button:active {
  position: relative;
  top: 1px;
}

/* starting-point
 -------------------------------------------------------------*/
customblock1, customblock2 {
  display: flex;
  letter-spacing: 0.3px;
}

customblock1 lead,
customblock2 lead {
  border-right: 2px solid;
  text-align: center;
  background-color: rgba(165,155,135,0.2);
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

customblock1 lead {
  width: 25%;
}

customblock1 description {
  width: 75%;
}

customblock2 lead {
  width: 40%;
}

customblock2 description {
  width: 60%;
  text-transform: uppercase;
  font-size: .8em;
}

customblock1 lead,
customblock1 description,
customblock2 lead,
customblock2 description {
  align-items: center;
  display: grid;
  padding: 1em;
}

customheader {
  display: block;
  text-transform: uppercase;
  font-size: .8em;
  border-right: 2px solid;
  border-left: 2px solid;
  background-color: rgba(165,155,135,0.2);
  padding: .5em;
  text-align: center;
  font-weight: bold;
}

#pun-announcement h2 {
  display: none;
}

.info1, .info2 {
  position: absolute;
  height: 120px;
  width: 300px;
  color: #a59b93;
  top: -192px;
}

.info1 {
  margin-left: 34px!important;
  text-align: justify;
}

.info2 {
  margin-left: 590px!important;
}

.info2 img{
border: 1px solid rgba(148, 148, 142, .35)!important;
height: 30px;
margin: 0 2px;
opacity: 0.5;
transition: opacity 0.4s linear;
   -webkit-transition: opacity 0.4s linear;
   -moz-transition: opacity 0.4s linear;
   -ms-transition: opacity 0.4s linear;
   -o-transition: opacity 0.4s linear;
}
.info2 img:hover { opacity: 1;}

.info1 p, .info2 p{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: 10px;
    border-bottom: 1px dashed rgba(180, 179, 171, .35);
    margin-bottom: 4px;
    padding: 4px 10px 4px 10px;
}

.linksforum {
    text-align: center;
    margin-top: 4px!important;
    background-color: #2d3b3a;
}

.linksforum a {
    display: inline-block;
    color: #d6ccc3!important;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.4px;
    font-size: 8px;
    text-transform: uppercase;
    padding: 0 5px;
}

.linksforum a:hover {
    color: #efefef;
}