/* фон */
body, html {
    background: url(https://i.ibb.co/BT8Xf1Q/image.jpg) repeat-x 50% 0% , 
    #929093 url(http://s9.uploads.ru/xNqvo.jpg) repeat-y 50% 00%; 
}


/* Шапка */
#pun-title table {
background-image: url(http://sg.uploads.ru/A5Y4H.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 480px;
    width: 960px;
    margin-left: -28px;
}

/* тело форума */
#pun {background-color: #dedddd; background-image: url(http://s7.uploads.ru/z7Xvx.jpg);    
}


/* футер */
#pun-about p.container {background-color: #a9a7a8;
background: url("http://s5.uploads.ru/pqAZW.png");
background-position: center top; 
background-repeat: no-repeat; 
   width: 960px;
   height: 200px;
margin-left: -31px;
text-align: center;
border-color: transparent;
}
div#pun-about {
   margin-bottom: -24px;
   font-size: 0px;
}

#profilenav h2 {text-shadow: none;}

#pun-redirect.punbb  #pun-main h1 {}

hr, .banner-line {
height: 1px;
background: black;
border: 1px;}

/* Цвет текста */
.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: #000000;
font-weight: normal;
font-family: verdana;
font-style: normal;
}



/* Ссылки */

@media screen and (max-width: 540px) 

#pun-navlinks li a:before {
   display:none
}  

#pun-navlinks li a span {
    font-size:0;
    display: none
} 

#navpr_1 li span {
    font-size:0; 
    display: none
}

#navindex a:before {
   content:"\f015";     
   font-family: FontAwesome; 
   font-size: 1.5em
} 

#navuserlist a:before {
   content:"\f0c0";     
   font-family: FontAwesome;
   font-size: 1.2em
} 

#navsearch a:before {
   content:"\f002";     
   font-family: FontAwesome;
   font-size: 1.2em
} 

#navpm a:before {
   content:"\f0e0";     
   font-family: FontAwesome;
   font-size: 1.2em
} 
#navprofile a:before {
   content:"\f007";     
   font-family: FontAwesome;
   font-size: 1.5em
}

#navadmin a:before {
   content:"\f013";     
   font-family: FontAwesome;
   font-size: 1.4em
} 

#navlogin a:before {
   content:"\f090";    
   font-family: FontAwesome;
   font-size: 1.4em; 
   color: #45605c !important;
}

#navlogout a:before {
   content:"\f08b";     
   font-family: FontAwesome;
   font-size: 1.4em; 
   color: #45605c !important;
}

#navregister a:before {
   content:"\f067";     
   font-family: FontAwesome;
   font-size: 1.2em
} 

#navpr_1 a:before {
   content:"\f0f3";     
   font-family: FontAwesome;
   font-size: 1.2em
}

#navpr_2 a:before {
   content:"\f02d";     
   font-family: FontAwesome;
   font-size: 1.2em
}


#pun-navlinks a {
    color: #e0e2e1;
    text-align: center;
    transition: all .2s;
    font-size: 18px !important;
    margin: 12px 0px !important;
    display: block;
    font-weight: normal;
    font-family: FontAwesome;
}

#pun-navlinks a span {    
    padding: 0px !important;
}

#pun-navlinks a:hover {
    color: #2b8173 !important;
    transition: all 1s;
}


#pun-navlinks {
    display: block;
    font-size: 0px !important;
    font-style: normal;
    font-weight: lighter !important;
    position: absolute;
    text-align: center;
    top: 287px;
    width: 49px !important;
    word-spacing: 0;
    padding: 0px !important;
    z-index: 999;
    height: auto;
    margin-left: -90px !important;
}

/* cs2.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: #6b6b6b;
  text-decoration: none;
}


/* cs2.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 {
  border-bottom: 0px none #000;
color: #695D55;}


/* cs2.4. нижняя навигация */
#pun-ulinks a {
color: #3f3d3a;
    font: 10px georgia !important;
    text-transform: lowercase;
    letter-spacing: 1px;
     text-align: center;
}

/* cs2.5. верхняя навигация ховер */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  border-bottom: 0px none #000;
color: #746e7f!important;}

/* cs2.5. нижняя навигация ховер */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
opacity: 0.5 !important;}

a.link2 {
    color: #cdcdcd!important;
    text-transform: uppercase;
    font-family: fowviel!important;
    font-size: 13px!important;
    letter-spacing: 0.8px;
    padding: 2px 2px 3px 4px;
}

