/* ОСНОВНАЯ ГРАФИКА
-------------------------------------------------------------*/

/*шапка*/
#pun-title table {
background-image : url("https://i.imgur.com/Huq1c6T.png"); background-position : top center; background-repeat: no-repeat;
border: none;
margin-top: 0px;
margin-left:-116px;
width: 1200px;
height: 525px;
}
/*фон*/
body {background: url("https://i.imgur.com/MNaAfik.png") repeat-x scroll left top;}
HTML {background: url("https://i.imgur.com/fM4Xr5R.jpg") top center; background-color : #110906;}


/*тело форума*/
#pun { 
background-image : url("https://i.imgur.com/Fa1QWqW.png"); 
paddind-top: 1px;
text-align: justify;
background-position : center; 
background-attachment: scroll; 
background-color: #a99477;
}

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #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 {background-color: transparent;
color: #070605;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent; background-repeat: no-repeat;
color: #000000;
font-weight: normal;
font-style: normal;}
.punbb .main h1, .punbb .main h2, #pun-debug h2, #pun-stats h2 {
background-color: transparent;
letter-spacing: 1px;
font-size: 12px;
font-family: Oswald Regular;
font-weight: normal;
text-align: center;
color: #1d100b;}


/*Футер*/
#pun-about p.container {
background-image : url(https://i.imgur.com/W0lVJ0K.png);
background-position : center top;
background-repeat : no-repeat;
border: none;
margin-bottom: -27px; margin-left: -87px;
float: top center; 
width: 1156px; text-align: center; top: 0px;
height: 240px; }
div#html-footer {
margin: 0px 0px 0px 0px;}
div#html-footer {
margin: 0px 0px 0px 0px;}
#pun-announcement.section h2 span {display: none; }
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-title h1 span  {display: none;}


/* Расположение навигации*/
div#pun-navlinks {
text-align: center;
margin-left:px;
text-transform: ;
position: absolute;
       width: 100%;
       top:480px;
      }

div#pun-ulinks {
text-align: center;
text-transform: lowercase;
margin-left: 0px;
letter-spacing: 0px;
font-size: px;
position: absolute;
width: 100%;
 top:500px;
}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input, #pun_wrap #post .container[id$="-area"], #move_posts_form, .punbb .section h2, .pun-modal .container  {background-color: #b3a081;}


/* Цитаты и коды в сообщениях*/
.punbb .post-content .quote-box, .punbb .post-content .code-box, .quote-box .spoiler-box  { 
margin: 0.4em 0em 1.4em 0em; 
padding: 1em; 
background-color:#b09b7e;
background-image: url("https://i.imgur.com/6g1KYy1.png");
background-repeat: repeat; 
border: 3px double #52452987;
box-shadow: 0px 0px 4px 1px rgb(156, 137, 102) inset;
}


/*Шрифт названия спойлера*/
.post-content .spoiler-box {
    font-family: Oswald Regular;
    font-size: 12px;
    letter-spacing: 1.4px;
    font-weight: bold;
    text-align: center !important;
    color: #313e04;
    }

/*Шрифт в спойлере*/
.post-content .spoiler-box > blockquote {
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0px;
    text-align: justify;
    text-shadow: none;
    text-transform: none; 
    color: #000000;
}


/* Уважение и сообщения */
.pa-respect, .pa-posts {
display: inline-block;
margin-left: -10px;
text-align: center;
width: 80px;
line-height: 13px;
padding: 10px;
margin-bottom: -5px!important;
margin-top: -10px!important;
font-size: 10px;
font-family: arial;}


/* Поля профиля */
li.pa-fld4 { margin-top:-12px; margin-left:0px;  }
li.pa-fld3 { margin-top:-15px; }

.pa-fld3 {width: 208px;
margin-left: 13px !important;
margin-bottom: 0px !important;
font-size: 10px;
padding: 8px 4px 8px 4px !important;
line-height: 12px;
font-family: arial;
text-align: justify;
border: 1px solid #844f15;
border-radius: 2px;
background-color: rgba(21, 16, 13, 0.64);
}

.pa-fld1, .pa-fld2{
    display: inline-block;
   font-size: 10px;
   text-align: center;
   font-family:  arial;
   text-transform: lowercase;
    width: 80px;
    margin-top: 10px !important;
    padding: 0 !important;
    line-height: auto;
    margin-bottom: 10px !important;
        }

