/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */

.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: #000000;
font-weight: normal;
font-style: normal;
text-align: Left;
}

/* CS1.2 Боди или фон форума */
body {background-color: #cbdcfd; background-image : url(http://funkyimg.com/i/2eHpo.png); background-position: top center; 
background-repeat:  repeat; 
background-attachment :  no-fixed;
}

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


body {background-image: url("нет"); background-position: top center; background-repeat: no-repeat;
background-color: transparent; 
overflow-x: hidden !important;

}



html {background-image: url("нет"); background-position: top center; background-repeat: repeat;
background-color: #5f0006; 
}


/* CS1.4 Пан или "тело" форума */
#pun {background-color: #; background-image: url(http://funkyimg.com/i/2iBhQ.png);

}

/* CS1.5 Футеркопирайниз */
#pun-about p.container {background-color: transparent;
background-image : url(http://funkyimg.com/i/2iB4z.png); 
background-position : center bottom; 
background-repeat : no-repeat;
height : 253px;
width: 1084px; 
margin-left: -89px;
margin-top: 25px;
text-align: center;
border-color: transparent;
}



 div#pun-about {
   margin-bottom: -132px;}
 div#pun-about {
   margin-bottom: -132px;}




/* CS1.6 Ссылки верхней навигации*/
#pun-navlinks .container { 
text-align: center; 
font-family: 'bebas neue';
font-size: 23px;
font-weight:bold;
text-transform: uppercase;
text-shadow: #425615 0px 1px 0px;
position: absolute;
background-color: 04428e; 
background-image: url();
z-index: 1000;
}



#pun-ulinks .container { 
text-align: center; 
position: absolute; 
}


/* CS2 Ссылки */

/* 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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #493825;
  text-decoration:  none;}

/* 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: #e4ac3b;
   text-decoration: inherit;
   -webkit-transition:color 500ms ease-in;
   -moz-transition:color 500ms ease-in;
   -o-transition:color 500ms ease-in;
   transition:color 500ms ease-in;
}

/* CS2.3 верхняя навигация цвет */
#pun-navlinks a {
color: #710002;
  text-decoration: none;}

/* CS2.4 при наведении на навигацию */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #9d0002;
  text-decoration: none;}

/* Цвет навигации до наведения нижняя*/
#pun-ulinks a {
  font-weight: normal;
  font-style: normal;
  color: #4d0001;
  border-bottom: 0px none #000;
  text-decoration: none;}



/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
margin-left: -15px;
display: block; 
border-style: none none none none;

width: 90px;
height: 90px;
background-image : url(http://funkyimg.com/i/2ivvk.png);
background-repeat: no-repeat;}

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

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

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




/* CS4 Картинки категорий */


#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2iBhT.png) no-repeat top center;
height: 200px;
width: 1054px;
margin-left: -64px;
font-size:0 !important;
}
#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2iBd3.png) no-repeat top center;
height: 200px;
width: 1054px;
margin-left: -64px;
font-size:0 !important;
}
#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2iBd4.png) no-repeat top center;
height: 200px;
width: 1054px;
margin-left: -64px;
font-size:0 !important;
}
#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2iBd5.png) no-repeat top center;
height: 200px;
width: 1054px;
margin-left: -64px;
font-size:0 !important;
}
#pun-category5.category h2 {
background: url(http://funkyimg.com/i/2iBd6.png) no-repeat top center;
height: 200px;
width: 1054px;
margin-left: -64px;
font-size:0 !important;
}
#pun-category6.category h2 {
background: url(http://funkyimg.com/i/2iBd7.png) no-repeat top center;
height: 200px;
width: 1054px;
margin-left: -64px;
font-size:0 !important;
}








/* CS5 Прочие элементы */


/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("ht");
background-origin: padding-box;
background-position: 13px 13px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 80px;
padding-top: -90px;}

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



/* CS5.3 Цитаты и коды в сообщениях*/




/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  {background-color: #f8e4c4; 
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
 border-radius: 9px;

box-shadow: 20px 20px 8px 
box-shadow-color: #553820;}











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

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 150px; 
top: 345px}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: Left;}
#pun th, #pun-main h2 {text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: left;}


/* БЫСТРЫЙОТВЕТ */
#post-form h2 span {
   display:none;
}
#post-form h2 {
   background: url(http://funkyimg.com/i/2hEnQ.png) no-repeat;
  width:1000px;
  height:178px;
margin-left: -47px;
margin-top:-20px;
margin-bottom: -20px;
}


/* ПРОФИЛЬ_ЛС_EMAIL */
.punbb .post-links { 
text-transform: uppercase;
font-size: 14px;
font-weight:bold;
font-family:  'bebas neue';
}


/* СКРОЛЛБАР */
::-webkit-scrollbar-thumb:vertical {
    background-color:#a9e87e;
    }

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

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color:#ffd44b; margin-top: 
    }


