/* CS1 Фон и цвет текста*/

/* 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, #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: #1e222d;
font-weight: normal;
font-style: normal;}

.punbb-admin #pun-admain h2 {color: #a6abb8;}

/* CS1.2 Боди или фон форума */
body {background-color:#54657a; background-image: url(http://funkyimg.com/i/29bzP.jpg); background-position: top center; }

/* CS1.4 Пан или "тело" форума */
#pun {background-image: url(http://funkyimg.com/i/29bzW.jpg);}

/* CS2 Ссылки */

/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color:  #2e3a4b;
  text-decoration: none;}

/* CS2.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: #54657a; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #2e3a4b;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #54657a;
  text-decoration: none;}

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

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
    margin-left: 5px;
    margin-right: 0px;
    width: 47px;
    margin-top: 14px;
height: 46px;
background-image : url(http://funkyimg.com/i/2472V.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2472U.png);
background-repeat: no-repeat;
width: 44px;
height: 46px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2472W.png);
background-repeat: no-repeat;
width: 43px;
height: 46px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2472X.png);
background-repeat: no-repeat;
width: 46px;
height: 46px;}


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

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

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;
height: 65px;
background-repeat: no-repeat;
font-size:0 !important;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-image: url("адрес");}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { }

.punbb input {}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea {
border: 1px dashed #54657a !important;
    background: #aab2bd;
padding: 4px;}

.punbb select, .punbb input {
background-color: #aab2bd;
    color: #000000;
    border: 1px dashed #54657a;}

/* ШАПКА */
#pun-title table {background-color: transparent;
background-image : url(http://funkyimg.com/i/29bzQ.jpg);
background-repeat : no-repeat;
background-position: bottom center;
height: 312px;
width: 943px !important; 
margin-left: -30px;
margin-top:30px
}

/* ФУТЕР */
#pun-about p.container {
font-size: 0px !important;
background-image: url(http://funkyimg.com/i/29bA2.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 122px; 
width: 943px !important;
margin-left: -30px;
}

div#html-footer {margin: -21px 0px 0px 0px;} /* отвечает за расположение футера */
div#pun-about {margin-bottom: 0px;} /* чем больше значение, тем выше низ */

#pun-about p.container a {
display: hidden;
}

