/* Шаблон дизайна предоставлен проектом ForumD - Дизайн для форумов и техническая поддержка © 2022 ForumD.ru */

/* ШАПКА */ 
#pun_wrap {
  padding-top: 170px; /* высота шапки (отступ форума сверху) */
}

/* НАЗВАНИЕ ФОРУМА */
#pun-title h1 {
  width: 429px; /*ширина контейнера с названием форума*/
  left: 230px; /*двигаем название влево*/
  padding: 10px; /*отступ*/
  bottom: 117px; /*двигаем название снизу*/
  color: #ccdae2; /*цвет текста*/
    font-size: 19px; /*размер текста*/
    text-transform: uppercase; /*все буквы заглавные*/
    text-decoration: underline; /*подчёркивание*/
    border-top: 2px solid #ccdae2; /*линия над названием*/
    text-align: center; /*текст по центру*/
    border-bottom: 2px solid #ccdae2; /*линия под названием*/
}

/* ОБЪЯВЛЕНИЕ */
#pun-announcement {
    margin-left: -27px; /*отступ слева*/
    margin-top: 91px; /*отступ сверху*/
}

#pun-announcement::after {/*снежок*/
    position: absolute;
     content: "";
    background: url(/files/001b/7a/83/94458.png) center center no-repeat; /*картинка*/
    width: 927px; /*шрина*/
    height: 231px; /*высота*/
    opacity: 0.6; /*прозрачность*/
    z-index: 3;
    pointer-events: none;
    top: 13em; /*двигаем вверх-вниз*/
    left: 13em; /*двигаем влево-вправо*/
}

/*Таблица в объявлении*/
.contannouncement { 
 display: grid;
grid-template-columns: 1fr .5fr 1fr; 
  grid-template-rows: 0.5fr 0.5fr 0.5fr; 
  gap: 5px 5px; 
  grid-auto-flow: row;
  grid-template-areas:
    "icons picture text"
    "iconandtext picture links"
    "iconandtext picture description";
justify-content: center; 
  align-content: center; 
  justify-items: stretch; 
  align-items: stretch; 
width: 931px; /*ширина таблицы*/
  height: auto; /*высота таблицы*/
text-align: center; /*текст по центру*/
    background: #374550; /*фон блока*/
    padding: 5px; /*отступ по краям*/
}

.description {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 5px 5px; 
  grid-auto-flow: row;
  grid-template-areas:
    "shortdscr shortdscr shortdscr"
    "longdesrcpt longdesrcpt longdesrcpt"
    "longdesrcpt longdesrcpt longdesrcpt";
  grid-area: description;
}

