/* 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, .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: #0a1e21;
font-weight: normal!important;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {
background-color: #191919; 
background-position: top center; 
background-attachment: fixed;
}

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://forumstatic.ru/files/0019/0a/2c/56529.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 920px;
height: 300px;
margin-left: -35px;
}

/* CS1.4 Пан или "тело" форума */
#pun {
background-color: #f1f0ef; 
background-image: url(http://forumstatic.ru/files/0019/0a/2c/63616.png);
}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {
background-image: url(http://forumstatic.ru/files/0019/0a/2c/37839.png); 
background-position: top center; 
background-repeat: no-repeat; 
width: 920px;
height: 81px; 
margin-left: -37px;
font-size: 0!important;
margin-bottom: -50px;
}

/* CS1.6 Ссылки верхней навигации*/
#pun-navlinks .container { 
position: absolute; 
background-color: transpanent;
top: 10px;
}

#pun-ulinks .container { 
position: absolute; 
top: 280px;
}

/* CS1.7 Шрифты, размер текста на bb-панели */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
overflow-y: auto;
text-shadow: none;
border: 1px solid #c6c8c5;
padding: 10px;
max-height: 200px;
background-color: #f0efee!important;
color: #372514;
}

#smilies-area {
    width: 480px!important;
    overflow: hidden;
}

/* 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: #2c237d;
  text-decoration: none;
  transition: color 0.6s linear 0s;
}


/* 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: #fe2d17;
  text-decoration: none;
  transition: color 0.6s linear 0s;
}

.punbb .post-content a {
  color: #fe2d17;
  text-decoration: none;
  transition: color 0.6s linear 0s;
}

.punbb .post-content a:hover {
  color: #2c237d!important;
  text-decoration: none;
  transition: color 0.6s linear 0s;
}

/* CS2.5 */
.permalink {
   font-family: roboto;
   font-weight: 800;
   font-size: 11px;
   line-height: 11px;
   color: #908773!important;
   letter-spacing: -0.2px;
   text-transform: uppercase;
}


.permalink:hover {
  color: #322d2a!important;
}

.pl-email a, .pl-share a, .pl-delete a, .pl-edit a, .pl-quote a, .pl-reports a {
   font-family: roboto;
   font-weight: 800;
   font-size: 11px;
   line-height: 11px;
   color: #908773!important;
   letter-spacing: -0.2px;
   text-transform: uppercase;
   height: 13px;
}

.pl-email a:hover, .pl-share a:hover, .pl-delete a:hover, .pl-edit a:hover, .pl-quote a:hover, .pl-reports a:hover {
  color: #322d2a!important; 
}



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

#pun-viewforum div.icon, #pun-messages div.icon, #pun-searchtopics div.icon {
    float: left;
    margin-top: -6px;
    margin-right: 8px;
    display: block;
    width: 30px;
    height: 30px;
}

/* Иконки сообщений в подфоруме */
#pun-viewforum div.icon, #pun-messages div.icon, #pun-searchtopics div.icon {
   background: url(http://forumstatic.ru/files/001a/c2/9c/80873.png) no-repeat;
}

#pun-viewforum tr.inew div.icon, #pun-messages tr.inew div.icon, #pun-searchtopics tr.inew div.icon {
   background: url(http://forumstatic.ru/files/001a/c2/9c/17193.png) no-repeat;
}

#pun-viewforum tr.isticky div.icon, #pun-messages tr.isticky div.icon, #pun-searchtopics tr.isticky div.icon {
   background: url(http://forumstatic.ru/files/001a/c2/9c/20746.png) no-repeat;
}

#pun-viewforum tr.iclosed div.icon, #pun-messages tr.iclosed div.icon, #pun-searchtopics tr.iclosed div.icon {
   background: url(http://forumstatic.ru/files/001a/c2/9c/72846.png) no-repeat;
}

	
/* CS4 Картинки категорий */

#pun-category1.category h2 {
background: url(http://forumstatic.ru/files/0019/0a/2c/35433.png);
height: 46px;
width: 920px;
font-size: 0!important;
margin-left: -35px!important;
}

#pun-category2.category h2 {
background: url(http://forumstatic.ru/files/0019/0a/2c/13082.png);
height: 46px;
width: 920px;
font-size: 0!important;
margin-left: -35px!important;
}


#pun-category3.category h2 {
background: url(http://forumstatic.ru/files/0019/0a/2c/59204.png);
height: 46px;
width: 920px;
font-size: 0!important;
margin-left: -35px!important;
}


