/* CS1 Фон и цвет текста*/

/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #32301b;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color:#889478; background-image: url(http://funkyimg.com/i/21oHB.png); background-position: top center;}

/* CS1.4 Пан или "тело" форума */
#pun {background-image: url(http://funkyimg.com/i/21mL1.png);}

/* CS2 Ссылки */

/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color:  #455638;
  text-decoration: none;}

/* CS2.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: #32301b; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #455638;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #32301b;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 50px;
margin-top: -8px;
height: 32px;
background-image : url(http://funkyimg.com/i/21mY5.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/21mY4.png);
background-repeat: no-repeat;
width: 50px;
height: 32px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/21mY2.png);
background-repeat: no-repeat;
width: 50px;
height: 32px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/21mY3.png);
background-repeat: no-repeat;
width: 50px;
height: 32px;}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url();
height: 74px;
background-repeat: no-repeat;
font-size:0 !important;
width: 922px;
  margin-left: -25px;}

/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://funkyimg.com/i/21naV.png");
background-origin: padding-box;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;
background-repeat: no-repeat;
font-size:0 !important;
height:102px;
width: 248px;
margin-left: 300px;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-image: url("адрес");}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { }

.punbb input {background-color: #c4cabc;
  color: #000000;
  /* border-left: solid; */
  /* border-left: #7e7945 2px solid; */
  border-top: solid 1px #7e7945;
  border-bottom: #7e7945 solid 1px;
  border-left: #7e7945 2px solid;
  border-right: #7e7945 2px solid;}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea {
background-image: url(http://funkyimg.com/i/21n1f.png);
color: #32301b;
padding: 4px;
border-top: solid 5px #7e7945;
border-bottom: #7e7945 solid 5px;
border-left: #7e7945 2px solid;
border-right: #7e7945 2px solid;}

.punbb select, .punbb input {
background-color: #bfbfaf;
color: #000000}

/* ШАПКА */
#pun-title table {background-color: transparent;
background-image : url(http://funkyimg.com/i/21mKZ.png);
background-repeat : no-repeat;
background-position: bottom center;
height: 340px;
width: 900px !important; 
margin-left: -25px;
}

/* ФУТЕР */
#pun-about p.container {
font-size: 0px !important;
background-image: url(http://funkyimg.com/i/21mL2.png);
background-position: top center;
background-repeat: no-repeat;
height: 34px; 
width: 900px !important;
margin-left: -25px;
}

div#html-footer {margin: -21px 0px 0px 0px;} /* отвечает за расположение футера */
div#pun-about {margin-bottom: 0px;} /* чем больше значение, тем выше низ */

#pun-about p.container a {
display: hidden;
}
/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { }
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*РЕПУТАЦИЯ В ОДНУ СТРОКУ*/
#pun-reputation div {
background-color: #d6d0d4;
}
.pa-respect { 
  display: inline-block; margin-left: -10px;
    text-align: center; 
padding:0px 0px;
    width: 80px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
}
.pa-posts { margin-left: 20px;
  display: inline-block; margin-left: -10px;
    text-align: center; 
padding:0px 0px;
    width: 80px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
}
#post fieldset legend span {
display:none;
}






