/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #000000;
font-weight: normal;
font-style: normal;
text-align: Left;
}

/* CS1.2 Боди или фон форума */
html, body { background: url("https://funkyimg.com/i/2YxmA.png") top center repeat-x , 
url("https://funkyimg.com/i/2YqQo.png") bottom center repeat-x,
url("https://funkyimg.com/i/2Yr1p.png") center; }

/* CS1.3 Шапка */
#pun-title table {
    background-image: url(https://funkyimg.com/i/2YsTk.png);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    margin-left: -187px;
    height: 530px!important;
    width: 1200px;
}

 

 /* CS1.5 Футеркопирайниз */
#pun-about p.container {background-color: transparent!important;
    background-image: url(https://funkyimg.com/i/2Yr4M.png);
    /* background-color: #595853; */
    background-position: center top;
    background-repeat: no-repeat;
    height: 166px!important;
    width: 1200px;
    margin-left: -187px;
    margin-bottom: -40px!important;
    text-align: center;
    border-color: transparent;
    padding: 0px!important;
font-size: 0px;
}

 
 
 

 /* CS2 Ссылки */
  

/* Ссылка в спокойном состоянии */
.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: #887968;
    font-weight: 600;
  text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;}


 
 /* Активная ссылка */
.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: #887968;     
}

 
/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {    float: left;
    display: block;
    border-style: none none none none;
    margin-right: 10px!important;
    margin-left: 20px!important;
    margin-top: 0px!important;
    /* margin-bottom: 5px!important; */
    width: 20px;
    height: 20px;
    background: #8c7c6a;
    /* background-image: url(https://funkyimg.com/i/2Y8Uf.png); */
    /* background-repeat: repeat-y; */}

/* CS3.2 Иконка новых */
TR.inew Div.icon {background: #373737;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon   {background: #9a7f61;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon  {background: #9a7f61;}


/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(https://funkyimg.com/i/2YrgJ.png);
    background-origin: padding-box;
    /* background-position: 10px 10px; */
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 90px;
    padding-top: 10px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
}

 
/* CS5.3 Цитаты и коды в сообщениях*/
 


/* кнопки */
 .punbb input  {border-radius: 0px;
    background-color: #e6e2db;
    box-shadow: solid 0 0 0px 0px #4d5a61;
    border: 1px dashed #dad4ca; 
    padding: 2px 12px 2px 12px;
    text-shadow: #1px 1px 1px;
    color: #33220d!important;
    font-family: 'cuprum', arial;
    font-size: 9px!important;
    letter-spacing: 1px;
    font-weight: bold!important;
 }

/* Модерирование тем и другие селекты*/

.punbb select {border-radius: 0px;
background-color: #d3ccc1;
    border-top: 2px solid #777d57;
border-left: solid 0px #baae40;
border-right: solid 0px #baae40;
border-bottom: 0px solid #baae40;
padding: 2px 12px 2px 12px; text-shadow: #1px 1px 1px;
color: #33220d!important;
font-family: 'cuprum', arial;t;
font-size: 10px!important;
font-weight: bold!important;}

  

/* CS5.4 Область для ввода текста в форме ответа */
.punbb textarea  {
background: #eaeaea;
    border-top: 0px solid #d3ccc1;
    border-right: 0px solid #d3ccc1;
    border-left: 0px solid #d3ccc1;
    border-bottom: 0px solid #d3ccc1;
  }



/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 0px; 
top: 100px}

/* CS5.6 другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}


 
 

#pun-category1.category h2 {
background: url(https://funkyimg.com/i/2YyGp.png) no-repeat top center;
     height: 67px;
    margin-left: -91px;
}

#pun-category2.category h2 {
background: url(https://funkyimg.com/i/2YyGr.png) no-repeat top center;
     height: 67px;
    margin-left: -91px;
    margin-top: 30px;
}

#pun-category3.category h2 {
background: url(https://funkyimg.com/i/2YyGq.png) no-repeat top center;
     height: 67px;
    margin-left: -91px;
    margin-top: 30px;
}

#pun-category4.category h2 {
background: url(https://funkyimg.com/i/2YyGs.png) no-repeat top center;
     height: 67px;
    margin-left: -91px;
    margin-top: 30px;
}

 
::-webkit-scrollbar {    width: 6px;    height: 10px;}
::-webkit-scrollbar-thumb { background-color: #545266;    border: 1px solid #676678;    box-shadow: inset 0 0 2px #ffffff;}
::-webkit-scrollbar-track {    background-color: #a6948a;    border: 0px solid #b7ac9f;    box-shadow: inset 0 0 2px #8d847a;}


 /* кнопки навигации */
