/*--------------------------- шапка --------------------------------------------------*/
#pun-title table {
  background: url(http://funkyimg.com/i/2BPX2.png) no-repeat top right;
  height: 483px;
  width: 1200px;
  margin-left: -146px;
}

/*--------------------------- футер --------------------------------------------------*/
#pun-about p.container {
    background: url(http://funkyimg.com/i/2BPVe.png) bottom center no-repeat;
    height: 134px;
    width: 1200px;
    margin-left: -147px;
    margin-bottom: -40px;
    padding-top: 0px!important;
}

/*------------------------------- иконки ----------------------------------------*/
/* иконка старых сообщений*/
table Div.icon { 
  background: url(http://funkyimg.com/i/2BP6t.png) no-repeat top center;
  margin: 18px 98px 0px -12px!important;
}
/* иконка новых */
TR.inew Div.icon {
  background : url(http://funkyimg.com/i/2BP6s.png) no-repeat top center;
}
/* иконка важных*/
#pun-viewforum TR.isticky Div.icon {
  background: url(http://funkyimg.com/i/2BP6t.png) no-repeat top center;
}
/*иконка закрытых*/
#pun-viewforum TR.iclosed Div.icon {
  background: url(http://funkyimg.com/i/2BP6t.png) no-repeat top center;
}
/* ------------------------ статистика ------------------------------*/
#pun-stats.section h2 { 
background: url(http://funkyimg.com/i/2BQjr.png) no-repeat;
padding-bottom:0px;
height: 160px;
width: 891px;
font-size: 0!important;
margin-top: -17px;
margin-bottom: -13px;
margin-left: 10px;}

#pun-stats h2 span { 
   display:none;
}
/*------------------------------- быстрый ответ ---------------------------------*/
#post-form h2 span {
   display:none;
}
#post-form h2 {
   background: url() no-repeat;
height: 0px;
width: 539px;
font-size:0!important;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 190px;}
}
/*----------------------кнопки типа отправить_посмотреть----------------------------*/
.hashelp center div a button{
  min-width:90px!important;
padding: 3px 10px 4px 10px!important;
margin-right:5px!important;
font-weight: normal!important;
}
.hashelp center div a button, .button {   
border: 1px solid #ffc390!important;
background: #ffb155!important;
min-width: 90px !important;
padding: 3px 10px 4px 10px !important;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
font-family: roboto condensed !important;
box-shadow: none !important;
text-transform: lowercase;
color: #fefefe;
text-shadow: 1px 1px 0px #8cb4bf!important;
font-size: 12px !important;
font-weight: normal!important;
}
.hashelp center div a button:active, .button:active {
position:relative;
font-weight: normal!important;
top:1px;
}
/*------------------------ профиль ----------------------------------*/
.pa-respect a {color:#807c75!important; text-shadow: #ffffff 1px 1px 0px;}
.pa-respect a:hover {color:#615848!important; text-shadow: #ffffff 1px 1px 0px;}
#pun-reputation div {background: #e8e8e8;}

#post fieldset legend span {
  display:none;
}

.pa-time-visit, .pa-online, .pa-ip, .pa-visit, .pa-last-visit {
font-size: 9px; 
}

.pa-posts {
color:#807c75!important;
text-shadow: #ffffff 1px 1px 0px!important;
    text-align: center;
    display: inline-block;
    padding: 0 10px!important;
    width: 50px;
    margin-left: 0px!important;
    margin-top: -5px!important;
    margin-bottom: 15px!important;
    line-height: 17px;
    font-family: roboto condensed;
    font-size: 11px;
}

.pa-respect {
color:#807c75!important;
text-shadow: #ffffff 1px 1px 0px;
    text-align: center;
    display: inline-block;
    padding: 0 10px!important;
    width: 50px;
    margin-left: 0px!important;
    margin-top: -5px!important;
    margin-bottom: 15px!important;
    line-height: 17px;
    font-family: roboto condensed;
    font-size: 11px;
}

.pa-fld1 {
    color: #5a5a5a!important;
    text-align: center;
    width: 65px;
    margin-left: 74px!important;
    margin-top: 13px!important;
    margin-bottom: -29px!important;
  text-shadow: 1px 1px 0px #ffffff;
    font-family: roboto condensed;
    font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}
.psts {font-size: 10px;}

.pa-reg {display: none!important;}
.pa-gifts, .pa-from {display: none!important;}

/*------------------------полоски прокрутки-----------------------*/
::-webkit-scrollbar-thumb:vertical {
  background-color:#c385b6;
border: 1px solid ##c385b6!important;
} 

::-webkit-scrollbar-thumb:horizontal {
  background-color:#c385b6;
border: 1px solid ##c385b6!important;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #f1d7ebc9;
}

.tscroll::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.tscroll::-webkit-scrollbar-thumb:vertical {
  background-color:#c385b6;
border: none!important;
} 

.tscroll::-webkit-scrollbar-thumb:horizontal {
  background-color:#c385b6;
border: none!important;
}

/*-----------------ширина колонок в списке активных пользователей ----------------*/
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/2BPTe.png);
height: 149px;
width: 891px;
font-size: 0!important;
margin-top: 20px;
margin-bottom: -14px;
margin-left: 10px;
}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2BPTf.png);
height: 149px;
width: 891px;
font-size: 0!important;
margin-top: -23px;
margin-bottom: -30px;
margin-left: 10px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2BPTg.png);
height: 149px;
width: 891px;
font-size: 0!important;
margin-top: -23px;
margin-bottom: -30px;
margin-left: 10px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2BPTh.png);
height: 149px;
width: 891px;
font-size: 0!important;
margin-top: -23px;
margin-bottom: -30px;
margin-left: 10px;}