/*Основные коды*/
/*оформление тем*/
.lighthouse {width:400px; padding:30px; background-image: url(http://funkyimg.com/i/21nAd.png); border:1px solid #3f6030;}
.lighthouse2 {width:350px; padding:24px; background-color:#e0ded8; border:1px solid #7e7945; font-weight:500; color: #3f6030; text-align:justify; line-height:110%; font-size:10px;}
.lighthouse3 {line-height:100%; padding:5px 0px; font-family: 'Open Sans Condensed', sans-serif; font-size:25px; text-transform:uppercase; color:#3f6030; letter-spacing:2px; border-bottom:3px double #7e7945; margin:0 auto 20px; text-align:center;}

/*внешности и фак*/
#louisface1 {  background-image:url(http://funkyimg.com/i/21nAc.png); padding:10px; border:1px solid #9d8b67; width: 550px;}
#louisface1 .one {  background-color:#bfbfaf; padding:9px; border:1px solid #1e373a;  }
#louisface1 .two { padding:10px 0; background-image: url(http://funkyimg.com/i/21nAd.png); border-bottom: 4px double #3f6030;  font-size:20px; color:#3f6030; line-height:100%; margin:0 auto; font-family: 'Open Sans Condensed', sans-serif; }
#louisface1 .three { padding:10px; background-image: url(http://funkyimg.com/i/21nAd.png); }
#louisface1 .four, #louisface1 .four  { padding:20px; background-color:#bfbfaf; }
#louisface1 .fourb b { color: #999; font-weight: bold; font-size: 11px;}
#louisface1 h1 { margin:0 0 10px; font-weight:normal; font-size:11px; text-transform:uppercase; color: #244548; text-align:center; padding:2px 5px; border-bottom: 3px #70551d double;}
#louisface1 h2 { margin: 0px; font-weight: bold; font-size: 12px; color: #bbb; line-height: 100%; text-align: center; text-transform: lowercase; }
#louisface1 .five { width:125px; vertical-align:top; }
#louisface1 .six { width:20px; }


/*личное звание*/
.light {  width: 152px;
  padding: 10px;
  /* background: url(http://s1.uploads.ru/Ohxri.png) 0 bottom no-repeat, url(http://sh.uploads.ru/dpwlA.png) 0 top no-repeat, url(http://s1.uploads.ru/bvdmW.png) 0 top repeat-y; */
  text-shadow: #c4cabc 1px 1px 0;
  /* background: url(http://funkyimg.com/i/21d7F.png) 0 bottom repeat-x, url(http://funkyimg.com/i/21d7B.png) 0 top repeat-x, url(http://funkyimg.com/i/21d53.png) 0 top repeat; */
  text-align: justify;
  /* border-left: 5px solid #40c4c8; */
  /* padding: 20px; */
  -moz-border-image: url(images/bg-image.png) 30 round round;
  /* -webkit-border-image: url(images/bg-image.png) 30 round round; */
  -o-border-image: url(images/bg-image.png) 30 round round;
  /* border-image: url(images/bg-image.png) 30 round round; */
  border-style: solid;
  border-width: 0px 0px 0px 8px;
  -moz-border-image: url(http://funkyimg.com/i/21mU3.png) 0 0 0 81 repeat;
  -webkit-border-image: url(http://funkyimg.com/i/21mU3.png) 0 0 0 81 repeat;
  -o-border-image: url(http://funkyimg.com/i/21mU3.png) 0 0 0 81 repeat;
  border-image: url(http://funkyimg.com/i/21mU3.png) 0 0 0 8 repeat;
  background-image: url(http://funkyimg.com/i/21mVc.png);
  color: #363b30;}

/*РЕПУТАЦИЯ В ОДНУ СТРОКУ*/
#pun-reputation div {
background-color: #d6d0d4;
}
.pa-respect { 
  display: inline-block; margin-left: -10px;
    text-align: center; 
padding:0px 0px;
    width: 64px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
}
.pa-posts { margin-left: 20px;
  display: inline-block; margin-left: -10px;
    text-align: center; 
padding:0px 0px;
    width: 70px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
}

/*социальные сети*/
   .tumblr {width: 350px;
   height: 365px;
   background: #7e7945;
   border-radius: 5px;}
   .tumblrmenu {width:350px;
   height:25px;
   color: #e2e2e2;
   font-family: arial;
   position: relative;
   top: 25px; 
   font-size: 14px;
   text-align: justify;}
   .tumblrheader {width: 125px;
   height: 125px;
   border-radius: 5px;
   background-size: 100%;
   position: relative;
   top: 55px;}
   .tumblrurl {position: relative;
   top: 75px;
   color: #e2e2e2;
   font-family: arial;
   font-weight: bold;
   font-size: 30px;}
   .tumblrblurb {position: relative;
   top: 90px;
   color: #e2e2e2;
   font-family: arial;
   font-size: 12px;}

   .tumblrdash {width: 400px;
   height: 430px;
   background: #7e7945;
   border-radius: 5px;}
   .tumblricon {width: 75px;
   height:75px;
   background-size: 100%;
   position: relative;
   top: 15px;
margin-left: -290px;
   border-radius: 2px;}
   .tumblrpicposttop {width:275px;
   height: 25px;
   background: #fff;
   position: relative;
   top:-60px;
   left: 45px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;}
   .tumblrpicpost {width: 275px;
   height: 275px;
   position: relative;
   left: 45px;
   top: -60px;}
   .tumblrpicpostbottom {width: 275px;
   height: 100px;
   background: #fff;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
   position: relative;
   top: -60px;
   left: 45px;}


   .tumblrtextdash {width: 400px;
   height: 210px;
   background: #7e7945;
   border-radius: 5px;}
   .tumblrtexticon {width: 75px;
   height:75px;
   background-size: 100%;
   position: relative;
   top: 15px;
   left: -145px;
   border-radius: 2px;}
   .tumblrtextposttop {width:275px;
   height: 25px;
   background: #fff;
   position: relative;
   top:-60px;
   left: 45px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;}
   .tumblrtextpost {width: 275px;
   height: 150px;
   background: #fff;
   position: relative;
   left: 45px;
   top: -60px;
   text-align: left;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;}

/*ГОСТЕВАЯ*/
.guesthouse {border-top: 3px solid #889478;
border-left: 3px solid #889478;
text-transform: lowercase;
width: 550px;
text-align: justify;
background-image:url(http://funkyimg.com/i/21nAc.png); 
padding: 15px;}

.guesthouse2 {border-top: 2px solid #889478;
border-right: 2px solid #889478;
text-transform: lowercase;
width: 520px;
text-align: justify;
background-image: url(http://funkyimg.com/i/21nAd.png); 
padding: 15px;}

.guestzag {text-align: center;
    color: #bfbca2;
    font-size: 30px;
    text-transform: uppercase;
    font-family: serif;}


.tooltip {
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 background: url();
 color: #c3b295;
 padding: 20px 20px;
 bottom: 20px;
 right: 20px;
 box-shadow: 0 0 5px #3a2912;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -webkit-box-shadow: 0 0 20px #000000;
 -moz-box-shadow: 0 0 20px #000000;
}
.tooltip:hover em i {
 position: absolute;
 bottom: -7px;
 right: 5px;
 border-top: 7px solid #000;
 border-left: 7px solid transparent;
 display: block;
}


#CHARACTERNAME {width: 400px; height: auto; overflow: hidden; position: relative;}
#CHARACTERNAME .playback {width: 90px; height: 30px; float: left; background: #b8aa8e;}
#CHARACTERNAME .playsg b {font-family: raleway; font-weight: 900; color: #b8aa8e}
#CHARACTERNAME .playsg {width: 250px; height: 30px; font-family: 'Open Sans Condensed', sans-serif; text-align: right; font-weight: 900; font-size: 15px; text-transform: uppercase; line-height: 100%; letter-spacing: 0px; word-spacing: -1px; color: #b8aa8e; float: right; padding-bottom: 3px; border-bottom: 1px solid #b8aa8e;}
#CHARACTERNAME .playbk {width: 350px; height: auto; background-image: url(http://funkyimg.com/i/21nAc.png); padding: 25px; border-bottom: 5px solid #b8aa8e;}
#CHARACTERNAME .playl {width: 350px; height: 110px; padding: 25px; background-image:url(http://funkyimg.com/i/21nAc.png);  border-bottom: 5px solid #b8aa8e;}
#CHARACTERNAME .playfor {width: 220px; margin-top: 5px; font-family: 'Open Sans Condensed', sans-serif; text-align: center; font-weight: 900; font-size: 15px; text-transform: uppercase; line-height: 100%; letter-spacing: 0px; word-spacing: -1px; color: #b8aa8e;}

.playb {position: relative; bottom: 0px; left: 0px; width: 40px; height: 30px; overflow: hidden; float: left;}
.plays {text-align: right; font-family: raleway; font-weight: 700; letter-spacing: 1px; font-size: 10px; color: #945d1d; text-transform: uppercase; line-height: 100%;}
.playtit {width: 220px; margin-top: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: center; font-weight: 900; font-size: 40px; text-transform: uppercase; line-height: 100%; letter-spacing: 0px; word-spacing: -1px; color: #dcd2b4; padding-bottom: 3px; border-bottom: 1px solid #dcd2b4;}