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

/* CS1.1 */

body { color: #8e8e8e;}

html {
background:  url("http://thehistory.rusff.ru/files/0011/6c/51/51771.png") repeat-x top center, 
url("http://craght.rusff.ru/files/0014/20/79/89981.jpg") repeat-x bottom center,
url("http://thehistory.rusff.ru/files/0011/6c/51/96433.png") repeat-y center top,
#282828 url("http://craght.rusff.ru/files/0014/20/79/89406.jpg") repeat center top;
}

#pun { background: url("http://craght.rusff.ru/files/0014/20/79/85067.png"),
url("http://craght.rusff.ru/files/0014/20/79/27087.jpg");
background-color : none;
background-position : center;
background-repeat: repeat-y;
}

#pun-title table {
background: url("http://sowlart.ru/files/0015/23/80/87473.jpg") transparent no-repeat center top;
}

#html-footer {
background: url("http://thehistory.rusff.ru/files/0011/6c/51/83272.png") transparent no-repeat center bottom;
height: 77px !important;
width:1181px;
margin: 0px 0px 0px -130px;
border: none;
}

.punbb .section .container, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #BDBEBF;
  color: #575757;
  }

/* CS1.2 */
.punbb .post h3 {
background: url("http://craght.rusff.ru/files/0014/20/79/95002.jpg");
  border: none;
  }

.punbb-admin #pun-admain .adcontainer {
  background-color: #c6c6c6;
  color: #8e8e8e;
  border: none;
  }

.punbb .post-body, .punbb .formal .container, .punbb .formal fieldset .post-box {
  background-color: #bdbebf;
  color: #363636;
  }

.punbb .post .container{
  background-color: #171717;
  color: #3C3C3C;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #D4D4D4;
  color: #8e8e8e;
  border: none;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: none;
  color: #8e8e8e;
  border: none;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  color: #2D2D2D;
  border: none;
  }

/* CS1.6 */
.punbb th, #viewprofile li, #setmods dl  {
  color: #575757;
  border: none;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
color: #000000;
background: #BABABA url("http://craght.rusff.ru/files/0014/20/79/66476.jpg") repeat;
opacity: 0.7;
border-radius: 7px;
  }

/* CS1.8 */
#pun-navlinks .container {
background: none;
  color: #f1f1f1;
border-radius: 0px;
  }

#pun-ulinks .container {
background: none;
  color: #f1f1f1;
  border: none;
  }

.offline li.pa-online strong {
  font-weight: normal;
  border: none;
  }

li#onlinelist, li#onlinelist div {
border-color: #838383 !important;
  }

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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border: none;
  }

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

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border: none;
  }

/* CS2.4 */
.punbb td, #viewprofile ul, #profilenav ul,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border: none;
  }

/* CS2.5 */
.punbb th {
  border: none;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border: none;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border: none;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border: none;
  }

.punbb .divider {
  border: none;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;
  }

li.pa-online {
  border: none;
  }


