/* для мобильных устройств */
html,
body {
	min-width: 1100px!important;
}


hr {
    height: 6px;
    background-color: #737171;
    border: none!important;
}

.name {
    font-family: 'Roboto';
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.5px;
    padding: 0px 0px 0px 1px;
    text-align: left;
    text-transform: uppercase!important;
}

.pa-fld1 {
    margin-bottom: 0 !important;
    margin-left: 2px !important;
    margin-top: -16px !important;
    background: url(http://forumstatic.ru/files/0011/ca/a5/73679.png);
    width: 190px;
    height: 43px !important;
    position: relative;

}


.pa-fld3 {
    display: inline-block;
    text-align: justify;
    margin-bottom: 4px!important;
    line-height: 110%!important;
    font-weight: normal;
    font-family: arial;
    color: #4e4d4d;
    font-size: 10px;
    width: 180px;
    margin-left: 2px!important;
    margin-top: 0px!important;
     background: rgba(158, 157, 153, 0.3);
    padding: 5px!important;
   border: 1px double #b9b9b9 !important;
}

.forum_name {
text-align: center;
    font-size: 10px;
    font-family: Cambria;
    letter-spacing: 3px;
    height: 13px;
color: #939191!important;
    text-shadow: 0 0 1px #a1a1a3!important;
    background-color: #10241c;
     border: 1px solid #273b31;
    box-shadow: inset 0 0 2px #718595;
}

.datatable {
   display: inline-block;
    font-size: 8px;
color: #66696b!important;
    text-shadow: 0 0 1px #a1a1a3!important;
   background:rgba(0, 0, 0, 0.2);
    border: 1px #282828;
 box-shadow: inset 0 0 1px black;
 margin-bottom: 2px;
    margin-top: 3px;
    border-radius: 3px;
}


/* подложки */
#font-area, #size-area, #color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #video-area, #addition-area {
    background: #efeeed;
background-image: url(http://forumstatic.ru/files/0011/ca/a5/23369.png);
    color: #282828 !important;
width: 210px !important;
 margin: 2em auto 2em;
  padding: 2em;
 position: absolute;
    left: -115px;
    padding: 8px;
    margin-top: -35px;
  border-top: 1px solid #9c9d9e; 
border-bottom: 1px solid #9c9d9e; 
border-left: 1px double #9c9d9e; 
border-right: 1px double #9c9d9e; 
border-radius: 2px; 
box-shadow: 0 0 1px #9c9d9e; 

}

#font-area {
    max-height: 230px;
    overflow-y: auto;
}

#keyboard-area{
    background: #efeeed;
background-image: url(http://forumstatic.ru/files/0011/ca/a5/23369.png);
    color: #282828 !important;
width: 500px !important;
 border-top: 1px solid #9c9d9e; 
border-bottom: 1px solid #9c9d9e; 
border-left: 1px double #9c9d9e; 
border-right: 1px double #9c9d9e; 
border-radius: 2px; 
box-shadow: 0 0 1px #9c9d9e; }


/* перегородка сообщений и пост */
#pun-viewtopic .post h3 {
background: transparent url("http://forumstatic.ru/files/000d/6f/28/80398.png") no-repeat scroll center top;
width: 930px !important;
height: 50px;
margin-top: -10px;
margin-bottom: -30px;
margin-left: -16px;
padding-top: 10px;
    color: #59595a !important;
    font-family: pt sans narrow;
    font-size: 13px;
}

#pun-viewtopic .post h3 span {
    color: #59595a;
    margin-left: 50px;
    margin-top: 4px;
}
#pun-viewtopic .post h3 span a {
    color: #59595a;}

#pun-viewtopic .post h3 span a:hover {
    color: #59595a; меняем
    text-shadow: none;
}
#pun-viewtopic div.post h3 strong::before {
    content: "# ";
    }

#pun-viewtopic .post h3 strong {
    font-weight: bold;
    margin-left: 800px;
    position: absolute;
    width: auto;
}
    


/* Убирает голубую обводку в форме ответа */
input, textarea { outline: none; }  input:active, textarea:active { outline: none; } :focus { outline: none; }




