/* CS1 Background and text colours
-------------------------------------------------------------*/

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

body {
 background-color: #c9c0b8;
 background-image: url("");
  background-repeat: repeat-x;
}

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
 background-color: transparent;
  color: #edebe9;
  font-size:28px;
  font-family: 'Haettenschweiler Regular'; 
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: -1px  -1px  0px  #948e86;
  text-align: center;
  }

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background: transparent url(http://hellandhell.at.ua/FairyTail/thead.png) repeat bottom center;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px; padding: 5px; 
  color: #645b54
  }
.punbb .quote-box {
background: url(http://hellandhell.at.ua/FairyTail/thead.png) repeat,
url(http://hellandhell.at.ua/FairyTail/quote.png) no-repeat top right;}

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

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

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


.punbb select, .punbb input {
background: transparent url(http://hellandhell.at.ua/FairyTail/thead.png) repeat bottom center;
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: #645b54
}

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

  }

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

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

  }

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

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #807163;
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/FairyTail/old.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(http://hellandhell.at.ua/FairyTail/new.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://hellandhell.at.ua/FairyTail/imp.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://hellandhell.at.ua/FairyTail/closed.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(http://hellandhell.at.ua/FairyTail/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: 250.5px;
  top:25px;  
}
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{ 
  filter:alpha(opacity=40)!important; 
  opacity: 0.4!important;  
  -moz-opacity: 0.4!important;  
  -khtml-opacity: 0.4! important;  
}

#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{
  text-align: center;
  float: center;
}

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


#pun-main #pun-reputation .reputation .container, div#pun-reputation div.inner h1 {
  background: #d3cec7 !important;  }


div#pun-about {
  margin-bottom: -10px;
}

b, p strong{  
 color: #9c8c7d; 
 text-shadow:1px  1px  1px  #e1dad4;}


.punbb th {
 background: transparent url("http://hellandhell.at.ua/FairyTail/thead.png");
margin-top: -20px;
border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
}

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

#pun-about .container {
  background-color: transparent; 
  text-align: right;
  width: 1000px;
  height: 204px;
  background-image: url("http://hellandhell.at.ua/FairyTail/copyright.png");   
  background-repeat: no-repeat;
  background-position: bottom center; 
  margin-left: -241px;
  padding-bottom: 30px;
margin-bottom: -10px;
  }

#pun {
  background-image: url("http://hellandhell.at.ua/FairyTail/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/FairyTail/head.png"); 
  background-attachment: scroll;
  background-position: top center; 
  background-repeat:no-repeat;
  height:500px;
  width : 1000px; margin-top:0px;
  margin-left: -240px;}

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

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

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

.punbb .post .post-author {
background: transparent url(http://hellandhell.at.ua/FairyTail/thead.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:#958a81;}

.punbb .post-sig dt { 
  border-top: 1px dashed #b8aea0;
  }

.punbb .post .post-author a {
border-bottom:1px dashed #655d55;
  color: #655d55;
  }

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

#form-buttons {
background: transparent url(http://hellandhell.at.ua/FairyTail/thead.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;
}

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

div#html-footer .container a img {
border: 6px solid #bfb8ad;}

#pun-category1 h2, #pun-category2 h2, #pun-category3 h2, #pun-category4 h2, #pun-category5 h2, #pun-category6 h2, #pun-category7 h2, #pun-category8 h2, #pun-category9 h2, #pun-category10 h2, #pun-stats h2, #post-form h2 {height: 50px;  background-repeat: no-repeat; background-overflow-x: hidden;   color: transparent !important; text-shadow: none;background-position: center;}

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

#navi a {
display: block;
color:#82766b;
font-family:verdana;
font-size: 10px;
text-transform: lowercase;
width: 180px;
text-align: center;
background:#d7d2c9;
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:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px; 
padding: 1px; 
margin: 2px;} 

#navi a:hover { 
color:#82766b;
font-family:verdana;
font-size: 10px;
text-transform: lowercase;
width: 180px;
text-align: center;
letter-spacing: 4px; 
background:#ded7cc;
-webkit-transition: 0.1s ease-in;
-moz-transition: 0.1s ease-in;
-o-transition: 0.1s ease-in;
border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px; 
padding: 1px; 
margin: 2px;} 

/* CS7 Tooltips
 -------------------------------------------------------------*/
.tooltip {
border: none; 
color: #000000;
text-decoration: none;
position: relative;}

.tooltip span {
margin-left: -999em;
position: absolute;}

.tooltip:hover span {
font-family:verdana;
position: absolute;
left: -200px; 
top: -60px; 
z-index: 99;
margin-left: 0;
width: 170px;}

.tooltip:hover img {
left: 1em; 
top: 2em; 
z-index: 99;
margin-left: 0;
width: 170px;}

.fairy { 
background: transparent url(http://hellandhell.at.ua/FairyTail/tooltip.png) ;
padding: 2px;
border-radius: 5px 5px; 
-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
border-top: solid 2px  #b7ab9f; 
  border-bottom: solid 2px  #b7ab9f;}

/* CS8 Slideout
 -------------------------------------------------------------*/
#slideout {
z-index: 200;
position: fixed;
top: 5px;
right: 0;
width: 30px;
padding: 12px 0;
text-align: center;
background-image: url(http://hellandhell.at.ua/FairyTail/slideoutt.png);
background-repeat: repeat-y;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;      }

#slideout_inner {
z-index: 200;
overflow-y: auto;
color: #645b54;
position: fixed;
top: 5px;
right: -250px;
background-image: url(http://hellandhell.at.ua/FairyTail/slideoutt.png);
background-repeat: repeat-y;
width: 225px;
padding: 15px;
max-height: 600px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: justify;
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px; }

#slideout_inner textarea {
 width: 190px;
height: 150px;
margin-bottom: 6px; }

#slideout:hover {
right: 250px; }

#slideout:hover #slideout_inner {
right: 0;  }

#navawards {display : none !important;}