#pun-stats h2 {
background: url("http://forumstatic.ru/files/0019/0a/2c/44074.png") no-repeat;
height: 101px;
width: 66px;
border-style: none;
font-size: 0!important;
margin-left: 0px!important;
}


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

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
border: 1px solid #2c237d!important;
}

.quote-box blockquote .quote-box {
border: 1px solid #2c237d!important;
}


/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #edeae6; 
color: #0a1e21;
}

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

/* 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-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center;}


/* CS5.7 Ползунок */
::-webkit-scrollbar {
    height: 11px;
    width: 11px;
}
 
::-webkit-scrollbar-thumb { background: #fe2d17;}
::-webkit-scrollbar-track { background: #352c24;}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
   border: 5px solid; color: #191919;
}

/* CS5.8 */
::selection {
background: #9e9ac4!important; 
color: #0a1e21;
}

/* CS6 */
.mirnua {
text-indent: 20px;
}

/* N1 цвет имени автора */

.pa-author a{
color: #f1f0ef!important;
  transition: color 0.6s linear 0s;
}

.pa-author a:hover{
color: #fe2d17!important;
  transition: color 0.6s linear 0s;
}

/* KK1 подфорумы */

.utopiathechain {
text-align: justify;
font-family: georgia;
line-height: 15px;
}

.utopianame {
font-style: italic;
text-align: center; 
font-family: EB Garamond;
font-size: 14px;
padding: 0px 0px 10px 5px;
letter-spacing: 4.5px;
font-weight: 500;
}

.utopialink {
font-style: italic;
font-weight: 500;
font-size: 14px;
text-align: center;    
font-family: EB Garamond;
height: 18px;
}

.utopialink a { 
color: #281e7e!important; 
  transition: color 0.3s linear 0s;
}

.utopialink a:hover { 
color: #2c237d!important;
letter-spacing: 1px;
  transition: color 0.4s linear 0s;
}


/* Оформление разделения важных и обычных тем */

#pun-main tr.tr-divider {
  background-color: #f0efee!important;
  background-size: 30px;
  height: 20px;
}
#pun-main tr.tr-divider > td.td-divider {
  padding: 12px 12px;
  background-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
#pun-main tr.tr-divider.imp > td {
  color: #fe2d17;
  font-size: 13px;
  font-family: roboto;
  font-weight: 700!important;
  letter-spacing: -0.2px;
}

#pun-main tr.tr-divider.st > td {
  color: #2c237d;
  font-size: 13px;
  font-family: roboto;
  font-weight: 700!important;
  letter-spacing: -0.2px;
}

/* профиль отдельной страницей */
#profile-right {
    width: 60%!important;
}

#profile-left {
    width: 40%!important;
    padding-top: 0!important;
    text-align: center!important;
    font-weight: normal!important;
    margin-top: -15px!important;
}

#profile-name strong {
   font-size: 16px!important; 
   font-family: roboto!important;
   text-transform: uppercase; 
   padding: 0px!important;
}

#profile-title strong {
   font-family: Fira Sans;
   text-transform: uppercase; 
   font-size: 11px!important;
   margin: 0 30px 0 27px !important;
   padding-bottom: 0px!important;
}

#profile-gifts {
   display: none!important;
}

#profile-left li, #profile-left li * {
   font: 11px Fira Sans;
   text-transform: uppercase; 
}

#profile-right li span {
   font: 11px Fira Sans;
   text-transform: uppercase;
   font-weight: 700l!important; 
}


/* гостевая */
.guest-main {
    width: 98%;
    margin: 0 auto!important;
    text-align: center;
    background-color: #F1F0EE;
    border: 1px solid #2c237d;
}

.guest-header,
.guest-container,
.guest-h2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.guest-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.guest-header {
    flex-direction: column;
    align-items: flex-end;
margin-top: 10px!important;
margin-bottom: 5px!important;
}

.guest-container:last-child {
    margin-top: 15px;
margin-bottom: 10px;
justify-content: flex-start;
}

.guest-h1 {
        font-family: Franklin Gothic Medium;
   font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 4em;
width: 70%;
background-color: #2c237d;
text-align: left;
color: #ffffff;
padding-left: 10px;
}

.guest-look:hover,
.code-box-ht:hover,
.guest-h1:hover {
    filter: hue-rotate(100deg);
}

.guest-h2 {
    text-transform: lowercase;
    margin-bottom: 15px!important;
}

.guest-td-1 {
    width: 32%;
    margin-right: 10px!important;
}