/* линк в названиях тем на главной*/
td.tcr a {
    color: #7d728f!important;
    font-weight: bold;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/
    div.icon {
            background: url(http://s5.uploads.ru/PZp8F.png) no-repeat;
    }
    tr.inew div.icon {
            background: url(http://s3.uploads.ru/wma5f.png) no-repeat;
    }
    tr.iclosed div.icon {
            background: url(http://s3.uploads.ru/G2MnK.png) no-repeat;
    }
    tr.isticky div.icon {
            background: url(http://sg.uploads.ru/bYslX.png) no-repeat;}



/* Цитаты и коды/
.punbb .quote-box, .punbb .code-box {
    background-image: url(http://funkyimg.com/i/2DsYV.jpg);
    background-color: #d2d2d2;
    border-style: solid;
    border-width: 4px;
    -moz-border-image: url(http://funkyimg.com/i/2DsYU.jpg) 4 repeat;
    -webkit-border-image: url(http://funkyimg.com/i/2DsYU.jpg) 4 repeat;
    -o-border-image: url(http://funkyimg.com/i/2DsYU.jpg) 4 repeat;
    box-shadow: 0 -11px 0 -8px #8c9070, 0 11px 0 -8px #8c9070;
}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-color: #d2d2d2;
background-image: url("");
    margin-left: 10px;
    margin-top: 5px;
color: #000000}


/* выравнивания параметров профиля */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -5.4em;}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center; 
}
#pun th {text-align: center;} 
#pun-crumbs1 .container { text-align: left;}




/*------------------------полоски прокрутки-----------------------*/

::-webkit-scrollbar-thumb:vertical {
    background-color:#282828;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#282828;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
background-color: #B5B1AE;
    border: 0px solid black;
}


.post::-webkit-scrollbar-thumb:vertical {
    background-color:#282828;
}

.post::-webkit-scrollbar-thumb:horizontal {
    background-color:#282828;
}

.post::-webkit-scrollbar {
    width: 2px;
    height: 2px;
background-color: #B5B1AE;
    border: 0px solid black;
   
}

/*---------------оформление подфорумов---------------*/

/* Форумы */
#pun-index .tcl h3 {
    margin-left: 0px;
    height: 15px;
    text-transform: uppercase;
    font-family: 'Stardos Stencil', cursive !important;
    padding-top: 8px;
    text-align: left;
    background-color: silver;
    padding-left: 5px;
}

#pun-index .tcl h3 a {
color: #322c16 !important;
   letter-spacing: 1px;}
#pun-index .tcl h3 a:hover  {
color: #d8af34;
letter-spacing: 1px;}

#pun-index td div.tclcon {
width: 455px;
background: url() 0 top no-repeat, url() 0 bottom no-repeat, url() 0 top repeat-y;
min-height: 95px;}

#comforum {
font-size: 11px;
text-transform: lowercase;
font-family: Georgia;
font-style: italic;
color: #6a6a6a;}

#opforum {
font-size: 11px;
font-family: Verdana;
font-style: none;
color: #080808;
}

.podforum {
padding: 0px 12px 10px 10px;
    text-align: justify;
    font-size: 10px;
    line-height: 11px;
    background-color: #d5d5d5;
}

.ttitle {
    background-color: rgba(64, 64, 64, 0.8);
    text-align: center;
    width: 450px;
    font-family: calibri !important;
    /* font-weight: bold; */
    padding: 2px 3px 1px 3px;
    color: #cccccc;
    border-radius: 0px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 3px !important;
    margin-left: -10px !important;
}

#MyBookmarks {
    display: none;
    position: fixed;
    z-index: 3;
    left: 0;
    font-family: tahoma;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    width: 240px;
    background-color: rgba(224, 222, 223, 0.86);
}

#MyBookmarks li span strong{
    padding: 0em!important;
    margin: 0em; !important}

.pf {
margin: 8px 5px 3px 5px !important;
    padding: 10px 0 0 0;border-top: 1px dotted rgb(148, 143, 152);}
.pf a:link {
    padding: 3px 5px 3px 5px;
    color: rgb(102, 93, 88);
    font-family: georgia;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-transition: top 1s ease-out 0.5s;
    -moz-transition: top 1s ease-out 0.5s;
    -o-transition: top 1s ease-out 0.5s;
    transition: top 1s ease-out 0.5s;
}

/*---------------оформление контента---------------*/

#table-visibility A IMG{opacity:0.6; -moz-opacity:0.4; filter:alpha(opacity=40);}
#table-visibility a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=70);}

#table-visibility1 A IMG{opacity:0.5; -moz-opacity:0.4; filter:alpha(opacity=40);}
#table-visibility1 a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=70);}

.tooltip {
    position: relative;
    font-weight: bold;
    display: inline-block;
    color: #3f3f3f !important;
   font-family: penta-bold!important;
 font-size: 10px; 
text-transform: uppercase; 
}

