/* CS1 Background and text colours
-------------------------------------------------------------*/
/* фон */
body {background-color: #180f0a;
background-image: url("http://s9.uploads.ru/d/3pW8d.png");
background-repeat: repeat;
background-position : top center;
overflow-x: hidden;
}
/* фон контента */
#pun { background-color: #bdb0a2;
background-image : url("http://s6.uploads.ru/d/PmM56.png");
background-repeat: repeat-y;
background-position : center;}
/* блок формы ответа и кнопки*/
  .punbb textarea, .punbb select, .punbb input{
  background-image: url(http://se.uploads.ru/d/sJPYI.png);
  color: #181800;
border-top:3px double #6a5f53;
border-right:3px double #6a5f53;
border-bottom:3px double #6a5f53;
border-left:3px double #6a5f53;
}
/* категории */
#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
  height: 40px;
  background-image: url();
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  text-transform: uppercase;
  font-size: 0em;
}
/* картинка в самый низ */
   #pun_wrap {
background: transparent url(http://s4.uploads.ru/d/aJuH9.png) no-repeat bottom center !important;
padding-bottom: 200px !important;
padding-left: -7px;
width: 921px;
margin: auto auto auto auto;
}
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #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 {background-color: transparent;
color: #4d4339; font-size: 1.05em; font-family: cambria;}
#pun-status .container, #pun-crumbs1 .container
{color: #4d4339; font-family: cambria;
}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 0px
}






#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #181800;
text-align: center;}
.offline li.pa-online strong {
color: #181800; font-family: cambria;}
.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #181800; }

/* 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
  }
#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: 1px solid transparent
  }
li.pa-online {
  border-left-color: transparent;
  }
.punbb .post-sig dt {
  border-top-color: transparent!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: #5d4b37;
  font-size: 1em;
    border-bottom: 0px none #000;
  text-decoration: none;
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #8e7565;
  }
/* 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: #4a4805;
  }
/* CS3.3 */
#pun-navlinks a {
  color: #514141;
  font-family: Cinzel;
  font-weight: 700;  
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0em;
    border-bottom: 0px none #000;
  text-decoration: none;
  }
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #4a0c0c;
 font-family: Cinzel;
	font-weight: 700;
   font-size: 16px;
  text-transform: uppercase;
    border-bottom: 0px none #000;
  text-decoration: none;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }
/* CS4 Post status icons
-------------------------------------------------------------*/ 
div#html-footer {
margin: -20px 0px 0px 0px;}
        div.icon {
            background: url(http://sh.uploads.ru/d/g1kvC.png) no-repeat;
    }
    .newtext {display:none}
    tr.inew div.icon {
            background: url(http://s8.uploads.ru/d/75NzH.png) no-repeat;
    }
   
    tr.iclosed div.icon {
            background: url(http://sh.uploads.ru/d/g1kvC.png) no-repeat;
    }
    tr.iredirect div.icon {
            background: url(http://sh.uploads.ru/d/g1kvC.png) no-repeat;
    }
    tr.isticky div.icon {
            background: url(http://sh.uploads.ru/d/g1kvC.png) no-repeat;
    }
hr{color:#83894a;height:1px;border:none;background:#83894a;}

/* =Hoverbox Code= */
.hoverbox { cursor: default; list-style: none; padding: 0;}
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img { background: transpanent; border-color: transpanent; border-style: solid; border-width: 0px; color: inherit; padding: 2px; vertical-align: top; }
.hoverbox li { background: white; color: inherit; display: inline; float: left; margin: 5px 10px 5px -25px; padding: 0px; position: relative; }
.hoverbox li.text { background: white; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: transpanent; } 

#pun-index .category .tc2, 
#pun-index .category .tc3{ 
display:none!important; 
} 
.themesMessages {display:inline-block;width:120px;padding-left:99px;} 
.add{ 
display:inline-block; 
padding: 3px 8px; 
}

/* CS6 PROFILE
-------------------------------------------------------------*/

.punbb .post .post-author  ul {
background: url(http://se.uploads.ru/d/xgz2t.png) top center repeat-x,
url(http://sd.uploads.ru/d/ktnAG.png) bottom center repeat-x;
}

.punbb .post .post-author {
    text-align: center;
    background: url(http://s3.uploads.ru/d/ZuHEN.png) repeat;
    color: #3a2e2e;
    font-family: Arian AMU Serif;
    font-style: normal;
    font-size: 12px;
    border: 3px double #5c4935;
}

.punbb .post .post-author a {
color: #1d1307;
}

.punbb .post .post-author b, .punbb .post .post-author strong {color: #1d1307;}




.pa-author a, .pa-author {
      text-align: center;
      color: #1d1301 !important;
      font-family: cinzel;
      font-size: 20px;
      letter-spacing: 0.09em;
      font-weight: 700;
      line-height: 15px;
      padding-bottom: 10px!important;
-webkit-transition-duration: 0.5s; 
-o-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s; 
transition-duration: 0.5s;
}

.pa-author a:hover {
color: #443131 !important; }

li.pa-author {
}

.pa-avatar img{
    border: 3px double #5c4935!important;
}




.pa-title {
    text-transform: lowercase;
    font-family: Arian AMU Serif;
    text-align: center;
    color: #ab9c8a;
    font-size: 9px !important;
    font-style: italic;
    letter-spacing: 0.1em;
    margin-top: -5px!important;
}



li.pa-last-visit {
    width: 173px;
    height: 33px;
    border: 0px double #514141;
}

.pa-respect, .pa-posts {
display: inline-block;
    padding: 2px!important;
    font-size: 12px;
    letter-spacing: -1px;

}
.pa-respect {  background: url(http://se.uploads.ru/d/boxck.png);
  border: 3px double #514141;
}
.pa-posts {
  background: url(http://se.uploads.ru/d/boxck.png);
  border: 3px double #514141;
}

/* ----------------- */

#pun th {color: transparent;}

#pun-navlinks #navawards{display:none;}

::-webkit-scrollbar { width: 5px; height: 8px; }  
::-webkit-scrollbar-track { background-color: #765d4a; } 
::-webkit-scrollbar-thumb { background-color: #413226; }
::-moz-scrollbar { width: 5px; height: 8px; }  
::-moz-scrollbar-track { background-color: #765d4a; } 
::-moz-scrollbar-thumb { background-color: #413226; }
::-o-scrollbar { width: 5px; height: 8px; }  
::-o-scrollbar-track { background-color: #765d4a; } 
::-o-scrollbar-thumb { background-color: #413226; }


/* АНКЕТА */

.appcontainer {
    width: 595px;
    min-height: 300px;
    background-color: #413b33;
    margin: auto;
    border: 3px solid #817667;
    padding: 10px;
}
.appname {
    width: 575px;
    height: 80px;
    background-color: #413b33;
    border: 3px solid #817667;
    color: #e2d3bf;
    font-size: 30px;
    padding: 20px;
    font-family: 'cinzel';
    text-transform: uppercase;
    text-align: left;
    line-height: 300%;
}
.appfandom {
    font-family: cambria;
    text-transform: uppercase;
    margin-top: -35px;
    letter-spacing: 2px;
    font-size: 10px;
    float: right;
    margin-right: 110px;
    color: #817667;
    padding-bottom: 10px;
}

.appimg { 
width: 70px;
    height: 70px;
    background: #817667;
    padding: 5px;
    float: right;
    background-repeat: no-repeat;
    margin-top: -65px;
}
.appimg img {
  width: 70px;
  height: 70px;
}
.appline {
  width: 500px;
    border-bottom: 2px solid #817667;
    margin-left: 0px;
    margin-top: -25px;
}
.appcontain {
 width: 575px;
    height: 280px;
    padding: 10px;
    background-color: #565048;
} 
.app-text {
  	    margin-left: 0px;
    margin-top: 0px;
    width: 410px;
    height: 256px;
    padding: 10px;
    float: right;
    background-color: #413b33;
    border: 1px solid #817667;
} 

.tab {
  	float: left;
} 

.tabs {
  	position: relative; 
  	height: 255px; 
  	width: 285px;
  	margin-right: 0px;
}

.tab label {
  	display: block;
    width: 112px;
    /* height: 10px; */
    line-height: 100%;
    background-color: #413b33;
    color: #817667;
    padding: 10px;
    font-family: 'Montserrat' sans-serif;
    font-size: 10px;
    text-align: center;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 800;
    position: absolute;
    right: 307px;
    top: 132px;
} 

.tab [type=radio] { display: none; }

.content {
    position: absolute;
    width: 390px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 20px;
    background: #817667;
    padding: 10px;
}

[type=radio]:checked ~ label { 
  	    background-color: #817667;
    color: #beb0a2;
    border-bottom: 0px;
    z-index: 4;
} 

[type=radio]:checked ~ label ~ .content {
  	z-index: 5;
}

  
.appimg2 {
	    width: 120px;
    height: 120px;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    background-color: #817667;
    padding: 6px;
    border: 0px solid #413b33;
}
.appimg2 img {
	width: 120px;
	height: 120px;
}
.alias-pic { 
	width: 200px; 
	height: 100px; 
	padding: 5px; 
	margin-top: -10px;
	background-color: #3d3d3d;  
}
.app {
  	width: 120px;
  	height: 120px;
  	float: left;
  	background-size: cover;
  	margin-left: -25px;
  	margin-top: -20px;
  	background-color: #549899; 
	padding: 5px; 
	border: 1px solid #000;
}
  
.app-info1 {
      font-family: calibri;
    font-size: 12px;
    line-height: 110%;
    width: 390px!important;
    text-align: justify;
    text-transform: lowercase;
    background-color: #817667;
    overflow: auto;
    height: 245px;
    width: 245px;
    color: #d4ccc5;
}

.app-info1 b {
  	 	text-transform: uppercase;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: 2px;
    color: #413b33;
}
  
.app-info2 {
  	font-family: calibri;
  	font-size: 11px;
  	text-align: justify;
  	overflow: auto;
    background-color: #fff;
  	text-transform: lowercase;
  	line-height: 110%;
  	height: 270px;
  	width: 230px;
  	padding-left: 5px;
  	padding-right: 10px;
  	color: #666;  
}

.app-info2 b {
 
} 

.app-info2 a {
	text-transform: uppercase;
	color: #222;
	font-size: 10px;
}
.app-info2 h1 {
	font-family: 'Montserrat' sans-serif;
	font-size: 12px;
	color: #3d3d3d;
	text-align: left;
	font-weight: 800;
	text-transform: uppercase;
	padding: 5px;
	margin-bottom: 1px;
	border-bottom: 1px solid #f4f4f4; 
}

.app-info2 h2 {
	font-family: 'Montserrat' sans-serif;
	font-size: 12px;
	color: #3d3d3d;
	text-align: right;
	font-weight: 800;
	text-transform: uppercase;
	padding: 5px;
	margin-bottom: 1px;
	border-bottom: 1px solid #f4f4f4; 
}

.app-info2 h3 {
	font-family: 'Montserrat' sans-serif;
	font-size: 12px;
	color: #549899;
	text-align: center;
	font-weight: 800;
	text-transform: uppercase;
	padding: 5px;
	margin-bottom: 1px; 
} 
.app-info2 other { 
	color: #886030; 
	font-family:'montserrat', sans-serif; 
	font-size:10px; 
	margin-left: 0px; 
	text-transform: uppercase; 
	font-weight:bold; 
}
.app-info2 human { 
	color: #5A7D8F; 
	font-family:'montserrat', sans-serif; 
	font-size:10px; 
	margin-left: 0px; 
	text-transform: uppercase; 
	font-weight:bold; 
}
.app-info2 hunter { 
	color: #45606e; 
	font-family:'montserrat', sans-serif; 
	font-size:10px; 
	margin-left: 0px; 
	text-transform: uppercase; 
	font-weight:bold; 
}
.app-info2 vampire { 
	color: #973838; 
	font-family:'montserrat', sans-serif; 
	font-size:10px; 
	margin-left: 0px; 
	text-transform: uppercase; 
	font-weight:bold; 
}
.app-info2 werewolf { 
	color: #597A59; 
	font-family:'montserrat', sans-serif; 
	font-size:10px; 
	margin-left: 0px; 
	text-transform: uppercase; 
	font-weight:bold; 
}
.app-info2 witch { 
	color: #9053a7; 
	font-family:'montserrat', sans-serif; 
	font-size:10px; 
	margin-left: 0px; 
	text-transform: uppercase; 
	font-weight:bold; 
}
.app-info3 {
  	font-family: calibri;
  	font-size: 11px;
  	text-align: justify;
  	text-transform: lowercase;
        background-color: #fff;
  	overflow: auto;
  	line-height: 110%;
  	height: 110px;
  	width: 230px;
  	padding-left: 5px;
  	padding-right: 10px;
  	color: #666;
  	overflow: auto; 
}
.app-info3a {
  	font-family: calibri;
  	font-size: 11px;
  	text-align: justify;
  	text-transform: lowercase;
        background-color: #fff;
  	overflow: auto;
  	line-height: 110%;
  	height: 210px;
  	width: 230px;
  	padding-left: 5px;
  	padding-right: 10px;
  	color: #666;
  	overflow: auto; 
}

.apsubtitle {
  	font-family: 'Montserrat' sans-serif;
  	text-transform: uppercase;
  	letter-spacing: 0px;
  	font-size: 9px;
  	font-weight: 900;
  	color: #666;
} 
  
.app-info3 b {
  	font-family: 'Montserrat' sans-serif;
  	text-transform: uppercase;
  	letter-spacing: 0px;
  	font-size: 10px;
  	font-weight: bold;
  	color: #549899;
} 
.app-info3a b {
  	font-family: 'Montserrat' sans-serif;
  	text-transform: uppercase;
  	letter-spacing: 0px;
  	font-size: 10px;
  	font-weight: bold;
  	color: #549899;
}   
.text-header {
  	    font-family: cambria;
    font-size: 17px;
    font-weight: 900;
    text-align: left;
    color: #bbb2a5;
    text-transform: uppercase;
    padding-right: 10px;
    padding-bottom: 3px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    padding-left: 5px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 0px;
    width: 300px;
}
  

.app-lyrics { 
	  width: 616px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #64554f;
    border-bottom: 2px solid #817667;
    line-height: 100%;
    text-align: center;
    font-family: 'Montserrat' sans-serif;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #8c776f;
    font-weight: 800;
    margin: auto;
    overflow: auto;
} 
.appchar { 
	width: 140px; 
	height:10px; 
	padding-right: 5px; 
	padding-left: 5px; 
	padding-top: 5px; 
	margin-top:0px; 
	padding-bottom: 5px; 
	line-height: 200%; 
	text-align: right; 
	font-weight: 800; 
	font-family: calibri; 
	font-size: 12px; 
	text-transform: uppercase; 
	letter-spacing: 0px; 
	color: #3d3d3d; 
	margin-left: 5px; 
} 
.appchar2 { 
	width: 140px; 
	height:10px; 
	padding-right: 5px; 
	padding-left: 5px; 
	padding-top: 5px; 
	margin-top:0px; 
	padding-bottom: 5px; 
	line-height: 200%; 
	text-align: left; 
	font-weight: 800; 
	font-family: calibri; 
	font-size: 12px; 
	text-transform: uppercase; 
	letter-spacing: 0px; 
	color: #3d3d3d; 
	margin-left: 5px; 
}