.guest-td {
    height: 155px;
    width: 32%;
    margin-right: 10px!important;
    overflow-y: auto;
}

.td-right {
    width: 30%;
    margin-right: 0!important;
}

.guest-td::-webkit-scrollbar {
    display: none;
}

.guest-td-h1 {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    margin-bottom: 15px!important;
}

.guest-look {
    border: 1px solid #2c237d;
    padding: 3px;
    margin-bottom: 5px!important;
    text-align: left;
}

.guest-look a {
 color: #2c237d!important;
}

.code-box-ht {
    background-color: #2c237d;
    font-weight: bold;
    text-align: right;
    font-size: 13px;
    padding: 3px;
    width: 70%;
    border: 1px solid #2c237d;
padding-right: 10px;
}

.code-box-ht a {
background-color: #ffffff!important;
text-transform: uppercase;
    padding: 0 4px;
}

.blockcode_2 pre2 {
    font-size: 10px;
    color: #ffffff;
}

.blockcode_2 pre2::selection {
background: #000000!important;
color: #ffffff!important;
}

/* основа первого сообщения */
.theme-main {
    width: 75%;
    margin: 0 auto!important;
    background-color: #F1F0EE;
    border: 1px solid #FE2D17;
    padding: 0px 0px 10px 10px!important;
   font-family: roboto;
}

.theme-header,
.theme-h2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-header {
    flex-direction: column;
    align-items: flex-end;
margin-top: 10px!important;
margin-bottom: 5px!important;
}

.theme-h1 {
   font-family: roboto;
   font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 23px;
width: 70%;
background-color: #FE2D17;
text-align: left;
color: #ffffff;
padding-left: 10px;
}

.theme-h1:hover {
    filter: hue-rotate(210deg);
}

.theme-text {
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    text-align: justify;
}

/* новостные плашки */
.news-wrap {
display: flex;
align-items: center;
    justify-content: center;
margin-top: 60px!important;
    margin-bottom: -40px!important;
}

.dienews {
    width: 150px;
    height: 20px;
    margin: 0 5px!important;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 1px!important;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid #FE2D17;
    background-color: #d1ccff;
}

.dienews:nth-child(2) {
   border: 1px solid #2C237D;
   background-color: #ffcdc8;
}

.dienews-wrap:hover,
.dienews:hover {
    filter: hue-rotate(210deg);
}

.dienews.imp {
   border: 1px solid #f34747;
    background-color: #f29d9d;
}

.dienews.imp a {
   color: #ffffff;
}

.dienews.imp:hover {
    border: 1px solid #f34747;
    background-color: #de4141;
}

/* журнал
-------------------------------------------------------------*/
.outside-dots .dots>.dot.active {
background-color: #7d2537!important;
}

.outside-dots .dots>.dot:hover {
background-color: #935864!important;
}

.slides {
font-family: oswald!important;
height:  600px;
width: 450px;
}

.pol::-webkit-scrollbar {
width: 2px!important;
height: 0px!important;
}

.magme {
background: url(https://i.imgur.com/CgpskbH.png) no-repeat; 
height:  600px;
width: 450px;
}

.magcoop {
font-size: 12px!important; 
height:  300px!important;
width: 234px!important;
margin-left: 175px!important;
margin-top: 240px!important;
text-align: justify!important;
overflow-y: auto!important;
line-height: 140%!important;
padding-left: 10px!important;
padding-right: 10px!important;
color: #ded3cc;
text-shadow: 1px 1px 0px #301a1f!important;
}

.magme3 {
background: url(https://i.imgur.com/K82UVoh.png) no-repeat; 
height:  600px;
width: 450px;
}

.magarti {
font-size: 12.4px!important; 
height:  392px!important;
width: 375px!important;
margin-left: 26px!important;
margin-top: 135px!important;
text-align: justify!important;
overflow-y: auto!important;
line-height: 147%!important;
padding-left: 10px!important;
padding-right: 10px!important;
color: #ded3cc;
text-shadow: 1px 1px 0px #301a1f!important;
}

.magme4 {
background: url(https://i.imgur.com/LG9urX0.png) no-repeat; 
height:  600px;
width: 450px;
}

.texxtt {
position: absolute;
font-size: 12px!important; 
text-align: justify!important;
line-height: 140%!important;
color: #ded3cc;
text-shadow: 1px 1px 0px #301a1f!important;
height: 400px;
width: 450px;
}

.texxtt carl {
position: absolute;
margin-left: 24px!important;
margin-top: 264px!important;
height:  120px!important;
width: 250px!important;
overflow-y: auto!important;
padding-left: 10px!important;
padding-right: 10px!important;
}

.texxtt carl::-webkit-scrollbar {
width: 2px!important;
height: 0px!important;
}

.texxtt mat {
position: absolute;
margin-left: 148px!important;
margin-top: 446px!important;
height:  120px!important;
width: 250px!important;
overflow-y: auto!important;
padding-left: 10px!important;
padding-right: 10px!important;
}

.texxtt mat::-webkit-scrollbar {
width: 2px!important;
height: 0px!important;
}

.magme5 {
background: url(https://i.imgur.com/MycyPXx.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme6 {
background: url(https://i.imgur.com/n0H5B6E.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme7 {
background: url(https://i.imgur.com/ld3Tps4.png) no-repeat; 
height:  600px;
width: 450px;
}

.magim {
position: absolute;
height: 400px;
width: 450px;
}

.magim riv img {
position: absolute;
margin-left: 20px!important;
margin-top: 174px!important;
height:  159px!important;
}

.magim nico img {
position: absolute;
margin-left: 204px!important;
margin-top: 174px!important;
height:  159px!important;
}

.magim jero img {
position: absolute;
margin-left: 85px!important;
margin-top: 378px!important;
height: 159px!important;
}

.magim cyr img {
position: absolute;
margin-left: 271px!important;
margin-top: 378px!important;
height: 159px!important;
}

.magme8 {
background: url(https://i.imgur.com/ja8J41B.png) no-repeat; 
height:  600px;
width: 450px;
}

.magjerm {
font-size: 12px!important; 
height:  300px!important;
width: 234px!important;
margin-left: 15px!important;
margin-top: 240px!important;
text-align: justify!important;
overflow-y: auto!important;
line-height: 140%!important;
padding-left: 10px!important;
padding-right: 10px!important;
color: #ded3cc;
text-shadow: 1px 1px 0px #301a1f!important;
}

.magme9 {
background: url(https://i.imgur.com/OE04bIz.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme10 {
background: url(https://i.imgur.com/ilxo7J2.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme11 {
background: url(https://i.imgur.com/PCslKvD.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme12 {
background: url(https://i.imgur.com/PiL8MIc.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme13 {
background: url(https://i.imgur.com/qTlZy9a.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme14 {
background: url(https://i.imgur.com/tzVEIZE.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme15 {
background: url(https://i.imgur.com/ZrgkHgH.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme16 {
background: url(https://i.imgur.com/CqK4lkl.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme17 {
background: url(https://i.imgur.com/Hzx957a.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme18 {
background: url(https://i.imgur.com/ajrKacy.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme19 {
background: url(https://i.imgur.com/5C5ZeAQ.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme20 {
background: url(https://i.imgur.com/WiT0plo.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme21 {
background: url(https://i.imgur.com/Em4xPjp.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme22 {
background: url(https://i.imgur.com/MjPSxjV.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme23 {
background: url(https://i.imgur.com/VdKovD7.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme24 {
background: url(https://i.imgur.com/Bs9qpo8.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme25 {
background: url(https://i.imgur.com/GKvRDUn.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme26 {
background: url(https://i.imgur.com/q5jMHPK.png) no-repeat; 
height:  600px;
width: 450px;
}

.magme27 {
background: url(https://i.imgur.com/omYZlbe.png) no-repeat; 
height:  600px;
width: 450px;
}

.texxtt horos1 {
position: absolute;
margin-left: 24px!important;
margin-top: 139px!important;
height:  120px!important;
width: 250px!important;
overflow-y: auto!important;
padding-left: 10px!important;
padding-right: 10px!important;
}

.texxtt horos1::-webkit-scrollbar {
width: 2px!important;
height: 0px!important;
}

.texxtt horos2 {
position: absolute;
margin-left: 148px!important;
margin-top: 297px!important;
height:  120px!important;
width: 250px!important;
overflow-y: auto!important;
padding-left: 10px!important;
padding-right: 10px!important;
}

.texxtt horos2::-webkit-scrollbar {
width: 2px!important;
height: 0px!important;
}

.texxtt horos3 {
position: absolute;
margin-left: 24px!important;
margin-top: 454px!important;
height:  120px!important;
width: 250px!important;
overflow-y: auto!important;
padding-left: 10px!important;
padding-right: 10px!important;
}

.texxtt horos3::-webkit-scrollbar {
width: 2px!important;
height: 0px!important;
}