/* CS1 Background and text colours
-------------------------------------------------------------*/
body { 
  background-image : url("http://sf.uploads.ru/6QAwi.png");
  background-repeat: repeat; background-attachment: scroll;
  background-position : top center; background-color: #6c7f92; 
  }

#pun-title table {
  background-image : url(http://s5.uploads.ru/Lek2S.png); 
  background-repeat : no-repeat;
  background-position: top center;
  border: none;
  width: 900px;
  height: 250px;
  margin-left: -20px;
  }

#pun {
  width: 900px; 
  background-color: transparent; 
  background-image: url(http://s7.uploads.ru/u1hvY.png); 
  background-attachment: scroll; 
  background-repeat: repeat; 
  background-position: top center;
  }

.punbb {
  padding: 0 30px!important;
  width: 900px;
  }

#pun-about p.container {
  background-image : url(http://se.uploads.ru/5NHc3.png);
  margin: 0px 0px -12px -20px;
  background-position : center top;
  background-repeat : no-repeat;
  width: 900px;
  height: 84px; 
  overflow-x: hidden;
  }

/* CS1.1 Text Colours */
.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 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: #474645;
  font-weight: normal;
  font-style: normal;
  }

#pun-admain .adformal, #pun-admain .adcontainer {
  border: none;
  border-color:  transparent;
  }

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #87827f;
  text-align:center; 
  font-size: 12px; 
  font-style: normal; font-weight: bold; font-family: "arial";
  }

/* CS1.1 Quote & textarea */
.punbb .quote-box, .punbb .code-box {
  background: url(http://se.uploads.ru/LxJZz.png) top no-repeat, 
  url(http://se.uploads.ru/LxJZz.png) bottom no-repeat, 
  url(http://se.uploads.ru/LxJZz.png) repeat-y;
  background-color: #dfdddd;
  color: #474645;
  border: solid 1px #6c7f92;
  }

.punbb textarea, .punbb select, .punbb input {
   background-color: #dfdddd;
   color: #474645;
   }

.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   }

.punbb input { 
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   }


/* CS2 Links
-------------------------------------------------------------*/
/* 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, #pun-navlinks a, #pun-ulinks a {
  color: #3e454b;
  text-decoration: none;
  }

/* CS2.2 */
.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, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: 3e454b; 
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #6c7f92;
  text-decoration: none;
  }

#pun-ulinks a {
  font-size: 10px;
  color: #dfdddd;
  font-family: 'Montserrat';
  font-weight: normal;
  text-transform: lowercase;
  }

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #2a2f33;
   font-weight: bolder;
  }

#pun-navlinks a, #pun-navlinks .container {
   color: #3e454b;
   }


/* CS3 Other
-------------------------------------------------------------*/
/* CS3.1 Icons*/