/* категории */
#pun-index div.category h2, #pun-index #pun-stats h2 {
    background-image: url(http://forumstatic.ru/files/000d/6f/28/80398.png);
    box-sizing: border-box;
    text-align: center;
    font-size: 11px !important;
    color: #626060;
 text-shadow: 0 0 2px #4a4848;
    position: relative;
    z-index: 5;
    font-family: 'Yeseva One';
 font-weight: bold;
    letter-spacing: 0.5px;
    padding: 22px 40px 0;
    margin: 0px -15px 0px;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 50px;
    width: 930px;
}

.category .container thead {display: none;}


/*статистика*/
#pun-stats.section h2 { 
    font-size: 10px;
    font-weight: bold !important;
    font-family: 'Open Sans';
    text-transform: uppercase;
    padding: 3px 0 3px 0;
    background-color: #bfc0c1;
    width: 912px;
    margin-left: -6px;
}


/* оформление */
.pa-posts, .pa-respect, .pa-fld4, .pa-fld5  {
    overflow: hidden;
    display: inline-block;
    width: 90px;
    margin-top: 5px!important;
    margin-bottom: 0px!important;
    text-align: center;
    color: #282828;
    font-family: tahoma;
    font-size: 9px;
    text-transform: lowercase;
    background: rgba(158, 157, 153, 0.3);
}
.pa-respect a {color: #282828!important;}



/* цвета навигации */
#pun-ulinks a {
    font-size: 9px;
    color: #333434;
    font-family: 'verdana';
    font-weight: normal;
}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: underline;
  color: #333434;
}

#pun-navlinks a, #pun-navlinks .container {
    color: #38536a;
    padding: 2px 2px 2px 2px;
}


#pun-navlinks a:hover {
  color: #506c7d !important;
  padding: 1px 1px 1px 1px;
  background-color: #161616;
}


td.tcr {  
background-repeat: no-repeat; 
background-position: left center;
}

td.tcr a {
    color: #484646 !important;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
}



/*фон */
body {
background: url(http://forumstatic.ru/files/000d/6f/28/79250.png) no-repeat fixed center bottom,
url(http://forumstatic.ru/files/000d/6f/28/41303.png) center;
background-color: #a0a0a0;
}

/* шапка */
#pun-title table {
background-image : url(http://forumstatic.ru/files/000d/6f/28/90202.gif); 
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 940px;
height: 370px;
margin-left: -20px;}


/* тело форума */
#pun {
    background-color: #d8d8d8;
    background: url(http://forumstatic.ru/files/000d/6f/28/35630.png) top center scroll repeat-y;
 z-index: 2;
}


/* футер */
#pun-about p.container {
   background: url("http://forumstatic.ru/files/000d/6f/28/93406.png") transparent no-repeat;
   width: 940px;
   height: 100px;
   margin: 40px 0 -40px -20px; /* вверх, вправо, вниз, влево */
   text-align: center;
   line-height: 1;
   background-repeat: no-repeat;
}


/* выделение */
    ::selection { 
    background: none repeat scroll 0 0 #b8b9b9;
    color: #282828;
    opacity: 0.4;
    }  
*::-moz-selection {
    background: none repeat scroll 0 0 #b8b9b9;
    color: #282828;
}


/* прокрутка */
::-webkit-scrollbar-thumb:vertical {
background-color: #7d7d7d; height: 4px; 
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #7d7d7d; height: 4px; 
}

::-webkit-scrollbar {
    background-color: #242424;
    height: 7px;
    width: 5px;
    border: 1px solid #...;
}


.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, .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: transpanent;
color: #312f2d;}


.punbb .quote-box, .punbb .code-box 
{
    background: #dcdfdf;
 background:rgba(248, 248, 248, 0.1);
    color: #514e4c !important;
 margin: 2em auto 2em;
  padding: 2em;
 border: 1px double #9c9d9e;
outline: 1px solid #babab2;
    }


/* CS2 Links
-------------------------------------------------------------*/
/* 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: #4e4d4d;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #4e4d4d;
  }


/* 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 {
  color: #3d0b0a; меняющаяся
  }


/* CS2.3 */
#pun-navlinks a {
color: #4e4d4d !important;
  border-bottom: 0px none transparent;
  text-decoration: none;
  }



/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #4e4d4d !important;
font-style: normal;
  text-decoration: none;
  }


#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #4e4d4d;  }

#pun-stats.section .statscon .container #onlinelist.item7 {display: none;} 


