/*ÎÑÍÎÂÀ -------------------------------------------------------------*/
html, body {
background: url(http://forumstatic.ru/files/001a/d8/68/58810.jpg) no-repeat fixed top center,
url(http://forumstatic.ru/files/001a/d8/68/95068.jpg) repeat top center; 
background-color: #292c3e;
}

#pun-title table {
   background-image: url("http://forumstatic.ru/files/001a/d8/68/13276.jpg");
width: 988px; height: 30px;
background-color: transparent!important; 
background-repeat : no-repeat;
background-position: center;
border: none;
margin-left: -6px;
}

#pun {
background: #c3b8a7 url(http://forumstatic.ru/files/001a/d8/68/61047.jpg);
}

.tablebg {
position: absolute;
width: 988px; height: 360px;
margin-left: -6px !important;
margin-top: -360px!important;
background: url(http://forumstatic.ru/files/001a/d8/68/24883.png);
}


#pun-about p.container {
   background: url("http://forumstatic.ru/files/001a/d8/68/47644.jpg") no-repeat;
     background-color: transparent!important; 
   width: 988px;
   height: 98px;
   margin: 30px 0 -30px -6px; /* ââåðõ, âïðàâî, âíèç, âëåâî */
   text-align: center;
   line-height: 2;
   font-size: 10px;
   background-repeat: no-repeat;
}

#pun-about .container .item1 {
position: absolute;
width: 1000px;
margin-top: 110px;
font-size: 10px;
text-align: center;
color: #c3b8a7;
}

#pun-about .container .item1 a {
color: #c3ad93;
}

#pun-about .container .item1 a:hover {
color: #e0e3d6;
}

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.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-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, #pun-navlinks .container  { background-color: transpanent;
color: #2d1910;
font-weight: normal;
font-style: normal;}

/*ÑÑÛËÊÈ -------------------------------------------------------------*/

div#pun-navlinks { position: absolute; top: -50px; left: 10px; }
div#pun-ulinks { position: absolute; top: 6px; left: 0px; }

#pun-navlinks a  {text-align: center;  position:relative; 
padding:2px 4px 2px;
  text-decoration: none;
font-family: Franklin Gothic Medium; 
letter-spacing: 1px;
line-height: 13px;
font-size: 12px!important; 
text-transform: uppercase;
color: #c9b8a0!important; 
text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
display: inline-block;
   transition: all .3s linear 0s;
}

#pun-navlinks a:hover {
text-align: center;   position:relative;
color: #93826f!important; 
text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
   }

#pun-ulinks a  {color: #1b1e31!important; text-align: center;  position:relative; z-index:2000 !important;  
font-family: Roboto;
font-size: 10px!important;
  font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: uppercase;
letter-spacing: 0px;
transition: all .3s linear 0s;
}

#pun-ulinks a:hover  {
color: #83543f!important; }

.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: #292c3b;
  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: #5d3a2b; 
}

#pun-index td.tcr a:link, #pun-index td.tcr a:visited {
font-family: Franklin Gothic Medium; 
letter-spacing: 0.5px;
font-size: 12px!important; 
text-transform: uppercase;
color: #292c3b!important;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
    transition: all .5s ease-in-out 0s;
    }
#pun-index td.tcr a:hover, #pun-index td.tcr a:active {
color: #5d3a2b!important; 
}


/*ÈÊÎÍÊÈ -------------------------------------------------------------*/