.pa-fld1{
    float: center;
    margin-left: -1px !important;
    background: transparent;
    }
.pa-fld2{
    float: center;
    margin-right: -1px !important;
    background: transparent;
}

/* Быстрый ответ */
#post-form h2 {
background: transparent url(https://i.imgur.com/DBiTVpq.png) no-repeat scroll center top;
width:  972px;
height:125px;
margin-left:-34px;
border-style: none;
font-size:0 !important;
}

#post-form h2 span {display:none;}


/* ЦВЕТА ГРАНИЦ
-------------------------------------------------------------*/
.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;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;}
.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: }
#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: 1px solid #080706;}
li.pa-online {
border-left-color: transparent;}
.punbb .post-sig dt {
border-top-color: transparent !important;}
li.pa-fld2 { margin-top:-12px; }

/* ССЫЛКИ
-------------------------------------------------------------*/
/* 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: #5f0d09;
text-shadow: 0px 0px 1px #;
border-bottom: 0px none #000;
text-decoration: none;
}


/* 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: #232b05;
border-bottom: 0px none #000;
text-shadow: 0px 0px 1px #80766e;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 
}

/* cs3.3. Верхняя навигация до наведения */
#pun-navlinks a {
font-family: Schwabacher;
font-weight: normal;
font-size: 16px;
color: #232b05;
text-shadow: 0px 0px 1px #2c300d;
text-decoration: none;
letter-spacing: 2px;
}


/* cs3.4. Верхняя навигация после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
font-family: Schwabacher;
font-weight: normal;
font-size: 16px;
color: #8f1d16;
text-shadow: 0px 0px 1px #6b1c10;
text-decoration: none;
letter-spacing: 2px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 
}


/* cs3.5. Нижняя навигация до наведения */
#pun-ulinks a {
font-family: Oswald Regular;
font-size: 11px;
color: #292c10;
border-bottom: 0px none #000;
letter-spacing: 1.3px;
text-decoration: none;
text-transform: lowercase;
}


/* cs3.4. Нижняя навигация после наведения */
#pun-ulinks a:hover,  #pun-ulinks a:focus, #pun-ulinks a:active {
font-family: Oswald Regular;
font-size: 11px;
color: #79261b;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;
letter-spacing: 1.3px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}



/* ИКОНКИ
-------------------------------------------------------------*/
/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 10px;
margin-right: 0px;
width: 45px;
height:45px;
background-image : url(https://i.imgur.com/HsI9zNt.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(https://i.imgur.com/KrUtUoz.png);
background-repeat: no-repeat;
width: 45px;
height: 45px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(https://i.imgur.com/cCxjCoe.png);
background-repeat: no-repeat;
width: 45px;
height: 45px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(https://i.imgur.com/sZC1I1n.png);
background-repeat: no-repeat;
width: 45px;
height: 45px;}


/* ПРОФИЛЬ
-------------------------------------------------------------*/
/* Обрамление профиля */
.post-author {
background: url(https://i.imgur.com/0ThCMIG.png) no-repeat scroll center top, url(https://i.imgur.com/oZAwLpw.png) no-repeat scroll center bottom, url(https://i.imgur.com/4MuPVBJ.png) repeat-y scroll center center rgba(0, 0, 0, 0);
margin-left: -13px !important;
margin-right: -22px !important;
margin-top: -27px !important;
width: 262px !important;
}

/* Ссылки в профиле  до наведения*/
#pun-main .post-author a {
text-align: center;
color: #a1bd40;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
font-family: Oranienbaum;
font-size: 10px;
letter-spacing: 1px;}

/* Ссылки в профиле  после наведения*/
#pun-main .post-author a:hover {
text-align: center;
color: #cca875;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
font-family: Oranienbaum;
font-size: 10px;
letter-spacing: 1px;}


/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div, .editBookmark, #pun-admin-award-form .inner, #vse tbody {
background-color: #;}


/* Рамка аватара */
.pa-avatar.item2 > img {
border-color: #844f15;
border-style: solid;
border-width: 1px;}

/* Разделение соо рамкой */
#pun-viewtopic .post h3 {
    background: url("https://i.imgur.com/DBiTVpq.png") no-repeat scroll center top;
    color: #c1c0c0 !important;
    height:125px;
    margin-bottom: 0px;
    margin-left: -35px;
    margin-top: 0px;
    padding-top: 0px !important;
    font-weight: bold;
    width: 972px !important;
}