/* 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: #4B4B4B;
text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #8D4E27;
  }

/* 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: #994D0C;
text-decoration: none;
  }

/* CS3.3 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

@keyframes anim {
0% {opacity: 0;}
100% {opacity: 1;}
}

div.icon {background-color: none;}
TR.iredirect div.icon {}
div.inew, TR.inew Div.icon {}
TR.iclosed Div.icon { 
height: 16px;
    margin-left: -21px;
    margin-top: 0px;}

TR.isticky Div.icon {
    height: 16px;
    margin-left: -21px;
    margin-top: 0px;}


#pun-main div.catleft, #pun-main div.catright {display: none}

.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    border-radius: 5px 5px 0px 0px;
background-image: url("http://craght.rusff.ru/files/0014/20/79/95002.jpg");
border-radius: 5px 5px 0px 0px;
border-style: none;
height: 24px;
padding: 4px 0px 0px 0px;
}

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
text-align: center;
height: 20px;
color: #2F2F2F;
text-shadow: 1px 1px 1px #D5D5D5;
font-size: 14px;
font-family: "MyriadProRed";
font-weight: 500;
}

.punbb .container {
border-width: 0px 4px 4px 4px;
border-style: solid;
border-color: #abacad;
background-color: #bdbebf;
}

#pun-crumbs1 p.container, #pun-crumbs2 .container {
text-align: left;
text-shadow: 0px 1px 1px #CCC;
background: url("http://craght.rusff.ru/files/0014/20/79/42133.jpg") repeat-x;
color: #515151;
}

#tieser-bottom {
background-color: #2ab0b0;
}

#pun-status .container {
background: none;
}

#pun-about .container {
background: none;
}

.punbb .post h3 span, .punbb .post-links {
background: none;
}

#pun-live-rusff {
    background-color: #A9AAAC !important;
color: #ffffff;
}

.linkst .pagelink {
text-shadow: 0px 1px 1px #CCC;
color: #515151;
}

.linksb .pagelink{
text-shadow: 0px 1px 1px #CCC;
color: #515151;
}
.punbb .post-links ul{
background-color: #0aa4a4;
}

.punbb .post-links {
border-color: #0aa4a4;
}

.punbb fieldset, #viewprofile ul, #profilenav ul {
background-color: #D2D2D2;
border-style: groove;
border-width: 2px;
border-color: #EFEFEF;
}

.linkst .postlink a, .punbb .modmenu .container a, #pun-crumbs1 p.container a, #pun-crumbs2 .container a, div.post-rating a {
text-shadow: 0px 1px 1px #D2D2D2;
color: #545454;
font-size: 12px;
text-decoration: none;
}

/* настройка цвета */
.pagelink a {color: #FFFFFF!important;}

#pun-status, #pun-status a, #pun-status .container a, .punbb .linksb a  {color: #535353 !important; font-weight: bold;}

#pun-status .container {color: #ffffff;}

#pun-ulinks a {color: #9C8F78;}
#pun-ulinks a:hover  {color: #C0A265;}

li#onlinelist, .punbb .main td {color: #333333;}

li#onlinelist a, #pun-stats li.item4 a {color: #625348;}

li#onlinelist a:hover, #pun-stats li.item4 a:hover, #pun-status a:hover, #pun-status .container a:hover, .punbb .post-content p a:hover  {color: #994D0C;}

.punbb .post .post-author {color: #808080;}

.punbb .main .tcl, .punbb .main .tcr, .punbb .main td, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {border-color: transparent;}

.punbb .post-links ul a, .punbb .post h3 span a, .punbb .post h3 span {color: #444;
text-shadow: 1px 1px 0px #C0C0C0;}

.punbb .post-links ul a:hover, .punbb .post h3 span a:hover {color: #623B1D;
text-shadow: 1px 1px 0px #BFBFBF;}

.punbb .main .tcl a, .punbb .main .tcr a, .punbb .main td a, #pun-about .container a:hover, .punbb .post .post-author a {color: #674023;}

.punbb .main .tcl a:hover, .punbb .main .tcr a:hover, .punbb .main td a:hover, #pun-status p span.item3 a:hover, .punbb .post .post-author a:hover, .punbb .post-content p a {color: #80522B;}

.hoverbox {
cursor: default;
list-style: none;
}

.hoverbox a{cursor: default;}

.hoverbox a .preview {display: none;}

.hoverbox a:hover .preview {
  display: block;
  position: absolute;
  top: -33px;
  left: -45px;
z-index: 999;
}

.hoverbox img {
  padding: 2px;
  vertical-align: top;
}

.hoverbox li {
  display: inline;
  float: left;
  margin: 3px;
  padding: 5px;
  position: relative;
}


 #pun-ulinks {
  text-align: center;
  }

.punbb .fs-box .container {
border: none;
  }

#pun-status p span.item3, #pun-status p span.item3 a, #pun-status p span.item2 a {
color: #0d8282 !important;
  }

table#avst {
position: absolute;
top: 200px;
left: 690px;
height: 60px;
width: 60px;
max-height: 60px !important;
max-width: 60px;
vertical-align: middle;
overflow: hidden;
}

td#ava-status {
background: url() repeat;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
padding-top: 5px;
height: 55px;
width: 60px;
text-align: center;
overflow: hidden;
}

