/********* ОСНОВНАЯ ЧАСТЬ ДИЗАЙНА 
******************************************************************************************/

/*фон*/
body {background-color: #cfd5ae; /*цвет*/
    overflow-x: hidden;}

/*тело*/
#pun {margin: auto;
position: relative;
width: 1019px;
margin: 190px auto -10px auto;
background-image: url(http://forumstatic.ru/files/001a/9c/09/81025.png);
background-position: center;}

/*шапка*/
#pun-title table {background-image:url(http://forumstatic.ru/files/001a/9c/09/78999.png);
height: 441px;
margin-left: -50px;
width: 1028px;
margin-top: -187px;}

/* низ форума */
#pun-about p.container {
    background:url(http://forumstatic.ru/files/001a/9c/09/54388.png) bottom center no-repeat;
    width: 1242px;
    height: 185px;
    font-size: 10px !important;
    text-align: center;
    margin-left: -157px;
    margin-bottom: -31px !important;}

/*наполнение форума*/
.punbb {
float: auto;
height: auto;
width: 91%;
margin-left:45px;}

/*переадресация*/

#pun-redirect{
padding: 14px;
margin-top: -140px!important;
}

#pun-redirect.punbb .info .container{
    width:500px;
    height: auto;
    margin: 10% auto;
    text-align: center;
    padding: 10px;
text-shadow: #e0d6c9 1px 1px 0px;
    background-color: #d8ccba;
    color: #ae7a31;
    font: 11px franklin gothic !important;
    letter-spacing: 0.8px;
    border: 1px solid #e0d6c9;
    box-shadow: inset 0px 0px 10px;
}


/*НАВИГАЦИЯ*/

/*верхняя навигация*/

#pun-navlinks .container {    text-align: center;
    margin-bottom: 6px!important;}

/*ссылки верхней навигации*/
#pun-navlinks li a {    font-family: bebasneue;
    font-size: 18px;
    margin-right: 7px !important;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.5px;
    color: #ecebe8;
    text-shadow: 1px 1px 0px #8c9762 !important;}


/*U1.5 подфорум*/
#pun-index td div.tclcon { width: 360px;
    font-size: 10px;
    margin-left: -15px;
    height: 163px;
    background: url(http://forumstatic.ru/files/001a/9c/09/61424.png);
}

/*U1.6 описание подфорума и ссылки*/
.newfor {font-size: 11px;
    font-family: calibri;
    width: 376px;
    text-align: justify;
    color: #53578d;
    margin: -7px 5px!important;
    padding-top: 5px;
    padding-left: 11px;}

/*U 3.4. - кнопки в подфорумах*/