.punbb table Div.icon {float: right; 
display: block; 
width: 35px;
  height: 48px;
border-style: none none none none;
margin-left: 0px;
margin-right: 0px;
margin-top: -8px;
background-image : url(http://forumstatic.ru/files/001a/d8/68/86120.jpg);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://forumstatic.ru/files/001a/d8/68/31776.jpg);
background-repeat: no-repeat;
}

TR.isticky Div.icon {
background-image : url(http://forumstatic.ru/files/001a/d8/68/25707.jpg);
background-repeat: no-repeat;
}

TR.iclosed Div.icon {
background-image : url(http://forumstatic.ru/files/001a/d8/68/18935.jpg);
background-repeat: no-repeat;
}

#pun-main .category Div.icon { float: right!important; display:block; border-style:none; position: absolute;
height:42px; width:20px;
margin-top: -13px;
margin-left: 420px;
background-repeat: no-repeat;
background: url() transparent;
 }
#pun-main .category TR.inew Div.icon { 
background: url(http://forumstatic.ru/files/001a/d8/68/97589.png) transparent;
 }

/*ÖÈÒÀÒÛ È Ò.Ä. -------------------------------------------------------------*/
.punbb .quote-box, .punbb .code-box  {
position: relative;
color: #22262f;
 background: #decdb5;
    box-shadow:  0px 0px 0 2px #decdb5,
   0 0 3px 0 rgba(0,0,0,.2) inset,
   0 0 3px 0 rgba(0,0,0,.2)
}

.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
color: #22262f;
 background: #decdb5;
    box-shadow:  0px 0px 0 2px #decdb5,
   0 0 3px 0 rgba(0,0,0,.2) inset,
   0 0 3px 0 rgba(0,0,0,.2)
}

.punbb .quote-box, .punbb .code-box {
 padding: 16px 16px 16px 16px!important; }


#pun .quote-box cite, .punbb .code-box strong.legend{
    display: block;
    width: 400px;
    padding: 3px 0px 3px 0px !important;
    margin-left: 130px;
    margin-bottom: 5px;
    margin-top: -6px !important;
background: #c9b8a0;
    box-shadow:  0px 0px 0 2px #decdb5,
   0 0 3px 0 rgba(0,0,0,.2) inset,
   0 0 3px 0 rgba(0,0,0,.2);
    text-align: center;
font-family: Franklin Gothic Medium; 
letter-spacing: 1px;
font-size: 11px!important; 
text-transform: uppercase;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
}

.punbb textarea, .punbb select, .punbb input, #mod-options {
outline: none; 
 background: #decdb5;
    box-shadow:  0px 0px 0 2px #decdb5,
   0 0 3px 0 rgba(0,0,0,.2) inset,
   0 0 3px 0 rgba(0,0,0,.2)
}

#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, #smilies-area {
padding: 12px; 
text-align: center!important; 
color: #22262f;
 background: #decdb5;
    box-shadow:  0px 0px 0 2px #decdb5,
   0 0 3px 0 rgba(0,0,0,.2) inset,
   0 0 3px 0 rgba(0,0,0,.2)
}


.punbb select { 
    color: #22262f;
 background: #decdb5;
    box-shadow:  0px 0px 0 2px #decdb5,
   0 0 3px 0 rgba(0,0,0,.2) inset,
   0 0 3px 0 rgba(0,0,0,.2) }


#font-area { max-height: 380px; overflow-y: auto; font-size: 14!important; }

#post .container[id$="font-area"]{max-height: 250px!important; overflow: auto;}

#pun-reputation div, .pun-modal .modal-inner, .inner {
 color: #22262f;
 background: #decdb5;
    box-shadow:  0px 0px 0 2px #decdb5,
   0 0 3px 0 rgba(0,0,0,.2) inset,
   0 0 3px 0 rgba(0,0,0,.2)
}

div.Select_Topics .container tr {border-bottom: 1px solid #babaa1;}

.punbb .code-box  {
margin-bottom: 10px!important; }

/*ÐÀÇÄÅËÈÒÅËÈ -------------------------------------------------------------*/
#pun-viewtopic .post h3, .post h3 {
z-index:1000;
    height: 12px;
    width: 910px;
margin-left: 24px;
padding: 2px 8px 2px 8px!important;
background: rgba(222, 205, 181, .6);
     box-shadow:
   0px 0px 0 2px rgba(222, 205, 181, .8),
   0 0 3px 0 rgba(0,0,0,.2) inset,
   0 0 3px 0 rgba(0,0,0,.2);
 font-family: Roboto;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
}

#pun-index .category h2 {
    background-image: url(http://forumstatic.ru/files/001a/d8/68/89416.png);
 text-align: center;
    position: relative;
    margin: 0px 0px -20px -4px;
padding: 19px 0 0 0px;
    background-repeat: no-repeat;
    background-position: top center;
    height: 50px;
    width: 983px;
font-family: Franklin Gothic Medium; 
letter-spacing: 1px;
font-size: 11px!important; 
text-transform: uppercase;
color: #c9b8a0!important;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
}

#pun-stats.section h2 {
 background-image: url(http://forumstatic.ru/files/001a/d8/68/89416.png);
 text-align: center;
    position: relative;
    margin: -14px 0px 6px -4px;
padding: 19px 0 0 0px;
    background-repeat: no-repeat;
    background-position: top center;
    height: 50px;
    width: 983px;
font-family: Franklin Gothic Medium; 
letter-spacing: 1px;
font-size: 11px!important; 
text-transform: uppercase;
color: #c9b8a0!important;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
}

