/*ГРАФИКА -------------------------------------------------------------*/


/* Боди или фон форума */
body {background: 
url(http://funkyimg.com/i/2399h.png) repeat-x top left, 
url(http://funkyimg.com/i/2399i.png) repeat; background-color: #000;
}

/* Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/23aXG.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 509px;
width: 1170px;
margin-left: -194px;
}


/* Пан или "тело" форума */
#pun {background-color: #b9b4b5; background-image: url(http://funkyimg.com/i/2399g.png);}


/* футер */
#pun-about p.container {background-color: #;
background: url("http://funkyimg.com/i/2399j.png");
background-position: center top; 
background-repeat: no-repeat; 
   width: 933px;
   height: 100px;
margin-left: -38px;
text-align: center;
border-color: transparent;
}
div#pun-about {
   margin-bottom: -105px;
   font-size: 0px;
}

#profilenav h2 {text-shadow: none;}

#pun-redirect.punbb  #pun-main h1 {
background: none;}

hr, .banner-line {
height: 12px;
background: url("") center no-repeat;
border: 0px}

/* Цвет текста на форуме */
.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: #423e31;
font-weight: normal;
font-family: verdana;
font-style: normal;}

/* двигалка навигации, общие ссылки и пользовательские*/
div#pun-navlinks { position: absolute; width: 100%; text-align: center; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center; }


/* Ссылки */

/* 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: #321818;
  border-bottom: 0px none #000;
  text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;}


/* 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: #894444;
  border-bottom: 0px none #000;}


/* cs2.3. верхняя навигация до наведения */
#pun-navlinks a {
    color: #6F5552;
    font-family: 'Barocco Initial', arial;
    font-size: 13px !important;
    border-bottom: 0px none #000;
    letter-spacing: 1px;
    text-shadow: rgb(6, 53, 62) 1px 0px 0px;
}
/* cs2.4. нижняя навигация до наведения */
#pun-ulinks a {
    color: #57686B;
    font-family: franklin gothic medium;
    font-size: 12px !important;
    border-bottom: 0px none #000;
    letter-spacing: 0px;
    text-transform: lowercase;
    /* font-variant: small-caps; */
    text-shadow: #052025 1px 0px 0;
  }

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

/* cs2.5. нижняя навигация после наведения */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
  color: #32484C;}

/*ИКОНКИ -------------------------------------------------------------*/

/* Иконка старых сообщений*/
.punbb table Div.icon {float: right;
    display: block;
    border-style: none none none none;
    margin-top: 5px!important;
    margin-left: 5px!important;
    /* padding: 10px; */
    width: 50px;
    height: 59px;
    background-image: url(http://funkyimg.com/i/23awX.png);
    background-repeat: no-repeat;}

/* Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/23awU.png);
background-repeat: no-repeat;
width: 50px;
height: 59px;}

/* Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/23awN.png);
background-repeat: no-repeat;
width: 40px;
height: 39px;}

/* Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/23awS.png);
background-repeat: no-repeat;
width: 40px;
height: 39px;}

/*КАТЕГОРИИ-------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/23cAL.png);
background-repeat: no-repeat;
height: 116px;
width: 290px;
margin-left: 323px;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/23cAM.png);
background-repeat: no-repeat;
height: 116px;
width: 290px;
margin-left: 323px;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/23cAN.png);
background-repeat: no-repeat;
height: 116px;
width: 290px;
margin-left: 323px;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/23awF.png);
background-repeat: no-repeat;
height: 116px;
width: 290px;
margin-left: 323px;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/23awG.png);
background-repeat: no-repeat;
height: 116px;
width: 290px;
margin-left: 323px;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/23awH.png);
background-repeat: no-repeat;
height: 116px;
width: 290px;
margin-left: 323px;
font-size:0 !important;}


/* Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 116px;
width: 290px;
margin-left: 323px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/23awJ.png");
background-origin: padding-box;
background-position: 10% 10%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}


/* Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
    background-color: #BAB8BF;
    box-shadow: 0 0 0px 1px rgb(84, 132, 138);
    border: 3px double rgb(103, 64, 72) !important;
    padding: 10px !important;
    color: #000000;}


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


/* выравнивания параметров профиля */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#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, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}




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

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

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

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color:#6D3A44; margin-top:
   
}


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

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

.post::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color:#6D3A44; margin-top:
   
}

/*---------------оформление названий подфорумов---------------*/
#pun-index.punbb .tclcon h3 > a {
    color: #27586B;
    font-family: Didona;
    font-size: 14px !important;
    letter-spacing: 1px;
    text-transform: uppercase;

}
#pun-index.punbb .tclcon h3 > a:hover {
   color:#56353B;