/* подвинуть кнопки и старые сообщения */
.punbb table Div.icon {
    float: right;
    display: block;
    width: 55px;
    height: 55px;
    background-image: url(http://forumstatic.ru/files/001a/9c/09/85988.png);
    background-repeat: no-repeat;
    margin-right: 143px;
    margin-top: 2px;
opacity:0.3;
}

/* новые сообщения */
TR.inew Div.icon {
  background-image : url(http://forumstatic.ru/files/001a/9c/09/85988.png);
  background-repeat: no-repeat;
opacity:1;
}

/* важные темы*/
TR.isticky Div.icon {
  background-image : url(http://forumstatic.ru/files/001a/9c/09/78071.png);
  background-repeat: no-repeat;
opacity:1;
}

/* закрытые темы */
TR.iclosed Div.icon {
  background-image : url(http://forumstatic.ru/files/001a/9c/09/82205.png);
  background-repeat: no-repeat;
opacity:1;
}


.link {
    text-align: center;
    margin-top: 12px!important;
    padding-bottom: 16px!important;
}

.link a {
display: inline-block;
    font-family: calibri!important;
    font-size: 11px!important;
    color: #fefefe!important;
    box-shadow: inset 0px 0px 3px #ceced4;
    border: 1px solid #757589!important;
    background: #627fb6;
    text-shadow: 1px 1px 0px #53578d!important;
    margin-right: 7px!important;
    padding: 1px 7px;
}

/* C2.8 название подфорума*/
#pun-index .tcl h3 {
font-family: bebasneue;
    font-size: 17px;
    letter-spacing: 1px;
    margin: 0px 0px 13px 11px;
    padding-top: 11px !important;
    padding-left: 0px;
    width: 336px;
    text-align: center;
  }

/*ссылка подфорума*/
.tcl h3 a {color: #eeeeee;
    text-shadow: 1px 1px 0px #6a7c1e, 0px 0px 10px #fff;}
.tcl h3 a:hover, .tcl h3 a:focus {color: #e1dfe0;}

/* РАСПОЛОЖЕНИЕ ТЕКСТА ВНУТРИ ПОДФОРУМОВ */
.fortext {
font-size: 11px;
    font-family: calibri;
    width: 311px;
    text-align: center;
    color: #efeeee;
    margin: -1px 1px!important;
    padding-top: 7px;
    padding-left: 24px;
    overflow: auto;
    height: 67px;
    text-shadow: 0px 0px 2px #e3e3e3, 0px 1px 0px #b58a70;
}


/* ССЫЛКИ В ОПИСАНИИ ПОДФОРУМОВ */
.signa {
       width: 324px;
    margin-left: 16px !important;
    margin-top: 9px !important;
    margin-bottom: 0px !important;
    overflow: hidden;
    text-align: center;
    padding-top: 1px;
}

.sign {
font-size: 9px!important;
    font-family: franklin gothic;
    text-transform: uppercase;
    color: #ffffff!important;
    text-shadow: 1px 1px 0px #3b3d1b;
    letter-spacing: 1px;
    padding-left: 6px;
}
.sign:hover {color: #e3e3e3!important; }

/* U2 ссылки на форуме */

/*ссылки админские*/

#pun-admain a {color: #7e8c42 !important;}

/* U2.1 не активные ссылки*/
.punbb a {color: #743b2f; text-decoration: none;}
.punbb .main .tcr a {font-size: 11px; font-weight: bold;} /*последнее сообщение*/

/* U2.2 активные ссылки*/
.punbb a:hover, .punbb a:focus, .punbb a:active {color: #727e39; text-decoration: none;}

/* U 3.3. - скролл*/
::-webkit-scrollbar {width: 5px; height: 5px;}
::-webkit-scrollbar-thumb {background: #b88969;}
::-webkit-scrollbar-track {background: #f0dfd8;}

/* Выделение текста */
    ::selection { 
    background: none repeat scroll 0 0 #e1c7b3;
    color: #935847;
    opacity: 0.5;
    }  
::-moz-selection {
    background: none repeat scroll 0 0 #e1c7b3;
    color: #935847;
    opacity: 0.5;
}


/*U3.01 категории*/
#pun-stats.section h2 {
    background: url(https://i.imgur.com/eCRqNCZ.png) no-repeat top;
    height: 46px;
    align-items: center;
}
#post-form h2 {
    background: url(https://i.imgur.com/eCRqNCZ.png) no-repeat top;
    height: 46px;
    align-items: center;
}


/*репутация и сообщения*/
.pa-posts {display: inline-block;     width: 68px; line-height: 14px;
    padding-bottom: 2px !important;
    font-size: 10px;}
.pa-respect {display: inline-block;    width: 68px; line-height: 14px;
    padding-bottom: 2px !important;
    font-size: 10px;}

/*текстовое поле*/

.punbb textarea {color: #401619;
    background: #e8e8e8;
    border: 1px solid #e0dfdf;
    box-shadow: 0px 0px 23px #cacacb inset;
    padding: 5px;}

/*кнопки*/
.formsubmit input, #pun-admain input, .punbb input, .punbb select, .punbb optgroup, #pun-main .button {margin: 0 0.6em 0 0;
    vertical-align: middle;
    padding: 6px 13px 6px 14px!important;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    cursor: pointer;
    text-shadow: #cfd5ae 1px 1px 0px;
    background-color: #cfd5ae;
    color: #849149;
    font: 11px franklin gothic !important;
    letter-spacing: 0.8px;
    border: 1px solid #c0bc97;
    box-shadow: inset 0px 0px 10px;}

/* шрифты */
#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: 43px;
    background: #e8e8e8;
    border: 1px solid #e0dfdf;
    box-shadow: 0px 0px 23px #cacacb inset;
    overflow: auto;
    height: 239px;}


/*функциональная часть с Остина - изменения*/

/* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}

/* ОФОРМЛЕНИЕ ТЕМ - не меняется!!! */
.zag {
    width: 582px;
    height: 88px;
    background: url(http://forumstatic.ru/files/001a/9c/09/27868.png);
}

.zagtext {
    font-family: bebasneue;
    font-size: 21px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #9c6535;
    line-height: 100%;
    padding-top: 19px;
    padding-left: 0px;
    text-align: center;
}

.tema {
    width: 582px;
    background: url(http://forumstatic.ru/files/001a/9c/09/86455.png);
}
.tematext {
    width: 516px;
    overflow: auto;
    position: relative;
    text-align: justify;
    padding: 6px 12px 2px 12px;
    color: #a26b40;
    text-shadow: 1px 0px #e0dfdf;
    font-family: Roboto;
}
.niz {
width: 581px;
    height: 47px;
    background: url(http://forumstatic.ru/files/001a/9c/09/98290.png);
    margin-top: auto!important;
}
.niztext  {
    width: 630px;
    text-align: justify;
    margin-left: 38px !important;
    padding-top: 20px;
}

/* Полоски */
.polos {    background-color: #8e9a58;
    text-align: center;
    color: #e3e3e3;
    font: 16px bebasneue;
    letter-spacing: 1px;
    border: 1px solid #9da76d;
    padding: 3px;
    box-shadow: inset 0px 0px 10px;
    text-shadow: 1px 1px 0px #78863a;}

/* ЛЗ */
.lz {
        color: #905544 !important;
    text-align: center;
    font-family: verdana;
    font-size: 9px;
    padding: 3px 10px 15px 10px !important;
    font-weight: 400;
    text-transform: none;
    line-height: 1.1;
}
.lz a {
}

/* Расположение ячеек для постов, денег, мышей */
.tab {
  padding: 7px 6px 0px 5px;
}

/* ДОПОЛНИТЕЛЬНОЕ ПОЛЕ, при необходимости меняет цифру fld2, fld3 и так далее */ 
/* ПЛАШКА + ЛС*/ 
.pa-fld1 { 
    margin-bottom: -10px!important;
    margin-top: -8px!important;
    margin-left: 1px!important;
} 

/* ЛЗ (СПОЙЛЕР)
-----------------------------------*/ 
.pa-fld2 {
    background-color: #dbdbdb;
    border: 1px solid #d3d1d1;
    border-radius: 15px;
    box-shadow: inset 0px 0px 8px #e5e5e5;
    /* width: 180px !important; */
    font-size: 9px;
    margin-bottom: -20px !important;
    /* margin-left: 4px !important; */
    margin-top: -5px !important;
    padding-bottom: 10px !important;
}

/* Стиль*/
.stl {
  text-align: center;
  padding-top: 5px;
}


/* Инста */
.inst {
  text-align: center;
  padding-bottom: 5px!important;
  font-size: 13px;
  font-family: Bebas Neue;
  font-weight: bold;
}
.inst a {

}


/* Посты, деньги, мыши */
.lz1 {
    text-align: center;
    background-color: #7f8c43;
    color: #f4f0ef;
    border: solid #f4f0ef00 1px;
    border-radius: 5px;
    padding: 3px;
    width: 47px;
    line-height: 1.5;
    font-size: 9px;
}


/*--------------------------------------------- 
КОНЕЦ ЛЗ (СПОЙЛЕР) */

/* ПОДЛОЖКА ПОД ВСПЛЫВАЮЩИЕ ОКНА */
.pun-modal .modal-inner {
background: #f4f0ef;
}

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
background: #f4f0ef;
}

#pun-reputation .inner h1,
#pun-report .inner h1,
#pun-admin-award-form .inner h1 {
padding: 15px 0px 0px 0px;
}

/* ОБЪЯВЛЕНИЯ АМС */
.hat {width:600px; height:225px; background: url(https://i.imgur.com/0eGUboI.png);}
.hatzag {font-family: Bebas Neue;  font-size:28px;  letter-spacing: 1px;  text-transform:uppercase; color: #fcf4e5;  line-height:100%;  top: -17px; text-align:center; text-shadow: 2px 0px #bc7465; position:relative; right: 20px;}
.hattext { font-size:11px; top: 25px; text-align: justify; position:relative; width:400px; margin-right: 18px!important; }
.hat img {
   width: 131px; height: 131px;
   border-radius: 50%; margin: 0px;
   position: relative; z-index: 200; }
.telo {width:600px; background: url(https://i.imgur.com/Nnryeeb.png);  margin-top: -15px; }
.telotext { font-size:11px; width:400px; overflow: auto; position:relative; margin-top: -0px; text-align: justify; margin-right: 18px!important;}
.fut {width:600px; height:80px; background: url(https://i.imgur.com/3N335ce.png);  margin-top: -30px!important; }

/* Анкета */
.verh {
  background: url(https://i.imgur.com/WqI4Q98.png); width: 600px; height: 80px; position: relative;
}
.dubl {
  background: url(https://i.imgur.com/v3Cu8np.png); width: 600px; position: relative; 
}
.city {
  background: url(https://i.imgur.com/1gGtCl6.png); width: 600px; height: 81px; position: relative; top: 0px;
}

.namesur {
  color: #59585e; font-family: Comfortaa;  font-weight:500;  font-size: 20px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%; top: 28px; position: relative; text-shadow: 0px 0px 5px #b7caca;
}

.pg1 {
  width: 550px;height: 250px;  background-size: 100%; position: relative; margin-bottom: 5px; top: -5px;
}
.pg2 {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width: 550px;height: 250px;background: url(https://i.imgur.com/i01eyl2.png); position: relative; text-align: justify;}
.pg1:hover 
.pg2 {opacity: 1;position: relative; top: px;}

.accordion { width: 544px; position:relative; font-size: 14px; padding: 3px; background: #59585e; }
.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }

.accordion [type=radio], .accordion [type=checkbox] { display:none; }

.accordion label { display:block;  background: url(https://i.imgur.com/Wm0TvY6.png); height: 13px; color: #59585e; font-family: Comfortaa;  font-weight: 500;  font-size: 14px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%;   -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; outline: 2px solid #59585e; }

.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background: url(https://i.imgur.com/pBPGfCO.png); color: #a5b7b7; }

.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;background: url(https://i.imgur.com/wG34tpA.png) bottom no-repeat;  border: 1px solid #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding: 12px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}

.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: auto; border: 0px solid #fff; background-color: #abbebe; padding: 10px; }

.wohaowhe {padding-right: 5px; height: auto; text-align: justify; font-size: 13px; font-family: arial; line-height: 100%; color: #000; }

/*------------------AMS--------------*/
.ams {display: inline-block;}
.ams a {
    font-family: 'franklin gothic' !important;
    font-size: 9px !important;
    text-transform: uppercase;
    line-height: 15px;
    color: #f8e5cf!important;
    letter-spacing: 1px;
    font-weight: 300;
    }

.ams a:hover {color: #dcdad4!important;}
.ams a span {display: none;}
.ams a:hover span{
    position: absolute;
    display: inline-block;
    margin-top: 20px;
    left: -23px;
    z-index: 100000;
    }



/*доброе утро*/
.utro-back { width:550px; padding:20px; background-color:#949292; border:1px solid #ccc; box-shadow: 0px 0px 2px 2px #eee;}
.utro-title { width:520px; padding:10px; border-bottom:1px solid #ccc; text-align:center; }
.utro-infob { width:520px; padding:10px; background-color:#f7f0f0; margin-top:10px; }
.utro-infor { width:120px; height:120px; padding:10px; border:1px dashed #ccc; }
.utro-infor img { width:120px; height:120px; background-size:cover; }
.utro-infol {   width:330px; padding:10px;   font-family:cuprum!important; text-align: justify; font-size:14px; }
.utro-sub { width:500px;  padding:5px; font-family:cuprum!important; text-align: justify; font-size:14px; margin-top:10px; margin-bottom:5px; }
.utro-sub2 { width:500px;  padding:5px; font-family:cuprum!important; text-align: justify; font-size:14px; margin-top:10px; margin-bottom:5px; color: #184357; font-weight: 400;}
.utro1 { font-family: Bebas Neue; color: #4f281e; font-size: 40px; letter-spacing: -1px; margin-top: 10px;font-weight: 600;  }
.utro2 { font-family: cuprum; color: #4d2528; font-size: 9px; margin-top: 5px; text-transform: uppercase; letter-spacing: 1px;  padding: 0px 30px;}

/*НОВОСТИ*/
.newsaus {width: 582px;
    min-height: 313px;
    background: url(http://forumstatic.ru/files/001a/9c/09/84537.png) top no-repeat, url(http://forumstatic.ru/files/001a/9c/09/18750.png) bottom no-repeat, url(http://forumstatic.ru/files/001a/9c/09/22520.png) repeat-y;}
.newstext {position: relative;
    width: 500px;
    overflow: auto;
    text-align: justify;
    padding-top: 159px;
    padding-bottom: 41px;}
.gifnews {    position: absolute;
    margin: 5px 28px !important;
    border: 5px solid #9d9d9d;
    border-radius: 100%;}

/*ГОСТЕВАЯ*/
.gost {    background: url(http://forumstatic.ru/files/001a/9c/09/82916.png);
    width: 584px;
    height: 475px;}
.boysgost {    position: absolute;
    width: 212px;
    height: 138px;
    margin: 282px 53px!important;
    overflow: auto;
    color: #747b4b;}
.girlsgost {position: absolute;
    width: 212px;
    height: 138px;
    margin: 282px 323px!important;
    overflow: auto;
    color: #747b4b;}

/** -------------------------  НОВАЯ ЛИЧНАЯ СТРАНИЦА  ------------------------- **/

#ls_fon {position: relative; width: 582px;  height: 477px; background: url(http://forumstatic.ru/files/001a/9c/09/51077.png);} /*поменяла!!!!*/

.baza_knopok {position: absolute; top: 452px; left: 376px; width: 60px; height: 20px;} /*поменяла!!!!*/
.knopka {display: inline-block; width: 15px; height: 15px; cursor: pointer;}  /*поменяла!!!!*/

.wrap_ls {position: absolute; top: 0px; width: 582px; height: 460px; left: 0px;} /*поменяла!!!!*/
#lichnoe01 {background: url(http://forumstatic.ru/files/001a/9c/09/16942.png);}/*поменяла!!!!*/
#lichnoe02 {background: url(http://forumstatic.ru/files/001a/9c/09/59509.png);}/*поменяла!!!!*/
#lichnoe03 {background:url(http://forumstatic.ru/files/001a/9c/09/43088.png)}/*поменяла!!!!*/

#knopka_second {margin-left: 2px; margin-top: 2px;}/*поменяла!!!!*/
#knopka_third {margin-left: 4px; margin-top: -6px;} /*поменяла!!!!*/

/*наполнение личной страницы*/ 
.photols {margin-top: 50px!important;position: absolute;margin-left: 49px!important;opacity: 0.5;}
.namels {position: absolute; margin: 242px 26px!important; text-align: center;    width: 209px;    font-size: 21px;    font-family: BigNoodleTitlingCyr;    background-color: #4f4f4f;    color: transparent;    text-shadow: 0px 2px 3px rgba(255,255,255,0.5);    -webkit-background-clip: text;    -moz-background-clip: text;    background-clip: text;}
.info1 {position: absolute;    margin: 279px 20px!important;    width: 218px;    font-size: 13px;    font-family: franklin gothic;    font-weight: 700;    color: #7e7e88;    text-shadow: 0px 1px 0px #e8e8e8;}
.info2 {position: absolute;    margin: 303px 20px!important;    width: 218px;    font-size: 13px;    font-family: franklin gothic;    font-weight: 700;    color: #7e7e88;    text-shadow: 0px 1px 0px #e8e8e8;}
.info3 {position: absolute;    margin: 328px 20px!important;    width: 218px;    font-size: 13px;    font-family: franklin gothic;    font-weight: 700;    color: #7e7e88;    text-shadow: 0px 1px 0px #e8e8e8;}
.muzikon {position: absolute; margin: 350px 92px!important; opacity: 0.5;}
.plashkils {width: 273px; height: 352px; position: absolute; margin: 53px 265px!important; overflow: auto;}

.dostizls {width: 524px; height: 117px; position: absolute; margin: 53px 28px!important; overflow: auto;}
.dostizigrls {width: 524px; height: 117px; position: absolute; margin: 235px 28px!important; overflow: auto;}

.podarkils {position: absolute; margin: 82px 28px; height: 281px; width: 525px; overflow: auto;}


/*ТАБЛИЧКА*/
.tablica img {mix-blend-mode: soft-light;}

/* Анкета */
.verh {
  background: url(https://i.imgur.com/WqI4Q98.png); width: 600px; height: 80px; position: relative;
}
.dubl {
  background: url(https://i.imgur.com/v3Cu8np.png); width: 600px; position: relative; 
}
.city {
  background: url(https://i.imgur.com/1gGtCl6.png); width: 600px; height: 81px; position: relative; top: 0px;
}

.namesur {
  color: #59585e; font-family: Comfortaa;  font-weight:500;  font-size: 20px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%; top: 28px; position: relative; text-shadow: 0px 0px 5px #b7caca;
}

.pg1 {
  width: 550px;height: 250px;  background-size: 100%; position: relative; margin-bottom: 5px; top: -5px;
}
.pg2 {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width: 550px;height: 250px;background: url(https://i.imgur.com/i01eyl2.png); position: relative; text-align: justify;}
.pg1:hover 
.pg2 {opacity: 1;position: relative; top: px;}

.accordion { width: 544px; position:relative; font-size: 14px; padding: 3px; background: #59585e; }
.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }

.accordion [type=radio], .accordion [type=checkbox] { display:none; }

.accordion label { display:block;  background: url(https://i.imgur.com/Wm0TvY6.png); height: 13px; color: #59585e; font-family: Comfortaa;  font-weight: 500;  font-size: 14px;  letter-spacing:4px;  text-transform:uppercase;  text-align:center;  line-height:100%;   -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; outline: 2px solid #59585e; }

.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background: url(https://i.imgur.com/pBPGfCO.png); color: #a5b7b7; }

.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;background: url(https://i.imgur.com/wG34tpA.png) bottom no-repeat;  border: 1px solid #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding: 12px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}

.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: auto; border: 0px solid #fff; background-color: #abbebe; padding: 10px; }

.wohaowhe {padding-right: 5px; height: auto; text-align: justify; font-size: 13px; font-family: arial; line-height: 100%; color: #000; }

/* новости
-------------------------------------------------------------*/
.whazup_body {
    position: relative;
    left: 21px;
    top: 40px;
    padding: 5px;
    color: #33567f;
    width: 571px;
    text-shadow: 0 0px 2px #ffffff7d;
    text-align: justify;
    font-family: arial;
    line-height: 12px;
    padding-bottom: 110px;
    font-size: 11px;
}

#whazup_face {
    position: absolute;
    margin-top: 49px;
    margin-left: 13px;
}
#whazup_face img {
    width: 100px;
    height: 100px;
    border: 1px solid #f3f4f6;
    box-shadow: inset 0px 0px 2px #ffffff, inset 0px 0px 11px #f9f7f4, inset 0px 0px 18px rgb(224, 203, 184);
    box-shadow: 0 0 10px #c3cad4;
}
    .whazup_title {
    text-align: center;
    position: relative;
    width: 627px;
    font-family: bebasneueregular;
    top: 12px;
    color: #f8f5f1;
    text-transform: lowercase;
    font-size: 17px;
    text-shadow: 0 0 5px #f7f7f7;
}

.whazup_sub {
text-align: center;
    position: absolute;
    width: 627px;
    margin-top: 18px;
    color: #f8f5f1;
    text-transform: lowercase;
    font-size: 10px;
    text-shadow: 0 0 5px #f7f7f7;
}


.whazup_fa {
    position: absolute;
    font-size: 20px;
    text-shadow: 0 0 5px #f7f7f7;
    color: #f8f5f1;
    margin-top: 20px;
    margin-left: 18px;
}

.whazup_theme {
    width: 627px;
    background: url(http://forumstatic.ru/files/0019/ac/8e/71037.png) top no-repeat, url(http://forumstatic.ru/files/0019/ac/8e/37871.png) bottom no-repeat, url(http://forumstatic.ru/files/0019/ac/8e/48658.png) repeat-y;
    min-height: 200px;
}

.whazup_story {
    width: 568px;
    position: relative;
    margin-top: 188px;
    margin-left: 5px;
    text-align: justify;
    padding-right: 17px;
    font-size: 10px;
    color: #3c5067;
    padding-bottom: 50px;
}

.whazup_story::-webkit-scrollbar {
    width: 4px;
    height: 5px;
}
.whazup_story::-webkit-scrollbar-track {
    background-color: #7795c3!important;
    border: 1px solid #dfe6ef!important;
    box-shadow: none!important;
}


.whazup_info {
    position: absolute;
    color: #f8f5f1;
    text-transform: lowercase;
    font-size: 10px;
    text-shadow: 0 0 1px #f7f7f7;
    margin: 60px 147px;
    width: 443px;
    height: 98px;
    overflow: hidden;
    text-align: justify;
}


/*------------------------- навигация картинками -----------------------------*/

/*домой*/
#navindex a {    background: url(https://i.imgur.com/nSFNdc1.png) no-repeat;
    display: inline-block;
    position: absolute;
    height: 26px;
    width: 94px;
    font-size: 0px!important;
    left: 1009px;
    top: -120px;}

/*игроки*/
#navuserlist a {    background: url(https://i.imgur.com/5JnPKQH.png) no-repeat;
    position: absolute;
    height: 26px;
    width: 94px;
    font-size: 0px!important;
    left: 1009px;
    top: -97px;}

/*поиск*/
#navsearch a {background: url(https://i.imgur.com/Ts3EU06.png) no-repeat;
    position: absolute;
    height: 26px;
    width: 94px;
    font-size: 0px!important;
    left: 1009px;
    top: -72px;}

/*профиль*/
#navprofile a {background: url(https://i.imgur.com/rpg4p2Q.png) no-repeat;
    position: absolute;
    height: 26px;
    width: 94px;
    font-size: 0px!important;
    left: 1009px;
    top: -47px;}



/*сообщения*/
#navpm a {    background: url(https://i.imgur.com/sQ6qxQC.png) no-repeat;
    position: absolute;
    height: 26px;
    width: 94px;
    font-size: 0px!important;
    top: -23px;
    left: 1009px;}

/*админка*/
#navadmin a {background: url(https://i.imgur.com/VxYF6qk.png) no-repeat;
    position: absolute;
    height: 26px;
    width: 94px;
    font-size: 0px!important;
    left: 1009px;
    top: 2px;}

/*выход*/
#navlogout a {background: url(https://i.imgur.com/X33LtpG.png) no-repeat;
    position: absolute;
    height: 26px;
    width: 94px;
    font-size: 0px!important;
    top: 27px;
    left: 1009px;}

/*вход*/
#navlogin a { background: url(https://i.imgur.com/s8s6I46.png) no-repeat;
    position: absolute;
    height: 26px;
    width: 94px;
    font-size: 0px!important;
    left: 1009px;
    top: -47px;}

/*регистрация*/
#navregister a {background: url(https://i.imgur.com/4kLNizI.png) no-repeat;
    position: absolute;
    height: 26px;
    width: 94px;
    font-size: 0px!important;
    top: -23px;
    left: 1009px;}

#pun-navlinks #navawards{display:none;}

.PRbtnImage {
    position: absolute;
    left: 1009px;
    top: 2px;
    cursor: pointer;}