#post-form h2 {
height: 12px;
    width: 910px;
margin-left: 24px;
padding: 2px 8px 2px 8px!important;
background: rgba(222, 205, 181, .6);
     box-shadow:
   0px 0px 0 2px rgba(222, 205, 181, .8),
   0 0 3px 0 rgba(0,0,0,.2) inset,
   0 0 3px 0 rgba(0,0,0,.2);
 font-family: Roboto;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;}

.punbb .fs-box .post h3 {
    height: 15px;
    width: 664px;
margin-left: 0px!important;
}


/*ÏÐÎÔÈËÜ -------------------------------------------------------------*/
.punbb .post .post-author > ul {
background: #decdb5;
   box-shadow:  0px 0px 0 2px #4c4f5f inset,
   0 0 6px 0 rgba(0,0,0,.6) inset,
   0 0 3px 0 rgba(0,0,0,.2);
margin: 24px 4px 4px 14px !important;
padding: 14px 0px 14px 0px!important;}

li.pa-avatar  {z-index: 5; margin-left: 0px !important; margin-top: 0px;}

li.pa-avatar img {
max-width: 180px !important;
max-height: 180px !important;
padding: 3px 3px;
background-color:  transparent;
box-shadow: 0 0 3px 0 rgba(0,0,0,.5);
 border: 1px solid #4c4f5f;
}


.pa-title {text-align: center;
z-index: 1000;
padding-bottom: 2px!important;
 font-family: Roboto;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
font-variant: normal!important;
font-weight: normal!important;
color: #4c4f5f;
letter-spacing: 0px;
}

.pa-author {
width: 130px!important;
background: #4c4f5f;
box-shadow:  0px 0px 0 2px #4c4f5f inset,
   0 0 6px 0 rgba(0,0,0,.6) inset,
   0 0 3px 0 rgba(0,0,0,.2);
margin-left: 39px!important;
margin-top: -24px!important;
margin-bottom: 2px!important;
padding: 6px 3px 6px 3px!important;
text-align: center;
font-family: Franklin Gothic Medium; 
letter-spacing: 0px;
font-size: 11px!important; 
text-transform: uppercase;
color: #c9b8a0;
}

.pa-author a {
position:relative;
 text-decoration: none;
color: #c9b8a0!important; 
text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
display: inline-block;
transition: all .5s ease-in-out 0s;
}

.pa-author a:hover {
color: #dccfbc!important;
}

.post-author ul {
text-align: center; 
 font-family: Roboto;
font-size: 10px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
font-variant: normal!important;
font-weight: normal!important;
color: #c3b8a7;
letter-spacing: 0px;
}

.pa-online { 
position: absolute;
width: 150px;
height: 8px;
text-align: center; 
margin-left: -117px!important;
margin-top: 68px!important;
padding: 3px 10px 3px 10px!important;
font-family: Franklin Gothic Medium; 
letter-spacing: 0.5px;
font-size: 10px!important; 
text-transform: uppercase;
color: #c9b8a0; 
background: #4c4f5f;
box-shadow:  0px 0px 0 2px #4c4f5f inset,
   0 0 6px 0 rgba(0,0,0,.6) inset,
   0 0 3px 0 rgba(0,0,0,.2);
transform: rotate(-90deg);
}

.pa-posts, .pa-respect, li.pa-replies {
 font-family: Roboto;
font-size: 9px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
font-variant: normal!important;
font-weight: normal!important;
color: #c9b8a0;
letter-spacing: 0px;
text-align: center; 
}