.tooltip span {
  margin-left: -999em;
  position: relative;
  }

.tooltip:hover span {
  font-family: Verdana;
  position: relative;
  left: -51px;
  top: 15px; 
  z-index: 100;
  margin-left: 0;
  }
.top {
    z-index: 200 !important;
    position: absolute !important;
    color: #dedcdd;
    font-family: calibri !important;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 5px;
    background-color: #181818;
    width: 120px;
    border: 1px solid #acacac;
}

#banners-box {
    position: absolute;
    margin-left: 3px;
    margin-top: -70px;
    width: 555px;
    height: 62px;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
}
#need-box {
    position: absolute;
    height: 40px;
    width: 400px;
    text-align: center;
}

::selection {
background: #9789a3;
color: #000000; /* Safari */
}
::-moz-selection {
background: #9789a3; /* Firefox */
color: #000000;
}



/*---------------оформление профиля---------------*/
.pa-fld1 {
   background-color: #c9c9c9;
    border-top: solid #7d728f;
    width: 210px;
    margin-left: -13px !important;
    padding: 5px !important;
    margin-top: 2px !important;
    font-size: 10px;
    color: #272424;
}

.pa-respect, .pa-posts, .pa-fld2 {
    font-size: 8pt !important;
    font-family: tahoma;
    font-variant: normal !important;
    display: inline-block;
    width: 47px;
    text-align: center;
    font-style: normal !important;
    text-transform: lowercase;
padding-top: 4px!important;
}

.pa-fld3 {
    font-family: calibri;
    font-size: 9px;
    color: #f3f1f1;
    width: 219px;
    margin-left: -14px !important;
    text-shadow: -1px 1px 0px rgba(211, 169, 53, 0.21);
    text-transform: uppercase;
    background: #2a2626;
    text-align: center;
    letter-spacing: 1px;
    padding: 2px 2px 2px 2px !important;
    box-shadow: 0 0 19px rgba(187, 187, 187, 0.32) inset;
}
a.link3 {
    text-decoration: none;
    color: #695983!important;
    text-transform: lowercase;
    font-family: 'OpenGost Type A TT';
    font-size: 17px;
}

a.link4 {
    text-decoration: none;
    color: #695983!important;
    text-transform: none;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
background-image : url(http://funkyimg.com/i/2D8Dh.png);
background-color: #c3c1c1;}

 li.pa-avatar.item2 {margin-top: 9px; margin-left: 5px;}

li.pa-avatar.item2 > img {border: 2px solid #404040;}

#pun-announcement h2 {display: none}

/* регулировка навигации*/
div#pun-navlinks { position: absolute; width: 100%; text-align: left; }
div#pun-ulinks { position: absolute; width: 100%; text-align: left; }

}

.post-content .spoiler-box > div {
    background: url(/img/plus.png) no-repeat left center;
    cursor: pointer;
    padding-left: 18px;
}

.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}

/* пагинатор */
#paginator{
 background-color: #d9d9d9;
  padding:.2em;
  position:absolute;
  left:6em;border:1px solid;
  table-layout:auto!important;
  width:auto!important;
  border-radius:4px;
  box-shadow:0 1px 2px #000000;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
  z-index:1000;margin-top:1px;
  border-top:solid 1px #eee !important;
}
#paginator td{
  background:transparent!important;
  padding:0.1em;
  border-style:none!important;
}
#paginator a{
  border:solid 1px transparent;
  display:inline-block;
  width:1.8em;height:1.8em;
  line-height:1.8em;
  text-align:center;
  margin:-.2em;
}
#paginator a:hover{
 background-color: #d9d9d9;
  border:solid 1px;
  border-radius:50%;
}

/* линк в посте */
.punbb .post-content a, 
.punbb .post-content a:link {
font-weight: bolder;
color: #7d728f!important;
}

.lastedit {display:none}

.punbb .move_posts_form .container {
  background: url(http://funkyimg.com/i/2D8Dh.png);
}

.pun-awards {padding-bottom: 5px;}

#selected-image-width, #selected-thumb-width, #selected-insert-format {
    margin-top: 5px;
}

.punbb .user-avatar img.ava {
    border: 2px solid currentColor !important;
    border-radius: 0%!important;
    height: 28px;
    width: 28px;
    margin: 1px 9px 2px 0px;
    opacity: 0.85;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 45px;
    background: #dedcdd;
    border: 2px solid #7d728f;
    padding: 5px;
}

@font-face {
    font-family: 'FontAwesome';
  src url('http://forumfiles.ru/files/001a/60/0b/36450.ttf') format('truetype');
    url('http://forumfiles.ru/files/001a/60/0b/36902.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    }