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

/* Фон форума */
html, body { background:
  url("http://i.imgur.com/zkogNN8.png") repeat-x top left,
  url("http://i.imgur.com/Xk7QPoF.png") repeat-x bottom left,
  url("http://i.imgur.com/NCN7PfD.png") center; background-color : #6f3330;
}


/* Шапка */
#pun-title table {
background-image : url(http://i.imgur.com/3zdyb0s.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 882px;
height: 409px;
margin-left: -30px; 
}

/* Тело форума */
#pun {
width: 882px; 
background-color: transparent; 
background-image: url(http://i.imgur.com/EBv5fbM.png); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;}

.punbb {
padding: 0 30px!important;
width: 882px;}

/* Футер */
#pun-about p.container {
background-image : url(http://i.imgur.com/ojJDmMj.png);
margin: 0px 0px 0px -30px;
background-position : center top;
background-repeat : no-repeat;
width: 882px;
height: 139px; 
overflow-x: hidden;
position:relative;bottom: -11px;
}






/* 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 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: #441715;
font-weight: normal;
font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #441715;
text-align:center; 
font-size: 15px; 
font-style: normal; font-weight: bold; font-family: "Tahoma";
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
color: #441715;
background-image: url("http://i.imgur.com/O0c7PSK.png");
background-color: #958c7e;
}



/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-image: url("http://i.imgur.com/O0c7PSK.png");
background-color: #958c7e;
color: #441715;}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
background-image: url("http://i.imgur.com/O0c7PSK.png");
background-color: #958c7e;}


/* 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, #pun-navlinks a, #pun-ulinks a {color: #431715;
  text-decoration: none;
  }

/* CS2.2 */
.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, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #431715; 
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #71584c;
  text-decoration: none;
  }

#pun-ulinks a {
  font-size: 8px;
  color: #431715; 
  font-family: 'Berenis';
  text-decoration: bold;
  text-transform: uppercase;
  }

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #71584c;
  text-transform: uppercase;
}