/*-------------------------------- разное ------------------------------- */
#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: 13px;
  font-family: roboto condensed;
text-transform: lowercase;
text-align: left;
  font-weight: normal!important;
  color: #797e8c!important;
text-shadow: 1px 1px 0px #fff;
}

hr {border: none; border-top: dotted 1px #636363; opacity: .4;}

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

.adformal h2, #pun-adnav h2 {background: transparent!important; font-size: 16px!important;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
position: absolute;
right: 6px;
top: 37px!important;
  border: 1px solid #d3d9db;
  background-color: #e6e6e6;
  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.6);
padding: 7px!important;
}

#smilies-area {width: 500px!important;}
#smilies-area img {margin-right: 4px!important; margin-bottom: 2px!important;}

#font-area {max-height: 250px; overflow-y: auto; font-size: 13px!important; width: 154px!important;}

.ls21 img {width: auto!important;}

::selection {background: #cbc1ce;}
::-moz-selection {background: #cbc1ce;}

.pun-modal .modal-inner {background: #e8e8e8;}

.navilink {margin-right: 5px!important; padding: 0px 9px 2px 10px; font-family: roboto condensed; text-transform: lowercase; font-size: 10px; letter-spacing: 1px; 
border: 1px solid #af8ca7;
background: #bd7eaf;}

.navilink a {color: #fefefe!important; text-shadow: #b88cbf 1px 1px 0px!important;}
.navilink a:hover {color: #894f8d!important; text-shadow: none!important;}

.tlink a {font-family: roboto condensed; text-transform: lowercase; font-size: 11px; line-height: 100%; color: #ffffff!important; text-shadow: auto!important; letter-spacing: 1px;}
.tlink a:hover {color: #ffffff!important; text-shadow: none!important;;}



/*------------------------орг.темы----------------------*/
.telo0{
  width: 608px;
    min-height: 160px;
    margin-left: -2px!important;
    background: url(http://funkyimg.com/i/2BQxZ.png) top no-repeat, url(http://funkyimg.com/i/2BQy1.png) bottom no-repeat, url(http://funkyimg.com/i/2BQy2.png) repeat-y;
}
.itog1{
  position: relative;
    text-align: center;
    font-size: 33px;
    font-family: bebasneueregular;
    padding-top: 4px;
    color: #ffffff;
text-shadow: #5988a2 1px 1px 0px, #c6d8e0 0px 0px 10px;
}
.itog2{
    position: relative;
    text-align: justify;
    font-size: 11px;
    font-family: arial;
    padding: 18px 41px 55px 39px;
    color: #1e0821;
    line-height: 170%!important;
}

/*------------------------гостевая----------------------*/
.gostin{
  position: relative; 
  background: url(http://funkyimg.com/i/2BXZC.png); 
  width: 600px; 
  height: 490px;
}
.gostin_g{
    position: absolute;
    margin-top: 324px!important;
    margin-left: 75px!important;
    padding-right: 17px!important;
    width: 171px;
    height: 124px;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
    font-family: roboto condensed;
    overflow-y: auto;
}

.gostin_m{
    position: absolute;
    margin-top: 324px!important;
    margin-left: 360px!important;
    padding-right: 17px!important;
    width: 171px;
    height: 124px;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
    font-family: roboto condensed;
    overflow-y: auto;
}

.gostin a {
  color: #7e0076!important;
  text-shadow: 2px 1px 1px #ffffff!important;
}
.gostin a:hover {
  color: #000000!important; 
  text-shadow: 1px 1px 0px #7e0076;
}

.gostin ::-webkit-scrollbar {width: 2px; height: 3px; background-color: #ccc3b838!important;}
.gostin ::-webkit-scrollbar-thumb:vertical {background-color: #fdfbf938!important; border: none!important;} 
.gostin ::-webkit-scrollbar-thumb:horizontal {background-color: #fdfbf938!important; border: none!important;}


/*------------------------отображение профиля----------------------*/
#profile-name strong {
font-size: 17px!important;
padding: 0px!important;
text-align: center;
font-family: bebasneueregular!important;
text-transform: uppercase!important;
font-weight: normal!important;
letter-spacing: 0px!important;
}

#profile-title strong {
font-size: 10px!important;
padding: 0px!important;
text-align: center;
font-family: roboto condensed!important;
text-transform: lowercase!important;
font-weight: normal!important;
}

#profile-avatar strong {
text-align: center;
}

#profile-left li, #profile-left li * {
font-size: 11px;
font-family: bebas_neueregular;
letter-spacing: 1px;
}

#profile-left {
padding-left: 40px!important;
width: 37%!important;
}

#profile-right li strong {
padding-left: 1em!important;
text-align: left;
width: 210px;
margin-top: 10px;
}

#profile-right li span {
font-size: 11px;
width: 150px;
text-align: center;
font-family: roboto condensed;
text-transform: lowercase;
padding: 0px; 
}

#profile-gifts {
display: none;
}

/*------------------------анкета----------------------*/
.anketa0{
  width: 580px;
  height: 650px;
  background: url("http://funkyimg.com/i/2BM5Z.png");
}
.an_name
  {
   position: absolute;
    font-family: Georgia;
    font-style: italic;
    text-align: center;
    text-transform: lowercase;
    color: white;
}
#an_ima {
  width: 460px;
  margin-top: 22px;
  left:440px;
  font-size: 25px;
  text-shadow: 1px 1px 1px #464646;
}

.vneha{
    position: absolute;
    font-family: Roboto Condensed;
    text-align: center;
    text-transform: uppercase;
    font-size: 11x;
    color: #ffffff;
    text-shadow: 1px 1px 1px #464646;
}
#lico{
width: 460px;
left: 445px;
margin-top: 63px;
}
#img_l{
 position: absolute;
  text-align: center;
  margin: 96px 0px 0px 209px;
}
.data_vozrast{
    position: absolute;
    font-family: Roboto Condensed;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
   
}
#data_r{
  width: 154px;
  margin: 115px 0px 0px 30px;
}

.gorod_r{
    position: absolute;
    font-family: Roboto Condensed;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
}
#gorod_row{
    width: 154px;
    margin: 175px 0px 0px 30px;
}
.mesto_raba{
    position: absolute;
    font-family: Roboto Condensed;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    line-height: 0.9em;
  overflow-y: auto;
}
#rabota{
    width: 154px;
    height: 23px;
    margin: 232px 0px 0px 34px;
}