/* Текст на разделителе сообщений */
#pun-viewtopic .post h3 span {
   color: #aa9578 !important;
    font-family: Oswald Regular;
    font-size: 9px;
    margin-top: 49px;
     margin-left: 10px;
}


/* Ссылки на разделителе сообщений */
.permalink {
    color: #aa9578 !important;
    font-family: Oswald Regular;
    font-size: 9px;
    letter-spacing: 1px;
    }

.topic a.sharelink {
   float: right;
   color: #aa9578 !important;
    font-family: Oswald Regular;
    font-size: 9px;
   letter-spacing: 1px;
   margin-left: 1em;
   }

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 1px; top: 1px
}


/* ОСТАЛЬНОЕ
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
#pun-announcement .container {margin-top: -2em;}
#pun-main .post-author ul {line-height: 11px; font-size: 10px; font-family: arial; letter-spacing: 0.2px;}
#pun-announcement h2 {text-align: center;}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center;}
#pun-crumbs1 .container { text-align:left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
#pun_wrap #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: center; line-height: 100%;}
.lastedit {display:none;}
#pun-navlinks #navawards {display:none;}
#pun th {color: transparent; font-size:0px;}
#pun-main .postlink {text-align:;}
#post .formsubmit {text-align: center;}


/* CS3.3 Ширина и центровка форума*/
#pun  .section {border-style: none; width: 905px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-main .post-author ul {text-align: center;}

.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=40);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=40);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}


/* Подложка под репутацию*/
* {outline:none;}
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
  background: url('https://i.imgur.com/6g1KYy1.png') 50% repeat;
}

#pun-navlinks li img {
  vertical-align: middle;
}

/* Запятая после ника в активных*/
.modmenu a:after {content: ",";}
.modmenu a:last-child:after {content: "";}


div#stTs .iblank {
z-index: 3001;
}
#stTs {
box-shadow: none;
}
#sdfs {
box-shadow: 0px 0px 0px 0px rgba(0,0,0,.5);
}


/* Убрать загрузки */
#pun-ulinks .container li.item5 {display: none;}

/* Описание форумов */
#comforum {
top: 10px;
font-family: Oswald Regular;
font-size: 11px;
text-align: center;
text-transform: lowercase;
letter-spacing: 2px;
background-color: #b5a283;
height: 17px;
color: #293008;
}


/* Бегунок */
::-webkit-scrollbar {  
width: 7px;  /* for vertical scrollbars */
height: 7px; /* for horizontal scrollbars */}
::-webkit-scrollbar {
    width: 7px;
    height: 5px;}

::-webkit-scrollbar-track {
 background-color : #23160c;
 }
::-webkit-scrollbar-thumb /* бегунок */{
background: #6c751d;
box-shadow: inset 0px 0px 3px #2a300d;}


div#slidesContainer { 
overflow: hidden; 
} 

div#slideInner { 
width: 5000px; 
}


hr {border: none; border-top: 1px dashed #2c340d;}
abbr { text-decoration: none; border-bottom:1px dashed; }
abbr:hover { text-decoration: none; border-bottom:1px dotted; }

/* Выпадающие окошки в форме ответа */
.inner, #pun_wrap #post .container[id$="-area"] {background-color:#d5ccbe;
background-color:#d4cabb; 
background-image: url(https://i.imgur.com/Km6qZxU.png); 
background-repeat: repeat; 
border: 2px solid #584b31; 
color: #0f0903; 
outline: none;
padding: 10px;}

#font-area {max-height: 270px; overflow-y: auto; font-size: 12px!important;}
#font-area::-webkit-scrollbar {
    width: 3px;
    height: 7px;}
#smilies-area {width:550px!important;}
#keyboard-span input {color: #000000!important;
text-shadow: 0px 1px 0px #000000!important;}

.punbb .move_posts_form .container {
background-color: #ac9e92; 
}



