/* +\- в спойлере на свои*/
.post-content .spoiler-box > div.visible {
    background-image: url( );
}
.post-content .spoiler-box > div.visible {
    background-image: url(https://i.imgur.com/nCD0VZ9.png)!important;
}
.post-content .spoiler-box > div {
    background: url( ) no-repeat left center;
    cursor: pointer;
    padding-left: 18px;
}
.post-content .spoiler-box > div {
    background: rgba(0, 0, 0, 0) url(https://i.imgur.com/2LLXhoE.png) no-repeat scroll left center!important;
}





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


/* шапка */
#pun-title table {
    background-image: url(http://funkyimg.com/i/2HoPL.png);
    background-repeat: no-repeat;
    background-position: center top;
    border: none;
    postition: absolute;
margin-top: -1px;
    border: none;
    height: 380px;
    width: 1136px;
    margin-left: -30px;
}


/* фон за шапкой*/
body {background: url("http://i67.fastpic.ru/big/2014/0810/7f/fd7a507f5cb53d2fd3f41301e167457f.png") repeat-x top center;            height: 580px; background-color : #010b12;
 }


/*фиксированный задний*/
HTML {background: url("http://funkyimg.com/i/2J6aH.jpg") fixed; background-position: top center; background-repeat: no-repeat; background-color : #010b12;}


/* низ */
#pun-about p.container {
    background-image: url(http://funkyimg.com/i/2HoQm.png);
    background-position: center top;
    background-repeat: no-repeat;
    width: 992px;
    height: 110px;
    margin-bottom: -93px;
    margin-left: -45px;
    margin-top: -17px;
    text-align: center;}




/* тело */
#pun { 
background-image: url(http://funkyimg.com/i/2HoQZ.png);
    background-attachment: scroll;
    background-position: center;
    position: relative;
    margin: auto;
    width:950px;
    padding-left: 26px;
    padding-right: 2px;
    background-color: #c2c2c2!important;}


div#html-footer {
margin: 0px 0px 0px 0px;}


/*категории */

#pun-category1.category h2 {
    background: url(http://funkyimg.com/i/2Hpxg.png) no-repeat top center;
    width: 1009px;
    height: 71px;
    margin-top: 0px;
    margin-left: -35px;
    border-style: none;
    font-size: 0 !important;
    margin-bottom: -39px;}


#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2HoTk.png) no-repeat top center;
    width: 1009px;
    height: 74px;
    margin-top: 0px;
    margin-left: -42px;
    border-style: none;
    font-size: 0 !important;
    margin-bottom: -39px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2HoTS.png) no-repeat top center;
    width: 1009px;
    height: 74px;
    margin-top: 0px;
    margin-left: -42px;
    border-style: none;
    font-size: 0 !important;
    margin-bottom: -39px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2HoTk.png) no-repeat top center;
    width: 1009px;
    height: 74px;
    margin-top: 0px;
    margin-left: -42px;
    border-style: none;
    font-size: 0 !important;
    margin-bottom: -39px;}


/*Картинка в статистику*/
#pun-stats h2 {
    background: url(http://funkyimg.com/i/2HVY9.png) no-repeat top center;
    width: 1000px;
    height: 78px;
    margin-top: -14px;
    margin-left: -40px;
    font-size: 0 !important;
}
 

/* разделитель сообщений */
#pun-viewtopic .post h3 {
    background: transparent url(http://funkyimg.com/i/2HVXZ.png) no-repeat scroll center top;
    color: #9a9a9a !important;
    font-family: tahoma !important;
    font-size: 10px;
    font-style: normal;
    margin-bottom: -17px;
    margin-left: -28px;
    margin-top: -7px;
    padding-top: 15px;
    width: 980px!important;
    height: 52px;
}

#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: 60px;
    top: 43px;}

.permalink {
    color: #9a9a9a !important;
    letter-spacing: 0.4px;
    font-family: tahoma;
    text-transform: lowercase;
    margin-left: 44px!important;}

