/* CS1 Background and text colours
-------------------------------------------------------------*/
body {background-image: url("http://s4.uploads.ru/yP0SL.png");
background-position: top center; background-repeat: repeat;
background-color: #030303; 
}

#pun { background-image: url("http://s5.uploads.ru/HxogK.png");
background-color: #d7d9d9;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-position : center;
  background-color: transparent;
  color: #22170f;
font-style: normal;
  }

/* CS1.7 */
 .punbb .code-box {
   background-color: #e6e6e6;
  color: #271902;
  }

.punbb .quote-box {
   background-color: #d2d2d2;
  color: #271902;
  }

/* CS1.8 */
#pun-navlinks .container {
  color: #311615;
}
  
.punbb textarea, .punbb select  {
  background-image: url();
  background-color: #c4d2d7;
  color: #271902;
}



/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: 1px solid #4a2253;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #CCCC33
  }

/* 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: #311615 #311615 #311615 #311615;
  }
#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-color: transparent;
  }
li.pa-online {
  border-color: transparent;
  }
.punbb .post-sig dt {
  border-top-color: transparent !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
 .punbb-admin, .punbb a:link, .punbb a,  .punbb a:visited,  #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited
{
  border-bottom: 0px none #000;
  text-decoration: none;
 color: #2087ac; ;


  }


.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
 color: #20130c; 


  }

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

  }


/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #20130c;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none



  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
 color: #20130c; 

  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-index .modlist {display: none; }
#pun-announcement.section h2 span {display: none; }
#pun-title .title-logo span {display: none;}

.blockquote, .blockcode, .scrollbox, pre {border:none; }

.punbb table Div.icon {float: left; display: block; width: 80px;!important;   height: 30px; border-style: none; background-image: url(http://s4.uploads.ru/geHBA.png);  background-repeat: no-repeat; margin-left: 1px;}
.punbb table div.inew {background: url(http://s5.uploads.ru/AEmof.png) no-repeat; margin-left: 1px; }
TR.isticky Div.icon {background: url(http://s4.uploads.ru/W2lXO.png) no-repeat; margin-left: 1px; }
TR.iclosed Div.icon {background: url(http://s5.uploads.ru/W34q6.png) no-repeat; margin-left: 1px; }
#pun-stats ul.container {
background-image: url("");
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 70px;
padding-top: 15px;
margin-left: -10px;
}


#pun-main h1 span {font-size: 0em; text-align: center;}


#pun-about p.container {background-color: #;
background-image : url(http://s5.uploads.ru/p5Jbx.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 190px;
width: 1017px; 
margin-left: -120px;
text-align: center;
border-color: transparent;
}

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

#pun-stats h2, .punbb .main h2 {font-size: 0em; color: #56624b;  font-family: "Arial";  font-style: italic;  font-weight: bolder; text-align: center; }
#pun th {font-size: 0em; text-align: center;}


#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 50px;
width: 1150px;
margin-left: -0px;
background-color: transparent;
background-image: url("http://s5.uploads.ru/WdVIK.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: -60px;
font-size: 0px;}

#pun-main .post-author ul {text-align: center;}

#pun-category1.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 50px;
width: 1110px;
margin-left: 0px;
background-color: transparent;
background-image: url("http://s5.uploads.ru/yFgmw.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: -40px;
font-size: 0px;}

#pun-category2.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 50px;
width: 1110px;
margin-left: 0px;
background-color: transparent;
background-image: url("http://s5.uploads.ru/Nd3aP.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: -40px;
font-size: 0px;}

#pun-category3.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 50px;
width: 1110px;
margin-left: 0px;
background-color: transparent;
background-image: url("http://s5.uploads.ru/uHKmC.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: -40px;
font-size: 0px;}

#pun-category4.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 50px;
width: 1110px;
margin-left: 0px;
background-color: transparent;
background-image: url("http://s5.uploads.ru/2jtdX.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: -40px;
font-size: 0px;}

#pun-category5.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 50px;
width: 1110px;
margin-left: 0px;
background-color: transparent;
background-image: url("http://s5.uploads.ru/S7HET.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: -40px;
font-size: 0px;}

#pun-category6.category h2 {
background-attachment: scroll;
background-clip: border-box;
height: 50px;
width: 1110px;
margin-left: 0px;
background-color: transparent;
background-image: url("http://s5.uploads.ru/EV5iU.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: -40px;
font-size: 0px;}



.pa-fld1 {font-size: 12px !important; margin-top: -18px !important;} /*лояльность*/
.pa-fld2 {font-size: 12px !important; margin-top: -19px !important;} /*плеер*/
.pa-fld3 {font-size: 11px !important; margin-top: -10px !important;} /*инфа*/
.pa-fld4 {font-size: 12px !important; margin-top: -15px !important;} /*рейтинг*/
.pa-fld5 {font-size: 12px !important; margin-top: 5px !important; text-transform: uppercase !important; font-weight: bold !important;} /*награды*/
.pa-title {font-size: 10px !important;}



/*1. Настройка общего вида линков */

