/*--------------------------- ШАПКА ФОРУМА --------------------------------------------------*/

#pun-title table {
  background: url(http://funkyimg.com/i/2CSeP.png) no-repeat top right; 
  height: 738px;
  width: 2000px;
  margin-left:-585px;
}


/*-------------------КНОПКА НАВИГАЦИИ КАРТИНКОЙ-----------------------------------*/
#navindex a {
  background: url(http://funkyimg.com/i/2CSeN.png) no-repeat top right; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: 100px;
width: 100px;
top: -1px; 
left: -85px;
}

#navindex a span {display: none;}

/*--------------------------- ФУТЕР - РАЗДЕЛ ОБ--------------------------------------------------*/
#pun-about p.container {
  background: url(http://s7.uploads.ru/QEelx.png) bottom center no-repeat;
  height: 106px;
  width: 889px;
  margin-bottom:-66px;
  margin-left:-36px;
  padding-top:95px;
}


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

/* иконка новых */
TR.inew Div.icon {
  background : url(http://funkyimg.com/i/2z1yP.png) no-repeat top center;
}

#pun-index TR.inew Div.icon {
background : url(http://funkyimg.com/i/2z1yP.png) no-repeat top center;
 height: 150px!important; margin-top:23px;
margin-right:-10px;
margin-left:20px;
}

/* иконка старых сообщений*/
 table Div.icon { 
  background: url(http://funkyimg.com/i/2z1yQ.png) no-repeat top center;
}

#pun-index table Div.icon { 
  background: url(http://funkyimg.com/i/2z1yQ.png) no-repeat top center;
 height: 150px!important; margin-top:23px;
margin-right:-10px;
margin-left:20px;
}


/* иконка важных*/
TR.isticky Div.icon {
  background: url(http://funkyimg.com/i/2z1yM.png) no-repeat top center;

}

/*иконка закрытых*/
TR.iclosed Div.icon {
  background: url(http://funkyimg.com/i/2z1yN.png) no-repeat top center;

}

/* ------------------------ СТАТИСТИКА ------------------------------*/

#pun-stats ul.container {
  background: url(http://funkyimg.com/i/2z1yY.png) no-repeat top left;
  background-position: 0px 0px;
  padding-left: 90px;
  height:80px;
  padding-top: 0px;
}

#pun-stats.section h2 { 
  background: url("http://funkyimg.com/i/2z2Px.png") no-repeat;
  padding-bottom:10px;
  width:880px;
  height:120px;
}

#pun-stats h2 span { 
   display:none;
}

/*------------------------------- БЫСТРЫЙ ОТВЕТ И КНОПКИ ---------------------------------*/

#post-form h2 span {
   display:none;
}

#post-form h2 {
   background: url() no-repeat;
  width:850px;
  height:61px;
margin-top:-50px;
margin-bottom: -50px;
}

.hashelp center div input {
  width:70px;
}

.hashelp center div input, .button {    

   border: 1px solid #3a6330;
   background: #5c7e54;
     padding-left:7px!important;
   height:25px!important;
   text-decoration:none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
     color: #133c09;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   font-family: arial!important;
   font-size:12px!important;
}

.hashelp center div input:hover, .button:hover {
   background: #98845f;
  }

.hashelp center div input:active, .button:active {
	position:relative;
	top:1px;
}


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

li.pa-respect, li.pa-posts, li.pa-fld2 { 
  display: inline-block;
  text-align: center; 
  width: 60px;
height:30px;
  font-size:12px;
letter-spacing:1px;
line-height:16px;
font-weight:bold;
font-family:'bebas neue';
margin:5px 3px!important;
position: relative;
z-index:55;
background: url(http://funkyimg.com/i/2z2R8.png) bottom center no-repeat;
}

.pa-respect a{color:#528247!important;}

.pa-respect a:hover{color:#528247!important;}

#pun-reputation div {
  background: #528247;
}

#post fieldset legend span {
  display:none;
}


/*------------------------ПРОКРУТКА-----------------------*/

::-webkit-scrollbar-thumb:vertical {
  background-color:#225c14;
}
::-webkit-scrollbar-thumb:horizontal {
  background-color:#6a6843;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color:#6a6843;
}

div#pun-online.punbb .tc3 {
  text-align: left; /*текст справа*/
  width: 20%; /*ширина третьей колонки*/
}