.sharelink {
    color: #9a9a9a !important;
    letter-spacing: 0.4px;
    font-family: tahoma;
    text-transform: lowercase;
}


/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.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 {
  background-color: transparent;
  color: #060f2e;
text-align: top center; 
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #060f2e;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-navlinks .container {
  background-color: transparent;
  color: #060f2e;
  text-align: left;
  background-repeat: no-repeat;
  }



/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #060f2e;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #060f2e;
  }



/* CS1.6 */
.punbb th, #pun-ulinks .container {
  color: #060f2e; text-align: center;
}


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: url(http://funkyimg.com/i/2H8kD.png);
    color: #294034;
    border: 4px double #c0c1c1;
    box-shadow: -82px 82px 0px -81px #586b78, 156px -156px 0px -155px #6f79ad, inset 0 0 0px 1px #9e9fa0;
    border-radius: 22px 0px 20px 1px;}

/* CS1.8 */
#pun-navlinks .container {
  color: #060f2e; text-align: center
  }


.offline li.pa-online strong {
  font-weight: normal
  }

#pun-main .formal textarea {
  color: #060f2e;
}

.punbb textarea, .punbb select, .punbb input {
 background-color: transparent;
  color: #060f2e;
}




/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }


/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.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: #286244;
font-size: 1.0em !important; text-align: top center; 
}

       
/* CS3.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: #253d30;
  text-decoration: none;
text-align: top center; 
}
/* CS3.3 */
#pun-navlinks a {
    transition-duration: 0.5s;
    position: relative;
    padding:0;
    color: #286244;
    text-decoration: none;
    font-size: 1.0em !important;  text-align: top center; 
}


#pun-navlinks a:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    top: 17px;
    left: 0px;
    background-color: #137967;
    visibility: hidden;
 z-index: -1;
   -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all 0.8s ease-in-out 0s;
    transition: all 0.8s ease-in-out 0s;}

#pun-navlinks a:hover:before {
  width: 25%;
  visibility: visible;
 z-index: -1;
  -webkit-transform: scaleX(0.6);
  transform: scaleX(0.6);}



/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  transition-duration: 0.5s;
  color: #002037;
z-index: 2;
  text-decoration: none;
 font-size: 1.0em !important;  text-align: top center;
}
/* CS3.5 */
#pun-ulinks a {
  color: #286244;
  text-decoration: none;
font-family: georgia;
font-size: 1.0em !important;  text-align: top center; text-transform: lowercase;
    text-shadow: 2px 1px 0px #dcd6d6;}

/* CS3.6 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #002037;
  text-decoration: none;
font-size: 1.0em !important ;  text-align: top center;
}


/* CS4 Post status icons
 -------------------------------------------------------------*/

tr.iredirect div.icon {border-color: transparent}

