/*фон*/
body { background-color: #d5e0e2;
}


/*шапка*/
#pun-title table {background-image : url(http://forumstatic.ru/files/001b/2b/15/12880.jpg);
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 1000px;
height: 365px;
margin-left: -56px;
}

/*тело*/
#pun {margin: auto;background-image: url(http://forumstatic.ru/files/001b/2b/15/69112.png);background-attachment: scroll;background-repeat: repeat;}

.punbb {
margin: 0px 25px;
width: auto;}


/*футер*/
#pun-about p.container {background: url(http://forumstatic.ru/files/001b/2b/15/58268.jpg) transparent no-repeat;width: 1000px;height: 170px;text-align: center;background-repeat: no-repeat;padding: 10px !important;border: none !important;margin-left: -55px;margin-top: 30px;}

div#pun-about {margin-bottom: -30px;}

/* поля ссылок навигации
---------------------------------------------------------------------------------------------*/
/* ссылки навигации расположение не трогать контейнеры в верхнем блоке */
div#pun-navlinks { position: absolute; width: 100%;; text-align: center; top: 300px; left:-5px;}
div#pun-ulinks { position: absolute; width: 100%;  text-align: center; top: 320px;left:-5px;}
div#pun-status {position: absolute;width: 100%;text-align: right;top: 30px;left: 3px;}


/* общая навигация до наведения */
#pun-navlinks a  {
text-align: center;    
position: relative; 
text-transform: uppercase;
font-family: 'Lora', serif;
font-size: 18px!important; 
font-weight: 500; 
color: #767b7b;
letter-spacing: 0.1em;
}


/* общая навигация после наведения*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #b8c5c8;
opacity: 0.8;}



/* пользовательская навигация до наведения */
#pun-ulinks a  {text-align: justify;  
position:relative;
z-index:2000 !important;
text-transform: uppercase;
font-family: 'Lora', serif;
font-size: 10px; !important;
font-weight: 400;
color: #767b7b;
letter-spacing: 0.05em;
}


/* пользовательская навигация после наведения можно пихать светотень */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { 
color: #b8c5c8;
opacity: 0.5;}

/*привет, кто-то и т.д*/
#pun-status span {
position: relative; 
font-family: 'Lora', serif;
font-size: 14px!important; 
font-weight: 400; 
color: #959d9f;
text-transform: uppercase;
}

#pun-status span.item1 strong {
position: relative; 
font-family: 'Lora', serif;
font-size: 14px!important; 
font-weight: 400; 
color: #a48571;
text-transform: uppercase;
}




/*Статистика, темы, категории одной картинкой
----------------------------------------------------------------------------------------------------------------------*/
/* CS4 Картинка стат и категорий, тем, стиль текста*/
.punbb .category h2, #pun-stats h2, #pun-main #post-form h2, #pun-debug h2 {
font-family: 'Lora', serif;
font-size: 14px;
color: #9ca5a5;
font-weight: 400;
font-style: normal;
letter-spacing: 0.2em;
box-sizing: border-box;
text-align: right;
text-transform: uppercase;
position: relative;
height: 30px;
margin: 0px 7px 0px;
padding-top: 5px;
}

 #pun-main h1 {background: #f2f4f4 no-repeat scroll center top;
font-family: 'Lora', serif;
font-size: 14px;
color: #7b8787;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
line-height: 8px;
letter-spacing: 0.3em;
box-sizing: border-box;
text-align: right;
position: relative;
height: 30px;
padding-top: 10px;
}

#pun .post h3 {border-style: solid none solid none;
border-color: #d6baa1;
border-width: 1px;
margin: 3px 1px 1px;
background-color: #f2f4f4;
font-family: 'Lora';
color: #9faaaa;}

#pun .post h3 span {
font-family: 'Lora';
color: #9faaaa;
  }

/* Блоки ввода цитат, кодов, соо
---------------------------------------------------------------------------------------------*/
/*цитаты, формы ответа, коды */

