@media (max-width: 930px) { /* это будет показано при разрешении монитора до 930 пикселей */
  .content-wrapper {padding: 0;} /* основное содержимое занимает всё пространство окна */
}

@media (max-width: 930px) and (min-width: 470px) {  /* для разрешения экрана от 470 до 930 пикселей */
  aside {position: static; width: 100%; background: #ccc;} /* боковая колонка смещается согласно расположению в HTML и меняет фон */
}

@media (max-width: 469px) { /* если максимальное разрешение экрана составит 469 пикселей */
  body {font: .9em/1em "Helvetica Neue",Arial,Helvetica,sans-serif;} /* меняется шрифт */
  aside {display: none;} /* боковая колонка исчезает */
}


/* CS1 Background and text colours
-------------------------------------------------------------*/
/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
//#pun-announcement .container {padding-top: 1em}

/*Лого*/
body {
background-image: url("http://funkyimg.com/i/Wx4x.png");
background-repeat: no-repeat;
background-position: top center; 
background-color: transparent; 
}
#pun-announcement {
  height: 200px;
  margin-bottom: -80px;
}

/*фон*/
HTML {
background-color: #0c0701;
background-image: url("http://funkyimg.com/i/Wx2k.png");
background-repeat: repeat-y; 
background-position: center top;
min-width: 1100px;
}

/*низ*/
#pun-about p.container {
background-color: transparent !important;
background-repeat: no-repeat;
height: 75px;
}


/*Ставим низ*/
#pun_wrap {  
background-image: url("http://funkyimg.com/i/Wx4X.png");
 background-repeat: no-repeat; 
background-position: center bottom;
}


/* 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: #100a00;
  }

#pun-main .quote-box {background-color: #c8a988;
 }

/* CS1.2 */
#pun-redirect  .main {
  background-color: transparent;
  color: transparent;
  }

 .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #392f20;
  }

#pun-main h2 {
font-size: 0px;
  }

/* CS1.3 */
#pun-stats h2 {
  background-color: transparent;
  color: #7d6956;
  }
 #pun-debug h2, .punbb-admin #pun-admain h2, .punbb .main h1, .punbb .main h2{
  background-color: transparent;
  color: #7d6956;
  }

/* CS1.4 */
#pun-title, #pun-title .container {
   background: transparent   url("") top center no-repeat;
  color: #342a1d;
//height: 450px; --ЗАЧЕМ 450 оО
 }

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #d8c2a6;
  color: #32291c
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #c9ae99;
  }

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

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #59493c #59493c #2d251a #59493c
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #cdbeae;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #614d40;
  }

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

/* CS2.5 */
.punbb th {
  border-color: #e6dacc;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #433625 #574123 #574123 #433625;
   }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #433625
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #453116
  }

.punbb .divider {
  border-color: #773103 #453116 #453116 #453116
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #e6dacc;
  }

li.pa-online {
  border-left-color: #885b04;
  }


/* 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: #392f20;
 text-shadow: 1px 1px 1px #7c5e30; /* Параметры тени */
 font-weight: bold;
 }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #392e20;
 text-shadow: 1px 1px 1px #dfcd9d; /* Параметры тени */
  }

/* 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: #3c1407;
  }

.post-links ul a{
    font-style: italic !important;
    font-weight: normal !important;
}

/* CS3.3 */
#pun-navlinks a {
  color: #403423;
  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #3c1407;
  text-decoration: underline
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #4c4331;
  color: #9fab7b;
  }

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

.punbb table Div.icon {float: left; display: block; border-style: none none none none;
width: 45px;
height: 45px;

background-image : url(http://funkyimg.com/i/WTuE.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/WTuu.png);
background-repeat: no-repeat;
width: 45px;
height: 45px;
}

TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/WTuu.png);
background-repeat: no-repeat;
width: 45px;
height: 45px;
}

TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/WTuE.png);
background-repeat: no-repeat;
width: 45px;
height: 45px;
}



/* CS5 category
 -------------------------------------------------------------*/

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

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