div.icon {
   background: url(http://s5.uploads.ru/2o4F3.png) no-repeat;
   }

tr.inew div.icon {
   background: url(http://s7.uploads.ru/PqcYw.png) no-repeat;
   }

tr.iclosed div.icon {
   background: url(http://sd.uploads.ru/Jb5z6.png) no-repeat;
   }

tr.isticky div.icon {
   background: url(http://sd.uploads.ru/ABVYz.png) no-repeat;
   }


/* CS3.2 */
#pun-main div.catleft, #pun-main div.catright {display: none;}
 #pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}

hr {
  filter: alpha(opacity=250) !important;
  margin-bottom:0.5em; 
  margin-top: 0.5em;
  border: none;
  height: 1px;
  border-bottom: 1px dashed #414c56;
  opacity:1 !important;
  }

#pun-viewforum.punbb div.icon {
  margin-top: 0 !important;
  }

del {
  background: url("http://se.uploads.ru/LxJZz.png") top left repeat-x ;
  color: transparent;
  -webkit-transition: 0.8s ease;
  -moz-transition: 0.8s ease;
  -ms-transition: 0.8s ease;
  -o-transition: 0.8s ease;
  transition: 0.8s ease;
  text-decoration: none!important;
  }

del:hover {
  background: transparent;
  color: #87827f;
  text-decoration: none!important;
  }

b, strong {
  color: #414c56;
  }

/*CS3.3 Scrollbar */

::-webkit-scrollbar-thumb:vertical {
    background-color:#1e2226;
    border: 1px solid #dfdddd;
   }

::-webkit-scrollbar-thumb:horizontal {
    background-color:#1e2226;
    border: 1px solid #dfdddd;
    }

::-webkit-scrollbar {
width: 5px;
    height: 6px;
    background-color: #8a9db0;
    border: 2px solid #1e2226;
    }


/*CS3.4 Profile */
.punbb .post .post-author {
  background:url(http://se.uploads.ru/LxJZz.png) 0 0 repeat; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
  }

.punbb .post .post-author > ul {
  background:url(http://se.uploads.ru/LxJZz.png) 0 top repeat, 
  url(http://se.uploads.ru/LxJZz.png) 0 bottom repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:9px 9px!important;
  }

.punbb .pa-avatar img {
  border: 2px solid #6c7f92;
  box-shadow: 0 0 1px rgba(66, 41, 23, 0.72);
  }


/* CS4 Table
-------------------------------------------------------------*/
.topic .post {
  margin-left:10px;
  }

.bestpost {
  color: #6f634b;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  text-align: justify;
  }

.bestpost img {
   float: left;
   padding-right: 5px;
   }

.tooltip {
  border: none; 
  text-decoration: none;
  position: relative;
  padding: 0px 10px;
  }

.tooltip span {
  margin-left: -999em;
  position: absolute;
  }

.tooltip:hover span {
  font-family: Verdana;
  position: absolute;
  left: -51px;
  top: 24px; 
  z-index: 99;
  margin-left: 0;
  }

.top {
    z-index: 200;
    position: absolute;
    color: #433227;
    font-family: Verdana;
    font-size: 9px;
    text-transform: lowercase;
    font-weight: normal;
    padding: 5px;
    background-color: #d4c6ab;
    width: 120px;
    border: 1px solid #a08f78;
    }

.ams {
    font-family: Montserrat;
    font-size: 11px;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    }

#quests {
    text-align: justify;
    display: block;
    color: #4d3928;
    height: 92px;
    overflow: auto;
    padding-top: 2px;
    padding-right: 3px;
    max-width: 275px;
    font-size: 10px;
    font-family: 'arial';
    line-height: 10px;
    }

/* CS5 Form
-------------------------------------------------------------*/
#form-post {
  display: block;
  background: url(http://se.uploads.ru/LxJZz.png) top repeat, 
  url(http://se.uploads.ru/LxJZz.png) bottom repeat, 
  url(http://se.uploads.ru/LxJZz.png) repeat;
  color: #958f8c;
  border: solid 1px #6c7f92;
  width: 606px;
  padding: 10px;
  }
  
#form-post p {
  margin: 0 !important; 
  padding: 0 !important;
  }

#form-post img:nth-of-type(1), #form-post img:nth-of-type(2) {
  width: 245px;
  height: 130px; 
  border: 4px;
  border-style: double;
  background: url("http://se.uploads.ru/LxJZz.png") repeat;
  }
  
#form-post img:nth-of-type(1) {
  float: left;
  margin-left: 10px;
  }
  
#form-post img:nth-of-type(2) {
  float: right; 
  margin-right: 10px;
  }

#form-post strong, #form-post .highlight-text {
  color: #5e5b59;
  background: transparent;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: bolder;
  text-transform: uppercase;
  }

#form-post .highlight-text {
  font-size: 22px;
  color: #1b2726;
  }
  
#form-post .bbuline {
  background: transparent;
  color: #87827f;
  font-size: 10px;
  font-weight: bold;
  text-transform: lowercase;
  text-decoration: none;
  }
  
#form-post p {
  background: transparent;
  color: #87827f;
  font-size: 10px;
  font-family: Verdana;
  font-weight: bold;
  text-transform: lowercase;
  text-decoration: none;
  letter-spacing: 1px;
  text-align: center;
  }
  
#form-box, #form-post .quote-box {
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: calc(100% - 20px);
  padding: 5px;
  margin: 5px auto;
  background-image: url("http://se.uploads.ru/LxJZz.png");
  border-radius: 0px; 
  }
  
#form-box strong, #form-post .quote-box sup {
  display: block;
  color: #87827f;
  font-family: Verdana;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 5px auto !important;
  }

#form-post blockquote {overflow: visible !important;}

#form-post .quote-box img, #form-box .postimg {
  float: none !important;
  margin-left: auto !important;
  width: auto !important;
  height: auto !important;
  border: none !important;
  }
  
#form-box span {
  color: #534f4d;  
  padding: 4px;
  font-size: 10px;
  font-family: Verdana;
  text-align: justify !important; 
  text-transform: none !important;
  }

#form-box span:nth-of-type(1), #form-box span:nth-of-type(2) {
  width: 48.57%;
  display:inline-block !important;
  vertical-align: top;
  }

#form-box span:nth-of-type(3) {
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);  
  width: -o-calc(100% - 20px);  
  width: calc(100% - 20px);
  }

#form-box p span + br, #form-box p span em + br {
  display: none;
  }

#form-box p span em {
  color: #4b1010 !important;
  display: block;
  background-color: #d7dfe0;
  padding-left: 10px;
  text-shadow: 0px 0px 0px transparent !important;
  margin-bottom: 5px;
  }

#form-post .quote-box p, #form-post .quote-box strong, #form-post .quote-box .bbuline {
  font: normal 100% verdana, arial, helvetica, sans-serif !important;
  text-align: justify !important;
  color: #141414 !important;
  text-transform: none !important;
  letter-spacing: 0px !important;
  margin: 0 !important;
  padding: 0 0 0.5em 0 !important;
  line-height: 150% !important;
  }

#form-post .quote-box br {
  display: block !important;
  }

#form-post .quote-box strong {
  font-weight: bold !important;
  }

#form-post .quote-box  .bbuline {
  text-decoration: underline !important;
  }
#form-post .spoiler-box > div {
  text-align: left !important;
  }