/*--------------------------- шапка --------------------------------------------------*/
#pun-title table {
  background: url(http://funkyimg.com/i/2jBry.png) no-repeat top right; 
  height: 474px;
  width: 1952px;
  margin-left:-518px;
}
/*--------------------------- футер --------------------------------------------------*/
#pun-about p.container {
  background: url(http://funkyimg.com/i/2jBsU.png) bottom center no-repeat;
  height: 142px;
  width: 990px;
  margin-left:-42px;
  padding-top:0px;
  margin-bottom:-29px;
}

/*------------------------------- иконки ----------------------------------------*/
/* иконка старых сообщений*/
table Div.icon { 
  background: url(http://funkyimg.com/i/2jBr8.png) no-repeat top center;
}
/* иконка новых */
TR.inew Div.icon {
  background : url(http://funkyimg.com/i/2jBr7.png) no-repeat top center;
}
/* иконка важных*/
#pun-viewforum TR.isticky Div.icon {
  background: url(http://funkyimg.com/i/2jBr5.png) no-repeat top center;
}
/*иконка закрытых*/
#pun-viewforum TR.iclosed Div.icon {
  background: url(http://funkyimg.com/i/2jBr6.png) no-repeat top center;
}
/* ------------------------ картинки статистики ------------------------------*/
#pun-stats.section h2 { 
  background: url(http://funkyimg.com/i/2jCyK.png) no-repeat;
height: 138px;
width:914px;
font-size:0!important;
margin-left: -4px;
  padding-bottom:0px;
margin-top: 29px;
margin-bottom: -50px;

}
#pun-stats h2 span { 
   display:none;
}
/*------------------------------- быстрый ответ ---------------------------------*/
#post-form h2 span {
   display:none;
}
#post-form h2 {
   background: url(http://funkyimg.com/i/2jCz5.png) no-repeat;
margin-top: 29px;
margin-left: -4px;
margin-bottom: -50px;
height: 138px;
width:914px;
}
/*----------------------кнопки типа отправить_посмотреть----------------------------*/
.hashelp center div a button{
  width:86px!important;
padding: 5px 10px 5px 10px!important;
margin-right:5px!important;
}
.hashelp center div a button, .button {   
    background: url(http://funkyimg.com/i/2jByC.png)!important;
  border-radius:15px;
-webkit-box-shadow: inset 0px 0px 10px 0px #c7c2cb, 0px 0px 3px #fff;
-moz-box-shadow:    inset 0px 0px 10px 0px #c7c2cb, 0px 0px 3px #fff;
box-shadow:         inset 0px 0px 10px 0px #c7c2cb, 0px 0px 3px #fff;
border: none;
text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   font-family: cuprum!important;
font-style: italic!important;
text-transform: lowercase;
color: #424b5f;
text-shadow: #ffffff 1px 1px!important;
padding: 5px 10px 5px 10px!important;
   font-size:13px!important;
}
.hashelp center div a button:active, .button:active {
position:relative;
top:1px;
}
/*------------------------ профиль ----------------------------------*/
.pa-respect a{color:#22221c!important; text-shadow: none!important;}
.pa-respect a:hover{color:#4891c8!important;}
#pun-reputation div {
background: #f0efea;
}
#post fieldset legend span {
  display:none;
}
.pa-time-visit, .pa-online, .pa-ip, .pa-visit, .pa-last-visit {
font-size: 10px;
}
.pa-posts {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 50px;
margin-left: 4px!important;
margin-bottom: 16px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 10px;
}
.pa-respect {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 46px;
margin-left: 0;
margin-bottom: 16px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 10px;
}
.pa-fld1 {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 45px;
margin-left: 0;
margin-bottom: 16px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 10px;
}
.pa-fld2 {text-align: center; margin-top: -17px!important; margin-bottom: -18px!important; margin-left: -8px!important; width: 235px;}
.pa-fld3 {width: 170px; text-align: center; font-size: 11px; padding: 10px 7px 10px 7px!important; margin-bottom: 7px!important; margin-left: 16px!important; line-height: 122%!important; font-family: roboto condensed; background: url(http://funkyimg.com/i/2jByC.png); border-radius: 0px 0px 15px 15px; box-shadow: inset 0px 0px 13px #c7c2cb, 0px 0px 5px #fff;}
.pran {font-size: 14px; font-family: bebas neue; text-align: center; padding: 0px 0px 2px 0px; letter-spacing: 0px;}
.pran a {color: ;}
.pran a:hover {color: ;}
.pl {margin-top: -22px!important; margin-bottom: 6px!important;}

/*------------------------полоски прокрутки-----------------------*/
::-webkit-scrollbar-thumb:vertical {
  background-color:#685876; border-radius: 40px;
} 
::-webkit-scrollbar-thumb:horizontal {
  background-color:#685876; border-radius: 40px;
}
::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  background-color: #eeeeee;
}
/*-----------------ширина колонок в списке активных пользователей ----------------*/
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%;
}


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

#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2jCu2.png);
height: 138px;
width:914px;
font-size:0!important;
margin-left: -4px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2jCuw.png);
height: 138px;
width:914px;
font-size:0!important;
margin-left: -4px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2jCuT.png);
height: 138px;
width:914px;
font-size:0!important;
margin-left: -4px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2jCxh.png);
height: 138px;
width:914px;
font-size:0!important;
margin-left: -4px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/2jCy3.png);
height: 138px;
width:914px;
font-size:0!important;
margin-left: -4px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/2jCyu.png);
height: 138px;
width:914px;
font-size:0!important;
margin-left: -4px;
margin-top: 20px;
margin-bottom: -25px;}