td#ava-status img {
max-width: 50px !important;
max-height: 50px !important;
}

.post-author-Sp{
    margin-top: 13px!important;
}

.pa-posts {
display: inline-block;
margin-bottom: 1px; 
text-transform: lowercase; 
font-family: myriad pro; 
font-size: 10px; 
letter-spacing: 2px;
border-radius: 0px;
width:81px; 
color: #3F3F3F;
text-align: center; 
padding: 1px 2px 2px 1px;
line-height: 13px;
}
.pa-respect {
display: inline-block;
margin-bottom: 1px; 
text-transform: lowercase; 
font-family: myriad pro; 
font-size: 10px; 
letter-spacing: 2px;
border-radius: 0px;
width:80px; 
color: #3F3F3F;
text-align: center; 
padding: 1px 2px 2px 1px;
line-height: 13px;
}

#pun-main h2 span:first-letter , #pun-stats h2:first-letter , .punbb .main h1 span:first-letter , .linkst .postlink a:first-letter , .linkst .postlink span:first-letter , .punbb .post .post-author a:first-letter , div#topic-users-in .container a:first-letter { color: #7D4E21; }
#pun-main h2 span, .punbb .main h1 span, .linkst .postlink span, .punbb .post .post-author a { display: inline-block; }

div#topic-users-in .container {
    background-color: rgb(189, 189, 189);
color: #393939;
}

div#topic-users-in .container a {
    color: #606060;
    text-shadow: 0px 1px 1px #DBDBDB;
    font-weight: bold;
    display: inline-block;
}
div#topic-users-in .container a:hover {
    color: #7D4E21;
}

form#post.container {
border-style: solid none none none;
border-top-color: rgb(36, 36, 36);
}

.albar a:first-letter , #albar a:first-letter {
color: #814F16;
}

.albar a, #albar a {
    display: inline-block;
text-shadow: 0px -1px 0px #D4D4D4;
color: #303030 !important;
font-weight: 600;
font-size: 12px;
}

.albar a:hover, #albar a:hover {
text-shadow: 0px 0px 10px #FFF;
color: rgba(24, 24, 24, 0.9) !important;
}

.mini_awards_label {display: none;}

a.mnu:link, a.mnu:visited, a.mnu:active{text-decoration: none;

background: rgba(227, 219, 206, 0.7);
width: 149px;
border-top: 3px solid #2b262c;
border-bottom: 3px solid transparent;
font-family: Bebas Neue;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
text-decoration: none;
color: #2b262c;
display:block;
text-align:center;
}
a.mnu:hover {
background: #640585;
color: #e3dbce;
border-bottom: 3px solid #e2dacd; 
border-top: 3px solid transparent;
-moz-transition: 1s ease; -webkit-transition: 1s ease;}




/* ссылки1 */
a.sbla:link, a.sbla:visited { display: block; margin-bottom: -14px; text-transform: uppercase; font-style: normal; font-family: Bebas Neue; font-size: 14px; letter-spacing: 1px;border-radius: 0px; background: rgba(227, 219, 206, 0.7); color: #2b262c !important;  text-align: center; }
a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease;  display: block; text-transform: uppercase; font-family: Bebas Neue; font-size: 14px; letter-spacing: 5px; background: #2b262c; text-decoration: none; color: rgba(227, 219, 206, 0.7) !important; text-align: center;border-radius: 0px;}



::-webkit-scrollbar { width: 7px; height: 5px; }  
::-webkit-scrollbar-track { background-color: #E4E4E4; } 
::-webkit-scrollbar-thumb { background-color: rgb(76, 40, 23); }