/* Кнопки */
.button {
align-items: flex-start;
text-align: center;
font-family:  arial;
letter-spacing: 0px;
cursor: default;
font: 1em verdana, arial, helvetica, sans-serif;
color:#e0d3bd;
border: 0px;
border-radius:3px;
background:transparent;
background-image: -webkit-linear-gradient(#b3ca74, #6b7d21, #728425);
background-image: -moz-linear-gradient(#127009, #3b9932, #409e37);
background-image: -o-linear-gradient(#127009, #3b9932, #409e37);
-moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
 -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
 -o-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
text-decoration: none;
padding: 4px;
}

.button:hover {
text-align: center;
font-family: arial;
letter-spacing: 0px;
cursor: default;
font: 1em verdana, arial, helvetica, sans-serif;
color:#f3eadc;
text-shadow: 1px #f3eadc;
border: 0px;
border-radius:3px;
background:transparent;
background-image: -webkit-linear-gradient(#ec7f73, #ad4a2f, #632d25);
background-image: -moz-linear-gradient(#127009, #3b9932, #409e37);
background-image: -o-linear-gradient(#127009, #3b9932, #409e37);
-moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
 -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
 -o-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
text-decoration: none;
padding: 4px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 
}


#main-reply {width: 100%;
    height: 200px;}


/* ХТМЛ приветствия и списка персонажей */
.privetstvie {
position: relative;  
left: 60px;
height:  400px;
padding: 10px;}

.medieval {
float: left;
}

.medieval label {
    display: block;
    width: 130px;
    text-align: center;
    font-family: Honda;
    color: #283107;
    margin-right: 5px;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 5px;
    border: 0px solid #ccc;
    position: relative;
    top: 10px;
    left: 40px;
    cursor: pointer;
}

.medieval [type=radio] {
display: none;  
}

.privetstvie [type=radio]:checked ~ label {
   z-index: 2;
}

.privetstvie [type=radio]:checked ~ label ~ .fantasy {
    z-index: 1; 
    opacity: 1;
}

.fantasy {
position: absolute;
top: 60px;
left: -20px;
width: 530px;
height: 240px;
background-color:#b09b7e;
background-image: url("https://i.imgur.com/6g1KYy1.png");
background-repeat: repeat; 
border: 3px double #52452987;
box-shadow: 0px 0px 4px 1px rgb(156, 137, 102) inset;
padding: 20px;
transition:All 0.2s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}


td.tcr a {
    color: #293808!important;
    text-align: center;
    font-family: Oswald Regular;
    background-position: left center;
    font-size: 13px;
   letter-spacing: 0.6px;
   }


/* НОВОСТНЫЕ ТАБЛИЦЫ
-------------------------------------------------------------*/

#news1 {
position: absolute;
margin-left: -35px;
width: 255px;}

#news2 {
position: absolute;
margin-left: 222px;
width: 355px;}

#news3 {
position: absolute;
margin-left: 582px;
width: 165px;}

#news4 {
position: absolute;
margin-left: 760px;
width: 170px;}

#news5 {
position: absolute;
margin-left: 580px;
top: 396px;
overflow: auto;
width: 350px;}

#news1, #news2, #news3, #news4 {
text-align: justify;
height: 160px;
top: 280px;
overflow: auto;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
line-height: 11px;
letter-spacing: 0em;
word-spacing: -0.1em;
color: #968368;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7)}

#news1 a, #news2 a, #news3 a, #news4 a{
font-family: arial;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);}

#news1 a:hover, #news2 a:hover, #news3 a:hover, #news4 a:hover  {
font-family: arial;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
} 


#news1 a, #news2 a, #news3 a, #news4 a {
color: rgba(147, 222, 28, 0.4) !important;
background: linear-gradient(rgba(243,200,153,1) 0%, rgba(24,12,0,1) 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
text-shadow: 0px 0px 6px  rgba(0,0,0,0.2);}

#news1 a:hover, #news2 a:hover, #news3  a:hover, #news4  a:hover {
color: rgba(222, 28, 28, 0.4) !important;
background: linear-gradient(rgba(243,200,153,1) 0%, rgba(24,12,0,1) 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
text-shadow: 0px 0px 6px  rgba(0,0,0,0.2);}