/* 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-crumbs1 .container { }
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*анкета*/
#xdiv{position:relative;margin:0 auto;width:400px;height:400px;border:7px solid #616b87;border-bottom:0px;background-size:cover;}#xdiv:before,#xdiv:after{content:'';position:absolute;z-index:0;display:block;top:50%;left:0px;height:1px;width:400px;transition:all 1s linear}
#xdiv:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.3s linear}
#xdiv:after{display:block;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:transform 0.3s linear, opacity 0.3s linear 0.3s}
.rstext::-webkit-scrollbar{width:3px;height:3px}.rstext::-webkit-scrollbar-track{background-color:#fff}
.rstext::-webkit-scrollbar-thumb{background-color:#000;border:1px solid #fff}#xdiv:hover:after,
#xdiv:hover:before{transform:rotate(0deg);opacity:0}
.wrap1{width:400px;z-index:99;overflow:hidden;position:relative;height:0px;margin:0px;margin-top:200px;background-color:#FFF;transition:height 1s 0.5s, margin-top 1s 0.5s;background-color:rgba(255, 255, 255, 0.3)}
#xdiv:hover .wrap1{height:400px;margin-top:0px}
.wrap2{margin:5px;padding:20px;padding-right:15px;text-align:justify;height:350px;background-color:#fff}
.rstext{padding-right:5px;overflow:auto;height:300px;font:11px 'istok web';color:#333}
.rstext h1{background-color:#fcd245;display:inline-block;padding:4px;font:14px 'oxygen mono';font-weight:normal;margin:3px 0px}.byrachel {text-align:right; width:414px; margin:0 auto; display:block; opacity:0.7;}
#blurb{width:320px;margin:0 auto;background-color:#616b87;text-align:right;border:7px solid #616b87;border-top:0px;padding:40px}
.name{font:25px 'Yeseva one';font-weight:700;text-transform:uppercase;color:#151515;text-align:left;border-bottom:7px solid #aab2bd; display:block;margin-bottom:6px}
.blurb{font-size:8px; font-family: 'Robato', sans-serif; letter-spacing:2px;text-transform:uppercase;background-color:#e1dbd0;padding:3px}
.rstext h1 {background-color:#fcd245}
.name {border-color:#aab2bd;}

/*СКРОЛЛ*/

::-webkit-scrollbar {
    width: 10px;
    height: 5px;}
::-webkit-scrollbar-track {
background: #54657a;}
::-webkit-scrollbar-thumb {
    background: #aab2bd;}

.lz {width: 160px;
    border: 1px dashed #54657a;
    font-family: arial;
    font-size: 11px;
    color: #2c1a21;
    padding: 10px;
    text-align: justify;
    word-spacing: -1px;
    background-color: #d7d7d7;}

/*ДОСЬЕ*/
.dosja{margin-left: -27px;
background-image: url("http://funkyimg.com/i/23wVB.png");
width: 200px;
height: 30px;
font-size:0 !important;}

.nekotoroe {
width: 550px;
padding: 20px;
background: url(http://funkyimg.com/i/2471z.png) #a48a67;
color: #392c1e;
box-shadow: 0px 0px 0px 1px #54657a;
border: 1px solid #a6abb8 !important;}

.nekotoroe2 {background-color: #fff; 
padding:20px;
box-shadow: 0px 0px 0px 1px #54657a;
border: 1px solid #a6abb8 !important;
background: #d2d6dc;
    color: #1a0e15;
text-align: justify;}

 .nekotoroe zagolovok {
font-family: 'Yeseva One', cursive; font-size: 40px; color: #4c5671; text-align: center; text-transform: lowercase; letter-spacing: -2px;
  }

  .nekotoroe zagolovok2 {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 150%;
    width: 260px;
    text-align: justify;
    font-size: 7px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .nekotoroe tekst {    
font-family: 'Yeseva One', cursive;
    text-align: center;
    padding: 6px;
    font-size: 15px;
  }

/*ГОСТЕВАЯ*/

#tempcon1 {
    width: 550px;
    padding: 20px;
    background: url(http://funkyimg.com/i/2471z.png) #a48a67;
    background-attachment: fixed;
    background-position: center;
    text-align: justify;
    line-height: 100%;
    color: #222;
}
#tempcon2 {
    padding: 5px;
    border: 1px solid #5d667b;}

.tempwords {
    padding: 30px;
    background-color: #d2d6dc;
    text-align: justify;
    line-height: 130%;
}
.tempwords2 { padding: 10px 30px 30px 30px; font-size: 12px; text-align: justify; background-color: #fff; line-height: 12px;}
.tempwords:first-letter { float: left; font-family: 'Yeseva One', cursive; font-size: 50px; color: #4c5671; text-transform: uppercase; margin: 15px 5px;}
.tempwords b {font-family: poppins; font-size: 12px; color: #54657a; font-weight: 900;}
.tempwords2 b { color: #54657a;}
.tempheader {background-color: #333; padding: 30px; font-family: 'Yeseva One', cursive; font-size: 40px; color: #54657a; font-style: italic; text-align: center; text-transform: lowercase; letter-spacing: -2px;}
.tempheader.th_0,.tempheader.th_2,.tempheader.th_4,.tempheader.th_6,.tempheader.th_8,.tempheader.th_10,.tempheader.th_12,.tempheader.th_14,.tempheader.th_16,.tempheader.th_18,.tempheader.th_20 {background: #aab2bd;}
.tempheader2 {background-color: #54657a; padding: 30px; font-family: playair display; font-size: 25px; color: #fff; font-weight: 900; font-style: italic; text-align: right; text-transform: lowercase; letter-spacing: -2px; line-height: 18px;}

/*ОСНОВНОЙ*/
.raz {width: 220px; height: 10px; background-color: #5d667b;  border-right: 100px solid #aab2bd;}
.dva {width: 280px; background-image: url(http://funkyimg.com/i/2471A.png); padding: 20px; border-bottom: 1px solid #5d667b;}
.tri {width: 280px; text-align: right; font-family: 'Oranienbaum', serif; font-size: 20px; color: #463622;}
.cetire {padding-top: 10px; padding-bottom: 10px; line-height: 150%; width: 260px; text-align: justify; font-size: 7px; font-family: arial; text-transform: uppercase; letter-spacing: 1px;}

.birza {    
font-family: 'Yeseva One', cursive;
    text-align: center;
    padding: 6px;
    font-size: 15px;
  }

a.sbla:link, a.sbla:visited {
  display: block;
  margin-bottom: 1px;
  text-transform: lowercase;
  font-style: italic;
  font-family: georgia;
  font-size: 9px;
  letter-spacing: 1px;
  border-radius: 10px;
  background: #54657a;
  color: #a6abb8;
  text-align: center;
width: 80px;
padding:2px;}

.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }

.styles { width: 330px; padding: 5px; background: #5d4632; border: 1px solid #5d4632; } 
.style { width: 300px; background: #e1dbd0; padding:10px; } 
.styleicon { position: relative; width: 73px; height: 85px; } 
.styleb1 { width: 70px; height: 70px; padding: 8px; border: 1px dashed #b1a387; position: absolute; top: 0px; left: 0px; } 
.styleicon img { width: 78px; border: 4px solid #c3b7a1; position: absolute; top: 5px; left: 5px; } 
.styleup {padding-right: 2px; font-size: 10px; letter-spacing: 0px; line-height: 100%; color: #888; text-align: justify; font-weight: 300; } 
.styleup::-webkit-scrollbar { width: 7px; } 
.styleup::-webkit-scrollbar-track { background: #fefefe; border: 1px solid #eeeeee; } 
.styleup::-webkit-scrollbar-thumb { background: #fafafa; border: 1px solid #eeeeee; } 
.style2 { background: url(http://funkyimg.com/i/22dgX.png); width: 320px; background-position: 0px -70px; position: relative; } 
.style-cover { background: rgba(255,255,255,.4) url(http://funkyimg.com/i/22dgX.png); background-position: -3px -3px; width: 200px; padding: 10px; } 
.style-cover a { font-size: 9px; letter-spacing: 0px; line-height: 100%; text-align: center; font-weight: 400; color: #ffcff8; background: rgba(255,255,255,1); text-decoration: none; text-transform: uppercase; padding: 3px; display: inline-block; margin: 2px; margin-bottom: 0px;}

.nope {opacity:0.3}
.yeap {opacity:1}