/*ГРАФИКА -------------------------------------------------------------*/

/* Боди или фон форума */
body {background-color: #d3dc82; background-image: url(http://funkyimg.com/i/2d83n.jpg); background-position: top center; background-repeat: repeat; overflow-x: hidden;}

/* Шапка */
#pun-title table {
background-color: transparent;
background-image : url(http://funkyimg.com/i/2d8TP.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 586px;
width: 2000px;
margin-left: -561px;
}


/* Пан или "тело" форума */
#pun {background-color: #e6edac; background-image: url(http://funkyimg.com/i/2d82T.jpg); background-position: center;}

#profilenav h2 {text-shadow: none;}

#pun-redirect.punbb  #pun-main h1 {
background: none;}

hr, .banner-line {
height: 12px;
background: url("") center no-repeat;
border: 0px}


/* футер */
#pun-about p.container {background-color: #;
background: url("http://funkyimg.com/i/2d82S.jpg");
background-position: center top; 
background-repeat: no-repeat; 
   width: 1230px;
   height: 125px;
margin-left: -179px;
text-align: center;
border-color: transparent;
}
div#pun-about {
   margin-bottom: -76px;
   font-size: 0px;
}


/* Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, 

.punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main 

h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu 

.container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain 

legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { 

background-color: transpanent;
color: #2b2820;
font-weight: normal;
font-family: verdana;
font-style: normal;}

/* двигалка навигации, общие ссылки и пользовательские*/
div#pun-navlinks { position: absolute; width: 100%; text-align: center; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center; }


/* Ссылки */

/* cs2.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: #33480c;
  border-bottom: 0px none #000;
  text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;}


/* cs2.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: #33480c;
  border-bottom: 0px none #000;}




/* cs2.3. верхняя навигация до наведения */
#pun-navlinks a {
  color: #32265a;
  font-family: 'Russo One', sans-serif;
  font-style: black;
  font-size: 14px !important;
  border-bottom: 0px none #000;
  text-transform: uppercase;
  letter-spacing: 1px;
 text-shadow: rgba(114, 90, 186, 0.86) 1px 1px 0px;
}
/* cs2.4. нижняя навигация до наведения */
#pun-ulinks a {
  color: #213401;
  font-family: 'Russo One', sans-serif;
  font-size: 8px !important;
  border-bottom: 0px none #000;
  letter-spacing: 0px;
  text-transform: lowercase;
  /* font-variant: small-caps; */
  text-shadow:  rgba(129, 201, 34, 0.86) 1px 1px 0;
  }

/* cs2.5. верхняя навигация после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  border-bottom: 0px none #000;
  color: #9fc62f;}

/* cs2.5. нижняя навигация после наведения */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
  color: #9fc62f;}

/*ИКОНКИ -------------------------------------------------------------*/

/* Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-top: 30px!important;
margin-left: -15px!important;
margin-right: 15px!important;
padding: 1px;
width: 50px;
    height: 50px;
background-image : url(http://funkyimg.com/i/2d8Zd.png);
background-repeat: no-repeat;}

/* Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2d8XM.png);
background-repeat: no-repeat;
width: 50px;
    height: 50px;}

/* Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2d8Zh.png);
background-repeat: no-repeat;
width: 50px;
    height: 50px;}

/* Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2d8Zg.png);
background-repeat: no-repeat;
width: 50px;
    height: 50px;}

/*КАТЕГОРИИ-------------------------------------------------------------*/
#pun-category1.category h2 {
color: transparent;
background: url();
background-repeat: no-repeat;
height: 102px;
width: 1230px;
margin-left: -26px;
margin-top: -100px;
font-size:0 !important;
overflow-x: hidden; 
background-position: top center;}

#pun-category2.category h2 {
color: transparent;
background: url(http://funkyimg.com/i/2d8x5.png);
background-repeat: no-repeat;
height: 102px;
width: 1230px;
margin-left: -176px;
font-size:0 !important;}

#pun-category3.category h2 {
color: transparent;
background: url(http://funkyimg.com/i/2d8yi.png);
background-repeat: no-repeat;
height: 101px;
width: 1230px;
margin-left: -176px;
font-size:0 !important;}

#pun-category4.category h2 {
color: transparent;
background: url(http://funkyimg.com/i/2d8xw.png);
background-repeat: no-repeat;
height: 101px;
width: 1230px;
margin-left: -176px;
font-size:0 !important;}

#pun-category5.category h2 {
color: transparent;
background: url(http://funkyimg.com/i/2d8xE.png);
background-repeat: no-repeat;
height: 101px;
width: 1230px;
margin-left: -176px;
font-size:0 !important;}

#pun-category6.category h2 {
color: transparent;
background: url(http://funkyimg.com/i/2d8xF.png);
background-repeat: no-repeat;
height: 101px;
width: 1230px;
margin-left: -176px;
font-size:0 !important;}


/* Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 101px;
width: 1230px;
margin-left: -176px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/2d8y2.png");
background-origin: padding-box;
background-position: 10% 10%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}


/* CS5.3 ЦИТАТЫ И КОД*/
.punbb .quote-box, .punbb .code-box {
background-color: #f2fcc9;
background-image: url("");
box-shadow: 0 0 0px 3px #9fc62f;
border: 3px solid #ebcd56 !important;
padding: 8px!important;
border-radius: 15px;
color: #000000;
weight: auto;
}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #e6e5d3; 
background-image: url("");
color: #000000}


/* выравнивания параметров профиля */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center;
margin-left: -1px;}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center; 
}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}



/*------------------------полоски прокрутки-----------------------*/

::-webkit-scrollbar-thumb:vertical {
    background-color:#394f0c;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#394f0c;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color:#e7f5c7; margin-top:
   
}


.post::-webkit-scrollbar-thumb:vertical {
    background-color:#394f0c;
}

.post::-webkit-scrollbar-thumb:horizontal {
    background-color:#394f0c;
}

.post::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color:#e7f5c7; margin-top:
   
}

/*---------------оформление названий подфорумов---------------*/
#pun-index.punbb .tclcon h3 > a {
  color: #8c949b;
   font-family: verdana;
   font-weight: bold;
   font-size: 15px !important;
   font-style: black;
   letter-spacing: 1px;
   text-transform: uppercase;

}
#pun-index.punbb .tclcon h3 > a:hover {
   color:#285A75;
text-shadow: #d0c8c1 1px 0px 0px;

}


/* ССЫЛКИ В РАЗДЕЛАХ */
.pf {
margin: 10px 5px 3px 5px !important;
}
.pf a:link {
    background-color: #96b065;
    padding: 3px 5px 3px 5px;
    color: #f0fae0 !important;
    border-radius: 6px;
    border-top: 1px solid #61871e;

    font-family: franklin gothic medium;
margin-left: 5px;
}
.pf a:visited {
background-color: #96b065;  color: #f0fae0;  border-top: 1px solid #61871e;
}

/*Всплывающий скриншот*/ 
.thumbnail{  
position: relative;  
z-index: 0;  
}  
.thumbnail:hover{  
background-color: transparent;  
z-index: 0;  
}  
.thumbnail span{ /*CSS for enlarged image*/  
position: absolute;  
background-color: #575053;   
left: -1000px;  
border: 0px solid white;  
visibility: hidden;  
text-decoration: none;  
border-radius: 0px 0px 0px 0px; 
-moz-border-radius: 0px 0px 0px 0px; 
-webkit-border-radius: 0px 0px 0px 0px; 
}  
.thumbnail span img{ /*CSS for enlarged image*/  
border-width: 0;  
padding: 0px;  
}  
.thumbnail:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
top: -55px;  
left: 30px; /*position where enlarged image should offset horizontally */  
}  
/*---------------------*/

.cap {position: relative;
width: 40px;
    height: 40;
margin-left: 1px !important;
margin-bottom: -30px !important;
}

.lzp {z-index: 2;
position: relative;
margin-top: -17px !important; margin-left: -34px !important;
}

.lz {z-index: 1;
    position: relative;
width: 163px;
    height: auto;
    background: #eef3c0;
    background-image: url();
    background-repeat: repeat;
    padding: 10px;
    border: 3px double #c0cc91;
    border-radius: 8px 23px 8px 23px;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.57);
text-align: justify;
font: 10px verdana !important;
    margin-left: 2px !important;
    margin-top: -3px !important;
}

.lzn {text-align: center;}
.lzn a:link {    font-family: arial;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
    color: rgb(87, 157, 177);
    text-shadow: #c09e7f 1px 0 0;}

.lzn a:hover {font-family: arial; font-size: 12px; font-style: italic; text-decoration: underline; color: #61871e; text-shadow: #c09e7f 1px 0 0 }

.lzs  {padding-bottom: 5px; text-align: center; }
.lzs a:link { font-family: Franklin Gothic Medium;
    font-size: 12px;
    color: rgb(86, 63, 38);
    text-shadow: #F5EED7 1px 0 0;}

.lzm {    z-index: 0;
    position: relative;
    width: 80px;
    height: auto;
    background-color: #eef3c0;
    padding: 10px;
    margin-left: 40px !important;
    margin-top: -6px !important;
    margin-bottom: 14px !important;
    border: 3px double #c0cc91;
    border-radius: 37px 17px 45px 13px;
    /* transform: rotate(-5deg); */
    transform: skew(-5deg, -5deg);
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.57);
    font-style: italic;
    font-weight: bold;
    font-family: Franklin Gothic Medium;
    font-size: 14px;
    text-align: center;}

/* D3.2 ССЫЛКИ (форум, участники) */ 

/* D3.2 */ 
#pun-navlinks .container { 
padding-top: 10px; 
padding-left: 0px; 
height: 15px; 
width: 850px; /*должно соответствовать ширине форума*/ 
text-align: center; /*выравнивает по центру*/ 
position: absolute!important; 
top: 363px!important; 
left: 32px;
} 

/* D4.2 */ 
#pun-ulinks .container { 
margin-left: 10px; 
height: 15px; 
width: 890px; /*должно соответствовать ширине форума*/ 
text-align: center; /*выравнивает по центру*/ 
position: absolute!important; 
z-index: 1; top: 290px!important; 
font-size: 8px; /*меняет размер шрифта*/ 
}