.pa-respect a {
color: #c9b8a0!important; }

.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active { 
color: #c9b8a0!important;
}

.pa-awards { 
text-align: center; text-transform: lowercase;
 font-family: Roboto;
font-size: 10px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
font-variant: normal!important;
font-weight: normal!important;
color: #c3b8a7;
letter-spacing: 0px;
}

.pa-posts { 
margin-top: 4px!important;
margin-left: 0px;
margin-bottom: 0px!important;
 display: inline-block;
text-align: center; 
width: 83px;
background: #4c4f5f;
box-shadow:  0px 0px 0 2px #4c4f5f inset,
   0 0 6px 0 rgba(0,0,0,.6) inset,
   0 0 3px 0 rgba(0,0,0,.2);
padding: 2px 4px 2px 4px!important;
vertical-align: top;
}
.pa-respect {
margin-top: 4px!important;
margin-left: 0px!important;
margin-bottom: 0px!important;
display: inline-block; 
text-align: center; 
width: 83px;
background: #4c4f5f;
box-shadow:  0px 0px 0 2px #4c4f5f inset,
   0 0 6px 0 rgba(0,0,0,.6) inset,
   0 0 3px 0 rgba(0,0,0,.2);
padding: 2px 4px 2px 4px!important;
vertical-align: top;
}

.pa-respect img {
width: 7px!important;
filter: sepia(100%) brightness(80%);
}

/*ÊÍÎÏÊÈ -------------------------------------------------------------*/
.button, input#sub4 {
  text-decoration: none;
  padding: 6px 18px 6px 18px!important;
  color: #a3a7bf;
  text-align: center;
  line-height: 20px;
  font: normal 17px arial;
box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e!important;
  background-image: linear-gradient(#3c425a, #202744)!important;
  text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 -1px 0 #311d47;
transition: all .5s ease-in-out 0s
}
.button:hover, input#sub4:hover {
 transition: color 200ms linear, text-shadow 500ms linear;
  color: #decdb5;
  text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c;
  transform: scale(.96);
transition: all .5s ease-in-out 0s
}

.button:active, input#sub4:active {
  transition: color 200ms linear, text-shadow 500ms linear;
  color: #decdb5;
  text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c;
}

/*ÏÎÄÔÎÐÓÌÛ -------------------------------------------------------------*/
#pun-index .category table {
border-spacing: 0px 14px; 
}

#pun-index .category tr {
background: #decdb5;
     box-shadow:
   0px 0px 0 2px #decdb5,
   0 0 3px 0 rgba(0,0,0,.2) inset,
   0 0 3px 0 rgba(0,0,0,.2)
}

#pun-index .category .container {
    position: relative;
width: 920px;
    margin: 0px  0px 0px 26px;
}

#pun-index .tclcon {
margin-top: 12px!important;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
color: #322c23;
}

#pun-index .tcl h3 {
padding-top: 6px;
height: 22px; }

#pun-index .tcl h3 a {
margin:0 0px;
padding: 20px 0px!important;
font-family: Franklin Gothic Medium; 
letter-spacing: 0.5px;
font-size: 16px!important; 
text-transform: uppercase;
color: #292c3b!important;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
    }

#pun-index .tcl h3 a::before {
position:absolute;top:0;left:0;width:100%;height:1px;background:#292c3b;content:"";-webkit-transition:top 0.3s;-moz-transition:top 0.3s;transition:top 0.3s;}

#pun-index .tcl h3 a::after {
position:absolute;top:0;left:0;width:1px;height:1px;background:#292c3b;content:"";-webkit-transition:height 0.3s;-moz-transition:height 0.3s;transition:height 0.3s;}

#pun-index .tcl h3 a:hover::before{top:100%;opacity:1;}
#pun-index .tcl h3 a:hover::after{height:100%;}

#pun-index .tcl h3 a:hover {
font-family: Franklin Gothic Medium; 
letter-spacing: 0.5px;
font-size: 16px!important; 
text-transform: uppercase;
color: #292c3b!important; 
text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
}

/*ÎÑÒÀËÜÍÎÅ -------------------------------------------------------------*/
    ::selection { 
    background: none repeat scroll 0 0 #2d3251;
    color: #c3ad93;
    }  
*::-moz-selection {
     background: none repeat scroll 0 0 #2d3251;
    color: #c3ad93;
}

.punbb select, input {
border: none;
padding: 1px 2px 2px 1px !important;
background-color: rgba(171, 173, 177,.2);
    box-shadow: 0 0px 2px 0 rgba(96, 100, 110,.7);
color: #22262f;
}

hr {
border-top: 1px solid #9d8c75; 
}


abbr {text-decoration: underline;
text-decoration-style: dotted;
color: #181d33;
}

#tooltip {
z-index: 999;
position:absolute;
display:none;
max-width:280px;
font-family: Roboto;
font-size: 12px!important;
color: #c9b8a0;
padding: 4px 12px!important;
background: #4c4f5f;
box-shadow:  0px 0px 0 2px #4c4f5f inset,
   0 0 6px 0 rgba(0,0,0,.6) inset,
   0 0 3px 0 rgba(0,0,0,.2);
}