/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконки*/

div.icon {
        background: url(http://forumstatic.ru/files/0011/ca/a5/66773.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://forumstatic.ru/files/0011/ca/a5/49618.gif) no-repeat;
}




/* CS3.2 Иконки сообщений в форуме */
#pun-viewforum table Div.icon, #pun-messages table Div.icon {
    background-image: url("http://forumstatic.ru/files/0011/ca/a5/29542.png");
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    float: left;
    height: 15px;
    margin-left: 5px !important;
    margin-top: 0px;
    position: relative;
    width: 15px;
    margin-right: 5px;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon {
    background-image: url("http://forumstatic.ru/files/0011/ca/a5/20591.gif");
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
}





.links {
    color: #4d5055 !important;
    font-size: 7.5px;
    font-family: Yeseva One;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0 2px 0 2px !important;
}

.links:hover {
    color: #4d5055 !important;
    font-size: 8px;
    font-family: Yeseva One;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    transition-duration: 1s;
    margin: 0 2px 0 2px !important;
}


 /* БАННЕРЫ
----------------------------------------------------------------------------------------------------------------------*/
#banners { position: absolute;
overflow: scroll;
overflow-x: hidden;
height: 31px;
width: 930px;
margin-left: -15px;
margin-top: -10px; 
}



#banners a img {
opacity:0.3;
-moz-opacity:0.5;
 /*   
filter:alpha(opacity=50);  
-webkit-filter: sepia(100%);
filter: sepia(100%);
 */
}

#banners a img:hover {
opacity:1;
-moz-opacity:1;
 /* 
filter:alpha(opacity=100);  
-webkit-filter: sepia(0%);
filter: sepia(0%);
 */
}





/* амс в таблице*/

#ams {
    display: inline-block;
    margin-left: -160px;
    margin-top: 316px;
    position: absolute;
    text-align: center !important;
    width: 350px;
}


#ams a:hover {
    box-shadow: 0 1px 0 #4e4d4d;
    text-shadow: none; 
}

#ams a {
    box-shadow: 0 0 0 #4e4d4d;
    color: #4e4d4d;
    display: inline-block;
    font-family: Oranienbaum;
    font-size: 12px;
 font-weight: bold !important;
 letter-spacing: 1px;
    font-style: normal;
    margin-bottom: 0 !important;
    margin-left: 0;
    margin-top: 2px !important;
    padding: 2px 10px 0 !important;
}






.bestpost {
    color: #55524f;
    font-size: 10px;
    height: 52px;
    line-height: 9px;
    overflow-x: auto;
    position: absolute;
    text-align: justify;
    width: 260px;
    padding: 3px;
}

.bestpost img {
    float: left;
    padding-right: 5px;
    opacity: 0.5;
-webkit-filter: grayscale(100%);
opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65);
    padding: 0px 3px 0px 0px;
}




/* всплывающее окно */
.tooltip {
    position: relative;
}
.tooltip em {
    display: none;
}
.tooltip:hover em {
    background: #262f2b none repeat scroll 0 0;
    border-image: url("http://forumstatic.ru/files/0011/ca/a5/71688.png") 7 7 7 7 round round;
    border-style: solid;
    border-width: 7px;
    bottom: 30px;
    color: #7b8582;
    display: block;
    font-family: tahoma;
    font-size: 10px;
    font-style: normal;
    height: auto;
    line-height: 9px;
    margin-left: 70px;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 180px;
    z-index: 9999;
  box-shadow: 0 0 17px 0 #000 inset
}
.tooltip:hover em i {
    border-top: 0 none;
    bottom: -5px;
    display: block;
    position: absolute;
    right: 2px;
}
.tooltip:hover em img {
    border: 3px double rgba(70, 35, 34,0.5);
    width: 160px;
    height: 60px;
}




a.navigation:link, a.navigation:active, a.navigation:visited {display:inline-block; margin-bottom:4px; background:rgba(0, 0, 0, 0.2); width:85px; height:18px; text-align:center; text-transform:uppercase; color:#514e4c; font:7px arial; line-height:18px;}
a.navigation:hover {display:inline-block; margin-bottom:4px; background:rgba(0, 0, 0, 0.4); width:85px; height:18px; text-align:center; text-transform:uppercase; color:#767574; font:7px arial; line-height:18px;}