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

/* CS1.1 */

body { color: #8e8e8e;
}

html {
    background-position: left top;
    background-repeat: repeat;
    background-image: url('http://msgall.rusff.ru/files/0012/ab/1a/13580.jpg');
}

#pun-title table {
    background-image: url('http://msgall.rusff.ru/files/0012/ab/1a/24276.png');
    background-repeat: no-repeat;
    background-position: center top;
  border: none;
}

#html-footer {
background-image: url('http://msgall.rusff.ru/files/0012/ab/1a/50291.png');
background-repeat: no-repeat;
background-position: center bottom;
border: none;
}

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

/* CS1.2 */
.punbb .post h3 {
-moz-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
-webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(38,174,174,1)), color-stop(50%,rgba(10,164,164,1)));
-webkit-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
-o-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
-ms-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
background: linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
  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: #E1E1E1;
  color: #146e6e;
  }

.punbb .post .container{
  background-color: #C7D3D3;
  color: #0aa4a4;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #0aa4a4;
  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: #0aa4a4;
  border: none;
  }

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #c9dada;
color: #3c7272;
border-radius: 5px;
  }

/* 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: #0aa4a4 !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, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.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: #0d8282;
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: #35b1b1;
  }

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

/* CS3.3 */

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

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

div.icon {background: url(); no-repeat top center; width: 43px; height: 42px;}
tr.iredirect div.icon {background: url(); no-repeat top center; width: 43px; height: 42px;}
div.inew, TR.inew Div.icon {background: url(http://msgall.rusff.ru/files/0012/ab/1a/89727.png); no-repeat top center; width: 43px; height: 42px;}
TR.iclosed Div.icon {background: url(http://msgall.rusff.ru/files/0012/ab/1a/32968.png); no-repeat top center; width: 43px; height: 42px;}
TR.isticky Div.icon {background: url(http://msgall.rusff.ru/files/0012/ab/1a/90269.png); no-repeat top center; width: 43px; height: 42px;}

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

    #pun-navlinks a {
    display: inline-block;
    height: 68px;
    margin-left: 0px;
font-size: 0;
    }

#navindex a {background: url(http://msgall.rusff.ru/files/0012/ab/1a/44809.png); no-repeat top center; width: 70px; height: 68px;}
#navuserlist a {background: url(http://msgall.rusff.ru/files/0012/ab/1a/96312.png); no-repeat top center; width: 70px; height: 68px;}
#navawards a {background: url(http://msgall.rusff.ru/files/0012/ab/1a/17296.png) ; no-repeat top center; width: 70px; height: 68px;}
#navsearch a {background: url(http://msgall.rusff.ru/files/0012/ab/1a/87864.png) ; no-repeat top center; width: 70px; height: 68px;}
#navprofile a {background: url(http://msgall.rusff.ru/files/0012/ab/1a/72177.png); no-repeat top center; width: 70px; height: 68px;}
#navpm a {background: url(http://msgall.rusff.ru/files/0012/ab/1a/26988.png); no-repeat top center; width: 70px; height: 68px;}
#navadmin a {background: url(http://msgall.rusff.ru/files/0012/ab/1a/15154.png); no-repeat top center; width: 70px; height: 68px;}
#navlogout a {background: url(http://msgall.rusff.ru/files/0012/ab/1a/41919.png); no-repeat top center; width: 70px; height: 68px;}
#navlogin a {background: url(http://msgall.rusff.ru/files/0012/ab/1a/41919.png); no-repeat top center; width: 70px; height: 68px;}
#navregister  a {background: url(http://msgall.rusff.ru/files/0012/ab/1a/77021.png) ; no-repeat top center; width: 70px; height: 68px;}

#navindex a:hover {background: url(http://msgall.rusff.ru/files/0012/ab/1a/77117.png); no-repeat top center;  }
#navuserlist a:hover {background: url(http://msgall.rusff.ru/files/0012/ab/1a/60692.png); no-repeat top center;}
#navawards a:hover {background: url(http://msgall.rusff.ru/files/0012/ab/1a/34310.png); no-repeat top center; }
#navsearch a:hover {background: url(http://msgall.rusff.ru/files/0012/ab/1a/22298.png); no-repeat top center; }
#navprofile a:hover {background: url(http://msgall.rusff.ru/files/0012/ab/1a/92282.png); no-repeat top center;}
#navpm a:hover {background: url(http://msgall.rusff.ru/files/0012/ab/1a/65519.png); no-repeat top center;}
#navadmin a:hover {background: url(http://msgall.rusff.ru/files/0012/ab/1a/39686.png); no-repeat top center;}
#navlogout a:hover {background: url(http://msgall.rusff.ru/files/0012/ab/1a/55905.png); no-repeat top center;}
#navlogin a:hover {background: url(http://msgall.rusff.ru/files/0012/ab/1a/55905.png); no-repeat top center;}
#navregister  a:hover {background: url(http://msgall.rusff.ru/files/0012/ab/1a/41738.png) ; no-repeat top center;}

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

.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    border-radius: 5px 5px 0px 0px;
    padding: 0.5em 1em;
    border-style: none;
    border-width: 0px;
}

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
text-align: center;
    text-shadow: 0px 1px 0px #868686;
-moz-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
-webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(38,174,174,1)), color-stop(50%,rgba(10,164,164,1)));
-webkit-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
-o-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
-ms-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
background: linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
    color: #ffffff;
background-position: center;
}

.punbb .container {
border-width: 0px 5px 5px 5px;
border-style: solid;
border-color: #0AA4A4;
    border-radius: 0px 0px 5px 5px;
background-color: #e1e1e1;
}

#pun-crumbs1 p.container, .punbb .modmenu .container, #pun-crumbs2 .container {
text-align: left;
    text-shadow: 0px 1px 0px #868686;
-moz-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
-webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(38,174,174,1)), color-stop(50%,rgba(10,164,164,1)));
-webkit-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
-o-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
-ms-linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
background: linear-gradient(to bottom, rgba(38,174,174,1) 50%,rgba(10,164,164,1) 50%);
    color: #ffffff;