.shortdscr { 
grid-area: shortdscr; 
color: #ccdae2; /*цвет текста*/}

.longdesrcpt { 
grid-area: longdesrcpt; 
background: #ccdae2; /*цвет фона*/
border: 4px solid #494e51; /*серая линия вокруг*/
-webkit-box-shadow: 0px 0px 0px 1px rgb(102 106 115);  /*тоненькая линия вокруг*/
-moz-box-shadow: 0px 0px 0px 1px rgb(102 106 115); /*тоненькая линия вокруг*/
box-shadow: 0px 0px 0px 1px rgb(102 106 115); /*тоненькая линия вокруг*/
font-size: 11px; /*размер шрифта*/}

.picture { /*блок с оленем*/
grid-area: picture;
    background: #494e51; /*цвет фона*/
    padding: 3px; /*отступы по бокам*/
    border: 1px solid #666a73; /*линия вокруг*/
justify-self: stretch; 
align-self: center; 
max-height: 168px; /*ограничение по высоте картинки*/}

.icons { /*блок с иконками 50 на 50 */
grid-area: icons; 
background: #ccdae2; /*цвет фона*/
padding-top: 4px; /*отступ сверху*/
border: 4px solid #494e51; /*серая линия вокруг*/
-webkit-box-shadow: 0px 0px 0px 1px rgb(102 106 115);  /*тоненькая линия вокруг*/
-moz-box-shadow: 0px 0px 0px 1px rgb(102 106 115); /*тоненькая линия вокруг*/
box-shadow: 0px 0px 0px 1px rgb(102 106 115); /*тоненькая линия вокруг*/
}

.icons a {padding: 0 4px;} /*отступы между иконками*/

.iconandtext {
  display: grid; 
  grid-template-columns: 1fr 0.8fr 1.2fr; 
  grid-template-rows: 1fr 1fr 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "iconneartext textnearicon textnearicon"
    "iconneartext textnearicon textnearicon"
    "iconneartext textnearicon textnearicon"; 
  grid-area: iconandtext; 
  grid-area: iconandtext; 
background: #ccdae2; /*цвет фона*/
    padding-top: 4px; /*отступ сверху*/
border: 4px solid #494e51; /*серая линия вокруг*/
-webkit-box-shadow: 0px 0px 0px 1px rgb(102 106 115);  /*тоненькая линия вокруг*/
-moz-box-shadow: 0px 0px 0px 1px rgb(102 106 115); /*тоненькая линия вокруг*/
box-shadow: 0px 0px 0px 1px rgb(102 106 115); /*тоненькая линия вокруг*/
}
.iconneartext { 
grid-area: iconneartext;
padding-top: 15px; /*отступ сверху*/ }

.textnearicon { 
grid-area: textnearicon;
font-size: 11px; /*размер шрифта*/
text-align: left; /*позиционирование текста*/
 }

.text { grid-area: text;
background: #ccdae2; /*цвет фона*/
border: 4px solid #494e51; /*серая линия вокруг*/ 
-webkit-box-shadow: 0px 0px 0px 1px rgb(102 106 115);  /*тоненькая линия вокруг*/
-moz-box-shadow: 0px 0px 0px 1px rgb(102 106 115); /*тоненькая линия вокруг*/
box-shadow: 0px 0px 0px 1px rgb(102 106 115); /*тоненькая линия вокруг*/
font-size: 11px; /*размер шрифта*/}

.links { 
grid-area: links;
background: #ccdae2; /*цвет фона*/
border: 4px solid #494e51; /*серая линия вокруг*/
-webkit-box-shadow: 0px 0px 0px 1px rgb(102 106 115);  /*тоненькая линия вокруг*/
-moz-box-shadow: 0px 0px 0px 1px rgb(102 106 115); /*тоненькая линия вокруг*/
box-shadow: 0px 0px 0px 1px rgb(102 106 115); /*тоненькая линия вокруг*/}

.text-cont {
  background-color: transparent;  /*цвет фона*/
  background-image: url("/files/001b/7a/83/68619.jpg");  /*картинка*/
  background-repeat: no-repeat;  /*повторение картинки*/
  background-position:  top center;  /*позиционирование картинки*/
  top: 425px; /*двигаем контейнер сверху*/
left: 0;  /*двигаем контейнер слева*/
  width: 100%; /*ширина контейнера*/
height: 14px; /*высота контейнера*/
}

/*код ссылок в навигации*/
.nav a {
display: block;
color: #26201a!important; background-color: #E6E6FA; text-align: center; width:170px; padding: 0px; margin: 3px;
text-decoration: none!important; font-family: cambria; font-size: 15px;
}
.nav a:hover {
background-color: #6495ED; color:#fff; text-decoration: none!important;
}

/* НИЖНИЙ ФОН */ 
body, html {
  background-color: #1f2b36;  /*цвет фона*/
}

/* ТЕЛО ФОРУМА */
#pun {
  background-color: #ccdae2;  /*цвет фона*/
  background-image: url("/files/001b/7a/83/44088.jpg");  /*картинка (повторяется по вертикали)*/
  background-repeat: repeat-y;  /*повторение картинки*/
  background-position: top center;  /*позиционирование картинки*/
  width: 948px; /*ширина картинки*/
}
.punbb {
  padding: 0 25px; /*отступ форума от краев фоновой картинки*/
  width: 900px; /*ширина форума*/
}

