/*ГРАФИКА -------------------------------------------------------------*/

/* Боди или фон форума */
body { 
 background-color: #1b2036; 
 overflow-x: hidden;
 background-image : url("http://funkyimg.com/i/2m7tX.png");
 background-repeat: repeat;
 background-position : top center;
 width: 100%;
 height: 100%;
}

/* Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/2n1r5.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 476px;
width: 1200px;
margin-left: -150px;
}


/* Пан или "тело" форума */
#pun {background-color: #f9fdf9;
background-image : url(http://funkyimg.com/i/2m9K7.png);
width: 980px;
}

/* футер */
#pun-about p.container {
   background: url("http://funkyimg.com/i/2mmBF.png") transparent no-repeat;
   width: 1380px;
   height: 274px;
   margin: -14px 0 -49px -241px; /* вверх, вправо, вниз, влево */
   text-align: center;
   line-height: 4;
   font-size: 9px;
}

#profilenav h2 {text-shadow: none;}

#pun-redirect.punbb  #pun-main h1 {
background: none}



hr, .banner-line {
height: 1px;
width: 100%;
background-color: #007280;
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: #171716;
font-weight: normal;
font-style: normal;}


/* Ссылки */

/* CS1.2 */

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background: #9ad0dc;
border: 1px solid #9dd3df;
    }

/* 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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #12404d;
text-shadow: # 1px 0px 0;
  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: #56b6c3 !important; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
    font-size: 14px !important;
    text-transform: uppercase;
    font-family: arial;
    font-weight: bold;
    letter-spacing: 1px !important;
    color: #f9fdf9 !important;
    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
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #cdeced !important;}

/* CS2.4 */
#pun-ulinks li a { 
text-transform: lowercase;
    font-family: arial;
    font-size: 11px !important;
    font-variant: small-caps;
    color: #f9fdf9;
    -moz-transition: all 0.2s 0.02s ease;
    -o-transition: all 0.2s 0.02s ease;
    -webkit-transition: all 0.2s 0.02s ease}

#pun-ulinks li a:hover, #pun-ulinks a:focus, #pun-ulinks a:active{ 
color: #147177 !important opacity: 0.5;}

/*ИКОНКИ -------------------------------------------------------------*/

/* Иконка старых сообщений*/
.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
margin-top: -10px;
margin-right: 25px;
background-image : url(http://funkyimg.com/i/2n4Gs.png);
background-repeat: no-repeat;
width: 40px;
height: 40px;
position: relative;}

/* Иконка новых */
TR.inew Div.icon { float: left; 
display: block; 
border-style: none none none none;
margin-top: -10px;
margin-right: 25px;
background-image : url(http://funkyimg.com/i/2n4Gr.png);
background-repeat: no-repeat;
width: 40px;
height: 40px;
position: relative;}

/* Иконка закрытых*/
TR.iclosed Div.icon { float: left; 
display: block; 
border-style: none none none none;
margin-top: -10px;
margin-right: 25px;
background-image : url(http://funkyimg.com/i/2n4Gq.png);
background-repeat: no-repeat;
width: 40px;
height: 40px;
position: relative;}

/* Иконка важных*/
TR.isticky Div.icon { float: left; 
display: block; 
border-style: none none none none;
margin-top: -10px;
margin-right: 25px;
background-image : url(http://funkyimg.com/i/2n4Gp.png);
background-repeat: no-repeat;
width: 40px;
height: 40px;
position: relative;}

/*КАТЕГОРИИ-------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2n5NA.png) no-repeat;
height: 31px;
width: 880px;
padding: 5px;
font-size: 12px !important;
font-family: tahoma;
color: #ffffff;
margin-left: 8px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2n5NA.png) no-repeat;
height: 31px;
width: 880px;
padding: 5px;
font-size: 12px !important;
font-family: tahoma;
color: #ffffff;
margin-left: 8px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2n5NA.png) no-repeat;
height: 13px;
width: 880px;
padding: 5px;
font-size: 12px !important;
font-family: tahoma;
color: #ffffff;
margin-left: -5px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2n5NA.png) no-repeat;
height: 13px;
width: 880px;
padding: 5px;
font-size: 12px !important;
font-family: tahoma;
color: #ffffff;
margin-left: -5px;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/2n5NA.png) no-repeat;
height: 13px;
width: 880px;
padding: 5px;
font-size: 12px !important;
font-family: tahoma;
color: #ffffff;
margin-left: -5px;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/2n5NA.png) no-repeat;
height: 13px;
width: 880px;
padding: 5px;
font-size: 12px !important;
font-family: tahoma;
color: #ffffff;
margin-left: -5px;}


/* Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
color: #000000;
    background: #f9fdf9;
    box-shadow: #007280 1px 
}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #f9fdf9; 
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: left;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/* скрыть название категорий*/
#pun-main .category h2 span {
visibility: hidden;
}

.pa-avatar.item2 > img {
    border-color: #9dd3df;
    border-style: solid;
    border-width: 1px;
}


/*------------------------полоски прокрутки-----------------------*/

::-webkit-scrollbar-thumb:vertical {
    background-color:#161a31;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#161a31;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color:#f9fdf9; margin-top:
   
}


/*------------------------подфорумы-----------------------*/
.punbb td div .tclcon, .category .container table .hasicon .tc1 {
background: rgba(249, 253, 249, 0.5);
    font-size: 10px;
    line-height: 11px;
    font-family: verdana;
    padding-bottom: 7px;
    padding-top: 7px;
}