div#pun-online.punbb .tcl {
  text-align: left; /*текст слева для первых двух колонок*/ 
}

#pun-online th.tcl, #pun-online th.tc3 {
   font-size:0%;
}


/*-------------------------------- ОСТАЛЬНОЕ ------------------------------- */
#pun-main div.catleft, #pun-main div.catright, #pun-announcement h2, .lastedit, .mini_awards_label, .mini_awards, .title-logo span, li#navawards, #topic-modmenu .container span, .statscon .container .item3 {
  display: none;
}


/* название категорий */
.category h2 span {
  visibility:hidden!important;
}


/* время отправки поста + рейтинг поста */
.permalink{
  font-size: 15px;
  font-family: cuprum;
  font-style: italic;
  font-weight: normal!important;
  color: #17460c!important;
}



/*-----ссылки в подфорумах и таблице--------*/
.dbl, .tbl {
  display:inline-block;
  font-size:10px;
letter-spacing:-1px;
color:#17460c!important;
background: #5c7b54;
padding:2px;
margin: 1px!important;
text-transform:lowercase;
transition: 0.1s;
text-align:center;
border-radius: 10px;
}

.dbl {
width:100px;}

.tbl {
width:85px;}

.dbl:hover, .tbl:hover{
color:#503c18!important;
background: #98845f;
transition: 0.1s;
}

.narutolink {
  display:inline-block;
  font-size:10px;
letter-spacing:-1px;
color:#17460c!important;
background: #5c7b54;
padding:2px;
margin: 1px!important;
text-transform:lowercase;
transition: 0.1s;
text-align:center;
    border-radius: 7px;
}

.narutolink {
width:100px;}

.narutolink {
width:85px;}

.narutolink:hover{
color:#503c18!important;
background: #98845f;
transition: 0.1s;
}

/* картиночки амс*/
.ams {
  position: relative;
  display:inline-block;
  font-family: 'bebas neue';
  text-shadow: #e7e7e7 1px 1px;
  font-size:15px;
}

.ams a{
margin-right:7px;}

.ams span {
   display:none;
} 

.ams:hover span{
   position:absolute;
    padding: 2px; 
  background:#1a365b;
  border-radius: 10px;
  border-left: #b95879 solid 2px;
  border-right: #b95879 solid 2px;
  border-top: #b95879 solid 2px;
  border-bottom: #b95879 solid 2px;
  box-shadow: inset 0 -2px #a68fc6, inset 0 2px #967dbd ;
   display:inline-block;
   margin-top:-105px;
   left:-50px;
   z-index:100000000;
}

.ams span img {width:150px;
  border-radius: 10px;}

  background-color: #f9f9f9;
  color: #333
  }


/* CS1.8 */
#pun-navlinks .container {
  background-color: #0F5995;
  color: #f1f1f1;
  }

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

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ccc #ccc #aaa #ccc
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #f5f5f5
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #201363;
  }

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

/* CS2.5 */
.punbb th {
  border-color: #dedfdf
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color: #0d376f;
  }


/* 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: #17460c
  }

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

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

/* CS3.3 */
#pun-navlinks a {
  color: #eee;
  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #fff;
  text-decoration: underline
  }

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

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

#pun-main div.catleft, #pun-main div.catright {display: none}


