/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
 background-color: #292929;
 background-image: url("http://hellandhell.at.ua/HET/bg.png");
  background-repeat: repeat-x;
}

 @font-face {
font-family: 'Haettenschweiler Regular'; 
src: url(http://hellandhell.at.ua/RED/Haettenschweiler_Regular.ttf); 
   }

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  color: #131313;
 font-size:18px;
 letter-spacing:1px;
 text-transform: uppercase;
 background: transparent url("http://hellandhell.at.ua/HET/h2.png") no-repeat top center;
  text-align: center;
  height: 40px;
  width: 850px;
  margin-left: -40px;
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
 font-family: 'Haettenschweiler Regular'; 
  }

#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background: transparent url(http://hellandhell.at.ua/HET/q.png) repeat;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px; padding: 5px; 
  color: #767672
  }


.punbb .quote-box {
background: url(http://hellandhell.at.ua/HET/q.png) repeat,
url(http://hellandhell.at.ua/HET/quote.png) no-repeat top right;}

 .punbb .code-box {
background: url(http://hellandhell.at.ua/HET/q.png) repeat,
url(http://hellandhell.at.ua/HET/code.png) no-repeat top right;}


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

.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea {
background: transparent url(http://hellandhell.at.ua/HET/q.png) repeat;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px; padding: 5px; 
  color: #767672
  }


.punbb select, .punbb input {
background: transparent url(http://hellandhell.at.ua/HET/q.png) repeat;
padding: 2px;
border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px; border: none !important;
  color: #767672
}

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

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

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

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

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

.punbb .post-sig dt {
  border-top-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 {
  color: #9e9e9c;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* 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: #888884;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #9e9e9c;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #888884;
font-weight:  bold;

  }

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


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

Div.icon {background-image : url(http://hellandhell.at.ua/HET/old.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(http://hellandhell.at.ua//HET/new.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://hellandhell.at.ua//HET/imp.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://hellandhell.at.ua//HET/closed.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(http://hellandhell.at.ua//HET/ire.png); background-repeat: no-repeat;}

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



/* CS5 Other
 -------------------------------------------------------------*/


#pun-title table tbody tr .title-logo-tdr {
  position: absolute; 
  z-index: 1;
  left: 450.5px;
  top:75px;  
}

#pun-main .linksb .postlink, .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {
  display: none
}

pa-adnote , .pa-from , .pa-reg , .pa-posts, .pa-respect , .pa-positive, .pa-sex, .pa-icq , .pa-ip , .pa-online , .pa-age , .pa-mailagent, .pa-avatar, .pa-title, .pa-author , .pa-time-visit , .pa-fld1 , .pa-fld3 , .pa-fld2, .pa-last-visit, .pa-invites, .online ul img, .pa-awards{
  text-align: center;
  float: center;
}

#pun-stats ul.container {
  background: transparent url(http://hellandhell.at.ua/HET/stats.png) no-repeat 10px 1px;
  padding-left:80px;
  padding-bottom:5px;}


#pun-main #pun-reputation .reputation .container, div#pun-reputation div.inner h1 {
  background: url("http://hellandhell.at.ua/HET/pun.png") !important;  }


b, p strong{  
 color: #6c6c68; 
 text-shadow:1px  1px  1px  #353535;}

hr {
border: none;
border-top: solid 3px #afa59b;}

#pun {
  background-image: url("http://hellandhell.at.ua/HET/pun.png"); 
  background-repeat: repeat-y; 
  background-attachment: scroll; 
  background-position: top center; 
  }

#pun-title.section {background-color: transparent; 
  background-image: url("http://hellandhell.at.ua/HET/top.png"); 
  background-attachment: scroll;
  background-position: top center; 
  background-repeat:no-repeat;
  height:400px;
  width : 1000px; margin-top:0px;
  margin-left: -95px;}

.punbb .linkst, .linkst .pagelink, .linkst .postlink, .punbb .linksb, .linksb .pagelink, .linksb .postlink, .subscribelink {  color: #767672; }

#pun-redirect, #pun-maint { 
 height:300px;
 line-height: 12px;
 background-image: url("http://hellandhell.at.ua/HET/red.png");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center; 
 text-align:center; 
 font-size:10px !important;
 width: 400px; 
 padding: 20px;
  }

#pun-redirect .main-title {
  margin-bottom:60px !important;
  }

{
background: transparent url(http://hellandhell.at.ua/HET/q.png) repeat;
border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
}

.punbb .post .post-author {
background: transparent url(http://hellandhell.at.ua/HET/q.png) ;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
margin: 5px;
}

.punbb .post-sig {color:#52524f;}

.punbb .post-sig dt { 
  border-top: 2px solid #1a1a1a;
  }

.linkst .pagelink, .linkst .postlink {
padding-top: 15px;}

#form-buttons {
background: transparent url(http://hellandhell.at.ua/HET/q.png) ;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
margin: 2px 2px 2px 10px;
padding: 2px 2px 2px 10px;
}

#copyright {
text-align: center;
 background-image: url("http://hellandhell.at.ua/HET/copyright.png");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center; 
 font-size:10px !important;
 width: 850px; 
height: 200px;
margin-left:-22px;
}

.banners a img{
opacity: 0.7;
filter:alpha(opacity=70);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3;}

.banners a:hover img {
opacity: 1;
filter:alpha(opacity=100);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3;}

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

/* CS6 Table
 -------------------------------------------------------------*/

#menu {
margin-top: -5px;
width: 150px;
height: 20px;}

#menu span {
display: block;
color: #767672;
margin: 2px 0;
padding: 2px;
background: transparent url(http://hellandhell.at.ua/HET/q.png) repeat;}

#submenu{
padding: 2px; 
border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
background: transparent url(http://hellandhell.at.ua/HET/q.png) repeat;}

#menu .tabactive {
color: #767672;
background: transparent url(http://hellandhell.at.ua/HET/q2.png) repeat;}

#submenu {
padding: 3px;
height: 250px;
text-align: center
font-size: 11px;
color: #767672;
width: 620px; }

.submenutext {
display: none; 
height: 40px;}

/* CS7 Table Links
 -------------------------------------------------------------*/

#navi a {
display: block;
color:#5b5b58;
font-family:cambria;
font-style: italic;
font-size: 11px;
text-transform: lowercase;
width: 180px;
height:15px;
text-align: center;
background:#0f0f0f;
transition: 0.1s ease-in;
-webkit-transition: 0.1s ease-in;
-moz-transition: 0.1s ease-in;
-o-transition: 0.1s ease-in;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px; padding: 1px; 
margin: 2px;} 

#navi a:hover { 
color:#4d4d4a;
font-weight: none;
font-family:cambria;
text-transform: lowercase;
font-style: italic;
letter-spacing: 4px; 
font-size: 11px;
width: 180px;
height:15px;
text-align: center;
background:#0f0f0f;
letter-spacing: 2px;
-webkit-transition: 0.1s ease-in;
-moz-transition: 0.1s ease-in;
-o-transition: 0.1s ease-in;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px; padding: 1px;
margin: 2px; }