Div.icon {
background-image: url(http://funkyimg.com/i/2Hcm7.png);
background-repeat: no-repeat;
width: 30px;
height: 30px;
}
TR.inew Div.icon {
background-image: url(http://funkyimg.com/i/2Hcm6.png);
background-repeat: no-repeat;
width: 30px;
height: 30px;}

tr.iclosed div.icon {
        background: url(http://funkyimg.com/i/2Hcm5.png) no-repeat;
width: 30px;
height: 30px;}

tr.isticky div.icon {
        background: url(http://funkyimg.com/i/2Hcm4.png) no-repeat;
width: 30px;
height: 30px;}


#pun-viewforum table div.icon { float: left; 
   display: block; 
   width: 30px;
   height: 30px; 
   border-style: none; 
background-image: url(http://funkyimg.com/i/2Hcm7.png) no-repeat;  
   position: relative;}

#pun-viewforum tr.inew div.icon {
background-image: url(http://funkyimg.com/i/2Hcm6.png) no-repeat; 
}
#pun-viewforum tr.isticky div.icon {
background: url(http://funkyimg.com/i/2Hcm4.png)  no-repeat; 
}
#pun-viewforum tr.iclosed div.icon {
background: url(http://funkyimg.com/i/2Hcm5.png) no-repeat; 
}
#pun-viewforum table div.tclcon {
padding-left: 45px;
padding-top: 10px;
}



/* Сообщение, уважение, валюта в одну строку */
.pa-posts, .pa-respect { 
    padding: 0px 13px 0px 19px !important;
    display: inline-block;
    text-align: center;
    width: 55px;
    margin: 7px;
    margin-top: 3px;
    line-height: 1em;
    text-transform: lowercase;
    letter-spacing: 0px;
    font-size: 9px;
    color: #1a213b!important;
}

.pa-fld3 { 
padding: 3px !important;
display: inline-block;
text-align: center;
width: 44px;
margin: 7px;
margin-top: 3px;
line-height: 1em;
text-transform: lowercase;
letter-spacing: 0px;
font-size: 9px;  }

/*смена цвета отдельных ссылок в профиле*/
.pa-respect a{
color: #1a213b!important; }
.pa-respect a:hover{
color: #1a213b!important; }

.pa-fld2 a{
color: #1e4254!important; }
.pa-fld2 a:hover{
color: #1a213b!important; }



/* тем\сообщений  в одну строку */
#pun-index .category .tc2,#pun-index .category .tc3 {
display:none!important;
}
.Tems_And_messages {
display:inline-block;
width: 200px;
}
.Add {
    display: inline-block;
    background-color: transparent;
    margin-top: 5px;
    font-family: georgia;
    font-size: 11px;
    padding: 2px 15px;
    text-align: center;
}
.Tems_And_messages .right{
color: #060f2e;
font-style: italic;
}


/*стиль всплывающих в форме ответа окон */
.inner, #pun_wrap #post .container[id$="-area"] {
    background: url(http://funkyimg.com/i/2H8kD.png);
    background-position: top center;
    background-color: #c1c2c3;
    border-radius: 6px;
    padding: 3px;
    border: 3px double #adadad;}


/*всплывающая подсказка*/
#tooltip {
position:absolute;
background-color:#111111; /* фон подсказки */
z-index: 2000;
max-width:200px; /* максимальная ширина подсказки */
border:0px dotted #74A1F2; /* толщина. стиль и цвет рамки */
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-family:franklin gothic medium; /* шрифт подсказки */
font-size:11px; /* размер текста */
display:none;
color:#dcdcdc; /* цвет текста */
text-align:center;
padding:5px;}


/*текстовые поля*/
textarea, keygen, select, input {
background-image: url(http://funkyimg.com/i/2H8kD.png);
    background-position: top center;
    background-color: #273841;
    border-radius: 5px;
    padding: 2px;}

/*выделение текста*/
::selection {
    color: #cac9c9!important;
background: rgba(27, 40, 47, 0.85);}

/*оформление всплывающих окон*/
.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    box-shadow: 0 0 14px rgba(0,0,0,.3);
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background-color: #c2c2c2;
}



/*рейтинг поста (плюсы)*/
div.post-rating a, div.post-vote a {
    margin-right: -4px;
    background-color: #babcc5!important;
    width: auto;
    border: 4px double #c7c7c7;
    box-shadow: 82px 82px 0px -81px #586b78, -82px -82px 0px -81px #586591,;
    color: #6e747c!important;
    padding: 1px 4px 1px 4px;
}


#pun-crumbs1 {
    margin-top: -7px!important;
    font-family: Cony;
    font-size: 15px;
    text-transform: uppercase;
}
#pun-main h1 {
    font-family: Cony;
    font-size: 15px;
    text-transform: uppercase;
}



/*поясняющий элемент к подфоруму*/
#pun-index #forum_f1 .tclcon:after {
    background: url(http://sf.uploads.ru/YMGNn.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 40px;
    right: 556px;
    margin-top: -250px;
    position: absolute;
    width: 116px;
    z-index: 999;
}