#pun-navlinks a {
display: inline-block;
height: 20px;
margin-left: -15px;
}

/*2. Настройка изображений */

#navindex a {background: url(http://s5.uploads.ru/QrX7I.png) no-repeat top center; width: 80px;}
#navuserlist a {background: url(http://s4.uploads.ru/Lo7pV.png) no-repeat top center; width: 120px;}
#navsearch a {background: url(http://s4.uploads.ru/qOsJK.png) no-repeat top center; width: 70px;}
#navprofile a {background: url(http://s4.uploads.ru/LnkEQ.png) no-repeat top center; width: 90px;}
#navpm a {background: url(http://s4.uploads.ru/KALtU.png) no-repeat top center; width: 80px;}
#navadmin a {background: url(http://s4.uploads.ru/aqUdK.png) no-repeat top center; width: 80px;}
#navlogout a {background: url(http://s5.uploads.ru/u8OH5.png) no-repeat top center; width: 80px;}
#navlogin a {background: url(http://s5.uploads.ru/l4qBR.png) no-repeat top center; width: 80px;}
#navregister  a {background: url(http://s4.uploads.ru/iEjlp.png) no-repeat top center; width: 80px;}

/*3. Настройка изображений при ховере (наведении) */

#navindex a:hover {background: url(http://s4.uploads.ru/QFEhJ.png) no-repeat top center; }
#navuserlist a:hover {background: url(http://s5.uploads.ru/Gjsv5.png) no-repeat top center; }
#navsearch a:hover {background: url(http://s5.uploads.ru/pbxfK.png) no-repeat top center; }
#navprofile a:hover {background: url(http://s5.uploads.ru/Y9hDg.png) no-repeat top center; }
#navpm a:hover {background: url(http://s4.uploads.ru/bINTJ.png) no-repeat top center;  }
#navadmin a:hover {background: url(http://s5.uploads.ru/tMdZ7.png) no-repeat top center;  }
#navlogout a:hover {background: url(http://s4.uploads.ru/wsdKi.png) no-repeat top center; }
#navlogin a:hover {background: url(http://s4.uploads.ru/LWq1f.png) no-repeat top center; }
#navregister a:hover {background: url(http://s4.uploads.ru/RtugJ.png) no-repeat top center; }

/* Скрываем текстовые надписи */

#pun-navlinks a span {display: none;}

.punbb .post-sig dt {border-top: outset 1px #d2d2d2 !important;}


/* Награды */

div.AwardAllWindow {
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
  position: fixed; top: 0px; left: 0px;
}
div.AwardWindow {
  z-index: 9999; position: fixed;
  top: 10% !important; left: 50% !important;
  width: 510px; padding: 10px;
  background: #c4d2d7;
  margin-left: -350px !important;
  vertical-align: middle;
  border: transparent;
  border-radius: 10px;
  color: #20130c;
}
div.AwardWindow div#closeBtn {
  cursor: pointer;
  background: url(http://uploads.ru/i/P/A/l/PAlLS.png) no-repeat center;
  width: 16px; height: 16px;
  position: relative;
  top: -5px; left: 490px;
}
div.AwardWindow h3 {
  font-variant: small-caps;
  font-weight: bold;
  font-size: 12px;
  margin-top: -20px;
}
div.AwardWindow div#AwardContent {
  width: auto; height: auto;
  min-height: 150px;
  max-height: 150px !important;
  overflow-y:auto;
}
div.AwardWindow div#AwardContent td#title {
  font-variant: small-caps;
  font-weight: bold;
  font-size: 12px;
  width: 200px;
  text-align: center;
  color: #2087ac;
}
div.AwardWindow div#AwardContent td#desc {
  font-size: 10px; 
}
#pun-profile fieldset > span {
  cursor: pointer;
  position: relative;
  top: -30px;
  margin-bottom: 10px;
  left: 150px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #9e9e9e));
	background:-moz-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-webkit-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-o-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-ms-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:linear-gradient(to bottom, #d6d6d6 5%, #9e9e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#9e9e9e',GradientType=0);
	background-color:#d6d6d6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #b0b0b0;
	display:inline-block;
	cursor:pointer;
	color:#196d87;
	font-family:arial;
	font-size:11px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e6e6e6;
}




/* Чертов мать-его поиск */

#pun-fastsearch.section {
position: absolute;
top: 335px;
left: 700px;
z-index: 1001;
border: 2px solid;
border-color: transparent;
-webkit-border-radius: 4px;
background-color: transaprent !important;
}

#punbbsearch.container {
background-image: none;
height: 25px;
padding: 0.5em;
}

#punbbsearch.container span {
font-family: arial !important;
text-transform: uppercase !important;
font-size: 11px !important;
margin-left: 10px !important;
margin-right: 10px !important;
color: #FFFFFF !important;
}

#fld1s {
width: 120px !important;
padding: 2px 3px 2px 3px !important;
text-align: left !important;
color: #fff !important;
margin-top: 1px !important;
border-color: #000000 !important;
-webkit-border-radius: 4px !important;
background-image: url("http://s7.uploads.ru/zYOBA.png") !important;
}