/* СООБЩЕНИЯ_РЕПУТАЦИЯ*/
.pa-posts,.pa-respect {
  font-size: 11px;
  text-align:center;
  color: #537900;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-family: 'Roboto Condensed', serif;
  display:inline-block;
  width:80px;
  margin: 10px;
  background: #eeedaf;
  border-radius: 6px; 
  -webkit-box-shadow: inset 0 0 3px 2px #fad62e;
  box-shadow: inset #f3f3f2 0 0 6px 4px;
  border-right: #fad62e double 3px;
  border-top: #fad62e 2px solid;
  border-left: #fad62e double 3px;
  border-bottom: #fad62e 2px solid;
  top: 2px;
}


/*ПРОФИЛЬ */
.punbb .post .post-author {
 width: 220px;
 border-top: none;
 border-bottom: none;
 margin-top: 0px;
 color: #537900;
 font-family: 'bebas neue';
 font-size: 11px;
 line-height: 3px;
}


/* СЕКТОР НАЗВАНИЯ ФОРУМА */
#pun-crumbs1, #pun-crumbs2  {
text-shadow: #ffffff 1px 1px 0px;
color: #93c253;
text-align: center;
text-transform: uppercase;
font-size: 14px;
font-family: bebas neue;
}


/* ЗАГОЛОВКИ ТЕМ*/
.tcr a {
  font-family: "bebas neue";
text-align: center;
text-transform: lowercase;
font-weight:bold;
text-shadow: #ffffff 1px 1px 0px;
font-size: 13px;
letter-spacing: 2px;
}

.tcr a:hover {
font-family: "bebas neue";
font-weight:bold;
text-align: center;
text-transform: lowercase;
font-size: 13px;

}



/* единый */
.topbody {
width: 603px; height: auto; margin-left: 0px;  padding-top: 30px;
padding-bottom: 10px;
display: block;
background: url(http://funkyimg.com/i/2hEuw.png) top no-repeat, url(http://funkyimg.com/i/2hEuy.png) bottom no-repeat, url(http://funkyimg.com/i/2hEux.png) repeat-y;
}
.topicbox {
width: 500px; 
font-family: verdana, arial, helvetica, sans-serif;
line-height: 120%;
letter-spacing: 0px;  
text-align: justify; 
margin-left: -100px;
padding: -30px 30px 30px 30px;
}


/* СЛАЙД ФАКА */
.jersaltabs {
 margin: 30px auto;
 position: relative;
 width: 555px; 
  height: 695px; 
 font-size: 12.2px;
 
 border-top: 0px # solid;
 font-family: 'cuprum', sans-serif; text-align: justify
}

.jersaltab {
 float: left
}

.jersaltab label {
 display: block;
 width: 1.7px;
 height: 1.7px;
 background: #;
 margin: 7px 9px;
 position: relative;
 left: 122px;
 top: -37px;
 z-index: 2;
 color: transparent;
 text-align: center;
 font-size: 12px;
 line-height: 140%;
 padding: 5px;
 -webkit-border-radius: 100%; 
 border-radius: 100%
}

.jersaltab input[type=radio]:checked ~ label {
 display: block; 
 background: AD2B4E;
 margin-top: 0px;
 color: black;
 width: 120px;
 height: 15px;
 -moz-transform: rotate(-1deg);
 -webkit-transform: rotate(-1deg);
 -o-transform: rotate(-1deg);
 -ms-transform: rotate(-1deg);
 transform: rotate(-1deg);
 -webkit-border-radius: 0px;
 border-radius: 0px;
 z-index: 3
}

.jersaltab:nth-child(odd) input[type=radio]:checked ~ label {
-moz-transform: rotate(1deg);
-webkit-transform: rotate(1deg);
-o-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform: rotate(1deg)
}

.jersaltab input[type=radio] {
 display: none
}

.jersalcontent {
 opacity: 0;
 height: 695px;
width: 555px;
 position: absolute;
 top: -5px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 background: AD2B4E;
 padding: 0px;

 overflow: hidden;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out
}

.jersalcontent2 { 
  opacity: 0;
  padding-right: 20px;
  
  border: 20px #fff solid;
  color: #555;
  height: 210px; text-align: justify;
  -webkit-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out; transition-delay: 1s;
  overflow-y: scroll; overflow-x: hidden
}

.jersalcontent b { letter-spacing: -1px }

.jersalcontent h2 { margin: 5px 20px; margin-top: 20px } .jersalcontent2 h2:nth-child(1) { margin-top: 0px }

.jersalcontent2::-webkit-scrollbar {
  width: 10px;
  background: #666;
  border: 3px #fff solid;
  border-top-width: 2px; border-bottom-width: 2px
}

.jersalcontent2::-webkit-scrollbar-thumb {
  border: 3px #000 solid;
  background-color: #000;
  -webkit-border-radius: 100%;
  border-radius: 100%
}

.jersalcontent:hover .jersalcontent2 { 
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-delay: 1.4s
}

.jersaltab input[type=radio]:checked ~ label ~ .jersalcontent {
 opacity: 1;
 z-index: 1;
 -moz-transform: scale(1);
 -webkit-transform: scale(1);
 -o-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1); 
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -ms-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out
}