.pa-awards {
img: url(http://funkyimg.com/i/2wJHg.png);
}

/* хэш*/

.pa-fld1{
margin-top:-30px!important;
height:71px;
 position: relative;
margin-bottom:10px!important;
margin-left:-9px!important;
color: #fff;}

/*принадлежность к группе*/

.pa-fld3{
margin-top:-390px!important;
margin-left: -10px!important;
height:65px;
 position:  absolute;
color: #fff;
}

/* профиль */
.pa-fld5 {
max-width:800px;
margin-left:1px!important;
font-family: 'Roboto Condensed';
color: #3a2a0d;
font-size: 11px;
color: #fff;
}

/* профиль */
.pa-fld4 {
max-width:800px;
margin-left:1px!important;
font-family: 'Roboto Condensed';
color: #3a2a0d;
font-size: 11px;
color: #2b1f0f;
text-transform: none;
}

/* профиль */
.pa-fld6 {
max-width: 800px;
    margin-left: 10px!important;
    font-family: 'Roboto Condensed';
    color: #3a2a0d;
    font-size: 11px;
    color: #2b1f0f;
    width: 200px;
    text-align: center;
text-transform: none;
}


/*HTML В ПОСТАХ*/

.winx { width: 566px; height: 310px; overflow: hidden; position: relative; background: url(http://funkyimg.com/i/2z2D7.png) 50% 0% repeat-x, url(http://funkyimg.com/i/2z2D9.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2z2D8.png) 50% 0%; padding: 10px; padding-top: 40px; border-radius: 25px; }

.winxonce { width: 566px; height: 310px; overflow: hidden; position: relative; background: url(http://funkyimg.com/i/2z2D7.png) 50% 0% repeat-x, url(http://funkyimg.com/i/2z2D9.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2z2D8.png) 50% 0%; padding: 10px; padding-top: 40px; border-radius: 25px; }

.flora { width: 566px; min-height: 260px; overflow: hidden; position: relative; background: url(http://funkyimg.com/i/2z2D7.png) 50% 0% repeat-x, url(http://funkyimg.com/i/2z2D9.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2z2D8.png) 50% 0%; padding: 10px; padding-top: 40px; border-radius: 25px; }

.stella { width: 500px; margin-left: 50px; text-align: justify; font-family: "Roboto Condensed"; font-size: 13px; }

.tecna { width: 580px; margin-left: 10px; text-align: justify; font-family: "Roboto Condensed"; font-size: 13px; }

.aishawinx {text-align: center; color: #17460c!important;
text-shadow: 1px 1px #ebebeb!important; font-family: "nautilus pompilius" !important;
 font-size: 21px;  
margin-top: -27px!important;
font-weight: 900;}

#winxlink {   height: 18px; overflow: hidden; }

.linkofwinx { font-family: "Roboto Condensed";  font-size: 9px; padding: 4px; line-height: 100%; text-transform: uppercase; text-align: center; color: #74a169; position: relative; top: 0px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; background-color: #17460c; padding-left: -20px; border-radius: 1px; }

.linkagewinx {  font-family: "Roboto Condensed";  font-size: 9px;height: 18px; line-height: 100%; text-transform: uppercase; text-align: center; color: #000205; position: relative; top: -1px; -webkit-transition-duration: .5s; padding-left: -20px; border-radius: 1px; }
#winxlink:hover .linkagewinx { top: -18px; }
#winxlink:Hover .linkofwinx { color: #000205; }


.slide_panel_wrap {
margin:40px auto;
width:300px;
position:relative; /*обязательное свойство*/
overflow:hidden; /*обязательное свойство*/
}
.slide_panel {
margin-left:-201px; /*обязательное свойство*/
padding:20px; 
width:160px; 
position:relative; /*обязательное свойство*/
top:0; /*обязательное свойство*/
left:0; /*обязательное свойство*/
border:1px solid #0b2241;
}
.slide_panel p.open {
padding:3px 5px;
position:absolute; /*обязательное свойство*/
top:10px; /*обязательное свойство*/
left:200px; /*обязательное свойство*/
border:1px solid #0b2241;
cursor:pointer;
}


.textovik {
    position: relative;
    width: 550px;
    height: 500px;
    font-family: verdana;
    line-height: 15px;
    color: #000!important;
    text-align: justify;
    padding: 3px;
    font-size: 11px;
    overflow: auto;
    margin-top: 0!important;
    margin-left: 0!important;
 }


.zagolovok {
    margin-top: -24px!important;
    text-align: center;
    font-size: 30px;
    font-family: nautilus pompilius;
    padding-top: 35px;
       color: #ffffff;
    text-shadow: #007400 1px 1px 0px;
}

.fonforhtml{
width: 606px;
height: 2074px;
background: url(http://funkyimg.com/i/2z2Cn.png); 
}

.perfomance{
    position: absolute;
    margin-top: -23px !important;
    margin-left: 190px !important;
    text-align: center;
    font-size: 30px;
    font-family: nautilus pompilius;
    padding-top: 42px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: #057400 1px 1px 0px;
}

.textoparty{
    position: absolute;
    width: 470px;
    height: auto;
    font-family: Roboto condensed;
    line-height: 12px;
    color: #000!important;
    text-align: justify;
    padding: 3px;
    font-size: 10px;
    margin-top: 65px!important;
    margin-left: 60px!important;
}


.firstabout{
    position: absolute;
    margin-left: 53px!important;
    margin-top: 205px!important;
    width: 210px;
    height: 200px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.firstabout a{
    color: #057400!important;
    text-shadow: none!important;
}
.second{
    position: absolute;
    margin-left: 330px!important;
    margin-top: 205px!important;
    width: 210px;
    height: 160px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}


.second a{
    color: #057400!important;
    text-shadow: none!important;
}
.third{
    position: absolute;
    margin-left: 53px!important;
    margin-top: 440px!important;
    width: 210px;
    height: 225px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.third a{
    color: #057400!important;
    text-shadow: none!important;
}


.four{
    position: absolute;
    margin-left: 330px!important;
    margin-top: 440px!important;
    width: 210px;
    height: 225px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.four a{
    color: #057400!important;
    text-shadow: none!important;
}


.five{
    position: absolute;
    margin-left: 53px!important;
    margin-top: 800px!important;
    width: 210px;
    height: 215px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.five a {
    color: #057400!important;
    text-shadow: none!important;
}


.sixs{
    position: absolute;
    margin-left: 330px!important;
    margin-top: 800px!important;
    width: 210px;
    height: 215px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.sixs a {
    color: #057400!important;
    text-shadow: none!important;
}


.seven{
    position: absolute;
    margin-left: 53px!important;
    margin-top: 1150px!important;
    width: 210px;
    height: 230px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.seven a {
    color: #057400!important;
    text-shadow: none!important;
}


.eight{
    position: absolute;
    margin-left: 335px!important;
    margin-top: 1150px!important;
    width: 210px;
    height: 220px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.eight a {
    color: #057400!important;
    text-shadow: none!important;
}

.nine{
    position: absolute;
    margin-left: 53px!important;
    margin-top: 1480px!important;
    width: 210px;
    height: 215px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.nine a {
    color: #057400!important;
    text-shadow: none!important;
}

.ten{
    position: absolute;
    margin-left: 330px!important;
    margin-top: 1480px!important;
    width: 210px;
    height: 215px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.ten a {
    color: #057400!important;
    text-shadow: none!important;
}

.elleven{
    position: absolute;
    margin-left: 53px!important;
    margin-top: 1800px!important;
    width: 500px;
    height: 150px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.elleven a {
    color: #057400!important;
    text-shadow: none!important;
}

.twlw{
    position: absolute;
    margin-left: 80px!important;
    margin-top:1980px!important;
    width: 500px;
    height: 100px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.twlw a {
    color: #057400!important;
    text-shadow: none!important;
}

.sotin{
    position: absolute;
    margin-left: 53px!important;
    margin-top: 1100px!important;
    width: 210px;
    height: 75px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.sotin a {
    color: #057400!important;
    text-shadow: none!important;
}

.fotin{
    position: absolute;
    margin-left: 330px!important;
    margin-top: 1100px!important;
    width: 210px;
    height: 75px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.fotin a {
    color: #057400!important;
    text-shadow: none!important;
}


.fiftin{
    position: absolute;
    margin-left: 53px!important;
    margin-top: 1250px!important;
    width: 210px;
    height: 75px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.fiftin a {
    color: #057400!important;
    text-shadow: none!important;
}

.sixstin{
    position: absolute;
    margin-left: 330px!important;
    margin-top: 1250px!important;
    width: 210px;
    height: 75px;
    font-size: 10px;
    color: #000!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;
}

.sixstin a {
    color: #057400!important;
    text-shadow: none!important;
}