/* CS1 Background and text colours
-------------------------------------------------------------*/
#pun { background-image: url(http://sb.uploads.ru/Nmrs4.png); background-color: #eddfbe; background-repeat: repeat;
}

body {background-image : url(http://sa.uploads.ru/x3FT9.png); background-color: #1d0601;  background-position: top center; background-repeat: repeat; background-attachment: fixed;}
body {overflow-x: hidden}

#pun-main .category .container table thead tr .tcl { 
text-align: center;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.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: #542c0b;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #542c0b;
  }

/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #542c0b;
  background: url();
  font-weight: bold;
  font-style: normal;
  height: 65px;
  text-align: none;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color:#000000;
  }

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f2ddc6;
  color: #542c0b
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #f2ddc6;
  color:#542c0b;
  }

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

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

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

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

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

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

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

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

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

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

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

.punbb .divider {
  border-color: #ffeacf
  }

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

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

.punbb .post-sig dt {
  border-top-color: #ffeacf !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: #83430e;
  font-weight: bold;
  text-transform: none;
  border-bottom: 0px none #000;
  text-decoration: none;
  text-shadow:1px  1px  1px  #efd0a4;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4;

  }

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

/* 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 {
  text-transform: none;
  color: #b47831;
  border-bottom: 0px none #000;
  text-decoration: none;
  .punbb A:link, .punbb A:visited {text-shadow: black 0.5px 0.5px 1px }
.punbb A:hover {text-shadow: black 0.5px 0.5px 1px}

  }

/* CS3.3 */
#pun-navlinks a {
  color: #83430e;
  font-size: 12px !important;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow:1px  1px  1px  #efd0a4;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #b47831;
  font-weight: bold;
  font-style: normal;
  text-shadow:1px  1px  1px  #efd0a4;
  text-decoration: none;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4;
  }

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


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

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

#pun-ulinks .container {text-align: center;}

#pun-main .post-author ul {text-align: center; line-height: 10px;}

#pun-main .post-content {font-size: 11px;}

#pun-main .quote-box, #pun-main .code-box {
padding-top: 5px;
background: #e7d1a0;
border:3px double #d7b15f;}

.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,punbb td.tc2,.punbb td.tcr,#pun .tc2, #pun-stats h2, 
#pun th, #pun-main .post h3 span, #pun-main .post h3, #pun-main .post-body, #pun-title, 
#pun-main .formal textarea, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2  {background-color: transparent; }

#pun-title .title-logo span {background-color: transparent; display: none;}



#pun-navlinks .container {
padding-top : 2px;
color: #212126;  
font-weight: bold;
text-align: center;
background-image : url();
background-color: transparent;
background-position: top center;
background-repeat: no-repeat;}

#pun #pun-index #pun-stats h2 {
color : цвет; background-image : url();
text-align: center;
font-weight: bold;
background-position: top center;
background-repeat: no-repeat;
}

#pun-main h2 {
color : цвет; background-image : url();
text-align: center;
font-weight: bold;
background-position: top center;
background-repeat: no-repeat;
}

#pun .punbb #pun-main h1{ color : ...; background-image : url();
text-align: center;
font-weight: bold;
background-position: top center;
background-repeat: no-repeat;
}

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 1px;
  position: absolute;
  right: 15%;
  top: 0;}