#jersxl { font-size: 8px; position: absolute; width: 380px; margin-left: 10px; margin-top: 335px; color: #888; font-family: 'Spinnaker', sans-serif }
#jersxl a, #jersxl a:hover, #jersxl a:active { color: #aaa; text-decoration: none }



/*навигация для подфорума короткая*/
.desbox {font-size: 11px; text-align: justify;}
.fornavi a {display:inline-block; font-size: 11px; background:#fdc813; color:#6aa100!important; text-shadow: none; padding:2px 2px 3px 2px; margin: 1px!important; text-transform:lowercase; transition: 0.1s; text-align:center; width:74px; border-radius: 12px;}
.fornavi a:hover {background:#feea3b; color: #6aa100!important; border-radius: 7px;}
.fornavi {text-align:center; margin-top:9px!important;}


/*навигация для подфорума длинная*/
.desbox {font-size: 11px; text-align: justify;}
.fornavi2 a {display:inline-block; font-size: 11px; background:#fdc813; color:#6aa100!important; text-shadow: none; padding:2px 2px 3px 2px; margin: 1px!important; text-transform:lowercase; transition: 0.1s; text-align:center; width:155px; border-radius: 12px;}
.fornavi2 a:hover {background:#feea3b; color: #6aa100!important; border-radius: 7px;}
.fornavi2 {text-align:center; margin-top:9px!important;}








/* для админов в табле */

.tooltip {
 position: relative;
 }
.img-wrap{
height: 250px;
overflow:hidden;
position:relative;
width:916px;}
.img-overlay{
background-color:#110B0D;
bottom:0;
color:#fff;
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
width:100%;
z-index:1000;}
.img-overlay h4, .img-overlay p{
padding:0 10px;}
.img-wrap:hover .img-overlay{
opacity:0.75;
filter: alpha(opacity = 75);
transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-webkit-transition:opacity 0.25s;}

.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 position: absolute;
background: #f7f1e0; border: #f0e4c6 solid 1px; border-left: #f0e4c6 solid 1px; border-right: #f0e4c6 solid 1px; -moz-border-radius: 0px; border-radius: 10px; font-size: 9px; text-transform: lowercase;
 color: #7e7819;
font-family: 'Neucha', cursive;
 font-size: 12px; 
letter-spacing: 2px;
 padding: 5px 5px;
 bottom: 15px;
 right: -50px;
 box-shadow: 0 0 0px #цвет тени обводки блока;

}
.tooltip:hover em i {
 position: absolute;
 bottom: -9px;
 right: 0px;
 border-top: 7px solid #000;
 border-left: 7px solid transparent;
 display: block;}


/* ЛИЧНОЕ_ЗВАНИЕ */
.tekstprofile{
    margin-bottom:30px;
    font-size:11px;
    font-family:"bebas neue";
    line-height: 11px;
    color:#402b14;
    text-align: justify;
    text-transform: lowercase;
    padding: 30px 8px 8px 8px;
   background: #f3eedf;
border-radius: 20px;
border-top: 4px solid #439323;
border-bottom: 4px solid #381a01;
width: 167px;
}

 

  
.pa-title, .pa-time-visit, .pa-ip, .pa-visit {font-size: 10px;}

#pun-stats li.item3{ 
display:none;
 }










/* ------------------- шмек -------------------*/
.refreshforma {width: 560px;
min-height: 300px;
background: url(http://funkyimg.com/i/2y7zb.png) top no-repeat, url(http://funkyimg.com/i/2y7zd.png) bottom no-repeat, url(http://funkyimg.com/i/2y7zc.png) repeat-y;}

.refreshface1 a:link {font-size: 11px;
    font-weight: bold;
    font-style: normal;}

/*-------дек------*/

.pole{width: 294px;
padding-left: 26px;
text-align: justify;
margin-top: -19px;
padding-bottom: 39px;
font-family: bebas neue;
line-height: 90%;}

.guest {
    text-align: justify;
        padding: 20px 47px 80px 49px;}



.enjoynaz {font-size: 31px;
font-family: 'bebas neue';
color: #e0bf9b;
line-height: 0.258;
text-align: justifyAll;
text-shadow: 0px 0px 1px rgba(213, 215, 215, 0.8);}

.enjoyfaces {height: 140px;
overflow: auto;
padding: 10px;
font-family: 'bebas neue';
box-shadow: inset 0px 0px 17px 0px #dcd9d8, 0 0 0 1px #f0eae9;
background-color: #f4f2f2;
border-radius: 20px;
font-weight: bold;
font-size: 12px;}

.enjoyfaces b {color: #c19b72;}

.reshforum{
width: 332px;
text-align: justify;
line-height: 98%;
padding: 13px 30px 30px 30px;
color: #46396f;
font-family: bebas neue;
font-size: 12px;}