background-position: center;
}

#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: #0aa4a4 !important;
color: #ffffff;
}

.linkst .pagelink {
color: #ffffff;
}

.linksb .pagelink{
color: #046A6A;
}
.punbb .post-links ul{
background-color: #0aa4a4;
}

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

.punbb fieldset, #viewprofile ul, #profilenav ul {
border-color: #C7D3D3;
background-color: #C7D3D3;
}

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

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

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

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

#pun-ulinks a {color: #e4f5f5;}
#pun-ulinks a:hover  {color: #336464;}

li#onlinelist, .punbb .main .tcl, .punbb .main .tcr, .punbb .main td, .punbb .main th {color: #0e6060;}

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

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: #0aa4a4;}

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


.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 {color: #698d8d; border-color: transparent;}

.punbb .post-links ul a, .punbb .post h3 span a, .punbb .post h3 span {color: #2D7676;
text-shadow: 0px 1px 0px #33C1C1;}

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

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

.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: #27afaf;}

.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;
}

ul.wrapper{
margin-left:-15px;
width:167px!important;
margin-bottom:-15px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}

::-webkit-scrollbar { width: 5px; height: 5px; }  
::-webkit-scrollbar-track { background-color: #E4E4E4; } 
::-webkit-scrollbar-thumb { background-color: rgba(38,174,174,1); }

.sav { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 714px; height: 53px; overflow: auto;  }
.sav:hover { opacity: 1; } 

a.ARTiSHOCK, a.ARTiSHOCK:active, a.ARTiSHOCK:link, a.ARTiSHOCK:visited {
font-size: 15px;
font-family: 'Open Sans Condensed', sans-serif;
background-color: #EAE9E5;
color: rgb(10, 164, 164); 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-transform: uppercase;
width: 175px;
-moz-transition: background-color 1.2s 0.02s ease, color 1.2s 0.02s ease;
 -o-transition: background-color 1.2s 0.02s ease, color 1.2s 0.02s ease;
 -webkit-transition: background-color 0.6s 0.02s ease, color 1.2s 0.02s ease;
}

a.ARTiSHOCK:hover {
color: #EAE9E5; 
background-color: rgb(10, 164, 164);
display: block;
width: 175px;
}
.pa-fld1 {font-weight: bold;}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area { z-index: 1; }
.mini_awards_label {display: none;}
.pa-awards {margin-top: -30px!important;}