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

/* CS1.1 */

body { color: #8e8e8e;}

html {
background:  url("http://craght.rusff.ru/files/0014/20/79/58911.jpg") repeat-x top center, 
url("http://craght.rusff.ru/files/0014/20/79/89981.jpg") repeat-x bottom center,
url("http://craght.rusff.ru/files/0014/20/79/22591.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://craght.rusff.ru/files/0014/20/79/66731.jpg") transparent no-repeat center top;
}

#html-footer {
background: url("http://craght.rusff.ru/files/0014/20/79/47337.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: #8D8D8D;
  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: #424242;
background: #BABABA url("http://sowlart.ru/files/0015/23/80/73692.png") repeat;
border-radius: 4px;
  }

/* 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 {background-color: rgba(99, 165, 176, 0.22);}
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 scroll 0px -1px;
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: #4E4E4E !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-color: rgb(171, 172, 174);
border-width: 2px 5px 3px 5px;
box-shadow: inset 0px 0px 0px 1px;
}

.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(176, 176, 176, 0.7) none repeat scroll 0% 0%; 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); }

/* Смайлы */
#smilies-area {
height: 124px;
overflow-y: auto;
background-color: rgba(210, 210, 210, 0);
width: auto !important;
position: static !important;
margin: 15px 0px;
    border-color: rgba(0, 0, 0, 0.13);
    background-image: url("http://sowlart.ru/files/0015/23/80/73692.png");
    border-radius: 5px;
    border-style: double;
    border-width: 4px;
padding: 0px;}

#smilies-area img {
    padding: 1px;}

td#button-smile {
    background: transparent url("http://orig04.deviantart.net/7a1c/f/2016/010/4/f/13_by_craght-d9niah7.gif") no-repeat scroll 0px center !important;}

#smilies-block {
    padding: 0px 10px;}

    /* вкладки доп смайлов */
    #wrapper {}
    ul.tabs {
height: 20px; 
line-height: 20px; 
text-align: center;
border-bottom-style: double;
border-color: rgba(0, 0, 0, 0.13);
padding: 6px 0px !important;}

    ul.tabs li {
display: inline-block; 
cursor:pointer;
padding: 0px 10px;}

    ul.tabs li a {
color: #626262;
cursor: pointer;
position: relative;
text-decoration: none;
width: 84px;
font-family: "BebasNeuelight";
font-size: 20px;
}
    ul.tabs li a:hover {
color:#744A22;
text-decoration:none;
}
    ul.tabs li.tab-current a {
color: #955914;
border:medium hidden;
line-height: 22px;
}
    ul.tabs li.tab-current a:hover {
color: #955914;
}
    div.t2,div.t3,div.t4 {display: none;}

.punbb .info .container {
    border-style: solid;
    border-width: 1px;
    border-color: #2C2C2C;
color: #723F0D;
}

.punbb .info {
    border-color: rgb(171, 172, 173);
    border-style: none solid solid;
}


    /* мод меню */
div[class^="exmod"]{
border-radius: 5px;
margin: 0px 25px;
}
.modex1 {
    background-color: #A44242 !important;
    background-image: -moz-linear-gradient(left top , RGBA(228, 26, 26, 0.3), RGBA(107, 42, 40, 0.6), RGBA(228, 26, 26, 0.4)) !important;
    background-image: -o-linear-gradient(left top , RGBA(228, 26, 26, 0.3), RGBA(107, 42, 40, 0.6), RGBA(228, 26, 26, 0.4));
    background-image: -webkit-linear-gradient(left top , RGBA(228, 26, 26, 0.3), RGBA(107, 42, 40, 0.6), RGBA(228, 26, 26, 0.4));
    background-image: -ms-linear-gradient(left top , RGBA(228, 26, 26, 0.3), RGBA(107, 42, 40, 0.6), RGBA(228, 26, 26, 0.4));
}
.exmod1{background-color: RGB(200, 197, 197); box-shadow: 0px 0px 5px RGBA(116, 32, 32, 0.6);}
.exmod2{background-color: RGB(200, 197, 197); box-shadow: 0px 0px 5px RGBA(55, 116, 32, 0.59);}
div[class^="modex"] {
border-radius: 4px 4px 0 0 !important;
font-size: 14px;
color: white;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
background-attachment: scroll !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
background-size: auto auto !important;
margin: 0;
padding: 5px 10px;
text-align: center;
}
.modex2 {
background-color: #4D835F !important;
background-image: -moz-linear-gradient(left top , RGBA(145, 228, 26, 0.3), RGBA(40, 107, 55, 0.6), RGBA(145, 228, 26, 0.37)) !important;
background-image: -o-linear-gradient(left top , RGBA(145, 228, 26, 0.3), RGBA(40, 107, 55, 0.6), RGBA(145, 228, 26, 0.37));
background-image: -webkit-linear-gradient(left top , RGBA(145, 228, 26, 0.3), RGBA(40, 107, 55, 0.6), RGBA(145, 228, 26, 0.37));
background-image: -ms-linear-gradient(left top , RGBA(145, 228, 26, 0.3), RGBA(40, 107, 55, 0.6), RGBA(145, 228, 26, 0.37));
}
.mod-inner{padding: 10px 5px; display: block; height: auto; font-family: Bebas Neue; font-size: 18px; text-align: center;}

#button-mod{background:url(http://funkyimg.com/i/29dLQ.png) no-repeat;}
#button-ex{background:url(http://funkyimg.com/i/29dLR.png) no-repeat;}