#pun-main #pun-category1.category h2{
background: url(http://sg.uploads.ru/u0cUn.png) no-repeat;
margin-left: 141px;
width: 559px;
height: 53px;
}

#pun-main #pun-category2.category h2{
background: url(http://sg.uploads.ru/2mxZy.png) no-repeat;
margin-left: 141px;
width: 559px;
height: 53px;
}

#pun-main #pun-category3.category h2{
background: url(http://sg.uploads.ru/UwRYH.png) no-repeat;
margin-left: 141px;
width: 559px;
height: 53px;
}

#pun-main #pun-category4.category h2{
background: url(http://sg.uploads.ru/OXA0v.png) no-repeat;
margin-left: 141px;
width: 559px;
height: 53px;
}

#pun-main #pun-category5.category h2{
background: url(http://sh.uploads.ru/WgmbD.png) no-repeat;
margin-left: 141px;
width: 559px;
height: 53px;
}

#pun-main #pun-category6.category h2{
background: url(http://sh.uploads.ru/fSkw2.png) no-repeat;
margin-left: 141px;
width: 559px;
height: 53px;
}
#pun #pun-index #pun-stats h2{
background: url(http://sg.uploads.ru/t8xV0.png) no-repeat; color: red;
margin-left: 141px;
width: 559px;
height: 53px;

}

/*profile*/

/*НИЗ и НИК*/  

.punbb .post .post-author > ul {
  background:url(http://sh.uploads.ru/WhL9c.png) 0 bottom no-repeat, url(http://sg.uploads.ru/Psuo0.png) 0 top no-repeat;
  margin: -1px 0 -2px 0!important;
  padding: 35px 17px 55px !important;
}


.post-author a, .post-author a:hover, .post-author a:focus, .post-author a:active {color: #603313  !important; text-shadow: none !important; }
li.pa-avatar  {z-index: 5; margin-left: 10px !important; margin-top: 0px;}

.pa-title {
padding: 0px 0px 5px 0px !important; 
text-align: center;
z-index: 1000; 
margin-top: 30px !important;
color: #603313 !important;
font-family: Garamond, Georgia, 'Times New Roman' !important;
font-variant: small-caps !important;
font-size: 11pt !important;

font-weight: bold;
margin-left: 7px !important;
}

.pa-author a, .pa-author {
color: #aa9055 !important; 
font-family: Garamond, Georgia, 'Times New Roman' !important;
font-size: 12pt !important;
font-variant: small-caps !important;
font-weight: bold;
text-align: center;
margin-top: -9px !important;
padding: 0px;
margin-left: 1px !important;
}

/*ТЕЛО ПР*/
.post-author {
background: url(http://sg.uploads.ru/BuJeg.png) repeat-y; weight: 228px; text-align: center; color: # !important; 
}
.post-author ul li {
text-align: center;
margin-left: 0px !important;
}

/*НИК*/
#pun-post .pa-author {
background: url(http://sg.uploads.ru/Psuo0.png) 0% 0% no-repeat;
padding: 40px;
margin-left: 0px !important;
}



/*рамка*/
.pa-avatar.item2 img {
max-width: 180px;
box-shadow: 2px 3px 3px 1px #3f2f1c;
border-style: solid;
border-width: 2px;
-moz-border-image: url(http://sg.uploads.ru/ebL97.png) 1 repeat;
-webkit-border-image: url(http://sg.uploads.ru/ebL97.png) 1 repeat;
-o-border-image: url(http://sg.uploads.ru/ebL97.png) 1 repeat;
border-image: url(http://sg.uploads.ru/ebL97.png) 1 repeat;
}

.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=20);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=20);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}

.punbb textarea, .punbb select, .punbb input {
background-color: #9E733C; }

/*knopki + forma otveta*/


.punbb textarea, .punbb select, .punbb input {
 background-color: #a2894c;
 font-size: 11px !important;
 color: #000000;
}

.punbb textarea {
box-shadow: inset 0px -11px 40px #89530E;
}


    .yrarrows {
    position: fixed;
    right: 10px;
    top: 40%;
    }