/* CS0 Меню - навигация
-------------------------------------------------------------*/

div#pun-navlinks {position: absolute; width: 100%; margin-left: 0px; top:5px;}
div#pun-ulinks {position: absolute; width: 100%; top:320px;}
#pun {background-image: url("http://i.imgur.com/ib4yz3e.png"); background-position : center;}

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/
body {background-color: #000;  overflow-x: hidden; background-image : url("http://i.imgur.com/GPX7Nqw.png"); background-repeat: repeat; background-position : top center;}

/* 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 {border-color:transparent; color: #0f0803;}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {border-color:transparent; color: #0f0803;}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color:transparent; color: #F8F8F8; font-weight: normal; font-style: normal;}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {border-color:transparent; color: #0f0803;}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {border-color:transparent; color: #0f0803;}

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {    color: #494856;
    font-size: 11px;
    border-radius: 15px;
    background: linear-gradient(to top, #e6dadd4d, #aaa8da4d);
    border-top: 3px solid #7b79bb !important;
    border-bottom: 1px solid #c59da8 !important;}

/* CS1.8 */
#pun-navlinks .container {border-color:transparent; color: #FFFFFF;}
.offline li.pa-online strong {font-weight: normal;}
.punbb textarea, .punbb select, .punbb input {background-color: #F8F8F8; color: #0f0803;}

/* CS2 Цвета границ
-------------------------------------------------------------*/

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

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

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

/* 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:transparent;}

/* CS2.5 */
.punbb th {border-color:transparent;}

/* CS2.6 */
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color:transparent;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color:transparent;}
.punbb .divider {border-color:transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {border-color:transparent;}
li.pa-online {border-color:transparent;}
.punbb .post-sig dt {border-color:transparent;}

/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

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

.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 {text-decoration: none; color: #7b79bb!important;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {color: #060606;}

/* 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: #b54b6a!important; border-bottom: 0px none #000; text-decoration: none;}

/* CS3.3 */
#pun-navlinks a { color: #FFFFFF; border-bottom: 0px none #000; text-decoration: none;}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color: #FFFFFF; font-weight: bold; font-style: normal; border-bottom: 0px none #000; text-decoration: none;}

/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {background-color: #26170b; color: #fff;}

/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun  .section {border-style: none;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
.punbb .post div.container {background: url("") no-repeat scroll center bottom transparent;}
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {background: url() top center; text-align: center; color: #000;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 450px; top: 320px;}

/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/



/* CS6 Логотип снизу
 -------------------------------------------------------------*/

 #pun-about p.container {background-image : url(https://i.imgur.com/OifG44z.png);
margin-left: -1093px; background-position : center top; background-repeat : no-repeat; width: 2999px; height : 325px; overflow-x: hidden;}
div#html-footer {margin: 0px 0px 0px 0px;}
div#pun-about {margin-bottom:-80px;}
div#html-footer {margin: -100px 0px 0px 0px;}
#pun-announcement.section h2 span {display:  none; }
a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;}

/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/
.admain {padding-left: 173px!important; margin-bottom: 1em!important; width: 710px!important;}
#pun-index th.tcl {font-size:0%;}
th.tc2, th.tc3, th.tcr, .forum thead tr .tcl {text-transform:lowercase;opacity:.0;font-size:0%;}

.punbb .main .tcr a {font-family: 'bebasneueregular' !important;font-size: 16px !important;font-weight: bold;letter-spacing: 1px;line-height: 13px;text-shadow: 1px 1px 0 #fff, 0 0 1px #b7c6df;color: #8a91bf;}
.punbb .main .tcr a:hover {color: #b54b6a;}



/* ОПИСАНИЕ ПОДФОРУМОВ
-------------------------------------------------------------*/
#pun-index td div.tclcon {color: #636363;margin-left: 15px;width: 352px;font-size: 9px;padding: 50px 0px 0px 0px; line-height:150%;background: url(https://i.imgur.com/wyuCHmn.png) top no-repeat, url(https://i.imgur.com/63eMvjr.png) bottom no-repeat, url(https://i.imgur.com/itTZbCd.png) repeat-y; text-align: justify; text-transform:lowercase;}

.bestfor1 {width: 320px;margin-left: 15px!important;margin-top: -38px !important;}

.tclcon h3 {font-size: 22px !important; font-family: bebasneueregular !important; font-weight: normal !important; text-align: center; padding: 0px 9px 26px 30px; margin-top: -10px;     margin-left: -15px; }

.tclcon h3 a {color: #b54b6a!important; font-weight: bold; text-shadow: 1px 1px 0px #fff; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; transition: .3s all;}

.tclcon h3 a:hover {font-weight: bold; text-shadow: 1px 1px 0px #fff; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; transition: .3s all;}


/* категории */
#pun-category1.category h2 {background: url(https://i.imgur.com/DWo24EV.png); height: 72px; width: 477px; font-size: 0!important; margin-left: 220px;}

#pun-category2.category h2 { background: url(https://i.imgur.com/Lp8yX4R.png); height: 72px; width: 477px; font-size:0 !important; margin-left: 220px;}

#pun-category3.category h2 { background: url(https://i.imgur.com/CeCpmln.png); height: 72px; width: 477px; font-size:0 !important; margin-left: 220px;}

#pun-category4.category h2 { background: url(https://i.imgur.com/nthxwKQ.png); height: 72px; width: 477px; font-size:0 !important; margin-left: 220px;}

/* окантовка аватара */
.post-author ul .item2 img {border: 3px solid #7b79bb;box-shadow: inset 0px 0px 4px #000000 !important;margin-top: 0px;margin-left: 0px !important;}


/* соо + реп */
.pa-respect, .pa-posts, .pa-fld1  {
    
  background-image: url(http://funkyimg.com/i/2oxH2.png);
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    width: 50px;
    margin-bottom: 4px!important;
    color: #6f6f82!important;
    
    text-transform: lowercase;
    font-size: 9px;
    padding: 0.45em!important;
    box-shadow: 0px 0px 12px 0px #cccce5 inset;
}
    
  }


.permalink{font-size: 11px;text-transform: lowercase;text-align: left;  font-weight: normal!important;  color: #b54b6a!important;text-shadow: 1px 1px 0px #fff;}





#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}




/* CS5.1 ДИЗАЙН КАТАЛОГА КНИГ
 -------------------------------------------------------------*/

.swamp { opacity: 0; width: 195px; height: 325px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.swamp:hover { opacity: 0.95; }
.mycustom { width: 187px; font-family: verdana; box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.kn1 { height: 35px; width: 181px;  padding: 7px; color: #ffffff;  text-align: center; font-size: 16px; background: #4a351c; font-family: Bebas Neue;}
.kn2 { height: 13px; padding: 5px; text-align: center; text-transform: uppercase; font-family: Bebas Neue; font-size: 12px; color: #ffffff;  background-color: #5e4528; }
.kn3 { height: 75px; padding: 5px; text-align: center; font-family: verdana; font-style: italic; color: #ffffff; background-color: #745632; font-size: 10px; overflow: auto; }
.kn4 { height: 75px; padding: 5px; font-family: verdana; font-size: 10px; text-align: justify; color: #ffffff; background-color: #745632; overflow: auto; }
.kn5 { height: 30px; padding: 5px; font-family: verdana; font-size: 10px; text-align: center; color: #ffffff; background-color: #5e4528; }
.icust { width: 195px; height: 325px; border: 3px solid #4a351c; float: left; }


/* CS5.1 ДИЗАЙН КАТАЛОГА ИГР
 -------------------------------------------------------------*/
.swamp { opacity: 0; width: 195px; height: 265px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.swamp:hover { opacity: 0.85; }
.mycustom2 { width: 195px; font-family: verdana; box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.ig1 { height: 19px; width:  182px;  padding: 7px; color: #ffffff;  text-align: center; font-size: 18px; background: #01215c; font-family: Bebas Neue;}
.ig2 { height: 213px; padding: 10px; text-align: center; text-transform: uppercase; font-family: Bebas Neue; font-size: 12px; color: #ffffff;  background-color: #02327e; }
.icust2 { width: 195px; height: 265px; border: 7px solid #1c2a8f; float: left; }
.ig3 { height: 19px; width:  182px;  padding: 7px; color: #ffffff;  text-align: center; font-size: 18px; background: #604001; font-family: Bebas Neue;}
.ig4 { height: 213px; padding: 10px; text-align: center; text-transform: uppercase; font-family: Bebas Neue; font-size: 12px; color: #ffffff;  background-color: #825602; }
.icust3 { width: 195px; height: 265px; border: 7px solid #533700; float: left; }
.ig5 { height: 19px; width:  182px;  padding: 7px; color: #ffffff;  text-align: center; font-size: 18px; background: #841216; font-family: Bebas Neue;}
.ig6 { height: 213px; padding: 10px; text-align: center; text-transform: uppercase; font-family: Bebas Neue; font-size: 12px; color: #ffffff;  background-color: #b01e23; }
.icust4 { width: 195px; height: 265px; border: 7px solid #98181d; float: left; }
.ig7 { height: 19px; width:  182px;  padding: 7px; color: #ffffff;  text-align: center; font-size: 18px; background: #016228; font-family: Bebas Neue;}
.ig8 { height: 213px; padding: 10px; text-align: center; text-transform: uppercase; font-family: Bebas Neue; font-size: 12px; color: #ffffff;  background-color: #007930; }
.icust5 { width: 195px; height: 265px; border: 7px solid #00712d; float: left; }



/* стиль кнопок */
.button {display: inline-block;color: #fff !important; font-size: 11px; text-decoration: none;padding:0.3em 1em 0.5em 1em;outline: none;border-width: 2px 0;border-style: solid none;border-color: #C3C2E3 #000 #7B79BB;border-radius: 20px;background: linear-gradient(#A09ECE, #6563AA) #7B79BB; transition: 0.2s;
} 
.button:hover {background: linear-gradient(#9491CC, #48478D) #504D93}
.button:active {background: linear-gradient(#A2A0D2, #48478D) #3E3B84}


/*статистика */
#pun-stats.section h2 { 
  background: url("https://i.imgur.com/X9Vcakw.png") no-repeat;
  height: 72px;
    width: 477px;
    font-size: 0 !important;
    margin-left: 220px;
}


/*оформление*/

.topic01 { width: 550px; height: auto; margin-left: -3px; padding-top: 20px; padding-bottom: 30px; display: block; background: url(http://funkyimg.com/i/2Ca7L.png) top no-repeat, url(http://funkyimg.com/i/2Cb9A.png) bottom no-repeat, url(http://funkyimg.com/i/2Ca5J.png) repeat-y;}
.topicname01 {width: 414px; letter-spacing: 0.5px; font-weight: bold; color: #f7f7f7; font-family: bebas neue; font-size: 28px; text-align: center; margin-top: 12px; text-shadow: 1px 1px 0px #7a98b7; }
.topictext {font-family: 'Tahoma', font-size: 12px; color: #2d2d2d; letter-spacing: 0.5px; text-align: left; }
.topiczone01 { 
    width: 480px;
    line-height: 130%;
    margin: 25px;
} 

/*------------------------полоски прокрутки-----------------------*/
::-webkit-scrollbar-thumb:vertical {
  background-color:#b13a5a;
} 
::-webkit-scrollbar-thumb:horizontal {
  background-color:#b13a5a;
}
::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  background-color: #f1f4f9;
}

/* анкета */
.ank01 { width: 550px; height: 607px; margin-left: -3px; padding-top: 20px; padding-bottom: 30px; display: block; background: url(https://i.imgur.com/KOs0kVh.png) no-repeat;}
.ankname01 {      width: 300px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #d9bcf1;
    font-family: bebas neue;
    font-size: 26px;
    text-align: center;
    margin-top: 57px;
    margin-left: -130px;
    height: 35px;
    overflow-y: auto;
    text-shadow: 1px 1px 0px #731b60;}

.ankvneha {        width: 300px;
    letter-spacing: 0.5px;
    color: #dedae2;
    font-family: bebas neue;
    font-size: 11px;
    text-align: center;
    margin-top: -75px;
    margin-left: -120px;
    height: 30px;
    overflow-y: auto;
   
    }

.ank02 img {
width: 125px;
    height: 125px;
    margin-left: 320px;
   
    margin-top: -59px;
    padding: 5px;
    border-radius: 100%;}


.datamesto { 
       width: 600px;
    text-transform: lowercase;
     letter-spacing: 0.5px; 
    margin-left: 63px;
    font-size: 12px;
    font-family: bebas neue;
    color: #2c3136;
    margin-top: 35px;
    text-align: left;
} 
.orientaziasp { 
       width: 600px;
    text-transform: lowercase;
     letter-spacing: 0.5px; 
    margin-left: 63px;
    font-size: 12px;
    color: #2c3136;
    font-family: bebas neue;
    margin-top: 8px;
    text-align: left;
} 
.professia { 
       width: 600px;
    text-transform: lowercase;
    margin-left: 63px;
    font-size: 12px;
    color: #2c3136;
    font-family: bebas neue;
     letter-spacing: 0.5px; 
    margin-top: 6px;
    text-align: left;
} 
.aboutme01 { 
    width: 455px;
    height: 245px;
    overflow-y: auto;
    font-size: 10px;
    color: #5b5d5f;
    margin-top: 80px;
    text-align: justify;
    
} 
.aboutme01::first-letter {
    padding: 10px;
    background-color: #894266;
    color: #f1efef;
    font-family: Airport;
    font-size: 25px;
    line-height: 20px;
    float: left;
    margin-top: 3px;
    margin-right: 8px;
    }

.aboutme01 img {
margin: 9px;
    margin-bottom: -3px;
    padding: 5px;
    border: 3px solid #894266!important;
    float: right;
    }