/* CS3 Остальное 
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

div.icon {
            background: url(http://i.imgur.com/rcO90kt.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://i.imgur.com/Olw6d0e.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://i.imgur.com/9rmKzsD.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://i.imgur.com/mlpLByO.png) no-repeat;
}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-main .post-author ul {text-align: center}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Tahoma";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}





/* Прокрутка */
::-webkit-scrollbar {background: #34110f; width: 6px; height: 5px;}
::-webkit-scrollbar-thumb {background: #806556; width: 3px}
::-webkit-scrollbar-corner {background: #806556;}



#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}



/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://i.imgur.com/VNCzaoj.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://i.imgur.com/aBNzDYc.png) 0 top no-repeat,url(http://i.imgur.com/72QSqcZ.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:9px 9px!important;
  }


.punbb .pa-avatar img {
  border: 3px double rgba(61,72,88,0.9);}

.ams {
  color: #b8b19a!important;
    font: italic 300 normal 10px archive !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-shadow: 1px 0 1px rgba(0, 0, 0, 0.76) !important;
    }

.moder {
  color: #b8b19a!important;
    font: italic 200 normal 8px archive !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-shadow: 1px 0 1px rgba(0, 0, 0, 0.76) !important;
    }

.pro {
  color: #b8b19a!important;
    font: italic 300 normal 14px archive !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-shadow: 1px 0 1px rgba(0, 0, 0, 0.76) !important;
    }



/*АНКЕТА*/
.ank1 {
    width: 510px;  
    height: 572px; 
    background: url(http://funkyimg.com/i/2h9rK.png);
    }
.ankname {
    position: absolute!important; 
    margin-top: 100px;  
    width: 499px;  
    height: 44px; 
    text-align: center; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    font-size: 30px;
    color: #c7bfb5;
    font-family: Yatra One;  
    }
.ankphoto { 
    width: 225px; 
    height: 115px; 
    margin-top: 0px; 
    background: url(http://funkyimg.com/i/2h89S.png); 
    opacity: 0; 
    -moz-transition-duration: 1.3s;  
    -webkit-transition-duration: 1.3s;  
    -o-transition-duration: 1.3s; 
    }
.ankphoto:hover { 
    opacity: 1; 
    padding-top: 0px; 
    -moz-transition-duration: 1.3s;  
    -webkit-transition-duration: 1.3s;  
    -o-transition-duration: 1.3s; 
    }
.ankphoto1 { 
    width: 215px; 
    height: 115px; 
    overflow: auto; 
    color: #000000;
    font-family: verdana; 
    font-size: 10px; 
    text-align: justify; 
    line-height: 110%;
    text-transform: lowercase; 
    padding: 5px 4px 4px 5px; 
    }
.ankphoto2 {
    letter-spacing: 5px; 
    font-size: 24px; 
    margin-top: 40px; 
    font-family: Intro Inline; 
    color: #4f1210; 
    text-shadow: 1px 1px #6f645e; 
    }
.anfandom {
    position: absolute!important; 
    width: 200px; 
    height: 22px; 
    text-align: center; 
    margin-top: -117px!important; 
    padding-left: 304px!important; 
    letter-spacing: 1px; 
    font-size: 14px; 
    color: #000; 
    font-family: Marck Script; 
    overflow-y: auto; 
    font-weight: bold;}
.anage {
    position: absolute!important; 
    width: 200px; 
    height: 22px; 
    text-align: center; 
    margin-top: -93px!important; 
    padding-left: 304px!important; 
    letter-spacing: 1px; 
    font-size: 14px; 
    color: #000; 
    font-family: Marck Script; 
    overflow-y: auto; 
    font-weight: bold;}
.anrace {
    position: absolute!important; 
    width: 200px; 
    height: 22px; 
    text-align: center; 
    margin-top: -69px!important; 
    padding-left: 304px!important; 
    letter-spacing: 1px; 
    font-size: 14px; 
    color: #000; 
    font-family: Marck Script; 
    overflow-y: auto; 
    font-weight: bold;}
.anlove {
    position: absolute!important; 
    width: 200px; 
    height: 22px; 
    text-align: center; 
    margin-top: -45px!important; 
    padding-left: 304px!important; 
    letter-spacing: 1px; 
    font-size: 14px; 
    color: #000; 
    font-family: Marck Script; 
    overflow-y: auto; 
    font-weight: bold;}
.anorie {
    position: absolute!important; 
    width: 200px; 
    height: 22px; 
    text-align: center; 
    margin-top: -21px!important; 
    padding-left: 304px!important; 
    letter-spacing: 1px; 
    font-size: 14px; 
    color: #000; 
    font-family: Marck Script; 
    overflow-y: auto; 
    font-weight: bold;
    }
.anface {
    position: absolute!important; 
    width: 200px; 
    height: 22px; 
    text-align: center; 
    margin-top: 3px!important; 
    padding-left: 304px!important; 
    letter-spacing: 1px; 
    font-size: 14px; 
    color: #000; 
    font-family: Marck Script; 
    overflow-y: auto; 
    font-weight: bold;
    }
.ankinfo {
  position: relative;
  width: 500px;
  height: 335px;
  overflow: hidden
  }
.ankiinfo {
  float: left
  }
.ankiinfo label {
  height: 25px;
  margin-top: 49px;
  margin-bottom: 5px;
  position: relative;
  display: block;
  line-height: 25px;
  width: 155px;
  font-size: 12px; 
  text-align: center;
  text-transform: uppercase;
  font-family: open sans condensed;
  font-weight: 300;
  font-weight: bold;
  }
.ankiinfo [type=radio] {
  display: none
  }
.ankinfoo {
  position: absolute;
  top: 74px;
  bottom: 0;
  left: 0px;
  right: 0;
  width: 483px;
  height: 340px;
  padding:5px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  line-height: 95%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s
  }
.ankinfo [type=radio]:checked ~ label {
  background: #97bfd8
  z-index: 2
  }
.ankinfo [type=radio]:checked ~ label ~ .ankinfoo {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 5
    }
.anki {
  top: 74px;
  bottom: 0;
  left: 0px;
  right: 0;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  line-height: 95%;
  }
.anki0{
    position: absolute;
  top: 74px;
  bottom: 0;
  left: 0px;
  right: 0;
  width: 483px;
  height: 340px;
  padding:5px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  line-height: 95%;
  }


/* общая офора тем*/
.one {
  width: 608px; 
  height: 56px; 
  background-image: url(http://funkyimg.com/i/2ha9b.png);
}
.two {
  width: 608px; 
  background-image: url(http://funkyimg.com/i/2haam.png);
  margin-left: 0px; 
}
.three {
  width: 608px; 
  height: 18px; 
  background-image: url(http://funkyimg.com/i/2haaq.png);
}
.four {
  width: 500px; 
  padding: 0px; 
  color: black; 
  font-family: Arial; 
  font-size: 10px; 
  overflow: auto;
  color: #454432; 
  font-size: 12px; 
  text-align: justify; 
  font-family: Didact Gothic;
}
.four1 {
  width: 555px; 
  padding: 0px; 
  color: black; 
  font-family: Arial; 
  font-size: 10px; 
  overflow: auto;
}
.header {
  width: 509px; 
  color: #7e7e6f; 
  font-size: 30px; 
  text-align: center; 
  font-family: Yeseva One; 
  padding: 6px;  
  text-shadow: 0px 1px 0px white, 1px 1px 0px #dcd5d0;
  text-transform: lowercase; 
  }

/* прозрачность*/
 .transparent75 {
    filter: alpha(Opacity=75); /* Полупрозрачность для IE */
    opacity: 0.75; /* Полупрозрачность для других браузеров */ 
   }
   .transparent50 {
    filter: alpha(Opacity=50);
    opacity: 0.5; 
   }
   .transparent25 {
    filter: alpha(Opacity=25);
    opacity: 0.25; 
   }

/* херабора в амс теме*/
.chak b { font-weight: extra-bold; color: #E08E79; }
.chakra { opacity: 0; width: 180px; height: 145px; position: relative; background-color: #fff; -webkit-transition:all 1s ease-in-out; transition:all 1.5s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); }
.chakhov:hover { opacity: 1; -webkit-transition:all 1s ease-in-out; transition:all 1.5s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; }
.chakhov:hover .chakra  { opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
.chakras { width: 160px; height: 125px; position: relative; padding: 10px; text-align: justify; font-family: calibri; font-size: 10px; color: #111; text-transform: lowercase; letter-spacing: 1px; line height: 10px;overflow: auto; }

/* полоска в амс теме*/
.amc {
    width: 178px; 
    height: 15px; 
    background: #5C1414; 
    font-size: 12px; 
    font-family: Trirong; 
    text-align: center; 
    text-shadow: 1px 1px 0px #707070; 
    text-transform: uppercase; 
    letter-spacing: 6px; 
    padding: 1px 1px 1px 1px; 
    color: #F6D5D5;
    }

/* роли*/
.roly {
    font-family: Josefin Sans; 
    text-align: center; 
    font-size: 20px; 
    text-align: center; 
    color: #6E0D0D;
    text-shadow: 1px 1px 0px #707070; 
    text-transform: uppercase; 
    letter-spacing: 6px; 
    }
.rolyfan {
    font-family: Josefin Sans; 
    text-align: center; 
    font-size: 14px; 
    text-align: center; 
    color: #6E0D0D;
    text-shadow: 1px 1px 0px #E1DFDF; 
    text-transform: uppercase; 
    letter-spacing: 5px; 
    }
.roleman {
    font-family: Josefin Sans; 
    text-align: center; 
    font-size: 10px; 
    text-align: center; 
    letter-spacing: 2px; 
    }

/* точки отсчета*/
.dotfan {
    font-family: Josefin Sans; 
    text-align: center; 
    font-size: 20px; 
    text-align: center; 
    color: #6E0D0D;
    text-shadow: 1px 1px 0px #707070; 
    text-transform: uppercase; 
    letter-spacing: 6px; 
    }
.dotfanname {
    font-family: Josefin Sans; 
    text-align: center; 
    font-size: 14px; 
    text-align: center; 
    color: #6E0D0D;
    text-shadow: 1px 1px 0px #E1DFDF; 
    text-transform: uppercase; 
    letter-spacing: 5px; 
    }
.dot {
    border-radius: 10px;
    background: rgba(205, 186, 150, 0.5);
    width: 500px; 
    height: 70px;
    overflow-y: auto;
    }
.dottext {
    text-align: center; 
    font-size: 12px; 
    width: 470px; 
    height: 60px;
    }

/* хронология*/
.playhistory {
  width: 500px; 
  height: 224px; 
  background: url(http://funkyimg.com/i/2hvur.png);
  }
.histinfo {
  position: relative;
  width: 500px;
  height: 224px;
  }
.histinfo [type=radio]:checked ~ label {
  background: #97bfd8
  z-index: 2
  }
.histinfo [type=radio]:checked ~ label ~ .historytext {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 5
    }
.historinfo {
  float: left
  }
.historinfo label {
  height: 25px;
  margin-top: 8px;
  margin-left: 0px;
  margin-bottom: 5px;
  position: relative;
  display: block;
  line-height: 22px;
  width: 125px;
  font-size: 12px; 
  text-align: center;
  text-transform: uppercase;
  font-family: open sans condensed;
  font-weight: 300;
  font-weight: bold;
  }
.historinfo [type=radio] {
  display: none
  }
.historytext {
  position: absolute;
  top: 39px;
  left: 20px;
  width: 460px;
  height: 165px;
  overflow: auto;
  padding:5px;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  line-height: 95%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s
  }
.historytab {
  width: 153px;
  height: 10px;
  font-family: Comfortaa;
  font-size: 11px;
  text-transform: uppercase;
  background: #5b0a07; 
  color: #e4d1ca;
  }

/* отношения*/
.relat {
  width: 511px; 
  height: 175px; 
  background: url(http://funkyimg.com/i/2hvMD.png);
  }
.relatphoto {
  width: 225px; 
  height: 135px; 
  margin-left: 14px; 
  margin-top: 15px;
  }
.clearer {
  clear: both;  
  }
.relatname {
    font-family: Josefin Sans; 
    text-align: center; 
    font-size: 14px; 
    text-align: center; 
    color: #6E0D0D;
    text-shadow: 1px 1px 0px #E1DFDF; 
    text-transform: uppercase; 
    letter-spacing: 5px;   
    margin-top: 20px!important;
    margin-left: 250px;
  }

/* гостевая*/
.guestone {
  width: 608px; 
  height: 56px; 
  background-image: url(http://funkyimg.com/i/2ha9b.png);
}
.guesttwo {
  width: 608px; 
  background-image: url(http://funkyimg.com/i/2haam.png);
  margin-left: 0px; 
}
.guestthree {
  width: 608px; 
  height: 18px; 
  background-image: url(http://funkyimg.com/i/2haaq.png);
}
.guesttext {
  width: 500px; 
  padding: 0px; 
  color: black; 
  font-size: 10px; 
  overflow: auto;
  color: #454432; 
  font-size: 12px; 
  text-align: justify; 
  font-family: Didact Gothic;
}
.guesttopic {
  width: 509px; 
  color: #7e7e6f; 
  font-size: 30px; 
  text-align: center; 
  font-family: Yeseva One; 
  padding: 6px;  
  text-shadow: 1px 1px 0px #dcd5d0;
}

/* выдвигающаяся фигня в гостевой*/
.guest1  {width: 500px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: Comfortaa; color: #dfcdcc; text-align: center; background-color: #600303;}
.guest2 {height: auto;  font-size: 12px; color: #000;font-family: Garamond;  letter-spacing: 1px; }
.guestmagic {height: auto; font: 10px verdana; letter-spacing: 5px; text-align: left; margin-bottom: 10px}
.guestmagic2 {width: 470px; background-color: #cbc4c4; padding: 10px; text-align: justify;  font-size: 10px;}
.guesst {max-height: 30px; overflow: hidden;  -webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s; }
.guesst:hover { max-height: 1000px; }

/* банке*/
.bank1  {width: 153px; height: 18px; font-size: 14px; font-family: Comfortaa; color: #dfcdcc; text-align: center; background-color: #600303;}
.bank2 {width: 153px; height: auto;  font-family: Arial;  font-size: 11px; color: #000; background-color: #cbc4c4;}


/* награды*/
.area3  {width: 500px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: Comfortaa; color: #dfcdcc; text-align: center; background-color: #600303;}
.text2 {height: auto;  font-size: 12px; color: #000; font-family: Garamond;  letter-spacing: 1px; }
.magic {height: auto; font: 10px verdana; letter-spacing: 5px; text-align: left; margin-bottom: 10px}
.magic2 {width: 470px; background-color: #cbc4c4; padding: 10px; text-align: justify;  font-size: 10px;}
.jobs {max-height: 30px; overflow: hidden;  -webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s; }
.jobs:hover { max-height: 1000px; }
.nameawords {text-align: center; font-size: 8px; font-family: Garamond; color: #bcd2d9; background-color: #600303;}
.textawords {font-size: 8px; font-family: Playfair Display; color: #600303; text-align: center; line-height: 7px; text-transform: lowercase;}


/* подарки*/
.gifts  {width: 500px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: Comfortaa; color: #dfcdcc; text-align: center; background-color: #600303;}
.text2 {height: auto;  font-size: 12px; color: #000; font-family: Garamond;  letter-spacing: 1px; }
.giftsmagic {height: auto; font: 10px verdana; letter-spacing: 5px; text-align: left; margin-bottom: 10px}
.giftsmagic2 {width: 470px; background-color: #cbc4c4; padding: 10px; text-align: justify;  font-size: 10px;}
.gifts1 {max-height: 30px; overflow: hidden;  -webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s; }
.gifts1:hover { max-height: 1000px; }