/* CS1 Background and text colours
-------------------------------------------------------------*/
#main-reply, .post-content {
  font-size: 11px;
}

/* Шапка */
#pun-title .title-logo {
  background-image: url("http://funkyimg.com/i/23RZS.png");
 background-position: top center;
  width: 1600px;
  background-repeat: no-repeat;
  margin-left: -340px;
margin-top: -5px;
  
}

/* Фон форума */
body {background-color: #c6c8c6;
  background-image : url("http://funkyimg.com/i/23GVQ.png");
  background-repeat: repeat;
  background-position : top left;
overflow-x: hidden;}

/* Тело таблицы */
#pun { background-image : url("http://funkyimg.com/i/23H2D.png");
background-repeat: repeat-y;
background-position : center;
width: 1000px;
height: auto;}

/* Футер */
#pun-about p.container {
  background-image: url('http://funkyimg.com/i/23LfH.png');
  background-repeat: no-repeat; 
  background-position: center;
  position:absolute;
  margin-left: -36px;
  height: 121px;
  width: 972px;
  text-align: center;
  }

/* Полоса прокрутки */
::-webkit-scrollbar {
  width: 6px;
  height: 1px;
  background-color: #A4A4A4;
overflow-y: scroll;
overflow-x: hidden;
}

/* Ползунок полосы прокрутки */
::-webkit-scrollbar-thumb {
  background-color: #2d1010;
}




/* 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: #1f1500;
  
}

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

/* 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: #1f1500;
  text-align: center;
  background-repeat: no-repeat;
  height: 10px;
  }



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

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



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


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-image: url("http://funkyimg.com/i/23ju4.jpg");
  color: #1f1500;
  }

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


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

#pun-main .formal textarea {
  color: #1f1500;
}

.punbb textarea, .punbb select, .punbb input {
background-image: url("http://funkyimg.com/i/23ju4.jpg");
  color: #1f1500;
}

/* 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: transparent;
  }

#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: 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 {
  color: #000;  
font-weight: bold;  border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* 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: #000000;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #000;
    border-bottom: 0px none #000;
  text-decoration: none;

  }


/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #000000;
  font-weight: bold;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: underline;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #000;
  color: #fff;
  }

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

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

Div.icon {
background-image: url(http://funkyimg.com/i/23KkU.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image: url(http://funkyimg.com/i/23KkT.png);
background-repeat: no-repeat;
}
tr.iclosed div.icon {
        background: url(http://funkyimg.com/i/23KkR.png) no-repeat;
}
tr.isticky div.icon {
        background: url(http://funkyimg.com/i/23KkS.png) no-repeat;
}

/* CS5 Post categorys
-------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/23L7L.png) no-repeat top center;
height: 90px;
border-style: none;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/23L7M.png) no-repeat top center;
height: 90px;
border-style: none;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/23L7N.png) no-repeat top center;
height: 90px;
border-style: none;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/23L7P.png) no-repeat top center;
height: 90px;
border-style: none;
font-size:0 !important;}



/* font-family: "OpenSansCondensedLight"; */
@font-face {
    font-family: "OpenSansCondensedLight";
    src: url("http://jack.rusff.ru/files/0016/ce/c4/57898.eot");
    src: url("http://jack.rusff.ru/files/0016/ce/c4/57898.eot?#iefix")format("embedded-opentype"),
    url("http://jack.rusff.ru/files/0016/ce/c4/49737.woff") format("woff"),
    url("http://jack.rusff.ru/files/0016/ce/c4/35969.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansCondensedLightItalic"; */
@font-face {
    font-family: "OpenSansCondensedLightItalic";
    src: url("../fonts/OpenSansCondensedLightItalic/OpenSansCondensedLightItalic.eot");
    src: url("../fonts/OpenSansCondensedLightItalic/OpenSansCondensedLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansCondensedLightItalic/OpenSansCondensedLightItalic.woff") format("woff"),
    url("../fonts/OpenSansCondensedLightItalic/OpenSansCondensedLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansCondensedBold"; */
@font-face {
    font-family: "OpenSansCondensedBold";
    src: url("../fonts/OpenSansCondensedBold/OpenSansCondensedBold.eot");
    src: url("../fonts/OpenSansCondensedBold/OpenSansCondensedBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansCondensedBold/OpenSansCondensedBold.woff") format("woff"),
    url("../fonts/OpenSansCondensedBold/OpenSansCondensedBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/*карта*/
#dmwhipp {
    position:relative;
    width:600px;
    height:558px;
    padding:0;
    margin: auto;
    background-image:url(http://s7.uploads.ru/LAEFd.png);
    list-style-type:none;
 }
#dmwhipp li {
    position:absolute;
 }
#dmwhipp li:hover div {
display:block;
 }
#dmwhipp a {
    display:block;
    width:30px;
    height:30px;
    border-radius:80%;
 }
#dmwhipp div {
    display:none;
    position:absolute;
    box-sizing:border-box;
    width:350px;
    height:auto;
max-height: 350px;
overflow-y:auto;
overflow-x:hidden;
    padding:10px;
    border:2px solid #B5B5B5;
    border-radius:5px;
    background-color:#E8E8E8;
    color:#000;
    text-align: justify;
 }
#one {
    top:165px;
    left:180px;
 }
#one div {
    top:0px;
    right:-150px;
 }