text-shadow: #c7d7da 1px 0px 0px;

}


/* описание разделов */
.punbb td div .tclcon, .category .container table .hasicon .tc1 {
font-family: arial;
    font-size: 10px;
    text-transform: lowercase;
    text-align: justify;
    line-height: 11px;
    /* background-image: url(http://funkyimg.com/i/22Mfs.png); */
    padding: 10px;
    /* border-radius: 10px; */
    border-bottom: 5px solid rgba(109, 58, 68, 0.66);
    box-shadow: inset rgb(158, 155, 156) 0 0 19px;
}

.pf {
margin: 8px 5px 3px 5px !important;
    padding: 10px 0 0 0;
    border-top: 1px dashed rgba(145, 168, 177, 0.99);
}
.pf a:link {
    background-color: rgb(163, 162, 167);
    padding: 3px 5px 3px 5px;
    color: #4F535A;
    text-shadow: rgb(212, 185, 191) 1px 0 0;
    font-family: tahoma;
    font-weight: bold;
    border: 1px solid rgba(134, 101, 108, 0.26);
-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;
}
.pf a:hover {
background-color: #acbec4; padding: 3px 5px 3px 5px; color: #75454b; text-shadow: rgb(212, 185, 191) 1px 0 0; 
}

/*Всплывающий скриншот*/ 
.thumbnail{  
position: relative;  
z-index: 0;  
}  
.thumbnail:hover{  
background-color: transparent;  
z-index: 0;  
}  
.thumbnail span{ /*CSS for enlarged image*/  
position: absolute;
    background-color: #010305;
    padding-bottom: 3px;
    left: -1000px;
    border: 0px solid white;
    visibility: hidden;
    color: #85A0A5;
    font: 10pt franklin gothic medium;
    text-shadow: none;
text-decoration: none;  
border-radius: 0px 0px 0px 0px; 
-moz-border-radius: 0px 0px 0px 0px; 
-webkit-border-radius: 0px 0px 0px 0px; 
}  
.thumbnail span img{ /*CSS for enlarged image*/  
border-width: 0;  
padding: 0px;  
}  
.thumbnail:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
top: -80px;  
left: -10px; /*position where enlarged image should offset horizontally */  
}  
/*---------------------*/


.lzn {text-align: center;}
.lzn a:link { font-family: franklin gothic medium;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3b5863;
    text-shadow: #DEDEDE 1px 0 0;}

.lzn a:hover {font-family: franklin gothic medium;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #618491;
    text-shadow: #DEDEDE 1px 0 0;}

.lzinfo {    z-index: 0;
    position: relative;
    width: 170px;
    height: auto;
    padding: 5px;
    margin-left: 16px !important;
    margin-top: 2px !important;
    margin-bottom: 14px !important;
    border-top: 1px solid rgb(127, 156, 165);
    border-bottom: 1px solid rgb(127, 156, 165);
    font-size: 12px;
text-align: left;}

.lza {     display: inline-block;
    height: 29px;
    width: 180px;
    background-color: #7f9ca5;
    padding: 0px;
    margin-left: -1px !important;
    margin-bottom: 18px !important;
    font-family: arial;
    font-weight: bold;
    font-size: 14px;}



/*таблица */

.content-container {
    background: transparent;
    width: 198px;
    height: auto;
}

ul.tabs {
    opacity: 1;
    visibility: visible; 
    float: left;
    list-style: none outside none;
    margin: 10px 0 0 2px;
padding: 10px !important;
 width: 100%;
 margin-left: 40px;

}
ul.tabs li {
    float: left;
    width: 41px;
    height: 22px;
    text-align: center;
    font-size: 0px!important;
    margin-left: -6px;
     background:  url(http://funkyimg.com/i/23ary.png) no-repeat;
  padding-top: 0px!important;
   
}

ul.tabs li:hover {
background:  url(http://funkyimg.com/i/23arx.png) no-repeat;
}

ul.tabs li.active {
         background:  url(http://funkyimg.com/i/23arx.png) no-repeat;}


ul.tabs li.active a {
 color: #685c36!important;

}


.tab_container {
     overflow: hidden;
    clear: both;
    width: 210px;

}

.tab_content {
     text-align: center;
  font-size: 11px!important;
  font-family: arial !important;
color: #D3C09C!important;
  text-shadow: #000000 1px 0px 1px !important;
     padding: 0px 0px;
line-height: 11px;
}