/* CS1 Background and text colours
-------------------------------------------------------------
*/

#pun-title TABLE { 
background : transparent url(http://savepic.su/4924450.png) no-repeat left top; 
margin-left : -70px;
  height: 268px;
  width: 958px;

}

body {background-color: #110b0f;
background: url("----") repeat-x top,
url("----") repeat-x bottom,
#e8e8e8 url("http://savepic.su/4928557.png") repeat;
}

#pun {
background-image : url("http://savepic.su/4978721.png");
background-color: transparent;
background-repeat: repeat;
margin-left : -71px;
   width: 958px;
background-attachment : no-fixed;


/* 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: #40364c;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #40364c;
  }

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #40364c;
  font-weight: normal;
  font-style: normal;
  }


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #40364c;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #dfd0bc; background-image: url("http://funkyimg.com/i/K5eY.png");}
  color: #4f280b;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #40364c; 
  text-align: center;
  }


/* CS1.9 */
.punbb textarea, .punbb select, .punbb input {background-image: url("http://funkyimg.com/i/K5eY.png");background-color: #dfd0bc;
  color: #40364c; background-image: url("http://funkyimg.com/i/K5eY.png");}

.offline li.pa-online strong {
  color: #40364c;
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #dfd0bc;
  color: #40364c;
}



/* 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;
  }

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: #4c3d56;
  }

/* 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 {
  border-color: #868079;
  }

#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 #868079

  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent !important;
  }


/* 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: #473b54;
    border-bottom: 0px none ;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #bbb1c7;
font-style: italic;
  }

/* 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: #837098;
    border-bottom: 0px none ;
  }

/* CS3.3 */
#pun-navlinks a {
 color: #422860;
    border-bottom: 0px none;
  text-decoration: none;
   text-shadow: 0px 0px 0px ;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #57436f;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none ;
  text-decoration: none;
  text-shadow: 0px 0px 0px ;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #000000;
  color: #000000;
  }


/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}
tr.iredirect div.icon {border-color: #7e5b40 #7e5b40 #7e5b40 #7e5b40}
div.inew {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}

#pun-main div.catleft, #pun-main div.catright {display: none}


.punbb table Div.icon {float: left; display: block; border-style: none none none none; margin-left: 0px;margin-right: 0px;
width: 36px;
height: 51px;
background-image : url(http://savepic.su/4964425.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://savepic.su/4979785.png);
background-repeat: no-repeat;
width: 36px;
height: 51px;
}

TR.isticky Div.icon {
background-image : url(http://savepic.su/4953161.png);
background-repeat: no-repeat;
width: 36px;
height: 51px;
}

TR.iclosed Div.icon {
background-image : url(http://savepic.su/4932681.png);
background-repeat: no-repeat;
width: 36px;
height: 51px;
}



#pun-title .title-logo {display : none;}

.ex1 table { font-family: Arial; font-size: 8px; color: black; text-align: justify; width: 300px; }



/* Цитата */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
background-clip:padding-box;
-moz-background-clip: padding-box;
border-width: 8px;
-moz-border-image: url(http://sa.uploads.ru/rmilz.png) 8 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://sa.uploads.ru/rmilz.png) 8  repeat;  /* Safari 5 и Chrome */
    -o-border-image: url(http://sa.uploads.ru/rmilz.png) 8 repeat; /* Opera 10.5 */
  }



/* Профиль */
.punbb .post .post-author > ul {
background: url(http://savepic.su/4942907.png) top center no-repeat,
url(http://savepic.su/4931643.png) bottom center no-repeat;
padding: 12px 5px 20px 5px !important;
}

.punbb .post .post-author {
text-align: center;
background: transparent url(http://savepic.su/4947002.png) repeat-y top center;
color: #554c60;
border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}

.pa-author a, .pa-author {
  color: #fff !important;
 font-family: 'Lobster';
 font-size: 16px;
 font-weight: normal;
 margin-left: -2px !important;
margin-top: -5px !important;
margin-bottom: 5px !important;
padding: 3px 6px 3px 0px !important;
position: relative;
text-align: center;
font-weight: normal;
width: 210px !important; 
z-index: 0;}

.pa-author a:hover {
color: #ebebeb!important; }

.pa-avatar img {
  box-shadow: 0px 0px 0px 1px #c3c3c3;
  border: 2px solid #e8e8e8 !important;
padding-top: 0px;
}


.pa-fld2 {margin-top: -5px !important;

}
.pa-fld1 {
background-image : url("---");
background-color: #;
border-top: 0px #6c5a82 solid;
border-bottom: 0px #40364c solid;
border-right: 0px # solid;
border-left: 0px # solid;
padding: 3px 3px 3px 3px !important;
margin-top: 0px !important;
margin-bottom: 5px !important;
font-family: Tahoma;
text-align: justify;
color: #2f2a35;}

.pa-fld3 {margin-top: 0px !important;

}



/* Остальное */

hr {
border: none;
border-top: 1px #4c3f5d dotted;}


::-webkit-scrollbar{ width: 7px; height: 4px;}
::-webkit-scrollbar-thumb {background-color: #4c3f5d;}


.closedatafield  {
  display: none
  }

b, p strong{  
 color: #65556f; 
 text-shadow:1px  1px  0px  #f5edd9;}





.sidebar {
position: absolute;
top: 60px;
margin-left: 8px !important;
width:270px;
color: #828186;
text-align: center;
overflow-y: auto;
}

.sidebar1 {
position: absolute;
top: 60px;
margin-left: 620px !important;
width:270px;
color: #828186;
text-align: center;
overflow-y: auto;
}


.navi a, .navi a:hover  {
background: #71a6d9;
color: #ffffff !important;
display: block;
width: 180px;
font-weight: bold;
font-size: 10px;
text-align: center;
margin-bottom: 1px;
padding:2px;
border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
box-shadow: 0px 0px 11px #15304b inset; 
text-shadow: 1px 1px 0px #4494ac;
 -moz-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}

a.purple {
background: #0170da;
box-shadow: 0px 0px 10px #15304b inset; 
text-shadow: 1px 1px 0px #556a9b;
}

.navi a:hover {
 -moz-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
background: #bcbcb8;
box-shadow: 0px 0px 10px #15304b inset; 
text-shadow: 1px 1px 0px #a0a09d;
}



.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 position: absolute;
 background: url("http://savepic.su/4928557.png"); /* фон */
 color: #dad9d8;
 padding: 20px 20px;
 bottom: 20px;
 right: 20px;
 box-shadow: 0 0 1px #цвет тени обводки блока;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -webkit-box-shadow: 0 0 20px #000000;
 -moz-box-shadow: 0 0 20px #000000;
}
.tooltip:hover em i {
 position: absolute;
 bottom: -7px;
 right: 5px;
 border-top: 7px solid #000;
 border-left: 7px solid transparent;
 display: block;
}