#navindex a {
background: url(https://funkyimg.com/i/2Yre1.png) no-repeat top center;
    display: inline-block;
    position: absolute;
    height: 50px;
    width: 120px;
    font-size: 0px!important;
    left: 195px;
    top: 25px;}

#navuserlist a {
    background: url(https://funkyimg.com/i/2YrdZ.png) no-repeat top center;
    display: inline-block;
    position: absolute;
    z-index: auto;
    height: 50px;
    width: 112px;
    font-size: 0px!important;
    left: 321px;
    top: 25px;}

#navsearch a {
background: url(https://funkyimg.com/i/2YrdW.png) no-repeat top center;
    display: inline-block;
    position: absolute;
    height: 50px;
    width: 112px;
    font-size: 0px!important;
    left: 439px;
    top: 25px;}

#navprofile a {
background: url(https://funkyimg.com/i/2YrdX.png) no-repeat top center;
    display: inline-block;
    position: absolute;
    height: 50px;
    width: 150px;
    font-size: 0px!important;
    left: 557px;
    top: 25px;}

#navpm a {
    background: url(https://funkyimg.com/i/2YrdY.png) no-repeat top center;
    display: inline-block;
    position: absolute;
    height: 50px;
    width: 91px;
    font-size: 0px!important;
    left: 713px;
    top: 25px;}

#navadmin a {
background: url(https://funkyimg.com/i/2Yrg8.png) no-repeat top center;
    display: inline-block;
    position: absolute;
    height: 108px;
    width: 147px;
    font-size: 0px!important;
    left: 0px;
    top: 0px;}

#navlogout a {
background: url(https://funkyimg.com/i/2YrdV.png) no-repeat top center;
    display: inline-block;
    position: absolute;
    height: 50px;
    width: 90px;
    font-size: 0px!important;
    left: 810px;
    top: 25px;}

#navlogin a  {
background: url(https://funkyimg.com/i/2YrfK.png) no-repeat top center;
    display: inline-block;
    position: absolute;
    height: 50px;
    width: 107px;
    font-size: 0px!important;
    left: 743px;
    top: 25px;}

#navregister a {
background: url(https://funkyimg.com/i/2YrfJ.png) no-repeat top center;
    display: inline-block;
    position: absolute;
    height: 50px;
    width: 180px;
    font-size: 0px!important;
    left: 557px;
    top: 25px;}