#Accio.button {	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #9e9e9e));
	background:-moz-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-webkit-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-o-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-ms-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:linear-gradient(to bottom, #d6d6d6 5%, #9e9e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#9e9e9e',GradientType=0);
	background-color:#d6d6d6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #b0b0b0;
	display:inline-block;
	cursor:pointer;
	color:#196d87;
	font-family:arial;
	font-size:12px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e6e6e6;
}



/* Информация о персонажах */

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}

.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
background-image: url("http://s6.uploads.ru/eqX5u.png");
        color: #000000;
	}

.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
        text-decoration: none;
}

.menu span {
    cursor: pointer;
    display: block;
    margin: 0px 15px;
    margin-right: 0px;
    padding: 11px;
    text-align: center;
    font-weight: bold;
    width: 100px;
    height: 27px;
}

.menu-links {
    float: left;
    margin-right: 15px;
}

#submenu {
    display: inline-block;
}

#submenu, .menu span {
        border-radius: 1px;
	background-color: #d2d2d2;
        color: #2087ac;
}

.menu .tabactive {
  background-color: #c4d2d7;
  color: #20130c;
    box-shadow: 0px 3px 10px #93d1e6;
    -webkit-box-shadow:0px 3px 10px #93d1e6;
    -khtml-box-shadow:0px 3px 10px #93d1e6;
    -moz-box-shadow:0px 3px 10px #93d1e6;
}
#submenu {
	padding: 7px;
	height: 182px;
	font-size: 12px;
	width: 595px;
   background-color: #c4d2d7;
  color: #271902;
}    

.submenutext {
	display: none; 
	height: 40px;

}

/* Стиль менюшек в постах */

.ca-menu{
    padding: 0;
    margin: 10px auto;
    width: 290px;
}

.ca-menu li{
    width: 290px;
    height: 30px;
    overflow: hidden;
    display: block;
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 4px;
    border-left: 6px solid #2087ac;
    transition: all 300ms ease-in-out;
}
.ca-menu li:last-child{
    margin-bottom: 0px;
}

.ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #2087ac;
    position:relative;
}

.ca-content{
    position: absolute;
    left: 20px;
    width: 300px;
    height: 30px;
    top: 6px;
}

.ca-main{
    font-size: 12px;
    transition: all 300ms linear;
}
.ca-sub{
    font-size: 13px;
    color: ##2087ac;
    font-weight: bold !important;
    transition: all 300ms linear; 
}

.ca-menu li:hover{
    background: #c4d2d7;
}

.ca-menu li:hover .ca-main{
    opacity: 1;
    color:#20130c;
    animation: moveFromTop 300ms ease-in-out;
}
.ca-menu li:hover .ca-sub{
    opacity: 1;
    color: #20130c;
    animation: moveFromTop 300ms ease-in-out;
}

@keyframes moveFromTop {
    from {
        opacity: 0;
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes moveFromTop {
    from {
        opacity: 0;
        transform: translateY(-200%);
    }
    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

/* Кнопки бвахахахах! хд */

.button {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #9e9e9e));
	background:-moz-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-webkit-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-o-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-ms-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:linear-gradient(to bottom, #d6d6d6 5%, #9e9e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#9e9e9e',GradientType=0);
	background-color:#d6d6d6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #b0b0b0;
	display:inline-block;
	cursor:pointer;
	color:#114c5e;
	font-family:arial;
	font-size:11px;
	padding:2px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e6e6e6;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9e9e9e), color-stop(1, #d6d6d6));
	background:-moz-linear-gradient(top, #9e9e9e 5%, #d6d6d6 100%);
	background:-webkit-linear-gradient(top, #9e9e9e 5%, #d6d6d6 100%);
	background:-o-linear-gradient(top, #9e9e9e 5%, #d6d6d6 100%);
	background:-ms-linear-gradient(top, #9e9e9e 5%, #d6d6d6 100%);
	background:linear-gradient(to bottom, #9e9e9e 5%, #d6d6d6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#d6d6d6',GradientType=0);
	background-color:#9e9e9e;
}
.button:active {
	position:relative;
	top:1px;
}


.post-content .spoiler-box {	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #9e9e9e));
	background:-moz-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-webkit-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-o-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:-ms-linear-gradient(top, #d6d6d6 5%, #9e9e9e 100%);
	background:linear-gradient(to bottom, #d6d6d6 5%, #9e9e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#9e9e9e',GradientType=0);
	background-color:#d6d6d6;
	-moz-border-radius:8px !important;
	-webkit-border-radius:8px !important;
	border-radius:8px !important;
	border:1px solid #b0b0b0;
	cursor:pointer;
	color:#114c5e;
	font-family:arial;
	font-size:12px !important;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cfdbde;
}

.post-content .spoiler-box > div {
  font-size:12px !important;}

.post-content .spoiler-box > blockquote {
  text-shadow:none !important;
  font-family: verdana !important;
  font-size:11px !important;
  color: #271902;}