/* CS0 Меню - навигация
-------------------------------------------------------------*/
.post-author{
    
  float: left;
  width: 202px; 
  overflow: hidden;
  margin-left: 8px;
  background: url(http://funkyimg.com/i/Y6cf.png) no-repeat center top;
  border-style: double;
  border-width: 3px;
  border-color: #b1b4bb;
  border-radius: 0 12px 0 12px;
}
html{
     background: url("http://funkyimg.com/i/Zn8c.jpg") repeat scroll center top #6cc1e4;
}
body {
     background: url("http://funkyimg.com/i/213Q3.jpg") repeat-y scroll center top;
    
}

#pun-title table {
    background: transparent url("http://funkyimg.com/i/Znm3.jpg") no-repeat scroll center top;
    height: 597px;
    width: 1920px!important;
    margin-left: -522px;
}

#pun_wrap{
   background: url("http://funkyimg.com/i/ZnaT.png") no-repeat scroll center bottom;
   overflow-x:hidden;
}

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/


/* 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 {
border-color:transparent;
  color: #575a63;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  color: #F8F8F8;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color:transparent;
  color: #3b3b3a;
  }

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  border: 1px solid;
  color: #1a2632;
  background: url("http://funkyimg.com/i/ZBMn.png") bottom right no-repeat, url("http://funkyimg.com/i/ZweL.jpg") repeat;
  border-radius:0 7px 0 7px;

}
  }

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

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

.punbb textarea, .punbb select, .punbb input {
     border-color:transparent;
     box-shadow: inset 0px 0px 1px #233740;
     border-radius:0 5px 0 5px;
    -webkit-border-radius:0 5px 0 5px;;
    -khtml-border-radius:0 5px 0 5px;;
    -moz-border-radius:0 5px 0 5px;;
    -o-border-radius:0 5px 0 5px;;
    background-color: transparent;
    background: url("http://funkyimg.com/i/ZweL.jpg") repeat;
    color: #373737;
    padding:2px;
}

/* CS2 Цвета границ
-------------------------------------------------------------*/

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

#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,#pun-help .formal .info-box h3.legend {
border-color:transparent;
color: #7294ae;
  }

li#onlinelist div {
   color: #4c677c;
}

.punbb .divider {
border-color:transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color:transparent;
  }

li.pa-online {
border-color:transparent;
  }

.punbb .post-sig dt {
border-color:transparent;
  }


/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

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

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

/* 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: #256d8e;
    border-bottom: 0px none #871212;
   text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a,  #pun-navlinks a:visited{
  color: #86a5bd;
  text-decoration: none;
  padding-right: 20px; 
}

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


/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun  .tc2, #pun-main .post-author ul  {text-align: center;}

.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
  text-align: center;
  color: #604e47;
  }

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 450px; top: 20px;
}

/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/



/* CS6 Логотип снизу
 -------------------------------------------------------------*/

 #pun-about p.container {background-color: #;
   //background-image : url("http://funkyimg.com/i/ZmZd.png");
   margin-bottom: 300px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 100%;
    height : auto; 
   overflow-x:hidden;
}

div#html-footer {
  // width: 1920px;
 //  height: 320px;
  //background-image: url("http://funkyimg.com/i/ZmZd.png");
  // margin: 70px 0px 0px -522px;
  // overflow-x: hidden;
}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/
div.icon {
        background: url(http://funkyimg.com/i/ZCUL.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://funkyimg.com/i/Zy4L.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://funkyimg.com/i/Zy4H.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://funkyimg.com/i/Zy4J.png) no-repeat;
}




#pun-category1.category h2 { background: url(http://funkyimg.com/i/ZBGG.png) no-repeat top center; width: 875px; height: 70px; font-size: 0px !important; background-color: transparent; color: transparent; } 


#pun-category2.category h2 { background: url(http://funkyimg.com/i/ZBGH.png) no-repeat top center; width: 875px; height: 70px; font-size: 0px !important; background-color: transparent; color: transparent; } 

#pun-category3.category h2 { background: url(http://funkyimg.com/i/ZBGJ.png) no-repeat top center; width: 875px; height: 70px; font-size: 0px !important; background-color: transparent; color: transparent; } 

#pun-category4.category h2 { background: url(http://funkyimg.com/i/ZBGV.png) no-repeat top center; width: 875px; height: 70px; font-size: 0px !important; background-color: transparent; color: transparent; } 

#pun-category5.category h2 { background: url(http://funkyimg.com/i/ZBGW.png) no-repeat top center; width: 875px; height: 70px; font-size: 0px !important; background-color: transparent; color: transparent; } 

#pun-category6.category h2 { background: url(http://funkyimg.com/i/ZBGX.png) no-repeat top center; width: 875px; height: 70px; font-size: 0px !important; background-color: transparent; color: transparent; } 

#pun-stats h2 {
background: url("http://funkyimg.com/i/ZBGY.png") center no-repeat;
margin-left: -25px;
height: 70px;
color: #0a202f;
font-weight: normal;
font-style: normal;
text-align: center;
font-size: 0px; 
background-repeat: no-repeat;


}



li.pa-author{
  margin-top: 46px;
  height: 31px;
  vertical-align: middle;
  width:204px;
  background: url(http://funkyimg.com/i/Y716.png) no-repeat center bottom;
   font-family: times new roman!important;
   font-size: 1.8em;
   font-weight: bold!important;
   padding: 11px 0px 6px 0!important;
   color: #37647b!important;
}

li.pa-fld2{
   width:204px;
   height: 30px;
   margin-top: 0!important;
   background: url(http://funkyimg.com/i/Y717.png) no-repeat center top;
   vertical-align: middle;
   padding: 2px 0 8px 0!important;
   letter-spacing:1px;
   color: #3d5e6d!important;
}


.char-info{
   position: absolute;
   height: 194px;
   width: 0px;
}

.info-block{
    height: 194px;
    width:136px;
    background: url(http://funkyimg.com/i/Y6iv.png) no-repeat center top  rgba(255,255,255, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   opacity: 0;
   text-align: left!important;
   color:#0e9bc2;
   padding:8px;
   line-height: 1.5em;
   font-size: 1.1em;
   overflow:hidden;
}

.info-block h4{
     position: absolute;
     font-family: "DIN1451"!important;
     background: #47b3e2!important;
     font-size: 1.5em!important;
     color: white!important;
     bottom:10px;
     text-align:center;
     width:180px;
     cursor:pointer;
     opacity: 0.8;
}

.info-block h4:hover{
     opacity: 1;
}

.info-block:hover{
    opacity: 1;
    width: 197px;
}

.info-h{
   font-family: "DIN1451";
   font-size: 1.4em;
   letter-spacing: 2px;
}

li.pa-fld1 a:link, li.pa-fld1 a:visited{
    color:#0e9bc2!important;
}
li.pa-fld1 {
    font-family: century gothic!important;
}


li.pa-avatar{
    margin-top:10px;
}

li.pa-respect{
   letter-spacing: 0.1em;
   margin-top: -8px;
}

li.pa-fld4 {
   margin-top: -1px;
}

.interesting-facts{
   background-color: #68afa7!important;
}

.parent {
    width:100%;
}


.appearence-item {
    max-height: 300px!important;
}