/* CS0 Оформления меню навигации основного и вспомогательного 
--------------------------------------------------------------------------------- */
/* выравнивание навигации по форуму, с закреплением на месте */
 div#pun-navlinks {
   text-transform: uppercase;
   font-weight: bold;
   font-family: "cuprum";
       font-size: 15px;
       position: absolute;
       margin-left: -35px;
       width: 984px;
       top:330px;
      }


 div#pun-ulinks {
   text-transform: uppercase;
       position: absolute;
       font-size: 8px;
       margin-left: -45px;
       width: 984px;
       top: 352px;
       }

/* расстояние между ссылками в меню навигации */
#ul.navlinks li {
margin-left:-50px !important;
}

/* Цвет навигации до наведения */
#pun-navlinks a {
  font-weight: bold;
  font-style: normal;
  color: #fff;
  text-shadow: 1px 1px 0 #74a7da;
  text-decoration: none;}

/* Цвет навигации при наведении */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #7294c8;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;}


/* репутация и сообщения на одной строчке*/
.pa-posts {
text-align: center; 
display: inline-block;
padding: 2px;
width: 53px;
  border-radius: 10px;
  background-color: #eff3f7;
  border: 3px double #d5e1f5;
  font-family: "calibri";
  font-size: 10px; !important;
  letter-spacing: 0px;
}

.pa-respect {
text-align: center;
display: inline-block;
padding: 2px;
width: 53px;
  border-radius: 10px;
  background-color: #eff3f7;
  border: 3px double #d5e1f5;
  font-family: "calibri";
  font-size: 10px; !important;
  letter-spacing: 0px;
}

.pa-fld1 {
text-align: center;
display: inline-block;
padding: 2px;
width: 53px;
  border-radius: 10px;
  background-color: #eff3f7;
  border: 3px double #d5e1f5;
  font-family: "calibri";
  font-size: 10px; !important;
  letter-spacing: 0px;
}


/* оформление мини-профиля */
.punbb .post .post-author {
width:210px;
padding-top:2px;
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
border-radius: 30px 30px 30px 30px;
  background-color: #eff3f7;
  border: 3px double #d5e1f5;
box-shadow: 0 0 10px #eeeeee inset;
}

.pa-avatar.item2 img {
max-width: 180px;
border: solid;
border-width: 3px;
border-color: #f6f6f6;
    text-align: center;
margin-left: -4px !important;
margin-top: 60px !important;
border: 2px solid #f3f4f6;
box-shadow: 0px 0px 4px #bfcde3;
}

/* ник */
.pa-author a, .pa-author {text-align: center;
  color: #669fe9 !important; 
  font-family: "Book Antiqua";
  border-bottom: 0px none #000;
  text-transform: lowercase;
  font-size: 19px; !important;
  padding-bottom: 10px !important;
  padding-top: -5px !important;
  font-weight: bold;  
  font-style: italic;
text-shadow: 1px 1px 0 #fff, 2px 2px 0 #fff !important;
}

/* CS1 Цвет текста, размер, шрифт и прочее 
-------------------------------------------------------------------------- */
/* 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 
.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-stats .statscon, 
#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
li#onlinelist, li#onlinelist div {
  background-color: transparent;
  color: #230d0f;
  font-weight: normal;
  font-style: normal;
  }



/* CS1.2 цвет текста цитаты и кодов */
.punbb .quote-box, .punbb .code-box {
  background-color: #dce2e9;
  color: #000000;
  }

/* CS1.3 цвета ссылок, до, после и во время клика */
.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: #84ac1f;text-shadow: 1px 1px 0px #fffdfb;
  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 {uppercase; transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out; 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out;
  color: #75b5e4; text-shadow: 1px 1px 0px #fffdfb;
  text-decoration: none; }


/* CS2 Цветовая схема и изображения форума 
-------------------------------------------------------------------------- */
/* CS2.1 Основной фон форума, ссылка изображения на картинку */
html, body { background: url("http://funkyimg.com/i/2cBe9.jpg") top center repeat-x, center; background-color : #bfd4e9; }

/* CS2.2 Цвет задника и ссылка на изображение */
#pun {background-color: #ebf3fa; background-image: url(http://funkyimg.com/i/2cBao.jpg);}

/* CS2.3 Параметры и изображение шапки */
#pun-title table {
background-image : url(http://funkyimg.com/i/2cBan.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 438px;
width: 1200px;
  margin-left: -149px;}

/* CS2.4 Изображение низа форума */
 #pun-about p.container {background-color: #;
   background-image : url(http://funkyimg.com/i/2cBap.jpg);
   margin-left: -45px;
   background-position : center top;
text-align: center;
   background-repeat : no-repeat;
   width: 964px;
   height : 141px; 
   overflow-x: hidden;}

 div#html-footer {
        margin: 0px 0px 0px 0px;}
 div#pun-about {
       margin-bottom:-90px;
}
 div#html-footer {
        margin: -70px 0px 0px 0px;}
 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS2.5 Иконки форума */
/* старые сообщения*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 83px;
height: 67px;
background-image : url(http://funkyimg.com/i/2cBnJ.png);
background-repeat: no-repeat;}

/* новые сообщения */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2cBnM.png);
background-repeat: no-repeat;
width: 83px;
height: 67px;}

