/* CS1 Background and text colours
-------------------------------------------------------------*/
/* CS1.0A Настройки фона*/

body {
background:  url("http://savepic.net/8103977.png") repeat-x top center, /*верхний фон*/
url("-") repeat-x bottom center, /*нижний фон*/
#f4f4f4  url("http://savepic.net/8105001.png") repeat; /*общий фон*/
}

/* CS1.0B Настройки "тела" форума*/
#pun {
background: url("http://savepic.net/8080455.png") repeat-y scroll top center; 
}

.go-up, .go-down {
display: none;
position: fixed;
width: 30px;
height: 30px;
right: 2%;
cursor: pointer;
z-index:50;
}

/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar{ width: 6px; height: 5px;}
::-webkit-scrollbar-thumb {background-color: #57697a;}



/* CS1.0D Настройки шапки*/
#pun-title.section {
  background: transparent url("http://savepic.net/8064071.png") top center scroll no-repeat; 
  height: 208px;
  width: 981px; 
  margin-top: 0px;
  margin-left: -44px;}


/* CS1.0E Настройки переадресации*/
#pun-redirect { 
background: url("_") no-repeat top center,
#f5f5f5;
position: fixed;
text-align: center;
font-size:12px;
}

#pun-maint {
margin: 0px 20% 12px 20%;
}

#pun-redirect .main-title {
margin-bottom:30px !important;
}

/* CS1.0F Настройки футера/копирайта */
#copyright {
text-align: center;
 background-image: url("http://savepic.net/8105030.png");
 background-attachment: scroll;
 background-position: center; 
 font-size:10px !important;
 width: 927px; 
 height: 18px;
  color: #e8e8e8;
 margin-left:-18px;
}

#html-footer {
margin:0px 0 -3px 0;
text-align: center; }

/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-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  {
  background-color: transparent;
  }

/* CS1.3 Настройки заголовков*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
 font-size: 15px;
  font-family: "Arial Narrow";
  color: #364757;
  text-align: center;
 background: url("-") no-repeat scroll center; 
font-weight: bold;
 width: 900px;
 letter-spacing: 1px;
 margin-left: 0px;
  }

#pun-redirect h1 {background-image: none; padding-bottom: 0px; color: transparent; text-shadow: none;}

.punbb-admin #pun-admain h2{
color: #364757;
background: transparent;
text-align: left;
text-shadow: none;
padding-left: 50px;}

/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
background: #ececec;
padding: 5px;
border-top: 3px #505f75 solid;
border-right: 3px #505f75 solid;
border-left: 3px #505f75 solid;
border-bottom: 3px #505f75 solid;
color: #444444; }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  font-size: 11px;
  text-transform: uppercase;
  font-family: tahoma;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS1.9 Настройки формы ответа*/
.punbb textarea  {
background: #ececec;
padding: 5px;
border-top: 3px #505f75 solid;
border-right: 3px #505f75 solid;
border-left: 3px #505f75 solid;
border-bottom: 3px #505f75 solid;
color: #444444;
  }

/* CS1.10 Настройки профиля в теме*/
.punbb .post .post-author > ul {
background: #ececec;
border-top: 3px #505f75 solid;
border-right: 3px #505f75 solid;
border-left: 3px #505f75 solid;
border-bottom: 3px #505f75 solid;
padding: 4px 4px 4px 4px !important;
}
.punbb .post .post-author {
text-align: center;
background: transparent url(-) repeat-y;}

.pa-author a, .pa-author {
text-align: center;
color: #2c2c2e  !important;
 font-size: 14px;
  font-family: "Arial Narrow";
  text-transform: uppercase;
font-weight: bold;
 letter-spacing: 1px;
}

.pa-author a:hover {
color: #7b7a7a !important; }



/* CS1.11 Настройки окон в форме ответа*/
 #size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
background: #ececec;
padding: 5px;
border-top: 3px #505f75 solid;
border-right: 3px #505f75 solid;
border-left: 3px #505f75 solid;
border-bottom: 3px #505f75 solid;
color: #444444;
  }