/* тело форума: низ */
#html-footer {background: url('/files/001b/7a/83/44411.jpg') no-repeat bottom center; /*фоновая картинка*/
width: 948px; /*ширина*/
    margin-left: -25px; /*двигаем влево*/ 
    height: 92px; /*высота*/
    margin-bottom: 0; /*отступ снизу*/
}

/*блок для баннеров*/

.partners_bannr {
width: 900px; /*шрина контейнера*/
    height: 46px; /*высота контейнера*/
    overflow-y: auto; /*прокрутка*/
    text-align: center; /*баннеры по центру*/
    padding-top: 40px; /*двигаем контейнер вверх-вниз*/
}

/* МЕНЮ НАВИГАЦИИ */
#pun-navlinks {
  background-color: #1f2b36;  /*цвет фона*/
  width: 100%; /*ширина*/
  left: 0; /*двигаем влево*/
  top: 146px; /*двигаем вниз*/
 position: absolute; /*позиционирование*/
}

#pun-navlinks .container {
  line-height: 50px; /*выравнивание текста по вертикали*/
  padding: 0 70px; /*отступы текста с краев*/
  text-align: center; /*выравнивание текста по центру*/
}

.punbb.punbb-admin #pun-navlinks {
    top: 0; /*позиционирование в админке*/
}

/* ссылки меню навигации */
#pun-navlinks a {
  color: #ccdae2; /*цвет*/
  font-size: 16px; /*размер текста*/
  text-decoration: none; /*убираем подчеркивание*/
  padding: 5px; /*отступ ссылок от краев*/
  text-transform: uppercase; /*заглавные буквы*/
}
/* ссылки меню навигации при наведении курсора*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #add; /*цвет*/
  }

/* ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ */ 
#pun-ulinks {
  background-color: transparent;  /*цвет фона*/
  background-image: url("/files/001b/7a/83/23310.jpg");  /*картинка*/
  background-repeat: no-repeat;  /*повторение картинки*/
  background-position: top center;  /*позиционирование картинки*/
  width: 100%; /*ширина*/
  left: 0; /*двигаем картинку влево*/
  position: absolute; /*позиционирование*/
  top: 195px; /*двигаем вниз*/
  text-transform: lowercase; /*строчные буквы*/
}

.punbb.punbb-admin #pun-ulinks {
    top: 46px; /*позиционирование в админке*/
}

/* ЗАГОЛОВКИ */ 
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
  margin: 0 65px; /*отступ от краев форума*/
    color: #4a5255; /*цвет текста*/
    font-size: 19px; /*размер текста*/
    line-height: 45px; /*выравнивание текста по вертикали*/
    text-align: center; /*выравнивание текста по центру*/
    font-weight: bold; /*жирность текста*/
    text-transform: uppercase; /*верхний регистр*/
}

