/* CS1 Background and text colours
-------------------------------------------------------------*/


  body {
  background: url("http://song.f-rpg.ru/files/0012/2c/8f/87677.jpg") no-repeat top center; 
  }

HTML {
background: url("http://song.f-rpg.ru/files/0012/2c/8f/74186.jpg") center top repeat-y #49475c; 
}



#pun_wrap {  
background: url("http://song.f-rpg.ru/files/0012/2c/8f/63680.jpg") no-repeat center bottom;
padding-bottom: 200px;
min-height: 1000px;
}


/* 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: #332029;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #64442D;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
height: 50px;
font-size: 16pt !important;
text-align: center;
color: #5a2b13;

 
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #332029;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #332029
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #332029;
    }



/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input  {
background: #927860;
background: rgba(145, 120, 96, 0.400);
  color: #444444;
  border: none;
  padding: 3px;
  }



/* 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: #DCDCDC;
  }

#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 #eabcf1;
  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: #333 !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: #572300;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #DCDCDC
  }

/* 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: #761B00;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: rgba(214, 186, 148, 0.749);
  border-bottom: 0px none #000;
  text-decoration: none;
  text-transform: uppercase;
 font-family:  'Times New Roman', Times, Georgia, serif;
  font-size: 14px;
  font-weight: bold;
text-shadow: 0px 0px 3px #000000;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #d7bc95;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }


/* CS4 Post status icons
 -------------------------------------------------------------*/

Div.icon {
height:64px;
width: 64px;
  background: url(http://song.f-rpg.ru/files/0012/2c/8f/90681.png) no-repeat;
  }
TR.inew Div.icon {background-position: 0px -64px ;}
TR.iclosed Div.icon {background-position:  0px -192px;}
TR.isticky Div.icon {background-position:  0px -128px;}



/*рамка аватара и поля профиля*/

.pa-author {
 background: url(http://song.f-rpg.ru/files/0012/2c/8f/59795.png) no-repeat top center; 
height: 28px;
padding-top: 28px !important;
padding-left: 20px !important;
padding-right: 10px !important;
  }

.pa-avatar {
background: url(http://song.f-rpg.ru/files/0012/2c/8f/85534.png) repeat-y top center; 
padding-left: 20px !important;
padding-right: 10px !important;
  }
.pa-title {
background: url("http://song.f-rpg.ru/files/0012/2c/8f/49491.png") 50% 100% no-repeat transparent;
margin-bottom: -20px !important;
padding-bottom: 35px !important;
position: relative;
color: #79624A;
font: 8pt "verdana", "arial", "helvetica", sans-serif;
padding-left: 20px !important;
padding-right: 10px !important;
  }

.pa-posts 
{
background: url("http://song.f-rpg.ru/files/0012/2c/8f/87861.png") 50% 0% no-repeat transparent;
margin-top: -32px !important;
padding-top: 16px !important;
min-height: 21px
}

.pa-respect, .pa-gifts, .pa-positive, .pa-time-visit, .pa-fld1, .pa-fld2, .pa-fld3, .pa-fld4, .pa-fld5 {
background: url(http://song.f-rpg.ru/files/0012/2c/8f/47123.png) repeat-y top center; 
padding-left: 34px !important;
padding-right: 24px !important;
}

.pa-last-visit {
background: url("http://song.f-rpg.ru/files/0012/2c/8f/33758.png") 50% 100% no-repeat transparent;
margin-bottom: -22px !important;
padding-bottom: 22px !important;
padding-left: 34px !important;
padding-right: 24px !important;
}


.pa-author a { 
color: #AA8C63 !important;
font-family: "Times New Roman", "Times", "Georgia", serif;
font-size: 12pt;
}



/*кнопки*/
.punbb .button { 
background: #571911;
border-bottom: 3px outset #571911;
border-left: 3px outset #935950;
border-right: 3px outset #571911;
border-top: 3px outset #2F5A72 !important;
box-shadow: 0px -1px 2px #ACE9FF, inset 0px 0px 2px #DDAAAA;
color: #DABA9B;
text-shadow: 1px 1px 2px #000000;
}



.adformal h2, #pun-adnav h2 {background: transparent !important;}






/*рамка для быстрого ответа и цитат*/
#main-reply, .punbb .quote-box, .punbb .code-box  { 
border: 10px solid transparent;

    -moz-border-image: url(http://song.f-rpg.ru/files/0012/2c/8f/39859.png) 10 repeat;
    -webkit-border-image: url(http://song.f-rpg.ru/files/0012/2c/8f/39859.png) 10 repeat; 
    -o-border-image: url(http://song.f-rpg.ru/files/0012/2c/8f/39859.png) 10 repeat;
    border-image: url(http://song.f-rpg.ru/files/0012/2c/8f/39859.png) 10 repeat;

background: rgba(60, 42, 24, 0.149);

display: block;
margin-bottom: 0pt;
padding: 0px;
box-shadow: #9C6E5A 0px 0px 3px, inset 0px 0px;
}


/*боковая панель*/
#sidepanel:hover {
margin-right: -1px;
}
#sidepanel { 
background: url("http://song.f-rpg.ru/files/0012/2c/8f/33772.png") no-repeat transparent;
height: 442px;
margin-right: -220px;
opacity: 1;
position: fixed;
right: -5px;
top:20px;
width: 274px;
z-index: 1200;

-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;

}
#sidepanel .container { 
height: 290px;
padding: 90px 0px 0px 75px;
width: 190px;
}

#sidepanelname {
color: rgba(187, 155, 121, 0.749);
float: left;
font-family: "Times New Roman", "Times", "Georgia", serif;
font-size: 15px;
font-weight: 700;
height: 30px;
left: -11px;
position: relative;
text-align: center;
text-shadow: 0px 0px 0px #609388;
text-transform: uppercase;
top: 158px;
width: 110px;

     -moz-transform:    rotate(270deg);
     -o-transform:      rotate(270deg);
     -webkit-transform: rotate(270deg);
     transform:         rotate(270deg);

   /* для IE8+ - условие необходимо писать в одну строку */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, SizingMethod='auto expand')";
   
   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=6.123233995736766e-17,
            M12=1,
            M21=-1,
            M22=6.123233995736766e-17,
            SizingMethod='auto expand');
} 






/*кнопка баннеры*/

#bannerbutton {position: relative;}
#bannerbutton a{
background: url("http://song.f-rpg.ru/files/0012/2c/8f/31039.png") 0px 0px no-repeat transparent;
color: transparent;
font-size: 35px;
height: 40px;
left: 50%;
margin: 30px auto auto -55px;
position: absolute;
text-shadow: none;
width: 110px;
text-indent: -2000px;
}
#bannerbutton a:hover, #banners a:focus, #banners a:active {background-position: 0px -40px !important;}