/* CS1.12 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb input, .punbb .button, .punbb select {
background: #ececec;
padding: 5px;
border-top: 3px #505f75 solid;
border-right: 3px #505f75 solid;
border-left: 3px #505f75 solid;
border-bottom: 3px #505f75 solid;
color: #444444;
  }

#post .formsubmit {text-align: center;}

/* 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;
  }

#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: 0px solid 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: #6c86a1;
font-weight: bold;
  text-decoration: none;
-webkit-transition: color 0.9s ease;
-khtml-transition: color 0.9s ease;
-moz-transition: color 0.9s ease;
-o-transition: color 0.9s ease;
  }

.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: #9e9e9e;
-webkit-transition: color 0.9s ease;
-khtml-transition: color 0.9s ease;
-moz-transition: color 0.9s ease;
-o-transition: color 0.9s ease;
  }

/* &#204;&#229;&#237;&#254; &#237;&#224;&#226;&#232;&#227;&#224;&#246;&#232;&#232; */
#pun-navlinks li a, #pun-navlinks  a:link, #pun-navlinks  a:visited {
  font-size: 16px;
  font-family: "Arial Narrow";
  color: #3a4b5c;
  text-align: center;
  left: 746px;
  top: 178px;
  z-index: 67;
font-weight: bold;
 letter-spacing: 1px;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #595959;
  background: transparent;
  }

/* &#207;&#238;&#235;&#252;&#231;&#238;&#226;&#224;&#242;&#229;&#235;&#252;&#241;&#234;&#232;&#229; &#241;&#241;&#251;&#235;&#234;&#232; */
 #pun-ulinks  a:link, #pun-ulinks  a:visited {
  color: #8d8d8d;
  text-decoration: none;
  font-weight: normal;

}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  color: #2a2a2a;
  background: transparent;
}

/* CS4 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {background-image : url(http://savepic.net/8081448.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(http://savepic.net/8084520.png); background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-main .post-author ul {text-align: center;}
#pun-title table tbody tr .title-logo-tdr {
  position: absolute; 
  z-index: 1; 
  left: 550px; 
  top: 0px;
  opacity: 0.3;}
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .pa-author {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container  ul .pa-title {text-align: center; }
#pun-messages .post-box {width: 300px;}
.lastedit {display: none;}
.tclcon h3 {text-transform: uppercase;}
#pun-messages .post-box {width: 300px;}
.pa-author {font-size: 15px !important;  padding-top: 14px; font-family: 'Constantia'; }
.pa-title {font-size: 12px; letter-spacing: -1px;}
#pun th {text-transform: uppercase; font-size:8px;}
 .post-author ul {line-height:110% !important; }


#pun-main #pun-reputation .reputation .container, div#pun-reputation div.inner h1   {background:#ffffff !important;  }


/* CS5 Другое
 -------------------------------------------------------------*/

 .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {
  display: none
}

#pun-stats ul.container {
  background: transparent url(-) no-repeat 0px 10px;
  padding-left:0px;}


hr {
border: none;
  height: 6px;
background: url("http://sg.uploads.ru/jD6HW.png") no-repeat  top center;}

.punbb th {
 background: #cfcece;
 color: #565656;
}

.punbb .post-sig {color:#757575;}

.punbb .post-sig dt { 
border: none;
  height: 9px;
background: url("http://sg.uploads.ru/nr3fl.png") no-repeat  top center;}
padding: 2px;
  }

#arrows {
position:fixed;
right:2%;
bottom: 50%;
}


/* разное
-------------------------------------------------------------*/

/* статус */
.pa-title {text-align: center;
  font-size: 12px;
  font-family: "Arial Narrow";
  color: rgb(48, 48, 48);
  text-transform: uppercase;
  text-align: center;
  z-index: 95;
}

.pa-avatar img{
box-shadow: 0px 0px 0px 1px #686868;
border: 1px solid #3b3b3b !important;
}


