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

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


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

#navindex a span {display: none;}

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


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

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

#pun-index TR.inew Div.icon {
background : url(http://funkyimg.com/i/2hBFc.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/2hBFd.png) no-repeat top center;
}

#pun-index table Div.icon { 
  background: url(http://funkyimg.com/i/2hBFd.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/2hBFa.png) no-repeat top center;

}

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

}

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

#pun-stats ul.container {
  background: url(http://funkyimg.com/i/2hByF.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/2hBE7.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 #7ab1fb;
   background: #c0d1e8;
     padding-left:7px!important;
   height:25px!important;
   text-decoration:none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
     color: #7ab1fb;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   font-family: arial!important;
   font-size:12px!important;
}

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

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


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

.pa-respect, .pa-posts { 
  display: inline-block;
  margin-left: -10px;
  text-align: center; 
  width: 70px;
  font-size:10px;
  line-height:13px;
 padding: 2px 8px !important;
margin-bottom:7px!important;
margin-top:5px!important;
background:#d4d4d4; border-radius:10px; border-right: solid 2px #7ab1fb; border-left: solid 2px #7ab1fb; border-top: solid 2px #7ab1fb; border-bottom: solid 2px #7ab1fb;
}

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

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

#pun-reputation div {
  background: #293e5a;
}

#post fieldset legend span {
  display:none;
}


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

::-webkit-scrollbar-thumb:vertical {
  background-color:#7ab1fb;
}
::-webkit-scrollbar-thumb:horizontal {
  background-color:#f6c866;
}

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

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;
  text-shadow: #e7e7e7 1px 1px;
  font-weight: normal!important;
  color: #122d52!important;
}



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

.dbl {
width:100px;}

.tbl {
width:85px;}

.dbl:hover, .tbl:hover{
color:#babca8!important;
background: #737373;
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: #0d376f
  }

.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: #0d376f;
  }

/* 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}


/* выделитель первой буквы */
p::first-letter {
color: #0b2241;
font-size: 16px;
font-weight: bold;
}

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

/* профиль */
.pa-fld2 {
max-width:800px;
margin-left:1px!important;
font-family: 'Roboto Condensed';
color: #0b2241;
font-size: 10px;
}

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

/* хэш*/

.pa-fld4{
margin-top:-25px!important;
height:71px;
margin-bottom:-8px!important;
margin-left:-14px!important;}


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

.winx { width: 566px; height: 310px; overflow: hidden; position: relative; background: url(http://funkyimg.com/i/2hBMT.png) 50% 0% repeat-x, url(http://funkyimg.com/i/2hBWs.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2hBVP.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/2hBMT.png) 50% 0% repeat-x, url(http://funkyimg.com/i/2hBWs.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2hBVP.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/2hBMT.png) 50% 0% repeat-x, url(http://funkyimg.com/i/2hBWs.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2hBVP.png) 70% 42%; padding: 10px; padding-top: 45px; border-radius: 25px; }

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

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

.aishawinx {text-align: center; color: #183761!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: #183761; position: relative; top: 0px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; background-color: #b3c4db; 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;
}