/* CS1 Background and text colours
-------------------------------------------------------------*/
html {
background: url(http://artvolg.ru/uploads/ds/fon2.jpg) repeat;
}

body {
background: url(http://mybb.forum4.ru/files/0016/e7/6d/33726.png) no-repeat center top;
width: 1280px;
}

#pun {
background: url(http://mybb.forum4.ru/files/0016/e7/6d/46248.png) repeat-y;
}

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

/* CS1.2 цвета форума*/
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: #7c3093;
  }

/* CS1.3 категории*/
#pun-stats h2, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url(http://artvolg.ru/uploads/ds/pl.png) no-repeat top center;
  color: #e2b6f9;
  font-weight: bold;
font-style: normal;
height: 66px;
text-shadow: 0 0 10px #1c0828;
text-transform: uppercase;
  }

.punbb .main h1 {
  background: url(http://artvolg.ru/uploads/ds/pl2.png) no-repeat top center;
  color: #e2b6f9;
  font-weight: bold;
font-style: normal;
height: 66px;
text-shadow: 0 0 10px #7c66a1;
text-transform: uppercase;
text-align: center;
  }

#pun-main .category, #pun-stats, .multipage, #pun-main h2 {position:relative; padding-bottom: 55px;}

#pun-stats:before, .punbb #pun-category1:before, .punbb #pun-category2:before, .punbb #pun-category3:before, .punbb #pun-category4:before, .punbb #pun-category5:before, .punbb #pun-category6:before, .punbb #pun-category7:before, .punbb #pun-category8:before, .punbb #pun-category9:before, .punbb #pun-category10:before, .punbb #pun-category11:before, .punbb #pun-category12:before, .punbb #pun-category13:before, .punbb #pun-category14:before, .punbb #pun-category15:before {
background: url(http://artvolg.ru/uploads/ds/tum.png) no-repeat 0 0;
display:block;content:"";
height: 103px;width:100%;
top:-100px;left:0px;
padding:0 5px;
position:absolute;
} 

#pun-stats:after, .punbb #pun-category1:after, .punbb #pun-category2:after, .punbb #pun-category3:after, .punbb #pun-category4:after, .punbb #pun-category5:after, .punbb #pun-category6:after, .punbb #pun-category7:after, .punbb #pun-category8:after, .punbb #pun-category9:after, .punbb #pun-category10:after, .punbb #pun-category11:after, .punbb #pun-category12:after, .punbb #pun-category13:after, .punbb #pun-category14:after, .punbb #pun-category15:after{
background: url(http://artvolg.ru/uploads/ds/zv.png) no-repeat 0 0;
display:block;content:"";
width:1000px; height: 150px;
top:-5px; left: 0px;
padding:0 5px;
position:absolute;
} 

#navindex,#navuserlist,#navsearch {float:left; margin-top: 0px; margin-left: 2px;}
#navextra1,#navpm,#navlogout,#navlogin,#navprofile {margin-top:-5px; margin-right:2px; }
#navprofile, #navregister {margin-top:-5px; margin-right:2px; margin-left:117px;}
#navLnkExtra {float:right;}

/* CS1.4 шапка*/
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #7c3093;
  }

#pun-announcement h2, #pun-announcement h2 span {
  display: none;
}

#pun-title h1 span, #pun-title h1 {
  display: none;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #e0beff;
  color: #7c3093;
  }

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

.punbb .post .post-author {
  background:url(http://artvolg.ru/uploads/ds/pr2.png) 0 0 repeat-y;
background-size: 100%;
  overflow: visible!important;
  margin:12px 0!important;
}

.punbb .pa-author{
color: #2c0b36;
    font-weight: bold;
    border-bottom: none;
    text-decoration: none;
    text-shadow: 0 0 10px #fbfbfb;
}
 
.punbb .post .post-author > ul {
  background:url(http://artvolg.ru/uploads/ds/pr1.png) 0 top no-repeat,
url(http://artvolg.ru/uploads/ds/pr3.png) 0 bottom no-repeat; 
background-size: 100%;
  margin: -12px 0 -12px 0!important;
  padding: 50px 17px!important;
  font-size: 15px;
}

li.pa-avatar.item2 img {
  border:#c99d34 solid 2px;
  margin-left: 0px;
  box-shadow: 0 0 5px #643273;
  margin-left: 5px;
 width: 190px;
  max-height: 250px;
}

.punbb .pa-avatar img {
    max-width: 200px;
    height: auto;
    text-align: center;
background: rgb(233, 210, 243);
}

.punbb dl {
font-color: #ba8dcb;
}

/* CS1.7 код и цитата*/
.punbb .quote-box, .punbb .code-box {
  background-color: #edcff6;
  color: #7c3093;
border: 1px dashed #643273;
  }

#main-reply {
  background-color: #eab9f9;
  color: #50225e;
border-radius: 5px;
border: 1px dashed #643273;
  }

/* CS1.8 меню*/
#pun-navlinks .container {
positoin: absolute;
background: transparent;
color: #e2b6f9;
text-transform: uppercase;
top: 320px;
width: 897px;
text-shadow: 0 0 10px #1c0828;
font-size: 14px;
  }

#navadmin span {
    font-size: 0;
}

#navadmin {
    position: absolute;
    top: -40px;
}

#navadmin span:after {
content: "Админка";
font-size: 16px;
 color: #f8f5fb;
font-family: Cambria;
 text-shadow: 0 0 10px #7c66a1;
text-transform: uppercase;
  font-weight: normal;
}

#pun-ulinks .container {
 display:none;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #edcff6;
  color: #7c3093;
  border: 1px solid;
}

/* 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: #D5B4EF  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;
  font-size: 18px;
  padding-top: 20px;
  text-align: center;
  }

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

li.pa-online {
 border-color: transparent;
  }

.punbb .post-sig dt {
 border-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 {
position: relative;
    z-index: 5;
      color: #2c0b36;
    font-weight: bold;
    border-bottom: none;
    text-decoration: none;
    text-shadow: 0 0 10px #fbfbfb;
  }

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

.punbb li.pa-fld1,
.punbb li.pa-fld2 {
color: transparent;
}

.punbb li.pa-fld1 img,
.punbb li.pa-fld2 img {
max-width: 50px;
max-height: 50px;
}

/* 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: #74318e;
    text-decoration: none;
  }

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

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

  }

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

#pun-main .category:last-of-type:before {
display: none;
}

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

div.icon {
        background: url(http://artvolg.ru/uploads/ds/ic3.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://mybb.forum4.ru/files/0016/e7/6d/61164.png)  no-repeat;
}

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

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

tr.iredirect div.icon {
        background: url(http://artvolg.ru/uploads/ds/ic4.png) no-repeat;
}

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

#pun_wrap {
	background: transparent url(http://artvolg.ru/uploads/ds/footer.png) no-repeat bottom center !important;
	padding-bottom: 409px !important;
}

#pun-about {
    background: transparent;
}

.html-box a:link{
text-transform: uppercase;
}

#smilies-area #wrapper {
    width: 400px;
    height: 300px;
    overflow-y: scroll;
    background: #f1d8fc;
    border: 2px solid #f3b26e;
    padding: 0 10px;
}

#smilies-area #wrapper ul li {
    display: inline-block;
    padding: 5px 3px;
    border: 1px solid;
    margin: 5px 0;
    font-size: 12px;
}

#image-area {
    background: #f7e3ff;
    border: 1px solid;
    padding-top: 10px;
}