/* 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: none;
  color: #181e30;
  }
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #7a8092;
  color: #181e30;
  }
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
     background: url(http://s9.uploads.ru/PexaG.png) 15px top repeat-x,          url(http://sf.uploads.ru/rSifB.png) 15px bottom repeat-x; 
  color: #22293c;
  font-weight: normal;
  text-align: center;
  font-family: 'Capture it', arial;
  height: 25px;
  font-size: small;
  font-size: 20px;
   letter-spacing: 3px;
  }
.punbb-admin #pun-admain h2 {background: #787a96;}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: none;
  color: #181e30;
  }
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: none;
  color: #181e30;
  }
/* CS1.6 */
.punbb .post .post-author {
  text-align: center;
  background: url(http://sf.uploads.ru/KUBCD.png) top center no-repeat, url(http://sf.uploads.ru/ikX7O.png) bottom center no-repeat, url(http://s8.uploads.ru/O2918.png) repeat-y;
  width: 205px;
  margin-top: -15px;
  padding-top: 5px;
  }


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
     background: url(http://s9.uploads.ru/PexaG.png) 15px top repeat-x,          url(http://sf.uploads.ru/rSifB.png) 15px bottom repeat-x;   
    background-color: #6c7181;
    box-shadow: inset 0 0px 2px rgb(128, 128, 146), 0 0 3px rgba(128, 128, 146, 1);
    padding-top: 12px !important;
        color: #010924;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-color: #8c92a4;
    padding-top: 2px !important;
    padding-bottom: 3px !important;
    color: #010924;
    border-top-style: solid;
    border-top-color: #13140a;
    border-top-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #bba233;
    border-bottom-width: 4px;
}

/* CS1.8 */
#pun-navlinks .container {
  }
.offline li.pa-online strong {
  font-weight: normal.
  }
.punbb textarea, .punbb select, {background: #b5bb98;
  color: #181e30;
}

/* выравнивания параметров профиля */
#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 {text-align: center;} 
#pun-crumbs1 .container { text-align: left;}


/* 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 {
  border-color: #480b02;
  }
#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: none;
  }
li.pa-online {
  border-left-color: transparent;
  }

/* 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 {
  color: #181507;
  font-size: 11px;
  font-family: 'Capture it', arial;
  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;}


/* 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 {
  border-bottom: 0px none #000;
  color: #efb720;
  font-size: 12px;}


/* cs3.3. верхняя навигация до наведения */
#pun-navlinks a {
    color: #b29227;
    letter-spacing: 1px;
  font-family: 'Capture it', arial;
      background: -webkit-linear-gradient(rgba(67, 54, 25, 6), rgb(230, 190, 64));
        -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* cs3.4. нижняя навигация до наведения */
#pun-ulinks a {
color: #c5ad60;
    font: 10px georgia !important;
    text-transform: lowercase;
    letter-spacing: 1px;
}

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

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





/* CS4 Post status icons
-------------------------------------------------------------*/
    div.icon {
            background: url(http://funkyimg.com/i/2qJDQ.png) no-repeat;
    }
    tr.inew div.icon {
            background: url(http://funkyimg.com/i/2qJDP.png) no-repeat;
    }
    tr.iclosed div.icon {
            background: url(http://s8.uploads.ru/D9KL1.png) no-repeat;
    }
    tr.isticky div.icon {
            background: url(http://s8.uploads.ru/6FujH.png) no-repeat;
    }
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 450px; top: -70px;
}


a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-size: 11px;
background-color:#b4ba97;
color: #012e06; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
padding: 2px;
text-decoration: none;
border-left-style: solid;
border-left-color: #787a96;
border-left-width: 4px;
border-right-style: solid;
border-right-color: #787a96;
border-right-width: 4px;
border-radius: 15px; 
width:170px;
font-weight: bold;
letter-spacing: 3px;

}
a.tvm:hover {
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-size: 11px;
color: #012e06; 
background-color:#b4ba97;
display: block;
font-weight: bold;
text-align:center;
cursor:pointer; 
text-decoration: none;
border-left-style: solid;
border-left-color: #e49352;
border-left-width: 4px;
border-right-style: solid;
border-right-color: #e49352;
border-right-width: 4px;
border-radius: 15px; 
width:170px;
font-weight: bold;
letter-spacing: 3px;
}

#banners a img {opacity:0.5; filter:alpha(opacity=50);}
#banners a:hover img {opacity:1.0; filter:alpha(opacity=100);}

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

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

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

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
background-color: #2d2e30;
}


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

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

.post::-webkit-scrollbar {
    width: 2px;
    height: 2px;
background-color: #2d2e30;   
}



#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#pun-crumbs2 {display: none;}
#pun-title h1 span  {display: none}
HTML, BODY {
background-image: url("http://funkyimg.com/i/2qD6b.png"); 
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center; 
}

HTML {background-image: url("http://sa.uploads.ru/oKitx.png"); background-repeat: repeat-y; background-position: center top; }

/* footer */
#pun-about p.container {background-color: #;
background: url("http://funkyimg.com/i/2qG3t.png");
background-position: center top; 
background-repeat: no-repeat; 
   width: 1065px;
   height: 256px;
margin-left: -129px;
text-align: center;
border-color: transparent;
}
div#pun-about {
   margin-bottom: -324px;
   font-size: 0px;
}



.lz1 {width: 185px;
    background: rgba(132, 110, 37, 6);
    color: #322c16;
    font: 11px Minion Cyrillic Semibold;
    text-transform: uppercase;}

.lz2 {width: 190px;
    background: rgba(132, 110, 37, 6);
    color: #322c16;
     text-align: center;
    font: 11px Minion Cyrillic Semibold;
    text-transform: lowercase;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
    -khtml-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 4px 2px 2px rgba(0,0,0,0.1);
}


/* Форумы */
#pun-index .tcl h3 {
padding-top: 4px;
margin-left: 10px;!important;
font-size: 15px;
height: 35px;
text-transform: lowercase;
font-family: Gabriela;
text-align: left;}
#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: 420px;
background: url(http://funkyimg.com/i/2qGq6.png) 0 top no-repeat, url(http://funkyimg.com/i/2qGq8.png) 0 bottom no-repeat, url(http://funkyimg.com/i/2qGq7.png) 0 top repeat-y;
min-height: 112px;}

#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;
}


::selection {
background: #aa8c27; /* Safari */
}
::-moz-selection {
background: #aa8c27; /* Firefox */
}


/* Спойлер */
.post-content .spoiler-box > div {
background: url(http://funkyimg.com/i/2qTPg.png)!important;
background-repeat : no-repeat!important;
background-position: left center!important;
padding-top: 1px;}   

.mainlink a {
  display:inline-block;
  font-size:12px;
 font-family: 'DS Eraser2', arial;
  color:#aa8c27!important;
  text-shadow: none!important;
  padding:2px 2px 4px 2px;
  margin: 1px!important;
  text-transform:lowercase;
  transition: 0.1s;
  text-align:center;
  width:140px;
  background: #202021;
  opacity: 0.9;
  border-left-style: solid;
  border-сolor: #aa8c27;
   border-right-style: solid;
  border-width: 4px;
  }

.mainlink a:hover {
  color: #aa8c27!important;
   background: rgba(90, 70, 3, 8);
  opacity: 0.9;
  }
.mainlink {
  text-align:center;
  margin-top:9px!important;
  }


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}