/* сдвиг даты*/ 
#pun-main .post .permalink{ 
padding-left: 20px; 
}

/* СТИЛЬ ГАЗЕТЫ
-------------------------------------------------------------*/
.norts {position: relative; width: 450px; height: 474px; overflow: hidden; background: #B2AD9A; align: center;}
.nort {float: left;}
.nort label {display: inline-block; text-align: center; width: 57px; font-family: 'Monda', serif; color: #fff; margin-right: 0px; font-size: 9px; text-transform: uppercase; height: 20px; line-height: 12px; padding-top: 5px; border: 0px solid #ccc; position: relative; z-index: 1; top: 0px; left: 20px;}
.nort [type=radio] {display: none; baseline-tab-shift: true, retrieve; }
.content {position: absolute; top: 24px; background-color: #ffffff; left: 0px; width: 450px; height: 450px; }
[type=radio]:checked ~ label {background: white; color: #5d2526; z-index: 2;}
[type=radio]:checked ~ label ~ .content {z-index: 1; -webkit-transform: rotate(720deg); -o-transform: rotate(720deg); -moz-transform: rotate(720deg);}
#idhover { width: 450px; height: 450px; overflow: hidden; }
#idhover:hover .hover { top: 0px; }
.zombieap1 { font-family: 'Rochester', cursive; text-transform: none; text-align: center; font-size: 35px; letter-spacing: -1px; line-height: 20px;  color: #c4c4c4; text-shadow: 1px 0px 0px #000000; padding-top: 8px; padding-bottom: 0px; }
.zombieap1b { font-family: 'Rochester', cursive; text-transform: none; text-align: center; font-size: 35px; letter-spacing: -1px; line-height: 20px;  color: #c4c4c4; text-shadow: 1px 0px 0px #fff; padding-top: 8px; padding-bottom: 0px; }
.zombieboxy { width:150px; overflow: auto; height: 147px; }
.zombiepad { padding: 1px; font-family: 'Roboto Condensed', sans-serif; text-align: justify; font-size: 13px; line-height: 9px; letter-spacing: 0px; color: #63646b; text-transform: none; overflow-x: hidden;}
.zombiepad a { font-weight: 900; padding: 2px; font-family: 'Monda', serif; text-align: justify; font-size: 13px; line-height: 9px; letter-spacing: 1px; color: #a81111; text-transform: uppercase; overflow-x: hidden;}
.zombiepad a:hover { font-weight: 900; padding: 2px; font-family: 'Monda', serif; text-align: justify; font-size: 13px; line-height: 9px; letter-spacing: 1px; color: #5d2526; text-transform: uppercase; overflow-x: hidden;}
.zombiepadb { padding-left: 3px; padding-right: 3px; padding-top: 8px; padding-bottom: 4px; font-family: 'Roboto Condensed', sans-serif; text-align: justify; font-size: 13px; line-height: 9px; letter-spacing: 0px; color: #63646b; text-transform: none; overflow-x: hidden;}
.zombiepadb a { font-weight: 900; padding-left: 3px; padding-right: 3px; padding-top: 8px; padding-bottom: 4px; font-family: 'Monda', serif; text-align: justify; font-size: 13px; line-height: 9px; letter-spacing: 0px; color: #a81111; text-transform: uppercase; overflow-x: hidden;}
.zombiepadb a:hover { font-weight: 900; padding-left: 3px; padding-right: 3px; padding-top: 8px; padding-bottom: 4px;  font-family: 'Monda', serif; text-align: justify; font-size: 13px; line-height: 9px; letter-spacing: 0px; color: #5d2526; text-transform: uppercase; overflow-x: hidden;}
.padzom { padding: 5px; }

.personalitytitle { font-family: 'Rochester', cursive;  text-align: center; font-size: 18px; line-height: 13px; padding-top: 2px; }


/* МИСТЕР Х
-------------------------------------------------------------*/
.hpdh-kreacher { width:400px; height:126px; background-image:url(http://i.imgur.com/kPzMhlL.png);}
.hpdh-dobby {width:100px; height:95px; padding:3px; border:1px solid #fcfcfc;}
.hpdh-winky {width:200px; font-family:playfair display; font-size:15px; font-style:italic; padding-bottom:4px; text-align:center; border-bottom:1px solid #fcfcfc; margin-left:26px; color:#fcfcfc;}
.spl {width:190px; font-family:playfair display; font-size:13px; font-style:italic; text-align:center;  margin-left:23px; color:#fcfcfc;}
.hpdh-griphook {overflow-x: auto; background-color:#E8E8E8; width: 348px; height:300px; padding-left:30px; padding-right:30px; padding-top:25px; padding-bottom:25px; font-family:playfair display; font-size:11px; text-align:justify; line-height:98%; color:#191919; columns:125px auto; -webkit-columns:125px auto; -moz-columns:125px auto; }
.hpdh-griphook i {font-style:italic; font-size:30px; font-weight:bold; line-height:100%; padding-left:15px; padding-right:3px; color:#191919;}