/* важные темы*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2cBnK.png);
background-repeat: no-repeat;
width: 73px;
height: 64px;}

/* закрытые темы*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2cBnL.png);
background-repeat: no-repeat;
width: 76px;
height: 65px;}

/* иконка статистики */
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://funkyimg.com/i/29Afg.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 105px;
padding-top: 20px;}


/* CS2.6 Замена названий категорий на изображения */
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2cBfF.jpg);
height: 165px;
width: 955px;
font-size:0 !important;
margin-left: -29px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2cBfG.jpg);
height: 165px;
width: 955px;
font-size:0 !important;
margin-left: -29px;}

/* картинка статистики с надписью "статистика" */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 165px;
width: 955px;
margin-left: -29px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/2cBfH.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* форма ответа "название" */
#post-form h2 {
background: url() center center no-repeat; 
width: 397px;
height: 12px;
margin-left: 250px;}
#post-form h2 span {
display: none;}


/* CS3 Настройка прочих элементов форума. Таких как цитаты, блок кода, админка, реклама и прочее
-------------------------------------------------------------------------- */
/* CS3.1 Стиль формы ответа и блока ввода кода в админке */
.punbb textarea, .punbb select, .punbb input {
background-image: url("");
background-color: #eff4f8;
border: double #bdcde8;
color: #000000}

/* CS3.2 Двигаем рекламный баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: -500px; 
top: -192px}

/* CS3.3 Выравнивание информации в профиле */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center; line-height: 1.1em;}
#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 { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}


/* отключение бордеров на форуме/
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#pun-crumbs2.section .crumbs {display: none; }
#pun-about.section .container .item1 {display: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}

.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #transparent;
  color: #transparent;
  text-align: left;
 }
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
  color: #000000;
  text-align: center;
  }
.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;
.punbb th {
  border-color: transparent;
  }
.punbb .quote-box, .punbb .code-box {
  border-color: #050505;
  }
#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 {
.punbb .divider {
  border-color: transparent;
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #050505
  }
li.pa-online {
  border-left-color: transparent;
.punbb .post-sig dt {
  border-top-color: transparent !important;
  }


/* CS4 прочие элементы 
--------------------------------------------------------------------------------- */

/* навигация цсс */
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: #4a0207; color: #cabbcd;  padding: 1px 2px 2px 10px;}
a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease;  display: block; text-transform: lowercase; font-family: georgia; font-size: 9px; letter-spacing: 5px; background: #cabbcd; text-decoration: none; color: #4a0207; text-align: center; padding: 1px 2px 2px 20px;border-radius: 10px;}

/* кнопка "Отправить" и пр. */
.button {
  height: auto;
   padding: 5px;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: .2em 1.2em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}


/* кнопка "отправить" и пр. после наведения */
.button:hover, .button:active, .button:focus {
   color: #000000 !important;
  border-radius: 20px;
}

.pa-avatar.item2 img {
max-width: 200px;
margin-bottom:12px;
border-style: solid;
border-width: 4px;
  padding: 0em;
    background: url() repeat scroll 0 0;
border-color: #dbc0de;
border-style: none;
    margin: 0.0em;
    text-align: center;
margin-left: 0px !important;
margin-top: 2px !important;
}


font-family: 'Alegreya Sans SC', sans-serif;
font-family: 'Oranienbaum', serif;
font-family: 'Calligraffitti', cursive;
font-family: 'Great Vibes', cursive;
font-family: 'Romanesco', cursive;
font-family: 'Stint Ultra Condensed', cursive;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Over the Rainbow', cursive;
font-family: 'Loved by the King', cursive;
font-family: 'Pathway Gothic One', sans-serif;
font-family: 'Archivo Narrow', sans-serif;
font-family: 'Playball', cursive;
font-family: 'Bangers', cursive;
font-family: 'Sancreek', cursive;

#pun-reputation div, #pun-popup_awards div {background-color: #eeeae5 !important; 
padding: 11px;
padding-top:10px;
border-top: 6px solid #7cb0f2;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: 6px solid #7cb0f2;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e5d3c4;
-webkit-box-shadow: inset 0 0 10px 5px #e5d3c4;
box-shadow: inset 0 0 10px 5px #d5d2cd;
color: #2e2d2b}
div#smiles-area.container {background-color: #eeeae5;}


@font-face {font-family: NautilusPompilius; /* имя шрифта для CSS правил */
src: local("NautilusPompilius"), /* проверяем наличие шрифта в ОС пользователя */
url(http://co.forum4.ru/files/0017/6c/6f/19877.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */}
@font-face {font-family: Calibri; /* имя шрифта для CSS правил */
src: local("Calibri"), /* проверяем наличие шрифта в ОС пользователя */
url(http://co.forum4.ru/files/0017/6c/6f/68630.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */}
@font-face {font-family: DINNext; /* имя шрифта для CSS правил */
src: local("DINNext"), /* проверяем наличие шрифта в ОС пользователя */
url(http://co.forum4.ru/files/0017/6c/6f/27865.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */}