/* ОФОРМЛЕНИЕ
-------------------------------------------------------------*/

 /* Внешний фон  */
body {background-color: #ccd6e3;
background-image : url("http://funkyimg.com/i/2zyzH.png");
background-repeat: repeat;
background-position : top center;

}

 /* Внутренний фон  */
#pun {
background-image : url(http://funkyimg.com/i/2zyzG.png);
background-color: #c4b9b5;
background-position : center;
}


 /* Шапка  */
#pun-title table {
  border: none;
  height: 378px;
  width: 1074px;
  background-color: none;
  background-image: url(http://funkyimg.com/i/2zyzK.png);
  margin-left:-60px;
}



 /*  Категория */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: none;
text-align:center;
width: auto;
padding: 5px;
    border-style: none solid none solid;
    border-width: 0px 0px 0px 0px;
    background-color: #b4beca;
    text-transform: uppercase;
    color: #fae58f;
    text-shadow: 1px 1px 0px #c6b4e6, -1px -1px 0px #bcdb98;
    font-family: cuprum;
    font-size: 15px;
    letter-spacing: 2px;
  }




 /*  Цитата */
.punbb .quote-box, .punbb .code-box {
 background-color: #d6d7d9;
  color: #735f59;
padding:7px 0px 7px 3px;
}



 /*  Окно формы ответа */
.punbb textarea {
 background-color: #d6d7d9;
  color: #735f59;
border-style: solid;
border-color: #a39cb5 #b4beca;
    border-width: 1px 4px;
padding:7px 0px 7px 3px;
    box-shadow: inset 0 0 0px 3px #d5c4eb;
}
#main-reply {margin-left:-7px;}

/*  1 - хз
2 - Надписи: привет, ваш последний визит; статистика и тд 
3 - дата сообщения*/
.offline li.pa-online strong, 
.punbb .section .container, 
.punbb .post h3 {

  }

 
/* ОБВОДКА И ПРОЧЕЕ 
-------------------------------------------------------------*/

/* Обводка */
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th,  .punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .formal fieldset .post-box, .punbb .info-box, .punbb td, .punbb .post-sig dt, .punbb .divider   {
  border-color: transparent;
  }

 /*  Обводка в админке */
.punbb-admin #pun-admain h2,  .punbb fieldset, #pun-debug h2 {
  border-color: #cccccc;
  }

/* Разное */
.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 .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin, #pun-admain .adcontainer #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,  .punbb select, .punbb input  {
  background-color: none;

  } /*  color: #333333;*/

 /* Профиль юзера по центру */
#pun-main .post-author ul {text-align: center;}

/* ССЫЛКИ
-------------------------------------------------------------*/

/* Ссылки */
.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: #3b567a;
    border-bottom: 0px none #5b60b2;
    text-decoration: none;
    text-shadow: 1px 1px 0px #e6dbd8;
-moz-transition: all 0.2s 0.02s ease;
-o-transition: all 0.2s 0.02s ease;
-webkit-transition: all 0.2s 0.02s ease;

  }


/* Ссылки при наведении  */
.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: #d5c4eb;
  border-bottom: 0px none #000;
  }

/* Навигация верхняя строка */
#pun-navlinks a {
    color: #96acc7;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #d6c5ec, -1px -1px 0px #bedc99;
    font-family: 'cuprum'!important;
    font-size: 17px;
    letter-spacing: 1px;
 }

/* Навигация верхняя строка при наведении*/
#pun-navlinks a:hover {
color: #62719d;
  }



/* Навигация нижняя строка */
#pun-ulinks a {
    color: #ffffff;
    text-shadow: 1px 1px 0px #d1c2e4;
    font-stretch: condensed;
    text-transform: lowercase;
  -moz-transition: all 0.2s 0.02s ease;
  -o-transition: all 0.2s 0.02s ease;
  -webkit-transition: all 0.2s 0.02s ease;
  }

/* Навигация нижняя строка при наведении  */
#pun-ulinks a:hover { 
color: #9bb5d6;
}



/* Низ форума */
#pun-about p.container {
  background: url(http://funkyimg.com/i/2zyzE.png) no-repeat center top;
  text-align: center;
  margin-left: -65px;
  height: 197px; 
  width: 1092px;}


div#html-footer {
margin: 20px 0px 0px 0px;}
div#pun-about {
   margin-bottom: -180px;
}


/* ИКОНКИ И ПРОЧЕЕ
 -------------------------------------------------------------*/

Div.icon {
background-image : url(http://funkyimg.com/i/2zyFi.png); 
background-repeat: no-repeat; 
background-position: center;
}

TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2zyFj.png); 
background-repeat: no-repeat; 
background-position: center;
}

TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2zyFk.png); 
background-repeat: no-repeat; 
background-position: center;
}

TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2zyFm.png); 
background-repeat: no-repeat; 
background-position: center;
}



/* Прокрутка фон*/
::-webkit-scrollbar {background: #ccd6e3; width: 5px; height: 5px;}
::-webkit-scrollbar-corner {background: #ccd6e3;}
/* Прокрутка бегунок */
::-webkit-scrollbar-thumb {background: #b2bcc9; width: 5px; height: 5px;}








#MyBookmarks .container {background: #d6d7d9!important;}
#MyBookmarks h2 { background: #b4beca; }

/*------------------lz--------------*/
.lz {width: 168px;padding: 9px 13px 13px;height: auto;margin-left: 23px!important;margin-top: -6px !important;color: #3c3c3c;background: #d2ebf0;box-shadow: inset 0 0 23px #18b8da;border-top: 3px solid #91b3d6;border-bottom: 3px solid #91b3d6;font: 9px tahoma;text-align: justify;border-radius: 0px 0px 20px 20px;}

.lz a {font: 10px tahoma !important;}
.lz a:hover {color: #687fa1 !important}

.plash {margin-top: -37px !important;}

/* репутация и сообщения */
.pa-posts {
text-align: center; 
display: inline-block;
padding: 2px;
width: 70px;
margin-left: 0px !important;
  border-radius: 10px;
  background-color: #f1f1f1;
  border: 3px double #d9d9d9;
  font-size: 10px; !important;
  letter-spacing: 0px;
}
.pa-respect {
text-align: center;
display: inline-block;
padding: 2px;
width: 70px;
margin-left: 0px !important;
  border-radius: 10px;
  background-color: #f1f1f1;
  border: 3px double #d9d9d9;
  font-size: 10px; !important;
  letter-spacing: 0px;
}

/* бар для викторины */
.victorybar { 
background: url(http://funkyimg.com/i/2zTGZ.png) 0 top no-repeat, 
url(http://funkyimg.com/i/2zTGX.png) 0 bottom no-repeat, 
url(http://funkyimg.com/i/2zTGY.png) 0 top repeat-y; 
width: 170px; height: 270px;} 

.vimg { 
position: absolute; 
display: block; 
width: 50px; 
height: 50px; 
margin: 15px 10px 10px 50px; 
padding: 10px 10px 10px 10px; 
border-radius: 100px; 
background: rgba(255, 255, 255, 0.1); 
text-align: center;} 

.vtext { 
position: absolute; 
display: block; 
width: 120px; 
height: 120px; 
margin: 100px 14px 0; 
padding: 10px 10px 10px 10px; 
border-radius: 10px; 
background: rgba(255, 255, 255, 0.2); 
color: #656b75; 
text-align: justify; 
font: 10px arial;}

/* анкета */
.jhappcre {
 font: 7px/100% raleway;
 font-weight: 800;
 padding: 6px;
 text-transform: uppercase;
 color: #757575;
 margin: 0px auto;
 display: block;
 text-decoration: none;
}

.jhapptf2 i {
 font-size: 11px!important;
 color: #000!important;
}

.jhapptf2 b {
 font-weight: 900!important;
 font: 11px/100% montserrat!important;
 color: #000!important;
}

.jhapptf2 {
 border-radius: 6px;
 font: 12px/100% poppins;
 text-align: justify;
 font-weight: 400;
 padding: 12px;
 color: #454545;
 background: #eee9c8;
 border: 1px solid #F1F1F1;
 min-height: 30px!important;
 margin-left: 0px;
}

::-MOZkit-SCROLLBAR { 
 width: 9px;
 border-left: 4px solid #fff;
 border-right: 4px solid #fff; 
 background: #E2E1E1; 
 }
 
::-MOZkit-SCROLLBAR-THUMB { 
 border: 2px solid #fcfcfc;  
 background: #E3E3E3;
 }
 
::-webkit-scrollbar {
 width: 9px; 
 border-left: 4px solid #fff;
 border-right: 4px solid #fff; 
 background: #E2E1E1;
 }
 
::-webkit-scrollbar-thumb { 
 border: 2px solid #fcfcfc; 
 background: #E3E3E3;
 }


.jhacontent2 b {
 font: 10px/100% raleway;
 font-weight: 900;
 color: #425f12;
}

.jhacontent2 {
 padding: 5px; 
 height: 270px;
 overflow: auto;
}

.jhapptf {
 border-radius: 6px;
 font: 7.2px/100% montserrat;
 text-align: justify;
 font-weight: 400;
 padding: 12px;
 color: #;
 background: #eee9c8;
 border: 1px solid #F1F1F1;
 min-height: 30px!important;
 margin-left: 0px;
}

.jhacontent2 i {
 color: #5b7a0f;
  text-shadow: 1px 1px #454545;
}

.jhapphti {
 padding: 6px;
 margin: 6px;
 text-align: right;
 letter-spacing: -1px;
 font: 20px/70% montserrat;
 color: #5b7a0f; 
 text-transform: lowercase;
  text-shadow: 1px 1px #fff;
  font-weight: 800;
 
}

.jhappooc i {
 color: #F4DD51;
 text-shadow: 1px 1px #79B5AC;
}

.jhappooc {
 z-index: 1;
 background: #454545;
 padding: 6px;
 color: #FFF;
 text-align: left;
 position: absolute;
 left: 0px;
 bottom: 0px;
 width: 97.2%;
 font: 9px/100% raleway;
 font-weight: 800;
 text-transform: uppercase;
}

.jhcolorborder1 {
height: 4px;
background: #56700f;
border-right: 140px solid #e49430;
margin-top: 0px;
margin-bottom: 5px;
}

.jhcolorborder2 {
height: 4px;
background: #56700f;
border-left: 140px solid #e49430;
margin-top: 105px;
}

.jhappc h5 i {
 float: left;
 padding: 5px;
 margin: 3px;
 font-size: 12px;
 color: #56700f;
 text-shadow: 1px 1px #e49430;
}

.jhappc h5 {
  font: 8.4px/100% poppins;
  text-transform: uppercase;
  float: left;
  text-align: justify;
  border-right: 1px dotted #56700f; 
  width: 130px;
  padding: 10px;
  overflow: hidden;
  color: #484848;
  height: 89px;
  position: absolute;
  top: 15px;
}

.jhappc h4 {
  color: #537512; 
  text-shadow: 1px 1px #f6d27f;
  font: 24px/100% montserrat;
  font-weight: 800;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-align: right;
  padding: 20px;
  float: right;
  width: 240px;
  height: 75px;
}

.jhappc h6 {
  color: #537512; 
  text-shadow: 1px 1px #f6d27f;
  font: 15px/100% montserrat;
  font-weight: 800;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-align: right;
  padding: 10px;
 margin-top: -55px;
margin-right:105px;
  float: right;
  width: 240px;
  height: 35px;
}


.jhappc img {
 width: 70px;
 height: 70px;
 border-radius: 100%;
 float: right;
 margin: 10px;
 border: 5px solid #537512;
 box-shadow: 2px 2px #f6d27f;
}

.jhappc {
 overflow: hidden;
 padding: 13px;
border: #dd8b29 solid 10px; 
border-left: #4f6b04 solid 3px; 
border-right: #4f6b04 solid 3px; 
box-shadow: inset 0 0 20px 10px #f6d27f;
 border-radius: 5px;
 width: 560px;
 height: 500px;
 background: #e6e3c7;
 position: relative;
}



 









.tabs {
 padding: 1px;
position: relative;  
width: 530px;
height:  400px;
margin-top: 200px;
}

.jhatab {
float: left;
}

.jhatab label {
 color: #eeebd2; 
  text-shadow: 1px 1px #3e5d04;
background: #eb8f2c;
line-height: 100%;
font-size: 18px;
border-radius: 100%;
padding: 10px;
border: 1px solid #DFDFDF;
width: 20px;
height: 20px;
margin: 10px;
position: relative;
left: 1px;
float: left;
}

.jhatab [type=radio] {
display: none;  
}

.jhacontent {
position: absolute;
height: 300px;
width: 400px;
-webkit-transition-duration: .9s; 
-moz-transition-duration: .9s;
-o-transition-duration: .9s; 
overflow: hidden;
top: 480px; 
bottom: 0px;
left: 0px; 
right: 0px;
background: #d9d49d;
padding: 20px;
border: 1px solid #dcd58c;
}
[type=radio]:checked ~ label {
background: #dfdca0;
border: 1px solid #DFDFDF;
z-index: 2;
}

[type=radio]:checked ~ label ~ .jhacontent {
z-index: 1;
top: -180px;
left: 70px;
}