#two {
    top:260px;
    left:260px;
 }
#two div {
    top:0px;
    right:-150px;
 }
#three {
    top:50px;
    left:80px;
 }
#three div {
    top:0px;
    right:-150px;
 }
#four {
    top:415px;
    left:240px;
 }
#four div {
    top:0px;
    right:-150px;
 }
#five {
    top:450px;
    left:130px;
 }
#five div {
    top:0px;
    right:-150px;
 }
#six {
    top:520px;
    left:270px;
 }
#six div {
    top:0px;
    right:-150px;
 }
#seven {
    top:340px;
    left:530px;
 }
#seven div {
    top:0px;
    right:-150px;
 }
#eight {
    top:270px;
    left:545px;
 }
#eight div {
    top:0px;
    right:-150px;
 }
#nine {
    top:240px;
    left:525px;
 }
#nine div {
    top:0px;
    right:-150px;
 }
#ten {
    top:210px;
    left:520px;
 }
#ten div {
    top:0px;
    right:-150px;
 }
#eleven {
    top:180px;
    left:510px;
 }
#eleven div {
    top:0px;
    right:-150px;
 }
#tvelve {
    top:210px;
    left:440px;
 }
#tvelve div {
    top:0px;
    right:-150px;
 }
#thirteen {
    top:280px;
    left:390px;
 }
#thirteen div {
    top:0px;
    right:-150px;
 }
#fourteen {
    top:300px;
    left:230px;
 }
#fourteen div {
    top:0px;
    right:-150px;
 }
#fifteen {
    top:370px;
    left:270px;
 }
#fifteen div {
    top:0px;
    right:-150px;
 }
#sixteen {
    top:470px;
    left:220px;
 }
#sixteen div {
    top:0px;
    right:-150px;
 }
#seventeen {
    top:320px;
    left:150px;
 }
#seventeen div {
    top:0px;
    right:-150px;
 }
#eighteen {
    top:260px;
    left:155px;
 }
#eighteen div {
    top:0px;
    right:-150px;
 }
#nineteen {
    top:190px;
    left:220px;
 }
#nineteen div {
    top:0px;
    right:-150px;
 }
#twenty {
    top:100px;
    left:250px;
 }
#twenty div {
    top:0px;
    right:-150px;
 }
#twentyone {
    top:60px;
    left:150px;
 }
#twentyone div {
    top:0px;
    right:-150px;
 }
#dmwhipp h6 {
    margin:10px 0;
font-size:10pt;
    text-align:center;
    text-transform:uppercase;
 }
#dmwhipp p {
    font-size:10pt;
font: 10pt/10pt serif;
 }