/* ссылки амс */
.ssam a { color: #d0cfda !important;}

/* плашки */
.plash { padding: 2px 15px 3px 15px;    border: 2px solid #9998a6;    text-transform: uppercase;    color: #c5c1a4!important;    font-size: 11px;    background: #656476;    display: inline-block; margin-bottom: 2px!important;}
.plash a {color: #d0cfda !important;}


  /* оформление тем*/
 .sfon {position: relative;    margin-left: 6px!important;;    width: 795px;    height: 570px;    background: url(https://funkyimg.com/i/2YxAG.png);    /* background-size: 100%!important; */}
#tot {width: 736px;    height: 530px;    /*  background: #705135;*/    /* border: 1px solid #21314b; */    overflow: hidden;
    margin: 20px 30px 20px 30px;    position: absolute;}
#tot #pestanas {height: 20px; border-bottom: 1px solid #b68145;}
#pestanas span {margin-right: 3px;    background: #705135;    padding: 3px;    border-radius: 100%;    margin-top: -10px;    color: #dacbbd;    font-size: 1px;}
#pestanas m {float: right;    margin-right: 1px;    margin-top: 1px;}
#tot #navegacion {    height: 24px;    background: #e4ccb5;}
#navegacion .iconos {    font-size: 10px;    color: #705135;    height: 10px;    position: relative;    top: 6px;    left: 10px;}
#navegacion .iconos span {margin-left: 5px}
#navegacion .ultimosiconos {font-size: 10px;    color: #777;    height: 10px;    position: relative;    top: 6px;    float: right;    margin-right: 10px;}
#navegacion .datos {    background: #fff;    width: 630px;    border: 1px solid #eaeaea;    padding: 2px 10px;    font: 7px 'Noto Sans', sans-serif;    text-transform: uppercase;    letter-spacing: 1px;    color: #222;    margin-left: 72px;    margin-top: -5px;}
#tot #cuerpo {height: 444px; background-attachment: fixed; background-repeat: no-repeat; background-size: 100%!important; overflow-y: auto}
#cuerpo #sint1 {height: 444px; text-align: center}
#sint1 span {font: 40px "oswald"; font-weight: bold; text-transform: uppercase; letter-spacing: -2px; color: #ffffff; text-align: center; position: relative; top: 168px;}
#sint1 .quote {background: #fff; color: #222; font: 7px 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 3px; padding: 6px; width: 350px; margin: 0 auto; margin-top: 160px}
.lougall1 { width: 450px; padding: 14px; border: 1px solid #f1f1f1; background: #fdfdfd; }
.lougall1 ::-webkit-scrollbar { width: 3px; height: 3px; }
.lougall1 ::-webkit-scrollbar-track { background: #fff; }
.lougall1 ::-webkit-scrollbar-thumb { background: #abccd0; }
.lougall1 .one { width: 410px; height: 275px; padding: 19px; border: 1px solid #f1f1f1; background: #fff; position: relative; }
.lougall1 .two { width: 80px; height: 80px; padding: 9px; border: 1px solid #f1f1f1; background: #fdfdfd; position: absolute; top: 19px; left: 19px; }
.lougall1 .two img { width: 80px; }
.lougall1 .three { width: 300px; text-align: center; line-height: 100%; font-family: raleway; color: #abccd0; font-weight: 400; font-size: 40px; text-transform: uppercase; position: absolute; top: 35px; left: 130px; border-bottom: 1px solid #f1f1f1; }
.lougall1 .three b { font-weight: 900; }
.lougall1 .four { width: 280px; text-align: left; line-height: 100%; font-family: raleway; color: #aaa; font-weight: 700; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 80px; left: 140px; }
.lougall1 .four i { display: inline-block; margin-right: 10px; }
.lougall1 .five { width: 280px; padding: 11px 9px; text-align: center; line-height: 100%; background: #fdfdfd; border: 1px solid #f5f5f5; position: absolute; top: 95px; left: 130px; }
.lougall1 .hovsur { position: relative; width: 16px; height: 16px; }
.lougall1 .hovi { position: absolute; top: 0px; left: 0px; }
.lougall1 .hovw { position: absolute; top: 0px; left: -100%; background: #fdfdfd; border: 1px solid #f1f1f1; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; color: #999; line-height: 100%; padding: 4px; opacity: 0; z-index: 11; }
.lougall1 .hovsur:hover .hovw { top: 22px; opacity: 1; z-index: 12; }
.six {width: 200px;    height: 528px;    /* padding: 10px; */    /* border: 1px solid #f1f1f1; */    position: absolute;    top: 0px;left: 0px;    background: #716e76;    overflow: auto;    font-family: raleway;    font-size: 10px;    color: #999;    text-align: justify;    line-height: 100%; }
.lougall1 .six b { color: #abccd0; font-weight: 700; font-size: 12px; }
.lougall1 .seven { width: 204px; height: 108px; border: 1px solid #f1f1f1; background: #fff; padding: 9px; overflow: auto; font-family: raleway; font-size: 8px; letter-spacing: 1px; color: #abccd0; text-transform: uppercase; font-weight: 700; }
.lougall1 .seven a { color: #999; }
.lougall1-tabs {position: absolute;background: #dededb;    top: 130px;    left: 0px;    width: 200px;    height: 270px;    clear: both;    margin: 0;}
.lougall1-tabs .tab { display: inline-block;  }
.lougall1-tabs .tab label { height: 17px;    width: 174px;    margin: 3px 13px 0px 13px;    border: 0px;    position: relative;    display: inline-block;    font-family: roboto;    letter-spacing: 0px;    font-size: 12px;    font-weight: 700;    line-height: 14px;    background-color: #615e5f;    color: #dededb;    padding-top: 3px;    text-align: center;    border-radius: 5px;}
.lougall1-tabs .tab [type=radio] { display:none;  baseline-tab-shift:true, retrieve; }
.lougall1-tabs .content { position: absolute;    top: -129px;    bottom: 0px;    left: 208px;
width: 506px;    height: 510px;    border: none;    display: none;    text-align: justify;    background: #dededb;    border: 1px solid #f1f1f1;    padding: 10px;}
.lougall1-tabs [type=radio]:checked ~ label { z-index: 10;color: #f1f1f1;    background-color: #c68b41;    font-size: 22px; }
.lougall1-tabs [type=radio]:checked ~ label ~ .content { display:block; }
.six .text {width: 100px;    padding: 10px;    position: absolute;    top: 95px;    left: 80px;    /* line-height: 5px; */    color: #fff;    background-color: #c5c1a4;    height: 5px;    line-height: 7px;    font-family: roboto;    font-size: 9px;    /* font-style: italic; */    letter-spacing: 1px;    text-align: right;    text-transform: lowercase;}
.six .textcod {width: 160px;    padding: 20px;    position: absolute;    top: 390px;    /* left: 80px; */     color: #555;    background-color: #dededb;    height: 98px;    line-height: 12px;    font-family: roboto;    font-size: 14px;    font-style: italic;    letter-spacing: 1px;    text-align: center;    text-transform: lowercase;}
  /* оформление тем*/



   /* анкета*/
#hope1 {width: 500px;    height: 120px;    background: #80480f69;    border: 1px solid #dcd4ca;    overflow: hidden;    text-align: center;    margin: 0 auto;}
#hopen {font: 150px "stockholm"; height: 10px; text-align: center; color: #fff; position: relative; top: -20px;}
#hope1 span {font: 10px verdana;    text-transform: uppercase;    letter-spacing: 10px;    position: relative;    top: 45px;    color: #ffffff;    text-shadow: 2px 0px 0px #79430d;}
#hope2 {width: 500px;    background-color: #fdfdfd;    border: 1px solid #dcd4ca;    margin: 0 auto;}
.hp2 {    width: 250px;    height: 320px;    outline: 1px solid #f4f4f4;    margin: 10px;    float: right;    background: #fff;    font: 10px verdana;    color: #848484;    overflow: auto;}
.hp2 span {color: #97b2c0; text-transform: uppercase; font-size: 9px; float: left;}
.hptit {background: #b19171;    border-bottom: 1px solid #b19171;    padding: 10px;    color: #fdfdfd;    font: 8px verdana;    text-transform: uppercase;    letter-spacing: 2px;    text-align: right;    height: 10px;    text-shadow: 1px 1px 1px #79430d;}
.hptit span {float: left; color: #fff}
.minnie {  width: 250px;  margin-left: auto;  margin-right: auto;}
.cinderella {width: 250px;    z-index: 1;    font-family: Poppins !important;    font-size: 13px !important;    line-height: 1.3 !important;    text-align: left !important;    letter-spacing: 0 !important;}
.mulan {    width: 0;    height: 0;    border-style: solid;    border-width: 6px 0 9px 250px;    border-color: transparent transparent #b19171 transparent;}
.tiana {    width: 230px;    background: #b19171;    padding: 0px 10px 0px 10px;    font-family: Poppins !important;    font-size: 12px !important;    line-height: 1.4 !important;    text-align: left !important;    letter-spacing: 0 !important;}
.beauty {  position: relative;  margin-top: -16px!important;  margin-bottom: -2px!important;}
.ariel {  background: #fff !important;  display: inline !important;  outline:3px #FFF solid;  font-family: Poppins;     color: #3c2004; }
.snow {    width: 0;    height: 0;    border-style: solid;    border-width: 22px 249px 0 0;    border-color: #b19171 transparent transparent transparent;}
#tablon {    /* height: 100px; */    width: 250px;    /* background: #fafafa; */    /* outline: 1px solid #eaeaea; */    color: #6d6d6d;    margin: 0 auto;} 
#tablon #anuncios {    position: relative;top: 0px;    left: 0px;/* border: 1px solid #f4f4f4; */    width: 240px;    padding: 5px;    /* background: #fff; */    /* height: 80px; */    font: 10px 'Montserrat', sans-serif;    overflow: auto;}
 #tablon #anuncios .nun {    margin-top: 3px;    border-bottom: 1px solid #f1f1f1;    position: relative;    text-transform: uppercase;}
#tablon #anuncios .nun span {color: #3b6b82;text-transform: uppercase;    /* font-size: 10px; */    float: right;}
.ariel2 { padding: 12px;}
.hp1 {width: 200px; height: 300px; border: 10px solid #fff; outline: 1px solid #f4f4f4; margin: 10px;}
 .sh-img2 {width: 200px;    height: 300px;    float: left;    border: #d8d8d4 dashed 3px;    position: relative;    z-index: 5;    top: -3px;    transform: rotate(6deg);    left: -3px;    margin-right: 0px;}
 .hp3 {width: 480px;    outline: 1px solid #f4f4f4;    margin: 10px!important; background: #fff; font: 10px verdana; text-align: center; color: #272323; padding-bottom: 20px;}
.hpbo {padding: 20px; text-align: justify;padding-bottom: 1px; font-size: 12px;}
   /* анкета*/


   /* нужные*/
.triggerbang1 {    width: 500px;    height: 600px;    margin: auto;    padding: 15px;}
.triggerbang1 .tabs {    position: relative;    width: 480px;    margin: 10px;    height: 380px;}
.triggerbang1 .tab {    float: left;    display: inline-block;}
.triggerbang1 .topper {    width: 480px;    height: 105px;    /* overflow: hidden; */    /* background: #5c5b56; */    border-bottom: solid 10px #9a9a99;    border-radius: 0px;}
.spgt3 {    text-align: center;}
.triggerbang1 .stat {    width: 147px;    height: 103px;    float: left;    margin: 0px 0px 0px 5px;    /* overflow: hidden; */    text-align: center;  overflow: auto;}
.triggerbang1 .stat b {    background: #fff;    border: solid 1px #ddd;    display: inline-block;    margin: 1px auto 2px auto;    padding: 4px 10px;    font: bold 7px/9px open sans;text-transform: uppercase;    border-radius: 5px;    width: 115px;text-align: center;    display: block;    color: #3e3d3d;}
.punbb .post-content img {    vertical-align: text-top;}
.triggerbang1 img {    width: 100px;    height: 100px;    border: solid 2px #f5f5f5;}
.spgt1 {    font: 30px montserrat;    text-align: center;    letter-spacing: -3px;    color: #ffffff;    font-weight: 700;    line-height: 19px;text-transform: lowercase;    margin: 5px;margin-top: -6px;}
.triggerbang1 .body {    margin-top: 10px;    background: #ffffff94;    /* border: solid 1px #b9ac9b; */
    /* border-radius: 5px; */    height: 472px;overflow: auto;}
.triggerbang1 .scroll {    /* margin: 10px 0px 0px 0px; */    color: #222;    font: 11px open sans;    text-align: justify;    padding: 20px;}
   /* нужные*/

   /* хочу видеть */
 .hv1 {    width: 500px;     margin: auto;    border: solid 0px #d8d8d8;    padding: 15px;}
  .hv1 .tab1 {   float: left; display: inline-block;  }
 .hv1n {    font: 30px montserrat;  text-align: center;    letter-spacing: -3px;    color: #ffffff;    font-weight: 700;    line-height: 19px;    text-transform: lowercase;    margin: 5px!important;    margin-top: -16px!important;}
  .hv1 .hv1t {width: 480px; }
 .hv1 img {border: solid 2px #f5f5f5;    margin-left: 3px!important; }
   .hv1 .hv1o b {background: #fff;    border: solid 1px #ddd;  display: inline-block;    margin: 6px auto 2px auto!important;    padding: 4px 10px;     font: bold 9px/10px open sans;    text-transform: uppercase;    border-radius: 5px;    width: 450px; text-align: center;    display: block;
    color: #3e3d3d; margin-bottom: 20px!important;}
.hv1im {text-align: center;    padding-bottom: 6px;    border-bottom: solid 10px #3a3935;}
   /* хочу видеть */