/* ИКОНКИ */ 
div.icon {
  background: url(http://gungsters.ucoz.ru/philbodoire/bodoirefd/starye.png) no-repeat; /*старая тема*/
}
tr.inew div.icon {
  background: url(http://gungsters.ucoz.ru/philbodoire/bodoirefd/novye.png) no-repeat; /*новая тема*/
}
tr.isticky div.icon {
  background: url(http://gungsters.ucoz.ru/philbodoire/bodoirefd/vazhno.png) no-repeat; /*важная тема*/
}
tr.iclosed div.icon {
  background: url(http://gungsters.ucoz.ru/philbodoire/bodoirefd/zakryto.png) no-repeat; /*закрытая тема*/
}
tr.iredirect div.icon {
  background: url() no-repeat; /*переадресация*/
}
.punbb tbody.hasicon td.tcl {
  padding-left: 10px; /*отступ текста от левого края форума*/
}
.punbb div.icon {
 width: 32px; /*ширина иконок*/
 height: 37px; /*высота иконок*/
 margin:0 5px 0 -3px; /*отступы вокруг иконок*/
}
/* ССЫЛКИ */ 
/*при нормальном состоянии*/
.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: #394652; /*цвет ссылки*/
  font-weight: bold; /*жирность*/
}
/*при наведении курсора*/
.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, #pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #1f2b36; /*цвет ссылки*/
}

/* ссылки в заголовков постов и профиле при нормальном состоянии*/
.punbb .post h3 a, .post .post-author a, li#pa-edit a, #profilenav a 
{color: #ccdbe2; /*цвет ссылки*/}

/*ссылки в заголовков постов и профиле при наведении курсора*/
.post h3 a:hover, .post h3 a:focus, .post .post-author a:hover, .post .post-author a:focus, li#pa-edit a:hover, li#pa-edit a:focus, #profilenav a:hover, #profilenav a:focus {color: #add; /*цвет ссылки*/}


/* ЦВЕТ ОСНОВНОГО ТЕКСТА */
.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-title, #pun-title .container, .punbb .modmenu .container, #viewprofile li span {
  color: #394652;
}

dd {/*цвет текста в подписи*/
    color: #879297;
}

/* ЦВЕТА ОТДЕЛЬНЫХ БЛОКОВ */ 
.post-author ul {/*профиль рядом с постом*/
background: #484d50; /*цвет фона*/
color: #a8b4c0; /*цвет текста*/
}

li#pa-edit {    /*кнопка редактировать профиль*/
    background: #484d50; /*фон контейнера*/
    text-transform: uppercase; /*верхний регист*/}
    
#pun-redirect, #pun-maint {
  background-color: #ccdae2; /*цвет контейнера переадресации*/}
  
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { 
/*контейнеры с поясняющим текстом, например: "напишите сообщение и нажмите ОТРАВИТЬ" в форме ответа*/
  background-color: #484d50; /*цвет фона*/
  color: #a7b2b7;  /*цвет текста*/
  
}
.punbb .post h3, .punbb th, #viewprofile li, #setmods dl, table#filetable  {/*для шапки таблиц, даты поста и т.п.*/
    background: #484d50; /*цвет фона*/
color: #a8b4c0; /*цвет текста*/
}
.punbb .quote-box, .punbb .code-box {
/*ЦИТАТЫ и контейнер с кодом*/
  background-color: #c9d5e1; /*цвет фона*/
  color: #333 /*цвет текста*/
}

#pun-admain .adcontainer td {/*таблица в админке*/
    background: #ccdbe2;}

/*ПРОФИЛЬ*/
#viewprofile ul, #profilenav ul {    background: #484d50; /*цвет фона*/}
#viewprofile li {    background: #ddd; /*цвет фона*/}

/*ИНПУТЫ*/
textarea, select, input {    background: #ddd;}

li#pa-edit {/* кнопка редактировать */
    background: #484d50;
}


/* ЦВЕТА ГРАНИЦ */ 
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, .post-links ul, .post-links {
  border-color: #87929761; /*в таблицах и между постами*/
}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .usertable table {
  border-color: #484d50; /*при посмотре профиля*/
}

.punbb th {
border-color: #a7b4bc /*в шапке форумных таблиц*/;
}

.category td, .forum td, .usertable td, #pun-online #pun-main td, hr, #wrapper ul, #similar-topics table td, #move_posts_form thead tr, #move_posts_form tbody tr {border-bottom: 1px solid #a7b4bd !important;}

.punbb .post-sig dt {
  border-top: 1px dashed #87929761; /*линия подписи*/
}
.punbb .quote-box, .punbb .code-box {
  border-color: #484d50 #c9d5e1 #c9d5e1 #484d50; /*цвета формы цитаты и кода*/
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #394652 /*темная линия между ссылками пользовательского меню*/
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #a7b4bd /*светлая линия между ссылками пользовательского меню*/;
}

.punbb .divider {border-color: transparent;}

li.pa-online {
  border-left-color: #add; /*цвет жирной линии около статуса "активен" */
}

li.pa-avatar.item2 img, li#pa-avatar img {border: 1px solid #a7b4bd; /*стиль линии вокруг аватара*/}

border: 1px solid #4a5255; /*кнопки*/

/* Шаблон дизайна предоставлен проектом ForumD - Дизайн для форумов и техническая поддержка © 2022 ForumD.ru */