/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #f1f1f1;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #f7f7f7;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
 /* background-color: #1474C3; */
 /* color: #fff;*/
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #E1EDF7;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #f7f7f7;
  color: #005EAB
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #dedfdf;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #0F5995;
  color: #f1f1f1;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ccc #ccc #aaa #ccc
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #f5f5f5
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #004F90;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #C9D6E0;
  }

/* CS2.5 */
.punbb th {
  border-color: #dedfdf
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }




/* CS3 Links
-------------------------------------------------------------*/

/* CS3.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 {
  color: #005EAB
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333
  }

/* CS3.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: #B42000;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #eee;
  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #fff;
  text-decoration: underline
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

#pun-main div.catleft, #pun-main div.catright {display: none}

/* --------------------------------------------фон, верх, низ, тело-------------------------------------------------------- */

html {background: url(https://i.imgur.com/FqkLwXZ.png) no-repeat top center fixed; webkit-background-size: cover;-moz-background-size:  cover;background-size: cover;}
#pun-title h1 span {display:none!important;}
#pun-title {background:url(https://i.imgur.com/QIV42OA.png) top center no-repeat; height:288px;width: 1040px;  margin-top: -288px; margin-left: -45px;}
#pun {background: url(https://i.imgur.com/9NtUW1Q.png) repeat top center; padding: 20px 0 0 0;
margin-top: 288px;}
#pun-about p.container {background:url(https://i.imgur.com/DUQ8H7q.png) center bottom no-repeat!important; width: 1040px; height: 134px; margin: 0px -10px -35px -56px!important;}



/* --------------------------------------------убирание лишних рамок-------------------------------------------------------- */

#pun-title, #pun-navlinks, .punbb .container, .punbb .post-body, .post h3, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, .punbb .main td, .punbb .main th {border: 0 none!important;}

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, #pun-stats h2, .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, .punbb th 
{ background: transparent!important;}

/* --------------------------------------------прокрутка-------------------------------------------------------- */
::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-track-piece { background-color:#f1f1f0; -webkit-border-radius: 5px;}
::-webkit-scrollbar-thumb:vertical {height: 5px; background-color: black; -webkit-border-radius: 0px;}
::-webkit-scrollbar-thumb:horizontal {width: 5px; background-color: black; -webkit-border-radius: 0px;}
/* --------------------------------------------убирает иконку новых и старых сообщений-------------------------------------------------------- */
div.icon {display:none;}


/* --------------------------------------------ссылки-------------------------------------------------------- */
.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:#bd9d30; text-decoration:none;}

.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:#303030;}



/* --------------------------------------------убрать последнее сообщение, тем, форум-------------------------------------------------------- */
.category thead{display:none;}

/* -------------------------------------------профиль-------------------------------------------------------- */
.post-author{text-align:center;background:url(https://i.imgur.com/72abFv8.png) top no-repeat, url(https://i.imgur.com/7seMu1S.png) bottom no-repeat, url(https://i.imgur.com/EVDaHJo.png) repeat-y; width:234px!important; margin:10px 0 0 -20px!important;color: white; height:auto;}
li.pa-author {font-size: 20px; margin-top: 10px; font-family: OldEnglishTextMT;}
.pa-avatar img {border: 7px #303030 solid!important;}
.lz{width: 182px;background: #303030;margin-left: 20px!important;padding: 6px; text-align: justify; font-size: 10px;text-transform: lowercase;}
li.pa-respect, li.pa-posts {display: inline-block; text-transform: lowercase; color:#bd9d30;font-size: 9px; padding-bottom: 15px!important;}
li.pa-fld3 {width: 180px; background: #303030; padding: 7px!important; font-size: 10px;
margin: 5px 0 3px 20px;} 
li.pa-title {font-size: 10px; text-transform: lowercase;}
.pa-avatar{margin-left: 20px!important;margin-right: 20px!important;background: url(https://i.imgur.com/yuhIxLA.png);}
li.pa-fld2 {margin-top:4px;}
li.pa-fld1 {margin-left: 20px;width: 180px;}
.imanketa {text-align: center;font-family: 'schwabacher';font-size: 17px;margin-bottom: 5px!important;}
/* -------------------------------------------дата и время, это интересно-------------------------------------------------------- */
.punbb .post h3 span {background:url(https://i.imgur.com/SfSteR1.png)!important;} 
.topic a.sharelink {display: none;}
a.permalink {margin-left:50px!important;}
div#pun-live-rusff {font-size:0px;}
/* -------------------------------------------текст постов-------------------------------------------------------- */
.post-box { width: 90%!important; margin: 10px 0 0 30px!important; word-break: break-word; text-align:justify;}

/* -------------------------------------------оглавление тем-------------------------------------------------------- */
div#pun-navlinks li a, div#pun-navlinks li a, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span{ color: black!important;}
#pun-main h1 span{font-family:Playfair Display; font-size:20px; color:black;}
#pun-main h1{text-align:center}

/* -------------------------------------------окно с шприфтами-------------------------------------------------------- */
div#font-area.container {overflow: auto; height: 130px;rgb(208 168 3)!important;}
#post-form h2 {background: url(https://i.imgur.com/SfSteR1.png); color:black;}

/* --------------------------------------------ширина количества тем и ответов-------------------------------------------------------- */
#pun-index .main .tc2, #pun-index .main .tc3 {width: 20px!important;}

/* --------------------------------------------окно репутации-------------------------------------------------------- */

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, .inner.post_reputation, .punbb #move_posts_form .formal>form.container {background: #f1f1f0!important;}
/* --------------------------------------------форумы-------------------------------------------------------- */
#pun-index .tclcon {text-align: justify;  font-size: 10px; width: 580px; position: relative;display: grid;
grid-template-columns: auto 1fr;padding: 40px 0px 0px 0px;}

#pun-index .tcl h3 {background: rgb(9 9 9 / 8%);border: solid 1px #08080829;  width: 566px;padding: 6px; font-family: 'OldEnglishTextMT'; font-size: 20px!important;  position: absolute; 
    font-weight: lighter!important;
}
#pun-index .tclcon .silki a { background: rgb(9 9 9 / 8%);transition: all 0.3s linear 0s;padding: 3px 5px 5px;letter-spacing: 2px;text-transform: uppercase;border: solid 1px #08080829; justify-content: center; font-family: Playfair Display;font-size: 11px;display: flex;margin-bottom: 4px;align-items: center;}

#pun-index .tclcon .silki {width: 150px;display: grid;padding: 0;margin-right: 10px;}

#pun-index .tclcon .opisf { padding: 10px; background: rgb(9 9 9 / 8%);border: solid 1px #08080829;     font-size: 11px;margin-bottom: 4px;}



/* --------------------------------------------для кнопок вверх и вниз-------------------------------------------------------- */
.go-up {margin-left: 986px !important;}
.go-down {margin-left: 986px !important;}


/* --------------------------------------------цитирование бб-------------------------------------------------------- */
.punbb .quote-box, .punbb .code-box {border-color: #0a090929;}
.punbb .quote-box, .punbb .code-box {background-color: rgb(9 9 9 / 8%);}
/* --------------------------------------------смайлы и стикеры-------------------------------------------------------- */
.smiles input[type="Button"]{font-weight: bold;background: black;color: #bd9d30;padding: 7px;font-family: 'Playfair Display';margin-top: -10px;}
#smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {    height: 128px; overflow-y: auto;}
#smilies-area, #video-area, #spoiler-area {background:black!important;}
/* --------------------------------------------статистика-------------------------------------------------------- */
div#pun-stats.section h2 span {font-size:0px;}

/* --------------------------------------------кнопки отправить посмотреть-------------------------------------------------------- */
input.button.submit.ajax-post, input.button.preview {background: black;color: #bd981d;font-family: 'Playfair Display';padding: 7px;text-transform: lowercase;font-weight: bold;}
input[type="submit" i] {background: black;color: #bd981d;font-family: 'Playfair Display';padding: 7px;text-transform: lowercase;font-weight: bold;}
/* --------------------------------------------личная страница-------------------------------------------------------- */

.tabcontent#Tokyo img {display: inline-block;margin-right: 23px;position: relative;left: 41px;}
.tabcontent#Tokyo img#ikonka1 {top: 261px;}
.tabcontent#Tokyo img#ikonka2 {top: 353px;}
.tabcontent img {width:66px;}
.tabcontent#Tokyo img#ikonka3 {top: -61px;}
.infapers {position:absolute; color:white; width: 325px;left: 247px;padding: 6px;height: 61px;text-align: justify;overflow-y: auto;top: 108px;}
.imechko {position:absolute; color:#bd9d1a; width: 270px;left: 255px;height: 31px;text-align: right; top: 13px;font-size: 12px;font-family: Playfair Display;}
.imechko span {font-size: 18px;font-family: tngani;}
.tabcontent#London img {display: inline-block;margin-right: 23px;position: relative;left: 41px;}
.tabcontent#London img#ikonka1 {top: 248px;}
.tabcontent#London img#ikonka2 {top: 340px;}
.tabcontent#Paris img {display: inline-block;margin-right: 23px;position: relative;left: 41px;}
.tabcontent#Paris img#ikonka1 {top: 261px;}
.tabcontent#Paris img#ikonka2 {top: 353px;}
.tabcontent#Paris img#ikonka3 {top: -63px;}
.tabcontent#London img#avatar {position:absolute; top: 52px;left: 40px;width: 133px;}
.tabcontent#London img#simvol {position:absolute; top: -12px;left: 510px;}
.tabcontent#London {background:url(https://i.imgur.com/EAgREm8.png);}
.tabcontent#Paris {background:url(https://i.imgur.com/qtYEsDQ.png); display:none;}
.tabcontent#Tokyo {background:url(https://i.imgur.com/U9VbFIG.png);  display:none;}
.tab button {float: right;height:86px;width:22px;border: none;margin-bottom: 5px;color:#0000ff00;outline: none;cursor: pointer;transition: 0.3s;}
.tabcontent {padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;position: relative;
width: 595px;height: 530px;left: -2px;top: -272px;}

/* --------------------------------------------маска профиля-------------------------------------------------------- */
#mask_dialog .inner {color: #bd9d30;background: black!important;}
.punbb .pa-avatar img {max-width:180px;height:auto; margin-top:4px;}


/*ГЛАВНАЯ НАВИГАЦИЯ! ФОРУМ, УЧАСТНИКИ И ТД*/
#pun-navlinks li>a{
  display:inline-block;
  width:0;
  font-size:0;
  visibility:hidden;
  
}
#pun-navlinks li>a:after{
  display:inline-block;
  visibility:visible; 
  width: auto;
  height: 30px;
  transition:.6s;
opacity: 0.5;
}
#pun-navlinks li:hover>a:after{
  opacity:none!important;
}
#navindex>a:after{  
  content:url(https://i.imgur.com/9eaK0wR.png);
}

#navuserlist>a:after{  
  content:url(https://i.imgur.com/SHsc5CJ.png);
}
#navsearch>a:after{  
  content:url(https://i.imgur.com/qWJZRRA.png);
}
#navprofile>a:after{  
  content:url(https://i.imgur.com/syZiNT1.png);
}
#navpm>a:after{  
  content:url(https://i.imgur.com/ceqkFn7.png);
}
#navlogout>a:after{  
  content:url(https://i.imgur.com/hFCqnKn.png);
}
#navadmin>a:after{  
  content:url(https://i.imgur.com/wQP2Fay.png);
}
#navlogin>a:after{  
  content:url(https://i.imgur.com/umvRiwk.png);
}
#navregister>a:after{  
  content:url(https://i.imgur.com/r4CVCbm.png);
}


/* --------------------------------------------активные темы и бла бла-------------------------------------------------------- */
#pun-ulinks .container {text-align:center; text-transform:lowercase;  margin-top: -50px;}
/* --------------------------------------------скрыть объявление-------------------------------------------------------- */
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em;}

/* --------------------------------------------шаблон принятия-------------------------------------------------------- */

.shp {background:url(https://i.imgur.com/GPWqWSb.png); width:490px; height:180px;}
.shp img {position:absolute; top: 16px;left: 97px;}
.tx1, .tx2 {position:absolute; color:white;}
.tx1 {width: 190px;text-align: justify;height: 47px;font-size: 10px;top: 127px;left: 96px;}
.tx2{width: 260px;top: 16px;height: 155px;text-align: justify;left: 300px;}

/* --------------------------------------------оформа шаблона на первое сообщение-------------------------------------------------------- */
.firstpost1 {background: url(https://i.imgur.com/1sSnqkb.png) top center no-repeat, url(https://i.imgur.com/Pg37Sjq.png)bottom center no-repeat, url(https://i.imgur.com/DBAC6Ny.png) center repeat-y;width: 640px; min-height:200px;}
.firstposttitle {font-family: schwabacher; font-size: 20px;color: #bd9d30;;letter-spacing: 1px;padding: 8px 0;text-align: center; position:relative; top: 10px; font-weight: bold;}
.firstposttxt {font-size: 11px;color: white;
    padding: 15px 15px 20px 20px;
    width: 570px;
    margin-top: 20px!important;
    margin-left: 15px!important; text-align:justify;}

/* --------------------------------------------категория внизу форума-------------------------------------------------------- */
div#pun-stats h2 {background: url(https://i.imgur.com/6UsUKLG.png) no-repeat center!important;height: 37px; width: 996px; margin-left: -33px;   margin-bottom: 50px; }