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

/* шапка */
#pun-title table {
  background-image: url(http://forumfiles.ru/files/0019/a4/9b/88496.jpg);
}


/* фон */
body {
    background-image: url(http://forumfiles.ru/files/0019/a4/9b/31378.jpg); 
    background-position: left top; 
    background-repeat: repeat; 
  background-color: #1c1c1c;
   /* background-attachment: fixed;*/
}

/* пан или тело форума */
#pun {
  background-image: url(http://forumfiles.ru/files/0019/a4/9b/63833.jpg);
background-color: #e0e2db;
  background-position: top center;
  background-attachment: relative;
      border-left: 0px solid rgba(14, 14, 14, 1.0);
	  border-right: 0px solid rgba(14, 14, 14, 1.0);
	  border-image: url() 15 round round;
}

/* футер*/
#pun-about .container {
   background: url("http://forumfiles.ru/files/0019/a4/9b/77531.jpg") transparent no-repeat;
   width: 1036px;
   height: 180px;
   margin: 40px 0 -60px -18px; /* вверх, вправо, вниз, влево */
   text-align: center;
   line-height: 1;
   font-size: 9px;
   background-repeat: no-repeat;
}


#pun-about .container span {
  font-size: 12px !important; 
margin-left: -190px;
 
 }

.punbb .post-content .quote-box, .punbb .post-content .code-box {
}

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

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

/* CS1.3 */
#pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #1c1c1c;
  font-weight: normal;
}

#pun-stats h2, .punbb .main h1, .punbb .main h2, {
  padding: 0;
}

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

#pun-title .title-logo span {
  display: none;
}

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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
  background-color: transparent;
  color: #1c1c1c;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
}

.punbb textarea, .punbb input {
background: #e0e2db;
border: 1px dashed #8b2635;
}

/* CS1.8 */
.offline li.pa-online strong {
  font-weight: normal;
}


/* 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 {
  color: #332522;
  font: normal 115%;
  font-style: normal;
  letter-spacing: 0px;}

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

/* 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: #8b2635;
  }

/* CS3.3 */
#pun-navlinks a {
    color: #e0e2db;
    letter-spacing: 0px !important;
    text-decoration: none;
    text-shadow: 0px 0px 0 rgba(213, 213, 207, 0.0);
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #8b2635;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #8b2635;
  }

/* CS3.3 */
#pun-ulinks a {
          color: #332522;
letter-spacing: 0px !important; 
          text-decoration: none;
          text-shadow: 0px 0px 0 rgba(213, 213, 207, 0.0);
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #426058;
  text-decoration: none;
  }
/* CS4 Post status icons
 -------------------------------------------------------------*/

/*положение рекламного баннера*/
#pun-title table tbody tr .title-logo-tdr {
  position: absolute;
  z-index: 1;
  left: 260px;
  top: -70px;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


/* КАТЕГОРИИ */
.punbb #pun-category1 h2, #pun-category2 h2, #pun-category3 h2, #pun-category4 h2, #pun-category5 h2, #pun-category6 h2, #pun-category7 h2, #pun-stats h2 {
    font-family: 'Montserrat Black Italic', sans-serif;
    text-transform: uppercase;
    color: #3f4041;
    font-size: 42px;
    text-align: right !important;
    padding-right: 60px;
    padding-top: 1px;
    color: #e0e2db;
    background-image: url(http://forumfiles.ru/files/0019/a4/9b/34744.jpg);
    background-repeat: no-repeat;
    width: 840px;
    margin-left: -15px;
    background-position: top left;
}

#pun-navlinks #navawards{display:none;}

/* ПОЕБЕНЬ В ШАПКЕ */

#episodename {
position: absolute;
font-family: 'Montserrat Black Italic', sans-serif;
font-size: 125% !important;
        top: 138px;
    margin-left: 201px;
    width: 348px;
	color: #332522 !important;
    height: 30px;
	y-align: bottom;
    line-height: 100%;
    padding: 0px;}

#episode1 {
    position: absolute;
    font-family: 'IBM Plex Light', sans-serif;
    font-size: 10px;
    top: 20px;
    margin-left: 77px;
    width: 193px;
    color: #332522 !important;
    height: 33px;
    text-align: justify;
    overflow-y: auto;
    line-height: 100%;
    padding: 5px;
    background-color: #e0e2db;
    border: 1px dashed #8b2635;
    box-shadow: #426058 3px 3px 0;
}
	