.orintacia{
    position: absolute;
    font-family: Roboto Condensed;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
	}
#orin{
    width: 154px;
    margin: 115px 0px 0px 395px;
}

.poloz{
   position: absolute;
    font-family: Roboto Condensed;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
}
#status_p{
width: 154px;
    margin: 175px 0px 0px 395px;
}
.svaz{
   position: absolute;
    font-family: Roboto Condensed;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
}
#sv{
width: 154px;
    margin: 234px 0px 0px 392px;
}
.text_ayketq{
  position: absolute;
  font-family: Roboto Condensed;
  text-align: justify;
  font-size: 11px;
  overflow-y: auto;
  color:#313131;
}
#text_a{
width: 505px;
  height: 310px;
  margin: 305px 0px 0px 35px;
}
.cqtata_a{
 position: absolute;
    font-family: Roboto Condensed;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
}
#cqtata{
width: 500px;
    margin: 279px 0px 0px 41px;
}

.anketa0 ::-webkit-scrollbar {width: 2px; height: 3px; background-color: #ccc3b838!important;}
.anketa0 ::-webkit-scrollbar-thumb:vertical {background-color: #fdfbf938!important; border: none!important;} 
.anketa0 ::-webkit-scrollbar-thumb:horizontal {background-color: #fdfbf938!important; border: none!important;}

/*------------------------ви----------------------*/

.are { padding-bottom: 3px;padding-top: 3px;width: 235px;background-color: #dde3ac;font-family: bebas neue!important;font-size: 18px;text-align: center;}
.alf {background-color: #c6dce4;text-shadow: 1px 1px 1px #c6dce4;width: 530px;text-align: center;
color: white;}
.vneex {text-align: center;color: #5f6c7c;font-family: cuprum!important;font-size: 12px; font-style: italic;text-transform: lowercase; width: 530px;height: 130px;overflow: auto;background: #e7e9e9; inset 0px 0px 3px #c6dce4;}
.vnex {text-align: center;color: #5f6c7c;font-family: cuprum!important;font-size: 12px; font-style: italic;text-transform: lowercase; width: 240px;height: 130px;overflow: auto;background: #e7e9e9; inset 0px 0px 3px #c6dce4;}
.ass { width: 608px; min-height: 160px; margin-left: -2px!important;background: url(http://forumfiles.ru/files/0019/72/4d/91412.png) top no-repeat, url(http://forumfiles.ru/files/0019/72/4d/42279.png) bottom no-repeat, url(http://forumfiles.ru/files/0019/72/4d/97236.png) repeat-y;}
.as2 {position: relative; text-align: justify; font-size: 11px;  font-family: arial;   color: #292724; line-height: 170%!important; margin-left: -1px;}
.newq {font-family: bebas neue;font-size: 28px;color: #ffffff;letter-spacing: 0px;text-shadow: 1px 0px 0px #cf5d16; text-align: center;padding-bottom: 8px;}
.slid label { cursor: pointer;margin-left: 26px;margin-right: 33px;}
.slid > div, .slid > input {display: none;}.slid {width: 613px; text-align: center; margin-left: -23px !important;}.slid input[type="radio"]:checked + label {}.slid > input:nth-of-type(1):checked ~ div:nth-of-type(1),.slid > input:nth-of-type(2):checked ~ div:nth-of-type(2),.slid > input:nth-of-type(3):checked ~ div:nth-of-type(3),.slid > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.slid > input:nth-of-type(5):checked ~ div:nth-of-type(5) {display: block;  text-align: justify

/*------------------------хочу----------------------*/
}       .want_bb {
  position: relative; width: 580px;  margin-left: 15px;padding-top: 5px;background-color: rgb(234, 234, 234);border: 1px solid #dedede; box-shadow: inset 0px 0px 6px #f1f1f1;
}
       .want_background {
  position: relative;
    width: 567px;
    margin-left: 5px!important;
    background-color: rgb(181, 221, 211);
    border: 1px solid #e7e9e9;
    box-shadow: inset 0px 0px 6px #f1f1f1;

}
       #want_name {
font-size: 20px;
    position: absolute;
    width: 567px;
    max-height: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #eaeaea;
    box-shadow: inset 0px 0px 8px #b6c7dc;
    text-shadow: 0 0 3px white;
    background: linear-gradient(#4a6f8d, #6996af);
    padding: 7px 0px 2px 0px;
    height: 25px;
}
       #want_name2 {
font-size: 17px;
    width: 566px;
    background: linear-gradient(#89aac1, #507793);
    padding: 2px 0px 2px 0px;
}

     .wanttext_decoration {
    font-weight: normal;
    text-align: center;
    color: white;
    opacity: 1;
    font-family: bebasneueregular;
}
      #want_h {
     margin-top: 30px;
    margin-left: 4px;
    width: 546px;
    padding: 6px 7px 4px 4px;
    background-color: rgb(234, 234, 234);
    border: 1px solid #c1c1c1;
    box-shadow: inset 0px 0px 6px #f1f1f1;
}
  
      #want_story {
   font-family: sans-serif;
    font-size: 11px;
    overflow-y: auto;
    text-align: justify;
    width: 522px;
    height: 63px;
    padding: 5px 18px 24px 17px;
    background-color: rgb(234, 234, 234);
    border: 1px solid #c1c1c1;
    box-shadow: inset 0px 0px 6px #f1f1f1;
    margin-left: 4px;
    margin-top: 4px;
    line-height: 130%;
}
    #want_story::-webkit-scrollbar {
    width: 4px;
       }
       #want_story::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

#want_story::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 20px #a2a2a2;
}
       #image_sspace {
           border: 1px solid #ffffff8f;
            position:absolute;
       }
       #image_sspace img {
    height: 150px;
    width: 245px;
    margin-left: 2px;
    object-fit: cover;
    border: 1px solid #ffffff8f;
    box-shadow: 0 0 5px #00000066;
}