/*-------------------------------- разное ------------------------------- */
#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 {
  display: none;
}

/* время отправки поста + рейтинг поста */
.permalink{
  font-size: 15px;
  font-family: cuprum;
font-style: italic;
text-transform: lowercase;
text-align: left;
  font-weight: normal!important;
  color: #424e5f!important;
text-shadow: 1px 1px 0px #fff;
}

hr {border: none;border-top: dotted 1px #424e5f;}

.punbb th { background: transparent;color: transparent;}



.an {width: 620px;  height: 713px; background: url(http://funkyimg.com/i/2jBGb.png);}
.an1 {position: absolute; margin-top: 12px!important;  width: 620px; font-size: 22px; letter-spacing: 1px; color: #556d7f; text-shadow: 1px 1px #fff; text-transform: uppercase; font-family: Bebas Neue; text-align: center; font-weight: bold;}

.an3 { width: 245px; height: 150px; margin-top: 50px; background: #dee5e8; opacity: 0; transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; box-shadow: inset 0px 0px 13px #c3cbd0;}
.an3:hover { opacity: 1 }
.an2 { width: 231px; overflow: auto; color: #000000; font-family: verdana; font-size: 10px; text-align: justify; height: 136px; line-height: 110%; text-transform: lowercase; padding: 5px 4px 4px 5px;}
.an100 {font-size: 10px; text-align: center; font-family: Verdana; text-transform: lowercase; line-height: 100%; padding-top: 1px;}
.an102 {font-size: 11px; color: #556a7f; text-shadow: 1px 1px #fff; font-family: Verdana; text-align: justify; line-height: 16px; margin-top: 10px;}
.an0100 {text-align: center; font-size; 13px; font-family: bebas neue; font-weight: bold; letter-spacing: 1px; color: #556f7f; text-shadow: 1px 1px #fff; }
.an1022 {letter-spacing: 1px; font-size; 11px; font-family: bebas neue; color: #556b7f; text-shadow: 1px 1px #fff; font-weight: bold; }
.an202 {font-size: 11px!important; font-family: arial; letter-spacing: 1px!important; line-height: 110%!important; margin-top: 3px; overflow-y: auto; height: 75px; width: 260px; padding-right: 3px;}
.an220 {overflow-y: auto; height: 210px; font-size: 11px!important; font-family: arial; letter-spacing: 1px!important; line-height: 110%!important; margin-top: 2px!important;}
.an230 {color: #556b7f; text-shadow: 1px 1px #fff; font-size: 23px; font-family: bebas neue; text-weight: bold;}
.an231 {color: #556b7f; text-shadow: 1px 1px #fff; font-size: 23px; font-family: bebas neue; text-weight: bold;}
.an229 {overflow-y: auto; width: 555px; height: 210px; font-size: 11px!important; font-family: arial; letter-spacing: 1px!important; line-height: 110%!important; margin-top: 70px!important; text-align: justify;padding: 0px 7px 0px 7px; }


.lu2 label {
width: 100px;
padding: 5px 5px;
display: inline-block;
letter-spacing: 2px;
text-shadow: 1px 1px #fff;
color: #556b7f;
  margin-top: 31px;
text-transform: uppercase;
}
.lu2 label:hover {
color: #475f6f;
text-transform: uppercase;
}
.lu1 label {
width: 100px;
padding: 5px 5px;
display: inline-block;
letter-spacing: 2px;
text-shadow: 1px 1px #fff;
color: #55707f;
  margin-top: 31px;
text-transform: uppercase;
}
.lu1 label:hover {
color: #47646f;
text-transform: uppercase;
}
.lu label {
width: 100px;
padding: 5px 5px;
display: inline-block;
letter-spacing: 2px;
text-shadow: 1px 1px #fff;
color: #556b7f;
  margin-top: 31px;
text-transform: uppercase;
}

.lu label:hover {
color: #47606f;
text-transform: uppercase;
}

.ocn label, .ocn label1 {
width: 160px!important;
font-size: 12px!important;
margin:3px;
 line-height: 16px;
display: inline-block;
letter-spacing: 0.5px;
background: #dee5e8;
text-transform: uppercase;
font-weight: bold;
color: #445864;
text-shadow: #fff 1px 1px 0px; font-family: bebas neue; 
text-align: center;
border-bottom: 1px solid #7794ac; 
border-top: 2px solid #7794ac;
border-radius: 8px;
}
.ocn label:hover {
background:  #b2c6d3;
  color: #445964;
text-transform: uppercase;
}
.ocn label1:hover {
background:  #b2c6d3;
  color: #445964;
text-transform: uppercase;
}

.topic01a { width: 605px; height: auto; min-height: 140px; background: url(http://funkyimg.com/i/2jBDU.png) top no-repeat, url(http://funkyimg.com/i/2jBDW.png) bottom no-repeat, url(http://funkyimg.com/i/2jBDV.png)  -1px repeat-y; margin-left: -3px; padding-top: 80px; padding-bottom: 30px; display: block;}
.topicname01a {width: 475px; letter-spacing: 0.5px;  color: #bad0c9; text-shadow: #fff 1px 1px 0px; font-family: lobster;  font-size: 25px; text-align: center; padding: 5px; margin-top: 60px; padding-bottom: 25px; font-style: italic;} 
.topiczone01a { width: 524px; font-family: arial; line-height: 130%; letter-spacing: 0px; text-align: justify; margin-left:0px; margin-top: 15px; padding: 10px 0 0 0; }
.name{overflow: auto; height: 150px; padding: 5px; font-size: 10px;}

#adult {width: 178px; height: 178px; }
#adult .hover {width: 158px; height: 158px; background-color: #fff; opacity: 0; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; font-size: 9px; padding: 10px; text-align: justify; line-height: 120%!important; font-family: verdana; max-width: 100%; overflow-x: hidden;}
#adult:hover .hover {opacity: 1;}
.adultname {width: 168px; height: 18px; background-color: #a9cee8; color: #3a4c62; text-shadow: #fff 1px 1px 0px; padding: 10px 5px 5px 5px; text-transform: uppercase; font-family: bebas neue; text-align: center; font-size: 15px;}
#adult ::-webkit-scrollbar-track {background-color: #ffffff;}

.trin {width: 570px; height: 545px; border: 1px solid #e3e3e3;}
.trin1 {width: 530px; height: 20px; padding: 15px 20px 20px 20px; background: #fefefe; border-bottom: 1px solid #e3e3e3; text-align: left;}
.trin2 {background: #f7f7f7; height: 451px; width: 510px; padding: 18px 30px 20px 30px;}
.trin3 {text-align: right; color: #989898; font-family: source sans pro, sans-serif; font-size: 13px; font-weight: 600; font-style: normal; text-decoration: none; text-transform: uppercase; letter-spacing: -1px; word-spacing: 3px;}
.trin4 {color: #565656; font-family: source sans pro, sans-serif; font-size: 20px; font-weight: 900; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%;}
.trin5 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 11px; font-weight: 600; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; margin-bottom: 15px; margin-top: 2px;}
.trin6 {padding: 0px 5px; color: #787878; font-family: source sans pro, sans-serif; font-size: 10px; font-weight: 400; font-style: normal; text-align: center; text-decoration: none; text-align: center; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; margin-top: -5px;}
.trin7 {padding-top: 10px; padding-bottom: 14px; color: #898989; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 5px; line-height: 100%;}
.trin8 {margin-top: 20px; padding: 10px 8px 5px 8px; border-top: 1px solid #e8e8e8; text-align: center; color: #898989; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}
.trin9 {color: #565656; font-family: source sans pro, sans-serif; font-size: 14px; font-weight: 900; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}
.trin10 {color: #565656; font-family: source sans pro, sans-serif; font-size: 14px; font-weight: 900; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}
.trin11 {border: 1px solid #e8e8e8; background-color: #fefefe; padding: 8px; width: 100px;}
.trin12 {width: 165px; padding: 70px 10px 10px 10px; text-align: center; background-color: #fefefe; border: 1px solid #e8e8e8; margin-top: -60px!important;}
.trin13 {text-align: center; padding: 0px 20px;}

.trinp {width: 400px; height: auto; border: 1px solid #e3e3e3;}
.trinp1 {width: 360px; height: 20px; padding: 15px 20px 20px 20px; background: #fefefe;}
.trinp2 {background: #fefefe; height: auto; width: 400px; padding: 0px 0px 20px 0px;}
.trinp3 {color: #686868; font-family: source sans pro, sans-serif; font-size: 16px; font-weight: 900; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; margin-top: -5px; padding-left: 10px;}
.trinp4 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; padding-left: 10px;}
.trinp5 {color: #686868; font-family: source sans pro, sans-serif; font-size: 13px; font-weight: 600; font-style: normal; text-align: right; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; margin-top: -5px; padding-right: 10px;}
.trinp6 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: right; text-decoration: none; text-transform: lowercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; padding-right: 10px;}
.trinp7 {padding: 5px 16px 0px 16px; color: #565656; font-family: source sans pro, sans-serif; font-size: 10px; font-weight: 400; font-style: normal; text-align: justify; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}

.trinpa {width: 400px; height: auto; border: 1px solid #e3e3e3;}
.trinpa1 {width: 360px; height: 20px; padding: 15px 20px 20px 20px; background: #fefefe;}
.trinpa2 {background: #fefefe; height: auto; width: 400px; padding: 0px 0px 20px 0px;}
.trinpa3 {color: #686868; font-family: source sans pro, sans-serif; font-size: 16px; font-weight: 900; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; margin-top: -2px; padding-left: 2px;}
.trinpa4 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; padding-left: 2px;}
.trinpa5 {padding: 0px 14px 0px 14px; color: #565656; font-family: source sans pro, sans-serif; font-size: 10px; font-weight: 400; font-style: normal; text-align: justify; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}


.mainlink {text-align:center; margin-top:9px!important;}
.mainlink a {display:inline-block; font-size:12px; font-family: cuprum; color:#fff!important; text-shadow: none!important; padding:2px 2px 4px 2px; margin: 1px!important; text-transform:lowercase; transition: 0.1s;text-align:center; width:100px; border-radius: 6px; font-style: italic; background: #c7d5d1;}
.mainlink a:hover {color: #fff!important; border-radius: 6px; background: #e1d1af;}

.mainlink1 {text-align:center;}
.mainlink1 a {width: 120px; font-size:16px; font-family: cuprum; color:#bebac2!important; text-shadow: 1px 1px 0px #fff!important; text-transform:lowercase; transition: 0.1s; text-align:center; font-style: italic;}
.mainlink1 a:hover {color: #efe2ca!important; text-shadow: 1px 1px 0px #297bbc!important;}

.ams {
  position: relative;
  display:inline-block;
  padding: 1px 0px;
line-height: 140%;
margin-left: 4px!important;
}
.ams a {
  color:#9c3b00!important;
margin-right:0px;
  text-shadow: #fff 1px 1px 0px;
}
.ams a:hover {
  color: #e3af22; 
text-shadow: #ffffff 1px 1px;
}
.ams span {
   display:none;
}
.ams:hover span {
   position:absolute;
   padding:0px;
   margin-bottom:5px!important;
border-radius: 10px;
   text-align:center;
   padding:6px 5px 3px 5px;
   display:inline-block;
   margin-top:-110px;
   left:-50px;
   z-index:100000;
   font-size:13px;
font-family: cuprum;
text-transform: lowercase; 
font-style: italic;
text-shadow: 1px 1px 0px #fff;
color: #4c425f;
}



/*--------------------------- навыки и цели --------------------------------------------------*/
.an2299 {font-size: 10px!important; font-family: arial; letter-spacing: 1px!important; line-height: 100%!important;  text-align: justify; padding: 0px 0px 0px 4px;  text-align: left;}

/*--------------------------- переключалки во всех темах --------------------------------------------------*/
.ocn > div, .ocn > input { display: none; }

.ocn {text-align: center;}

.ocn label {
width: 260px;
display: inline-block;
letter-spacing: 0.5px;
background: #e9eeef;
text-transform: uppercase;
font-weight: bold;
color: #223941;
text-shadow: #fff 1px 1px 0px; font-family: bebas neue; 
font-size: 9px;
text-align: center;
border-bottom: 1px solid #80b1d7; 
border-top: 2px solid #80b1d7;
border-radius: 8px;
}

.ocn label:hover {
background:  #e9eeef;
  color: #28373a;
text-transform: uppercase;
}

.ocn input[type="radio"]:checked + label {
font-weight: bold;
text-transform: uppercase;
}

.ocn > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.ocn > input:nth-of-type(2):checked ~ div:nth-of-type(2)

{ display: block;  margin-top: 10px; text-align: justify;}