/* навигация
-------------------------------------------------------------*/
#navi a{
text-shadow: none;
background: url("http://savepic.net/8105001.png");
font-family: arial;
font-weight: 700;
padding: 7px;
font-size: 7px;
text-align: left;
line-height: 10px;
letter-spacing: 2px;
color: #e0e0e0 !important;
text-align: center;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; !important;
text-transform: uppercase;
display: inline-block;
margin: 1px;
font-style: normal;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}

#navi a:hover  {
background: #c3c3c3;
font-family: arial;
font-weight: 700;
padding: 7px;
font-size: 7px;
line-height: 10px;
letter-spacing: 2px;
color: #586874  !important;
text-transform: uppercase;
display: inline-block;
margin: 1px;
font-style: normal;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
border-bottom: none;
}

.one {
  text-align: right;
  position: absolute;
  left: -105px;
width: 100px;
  height: 31px;
  top: 50px;
}

.two{
  text-align: left;
  position: absolute;
  left: 900px;
width: 200px;
  height: 31px;
  top: 50px;
}


.suka {
  font-family: "Arial";
  color: rgb(45, 77, 101);
  line-height: 1;
  text-align: justify;
  position: absolute;
overflow: auto;
  left: 0px;
  top: 140px;
  width: 429px;
  height: 45px;
  z-index: 61;
}

.ischeodnasuka {
  font-family: "Arial";
  color: rgb(45, 77, 101);
  line-height: 1;
  text-align: justify;
  position: absolute;
overflow: auto;
  left: 460px;
  top: 140px;
  width: 429px;
  height: 45px;
  z-index: 61;
}


/* ава в шапке
-------------------------------------------------------------*/
table#avst {
position: absolute;
vertical-align: middle;
overflow: hidden;
}
td#ava-status {;
text-align: center;
overflow: hidden;
}

td#ava-status img {
max-width: 100px !important;
max-height: 100px !important;
}

/* стрелки
-------------------------------------------------------------*/
.go-up {
top: 58%;
background: url(http://savepic.net/8082502.png) no-repeat;
}
.go-down {
bottom:35%;
background: url(http://savepic.net/8072262.png)  no-repeat;
}

/* таблицы в шапке
-------------------------------------------------------------*/
<style type='text/css'>
.renoheaders {
 background: url("http://savepic.net/8105001.png");
 }

.renoheaderhovers {
width: 370px; 
height: 122px;
opacity: 0; 
top: 6px; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 215px;
margin-left: -15px;
position: absolute;
 }

.renoheaderhovers:hover {
color: #c4c4c4;
width: 370px; 
height: 122px; 
top: 6px; 
background: url("http://savepic.net/8105001.png");
opacity: 10;
 }

.renoheadercontents {
width: 370px; 
height: 122px;
overflow: auto;
background: url("http://savepic.net/8105001.png"); 
  font-size: 11px;
color: #c4c4c4;
  line-height: 1;
  text-align: justify;
  position: absolute;
  z-index: 100; }
</style>

<style type='text/css'>
.renoheader {
 background: url("http://savepic.net/8105001.png");
 }

.renoheaderhover {
width: 370px; 
height: 122px;
opacity: 0; 
top: 6px; 
  left: 526px;
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 215px;
margin-left: -15px;
position: absolute;
 }

.renoheaderhover:hover {
color: #c4c4c4;
width: 370px; 
height: 122px; 
top: 6px; 
  left: 526px;
background: url("http://savepic.net/8105001.png");
opacity: 10;
 }

.renoheadercontent {
width: 370px; 
height: 122px;
overflow: auto;
background: url("http://savepic.net/8105001.png"); 
  font-size: 11px;
color: #c4c4c4;
  line-height: 1;
  text-align: justify;
  position: absolute;
  z-index: 100; }
</style>
}

#footer a img {-webkit-filter: opacity(30%);}
#footer a img {-webkit-filter: grayscale(100%);}
#footer a:hover img {-webkit-filter: grayscale(1%);}

/*design by altimeda
http://altimeda.tumblr.com/
-------------------------------------------------------------*/