.punbb table Div.icon {float: right; display: block; border-style: none none none none;
width: 70px;
height: 70px;
margin-left: 0px;
background-image : url(http://s8.uploads.ru/GbP8V.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://s9.uploads.ru/5ZlV3.png);
background-repeat: no-repeat;
width: 70px;
height: 90px;
}

TR.isticky Div.icon {
background-image : url(http://s7.uploads.ru/N17A3.png);
background-repeat: no-repeat;
width: 70px;
height: 90px;
}

TR.iclosed Div.icon {
background-image : url(http://s8.uploads.ru/GbP8V.png);
background-repeat: no-repeat;
width: 70px;
height: 90px;
}


#pun-stats.section h2 span, .category h2 span {
}
#pun-category1.category h2 {
background: url(http://s8.uploads.ru/2ETeM.png) no-repeat center;
height: 251px;
width: 860px;
margin-left: -6px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category2.category h2 {
background: url(http://s9.uploads.ru/6MSjx.png) no-repeat center;
height: 251px;
width: 860px;
margin-left: -6px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category3.category h2 {
background: url(http://s9.uploads.ru/96AKw.png) no-repeat center;
height: 251px;
width: 860px;
margin-left: -6px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category4.category h2 {
background: url(http://s9.uploads.ru/Nbn8L.png) no-repeat center;
height: 251px;
width: 860px;
margin-left: -6px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-stats.section h2 {
background: url(....) no-repeat top center;
height: 10px !important;
display: none;
}

#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("..................");
background-origin: padding-box;
background-position: 15px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 20px;
padding-top: 20px;
 }


#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-image: url("");
  background-color: transparent !important;
  color: #3f3100;   font-weight: normal;   
  text-align: center;     
  height: 15px;
  font-size: 12px;
  font-weight: bold;
  padding-top: 5px!important;
  text-transform: uppercase;
  font-family: Palatino Linotype; 
  }

td.tcr a { 
background: url("http://s5.uploads.ru/QoLTt.jpg") 0% 4px no-repeat transparent;
padding-left: 9px;
}

.nav {margin: 0 0 5px 0; text-align:left; line-height: 90px}
.nav a {text-decoration: none; background-color: #b7c663;
padding: 82px 10px 2px 10px; color: #2e2429}
.nav a:hover {background-color: #bdcbdb;
color:}
.pages {margin-top: 10px; margin-bottom: 10px;
text-align: center; line-height: 20px}
.pages a {text-decoration: none; background-color: #64778d;
padding: 2px 4px 2px 4px; color: #2e2429}
.sidimage{margin: 5px 0 5px 0; text-align: center}
.sidimage img {max-width: 230px; height: 67;}



#pun-about p.container {background-color: #;
background-image : url(///);
margin-left: -32px;
background-position : center top;
background-repeat : no-repeat;
width: 880px;
height : 60px; 
overflow-x: hidden;}

div#html-footer {
margin: 0px 0px 0px 0px;}

div#pun-about {
   margin-bottom: -5px;

}
div#html-footer {
margin: -80px 0px 0px 0px;}

#pun-announcement.section h2 span {display: none; }
a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 10px;
background-color:#4f0c2d;
color: #ffffff; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #ffffff;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 10px;
color: #4f0c2d; 
background-color:#ffffff;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #4f0c2d;
border-left-width: 5px;
width:200px;
}


/* края цитаты и кода*/
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
background-color: #e7d1a0; 
padding: 7px;
padding-top:6px;
border:3px double #d7b15f;
}

.punbb input { background-color: #e7d1a0; !important;
border: solid;
padding: 7px;
padding-top:6px;
border:3px double #d7b15f;
}


/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #e7d1a0; !important;
padding: 7px;
padding-top:6px;
border:3px double #d7b15f;
}


/* низ */
#pun-about p.container {background-color: #;
background-image : url(http://s9.uploads.ru/hMTy3.png); 
background-position : center top; 
background-repeat : no-repeat;
height: 260px;
width: 1299px; 
margin-left: -248px;
text-align: center;
border-color: transparent;
}



#pun-navlinks .container { text-align: center; position: absolute; background-color: transpanent;
z-index: 1000;
left: 100px;
top: 490px;
width: 850px;}
#pun-ulinks .container  {text-align: center; position: absolute; background-color: transpanent;
z-index: 1000;
top: 520px;
width: 850px;}



.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 position: absolute;
 background: #000000;
 color: #ffffff;
 padding: 10px 10px;
 bottom: 40px;
 right: -40px;
 box-shadow: 0 0 2px #цвет тени обводки блока;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-box-shadow: 0 0 0px #000000;
 -moz-box-shadow: 0 0 0px #000000;
}
.tooltip:hover em i {
 position: absolute;
 bottom: -13px;
 right: 3px;
 border-top: 3px solid #000;
 border-left: 3px solid transparent;
 display: block;
}


#pun-about p.container {
text-align: center;
}