#episode1pic {
    position: absolute;
    top: 20px;
    margin-left: 23px;
    width: 44px;
    height: 44px;
    box-shadow: #426058 4px 4px 0;
}
	
	
#episode2 {
    position: absolute;
    font-family: 'IBM Plex Light', sans-serif;
    font-size: 10px;
    top: 75px;
    margin-left: 77px;
    width: 193px;
    color: #332522 !important;
    height: 33px;
    text-align: justify;
    overflow-y: auto;
    line-height: 100%;
    padding: 5px;
    background-color: #e0e2db;
    border: 1px dashed #8b2635;
    box-shadow: #426058 3px 3px 0;
}
	
#episode2pic {
    position: absolute;
    top: 75px;
    margin-left: 23px;
    width: 44px;
    height: 44px;
    box-shadow: #426058 4px 4px 0;
	}

#wanted {
    position: absolute;
    top: 130px;
    margin-left: 71px;
    width: 222px;
    height: 44px;
    text-align: left;
    padding-top: 0px;
	}
	
#wanted img {
    width: 44px;
    height: 44px;
    box-shadow: #426058 4px 4px 0;
    margin-left: 7px;
	}

#activeusers {
    position: absolute;
    top: 295px;
    margin-left: 71px;
    width: 222px;
    height: 44px;
    text-align: left;
    padding-top: 0px;
	}
	
#activeusers img {
    width: 44px;
    height: 44px;
    box-shadow: #426058 4px 4px 0;
    margin-left: 7px;
	}
	
#admins {
position: absolute;
    top: 203px;
    margin-left: 135px;
    width: 150px!important;
    height: 35px!important;
    text-align: left;
    padding-top: 0px;
    font-family: Montserrat Black Italic;
    text-transform: uppercase;
    font-size: 13px;
	}
	
#admins a {
    color: #e0e2db;
	}
	
#writer {
    position: absolute;
    top: 185px;
    margin-left: 23px;
    width: 100px;
    height: 100px;
    box-shadow: #426058 4px 4px 0;
}

#description {
    position: absolute;
    font-family: 'IBM Plex Light', sans-serif;
    font-size: 12px;
    top: 229px;
    margin-left: 440px;
    width: 416px;
    color: #332522 !important;
    height: 40px;
    text-align: justify;
    overflow-y: auto;
    line-height: 100%;
    padding: 5px;
    background-color: #e0e2db;
    border: 1px dashed #8b2635;
    box-shadow: #426058 3px 3px 0;
}

#navigation {
    position: absolute;
    top: 252px;
    margin-left: 132px;
    box-shadow: #426058 3px 3px 0;
}
	
 /* Прокрутка */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
background: #7f7f7f;
}
::-webkit-scrollbar-thumb {
    background: #426058;
}

/*баннеры*/

#banners {
    position: absolute;
    margin-top: -96px !important;
    margin-left: 45px;
    width: 370px;
    background-color: #e0e2db;
    border: 1px dashed #8b2635;
    box-shadow: #426058 3px 3px 0;
    height: 79px;
    padding: 10px 15px 0px 20px;
    text-align: left;
    overflow-y: auto;
    line-height: 140%;
}

#banners scrollbar {
    width: 2px !important;

#banners a {
/*	  -webkit-filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -ms-filter: grayscale(90%);
  -o-filter: grayscale(90%);
  filter: grayscale(90%);
  filter: gray; /* IE 6-9 */ */
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);     
-moz-opacity: 0.5; /* Mozilla 1.6 */     
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */     
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */     
filter: alpha(opacity=50); /* IE 5.5+*/ 
/*Добавим вот такой вот код*/
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
/*конец кода с transition*/
}

#banners a:hover {
/*	  -webkit-filter: grayscale(30%);
  -moz-filter: grayscale(30%);
  -ms-filter: grayscale(30%);
  -o-filter: grayscale(30%);
  filter: grayscale(30%);
  filter: gray; /* IE 6-9 */ */
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);     
-moz-opacity: 0.9; /* Mozilla 1.6 */     
-khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */     
opacity: 0.9; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */     
filter: alpha(opacity=90); /* IE 5.5+*/ 
}