/* CS1 Background and text colours
-------------------------------------------------------------*/

#pun-title TABLE { 
background : transparent url(http://s1.uploads.ru/i/NjriZ.jpg) no-repeat left top; margin-left: -30px; 
}

#pun {background: #dadadb url(http://s1.uploads.ru/i/ywSMp.jpg) top left repeat
} 

body {background: #000000 url(http://s1.uploads.ru/i/ByeaR.jpg) top center repeat;}


/* 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: #;
  color: #020202;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #;
  color: #020202;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #020202;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #;
  color: transparent
  }

.punbb .modmenu .container {color: #020202}


/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #;
  color: #020202
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #;
  color: #020202
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #acb3b9;
  color: #020202
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #;
  color: #020202
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #acb3b9;
  color: #020202
}

/* 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: #5d82a1;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #070b15;
  }

#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
  }

li.pa-online {
  border-left-color: #;
  }

.punbb .post-sig dt {
  border-top-color: # !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: #293041;
    border-bottom: 0px none #000;
 text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #070b15
  }

/* 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: #070b15;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #293041;
  text-decoration: none; 
/*-webkit-transition: color 0.5s ease;
-khtml-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;*/
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #070b15;
  text-decoration: none; 
/*text-shadow: #000041 0.1em 0.1em 0.1em;*/

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #293041;
  text-decoration: none; 

  }

/* Пользовательские ссылки */
/* CS3.5 */
#pun-ulinks a {
  color: #293041;
  text-decoration: none; 
/*-webkit-transition: color 0.5s ease;
-khtml-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;*/
  }

/* CS3.6 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-navlinks a:active {
  color: #070b15;
  text-decoration: none; 
/*text-shadow: #000041 0.1em 0.1em 0.1em;*/

  }


/* CS4 Post status icons
-------------------------------------------------------------*/
#pun-main table Div.icon {padding-left: 10px; padding-top: 20px; padding-bottom: 15px;}
Div.icon {
background-image : url("http://s1.uploads.ru/i/UNvYz.png");
background-repeat: no-repeat;
}
.newtext {display:none}
tr.inew div.icon {
background-image: url("http://s1.uploads.ru/i/LPnQj.png");
background-repeat: no-repeat;
}


/*otredaktirovano*/
.lastedit {display: none}

.catleft {display: none;}

h3, #pun-about, .statscon {width: 860px !important;}

/* категория */
/*#pun-main h2 {
background: url(http://s1.uploads.ru/i/jPZrk.jpg) no-repeat; background-position: center; background-color: transparent; width: 900px; 
height: 65px; margin-left: -30px; 
} */



#pun-reputation .container {
  background-color: #73787d;
border-radius: 10px;
-moz-border-radius: 10px;
}

/*#html-footer {background: url("http://s1.uploads.ru/i/oqVCj.jpg") no-repeat; margin-left:-30px; margin-bottom: 0px !important; height: 29px; width: 900px;}*/


/*navigation*/
.nav {margin: 2px;}
.nav a{
font-size: 10px; display: block; color: #7b8290 !important; text-align: center; width: 120px; padding: 1px; margin: 1px; text-decoration: none !important; 0.1em 0.1em 0.2em;}
.nav a:hover{color:#ffffff !important;}


div.container div.post-author li.pa-avatar{
  width: 190px;
  height: 200px;
}

#announce a:link, #announce a:visited{
   color: black;
   font-size: 12px;
   text-decoration: none;
}

#announce a:hover{
   color: #293041;
   font-size: 12px;
}

.punbb li.pa-avatar img{
   border: 5px double #294062; 
   border-top-left-radius: 20px;
   border-bottom-right-radius: 20px;
   -o-border-top-left-radius: 20px;
   -o-border-bottom-right-radius: 20px;
}

.punbb li.pa-respect{
   padding-top: 15px;
}

#pun-viewtopic #pun-main div.topic div.post.topicpost div.container div.post-body a{text-decoration: underline;}

#pun-viewtopic #pun-main div.topic div.post.topicpost div.container div.post-body a:hover{text-decoration: none;}

/* Меню со вкладками */ 	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#020202;
margin: 7px 0;
padding: 11px;
text-align: center;
text-shadow: 0px 1px 1px #fff;

 box-shadow: 
        0 2px 8px rgba(0,0,0,0.5), /* Exterior Shadow */
        inset 0 1px rgba(255,255,255,0.3), /* Top light Line */
        inset 0 10px rgba(255,255,255,0.2), /* Top Light Shadow */
        inset 0 10px 20px rgba(255,255,255,0.25), /* Sides Light Shadow */
        inset 0 -15px 30px rgba(0,0,0,0.3); /* Dark Background */

    -o-box-shadow: 
        0 2px 8px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px rgba(255,255,255,0.2),
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);

    -webkit-box-shadow: 
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px rgba(255,255,255,0.2),
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);

    -moz-box-shadow:
        0 2px 8px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px #dee5ee,
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);

}
#menu span:hover{
    background: #dee5ee;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
#submenu, #menu span {
    border-radius: 5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius: 5px;
    border-style: double; 
    border-color: #a3a3a3;
    background:#dadadb;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

#submenu{
    border-style: double; 
    border-color: #294062;
}

#menu .tabactive {
    color: #dcdcde;
    background:#294062;
    text-shadow: 0px 1px 1px #000;
    border-style: double; 
    border-color: #294062;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

#menu .tabactive:hover{
    background: #4d668a;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

#submenu {
padding: 3px;
height: 200px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}

#pun-title td.title-logo-tdr {
z-index: 1;
padding-top: 320px !important;
padding-right: 245px;
float: right;
transform: scale(0.75);
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-o-transform: scale(0.75);
-ie-transform: scale(0.75);
}

#pun-navlinks{margin-top: -30px !important;}

#pun-announcement .container{padding-top: 10px !important;}

li.pa-fld1{
  position: relative;
  width: 179px;
  height: 47px;
  padding: 5px;
  padding-left: 10px;
}

li.pa-fld1 a.personal-profile{
   background: #294062;
   position: absolute;
   top: -5px;
   left: 5px;
   padding: 13px;
   width: 147px;
   color: white;
   font-family: 'Jura', sans-serif;
   font-size: 16px; 
   border: 2px solid #294062; 
   border-top-left-radius: 20px;
   border-bottom-right-radius: 20px;
   -o-border-top-left-radius: 20px;
   -o-border-bottom-right-radius: 20px;

  text-shadow: 0px 1px 1px #000;

 box-shadow: 
        0 2px 8px rgba(0,0,0,0.5), /* Exterior Shadow */
        inset 0 1px rgba(255,255,255,0.3), /* Top light Line */
        inset 0 10px rgba(255,255,255,0.2), /* Top Light Shadow */
        inset 0 10px 20px rgba(255,255,255,0.25), /* Sides Light Shadow */
        inset 0 -15px 30px rgba(0,0,0,0.3); /* Dark Background */

    -o-box-shadow: 
        0 2px 8px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px rgba(255,255,255,0.2),
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);

    -webkit-box-shadow: 
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px rgba(255,255,255,0.2),
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);

    -moz-box-shadow:
        0 2px 8px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.3),
        inset 0 10px #dee5ee,
        inset 0 10px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);
  transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

li.pa-fld1 a.personal-profile:hover{
  background: #4d668a;
  transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.punbb .post-content  .spoiler-box{opacity: 0.85 !important;}