.punbb textarea, .punbb .post-content .quote-box, .punbb .post-content .code-box {background-clip: padding-box;background: #e8eeef;color: #767b7b;padding: 7px 8px !important;border-style: solid;border-width: 2px;border-color: #c69a757a;margin-bottom: 3px;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #spoiler-area, #video-area, #addition-area, #pun-report .inner, #pun-reputation .inner,#pun-popup_awards div, #pun-reputation div {
background-clip: padding-box;
background: #e8eeef;color: #767b7b;
padding: 7px 8px !important;
border-style: solid;
}

#smilies-block {display: block;line-height: 7px; line-height: 7px; max-height: 162px; overflow: auto;}
#smilies-area, #video-area{width: 470px!important;}

.code-box strong {
font-family: 'Lora', serif;
font-size: 10px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #748789 !important;
}

/* Ввод текста в админке */
.punbb textarea, .punbb select,  {
background-clip: padding-box;
background: #bfb4a0;color: #514122;
padding: 7px 8px !important;
border-style: solid;

}

.punbb cite {
    background-color: #aab7bb;
    color: #f2f4f4;
    padding: 3px;
    font-family: 'Lora', serif;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
margin-bottom: 3px;
}

.punbb blockquote {
    padding-top: 8px;
}
.pun-modal .container
{background-color: #8b8578;}


/* Графоформление профиля
---------------------------------------------------------------------------------------------*/
/*окантовка профиля*/
.post-author ul  {background: #e8eeef; /* фон*/border: none; /*границы */}

/* Профиль*/
.punbb .post .post-author {
  background-color: #e8eeef 0 0 repeat-y; /*тело профиля по игреку*/
  overflow: visible!important;
}
.punbb .post .post-author > ul {
  background-color: #e8eeef 0 top no-repeat, 0 bottom no-repeat; /*верх/низ профиля*/
  margin: 0px 0 -5px 0px!important;
    padding: 10px 10px 10px!important;
}

/* обводка аватара*/
li.pa-avatar img {
    border: 2px solid #222627;
    margin-left: -4px;
}


/* Оформление ника */
.pa-author a, .pa-author {text-align: center;
font-family: 'Lora', serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #748789 !important;
padding-top: 3px !important;
padding-bottom: 7px !important;}


/* Позиционирование аватара, максразмер */
li.pa-avatar  {z-index: 5;
margin-left: -1px !important;
margin-top: 3px;
}
li.pa-avatar img { max-width: 180px !important; max-height: 180px !important;
}



/* Стиль и позиция статуса */
.pa-title {
z-index: 1000;
color: #5c4e33 !important;
font: 400 10px 'Lora', serif !important;  /* все по шрифту */
border: solid;
border-width: 1px 0px 0px 0px;
border-color: #e1c7ad;}

/* Дополнительные поля*/

/* для лз полей */
.pa-fld1 {
    width: 190px;
    margin-left: 10px!important;
    padding-bottom: 3px !important;
    border: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #a67e5d;
}

.pa-fld1 nm {margin: 10px 0px 0px 0px;
display: block;
text-align: left;
font-family: 'Lora', serif;
font-size: 12px;
font-weight: 400;
color: #a67e5d !important;}

.pa-fld1 nm a {
color: #a67e5d !important;}

.pa-fld1 lz {
font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 10px;
    color: #463f23;
    text-align: justify;
    display: block;
    padding: 5px 5px 5px 0px !important;
    position: relative;
    margin-right: 6px;
  }


.pa-fld2 .fld-name {
	display: none
}

.pa-fld2 {font-family: 'Lora', serif;
font-weight: 400;
text-transform: uppercase;
font-size: 9px !important;
color: #8e8356;
letter-spacing: 0.07em;
left: 30px;
}

.pa-fld2 a {font-family: 'Lora', serif;
font-weight: 400;
color: #748789;
}

/* уважение и сообщений в одну строчку */
.pa-respect, .pa-posts {display: inline-block;
text-align: center;
width: 100px;
color: #463f23;
font-family: 'Montserrat', sans-serif;
line-height: 10px;  /* расстояние между строк */
font-size: 8px;
font-weight: 600;
letter-spacing: 0.05em;
padding: 10px;  /* отступ внутри */
margin-bottom: 7px !important;
margin-top: 5px !important;}


/* подтянуть награды */
.pa-awards{
    padding-top: 5px !important;
    padding-bottom: 10px !important;
}


/* фишки стиля для облегчения настроек
---------------------------------------------------------------------------------------------*/

/* скрыть темы и сообщения на главной */
.category .container thead {display: none;}
/*#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}*/
/* скрыть форумы тем сообщений последнее на главной */

/* Перенос тем и сообщений под форум */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none!important;}

/* Количество тем и соо на главной позиция, стиль */
.Tems_And_messages {
float: right;width: 20%;
background-color: transparent;
color: #7e8383;
text-align: right;
font-family: 'Lora', serif;
font-size: 9px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.2em;}

.podforumdesc {margin: 5px 0px 10px 0px !important;font-family: 'Lora', serif;font-size: 12px;text-align: justify;line-height: 15px;color: #67605b;}


.podflinks {font-family: 'Lora', serif;font-weight: 200;font-size: 12px;letter-spacing: 0.01em;color: #987e64 !important;}

.podflinks a {font-family: 'Lora', serif;font-weight: 200;font-size: 12px;letter-spacing: 0.01em;color: #987e64 !important;}


/* поодфорумы-исключения, последние в каждой категории */
#forum_f2 .tcl:after, #forum_f3 .tcl:after {display: none}


/* посты по ширине */
.punbb .post-content p {text-align: justify;}

/* Оформление кнопок */
.hashelp center div a button, .button {    
background-color: #a9b1b2; 
padding: 10px;
border: 1px #a9b1b2 solid;
cursor:pointer;
  color: #f2f4f4;
  font-family: 'Lora', serif;
  font-size:12px!important;
  font-weight: normal!important;
  font-transform: uppercase!important;
}



/* Кнопки при наведении */
.hashelp center div a button:hover, .button:hover {
	display: inline-block;
	$borderWidth: 1px;

	transition-duration: 4s;
	transition-property: transparent;

	transform: translateZ(0); /* Hack to improve performance on mobile/tablet devices */
	box-shadow: 
		inset 0 0 0 1px #514122,
		0 0 1px #514122; /* Hack to improve aliasing on mobile/tablet devices */

	&:hover {
		background: none;
	}
}


#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: rgba(0,0,0,.1);
    display: block;
    float: left;
    height: 7px;
    margin-left: 2px;
    margin-right: 10px;
    margin-top: 3px;
    position: relative;
    width: 30px;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #a9b1b2;
    height: 7px;
    width: 30px;
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #a9b1b2;
    height: 7px;
    }

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #2a2a2a;
    height: 7px;
  }


#pun-index .tclcon h3 a {
font-family: 'Lora', serif;
font-size: 17px;
color:  #7b8787 !important;
font-weight: 400;
text-align: left; 
text-transform: uppercase;
letter-spacing: 0.2em;
}

#pun-index tr.inew .tclcon h3 a:after {content: "";background-image: url(http://forumstatic.ru/files/001b/2b/15/28203.png);width: 70px;height: 25px;display: block;position: absolute;border-radius: 100%;right: -15px;bottom: 1px;}



/* Текст при выделении */
    ::selection {
background: none repeat scroll 0 0 #a9b1b2;
color: #f2f4f4;
opacity: 0.4;
} 
*::-moz-selection {
background: none repeat scroll 0 0 #a9b1b2;
color: #f2f4f4;
opacity: 0.4;
}

/* Все ссылки на форумах 
---------------------------------------------------------------------------------------------*/

/* Стиль до наведения */
.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 {
color: #7d8282;
cursor: pointer;
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: #b8c5c8;
transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s; -o-transition-duration:.5s; }