/* CS1 Background and text colours
-------------------------------------------------------------*/
/* фон */
body {background-color: #2b2b2b;
background-repeat: repeat;
background-position : top center;
overflow-x: hidden;
}
/* фон контента */
#pun { background-image : url("http://s7.uploads.ru/d/4VqbE.png");
background-repeat: repeat-y;
background-position : center;}
/* блок формы ответа и кнопки*/
  .punbb textarea, .punbb select, .punbb input{
  background-color: #f2f2f2;
  color: #5d554a;
border-top:0px solid #d54b08;
border-right:0px solid #c9a1a1;
border-bottom:0px solid #c9a1a1;
border-left:0px solid #c9a1a1;
}
/* категории */
#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
 width: 80%;
  background-color: #2b2b2b;
  font-size: 2em!important;
  font-family: 'raleway'!important;
  color: #ef1438!important;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  margin-left: 80px;
  padding:  10px;
  text-transform: uppercase;
}
/* картинка в самый низ */
   #pun_wrap {
background: transparent url(http://s7.uploads.ru/d/js1tb.png) no-repeat bottom center !important;
padding-bottom: 70px !important;
padding-left: -7px;
width: 900px;
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: #444444; font-size: 1em;}
#pun-status .container, #pun-crumbs1 .container
{
 color: #ef1438;
 margin-top: -73px;
 font-family: Yu Gothic UI Light;
 letter-spacing: 5px;
 height:20px;
 
}
#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: #444444;
text-align: center;}
.offline li.pa-online strong {
color: #444444; font-family: cambria;}


/* 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: #5a5a5a;
  font-size: 1.1em;
    border-bottom: 0px none #000;
  text-decoration: none;
font-variant: small-caps;
  text-transform: lowercase;
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #ba1919
  }
/* 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: #2b2b2b;
font-variant: small-caps;
  text-transform: lowercase;
  }

#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://s2.uploads.ru/d/rQyYi.png) no-repeat;
    }
    .newtext {display:none}
    tr.inew div.icon {
            background: url(http://s6.uploads.ru/d/xNB1w.png) no-repeat;
    }
   
    tr.iclosed div.icon {
            background: url(http://s2.uploads.ru/d/rQyYi.png) no-repeat;
    }
    tr.iredirect div.icon {
            background: url(http://s2.uploads.ru/d/rQyYi.png) no-repeat;
    }
    tr.isticky div.icon {
            background: url(http://s2.uploads.ru/d/rQyYi.png) no-repeat;
    }
hr{color:#302e03;height:1px;border:none;background:#800900;}
/* CS5.5 профиль */

.punbb .post .post-author > ul {
background: #f2f2f2 top center no-repeat,
#f2f2f2 bottom center no-repeat;
padding: 11px 6px 10px 4px !important;
}

.punbb .post .post-author {
text-align: center;
background: #f2f2f2;
color: #9a9999;
font-family: raleway;
text-shadow: 1px 1px 0px #ffffff;
margin-left: -6px;
border: 6px solid #2b2b2b;
}

.punbb .post .post-author a {
color: #9a9999;
text-shadow: 1px 1px 0px #ffffff;
}

.punbb .post .post-author b, .punbb .post .post-author strong {
color: #9a9999;
}

.punbb .post .post-author a:hover {
color: #9a9999;
text-shadow: 1px 1px 0px #ffffff;
}

.punbb .post .post-author li {
padding-left:5px;
}

.pa-author a, .pa-author {
text-align: center;
font-family: montserrat alternates!important;
color: #ef1438!important;
font-size: 1em!important;
text-shadow: 0px 0px 0px #2b2b2b!important;
text-transform: uppercase;background: #2b2b2b;}

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

li.pa-author {
margin-bottom:8px;
font-size: 2em!important;
}

.pa-avatar img{
border: 3px solid #2b2b2b  !important;
box-shadow: 0px 0px 0px 1px  #ffffff;
margin-left: 20px;
}

.pa-avatar img.addimg {
border: none !important;
box-shadow: none;
}

.pa-title{
text-transform: lowercase;
font-family: raleway;
text-align: center;
color: #b1b0b0;
text-shadow: 1px 1px 0px #ffffff;
}



.pa-fld5 {
min-width: 180px;
margin-left: 6px !important;
margin-bottom: 5px !important;
}

.pa-fld5 img {
display: block;
background: #f2f2f2!important; 
margin-bottom: 2px;
}

.pa-fld3 {
min-width: 180px;
margin-left: 6px !important;
margin-bottom: 5px !important;
}

.pa-fld3 img {
display: block;
background: #f2f2f2 !important; 
margin-bottom: 2px;
}

.pa-fld4 {
min-width: 180px;
margin-left: 6px !important;
margin-bottom: 5px !important;
}

.pa-fld4 img {
display: block;
background: #f2f2f2!important; 
margin-bottom: 2px;
}

.pa-fld1 td{
background: #f2f2f2!important; 
text-align: center;
}

.m{
    width: 80px;
}

.pa-fld2 td{
background: #f2f2f2 !important; 
text-align: center;
}

.pa-respect, .pa-posts{
width: 90px; 
display: inline-block; 
margin-left: 10px!important;
text-align: center;
font-size: 1.1em;}

 /* TOGGLE CBOX */
#horizontal-toggle {float: left; position: relative; top: -5px; left: 50px; padding: 10px; font-family: montserrat alternates; font-size: 15px; color: #fff; font-weight: 700; text-align: center; text-transform: lowercase; letter-spacing: -1px; line-height: 10px; cursor: pointer; z-index: 999;}
#chatter { padding: 10px; opacity: 1; z-index: 999; display: none; }
#userlinkss { position: fixed; left: 0px; top: 0px; width: 100%; height: 20px; padding: 10px; background: #222; list-style: none; z-index: 9999; }
.usercontrols1 { display: inline-block; position: relative; top: -10px; left: -70px; z-index: 99999; background: #222; width: 140px; padding: 15px; font-family: montserrat alternates; font-size: 15px; color: #fff; font-weight: 700; text-align: center; text-transform: lowercase; letter-spacing: -1px; line-height: 10px; }
#userlinkcontrols { width: 100px; height: 2px; display: inline-block; vertical-align: top; margin-right: 70px; }
#userlinkcontrols .usercontrols2 { z-index: 9999; position: relative; top: -250px; left: -70px; width: 150px; padding: 10px; background: #222; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-transition: 0.7s all ease-in-out; o-transition: 0.7s all ease-in-out; opacity: 0; }
#userlinkcontrols:hover .usercontrols2 { position: relative; top: -10px; -webkit-transition: 0.7s all ease-in-out; transition: 0.7s all ease-in-out; -moz-transition: 0.7s all ease-in-out; o-transition: 0.7s all ease-in-out; opacity: 1; }
.usercontrols2 a { display: block; padding: 5px; font-family: montserrat; font-size: 7px; color: #ffffff!important; text-align: center; text-transform: uppercase; letter-spacing: 3px; line-height: 12px; margin-bottom: 2px; -webkit-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
.usercontrols2 a:hover { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); }
.usercontrols2 a:nth-child(3n):hover { background: #82D7FF; }
.usercontrols2 a:nth-child(3n+1):hover { background: #FF5588; }
.usercontrols2 a:nth-child(3n+2):hover { background: #9F7BED; }
.ratio { padding: 5px; font-family: montserrat; font-size: 7px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 2px; line-height: 10px; margin-bottom: 2px; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; o-transition: 0.4s all ease-in-out; }
.ratio:hover { background: #444; transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); }
#crus:hover {background: #AE3754;} #ren:hover {background: #D44350;} #neu:hover {background: #81B8D6;} #mav:hover {background: #63B8A2;} #anar:hover {background: #447D96;} #civ:hover {background: #E99E48;}

@font-face {
    font-family: 'montserrat alternates';
    src: url('http://bucky.rusff.ru/files/0017/17/cb/14785.eot') format('eot'), 
         url('http://bucky.rusff.ru/files/0017/17/cb/69341.woff') format('woff'), 
         url('http://bucky.rusff.ru/files/0017/17/cb/91909.ttf')  format('truetype'),
         url('http://bucky.rusff.ru/files/0017/17/cb/28692.svg') format('svg');
    }

@font-face {
    font-family: 'raleway';
    src: url('http://bucky.rusff.ru/files/0017/17/cb/35468.eot') format('eot'), 
         url('http://bucky.rusff.ru/files/0017/17/cb/62723.woff') format('woff'), 
         url('http://bucky.rusff.ru/files/0017/17/cb/82078.ttf')  format('truetype'),
         url('http://bucky.rusff.ru/files/0017/17/cb/86762.svg') format('svg');
    }

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


/*ОФОРМЛЕНИЕ АНКЕТЫ*/

.anketa { position: relative; width: 600px; height: 280px; overflow: hidden; }
.anketa1 { position: absolute; top: 0px; left: 0px; width: 550px; height: 280px; z-index: 2; }
.anketastrip { position: absolute; bottom: 0px; left: -80px; width: 0; height: 0; border-style: solid; border-width: 0 0 100px 550px; border-color: transparent transparent #000000 transparent; line-height: 0px; _border-color: #000000 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.anketa2 { position: absolute; top: 112px; left: 0px; width: 440px; height: 80px; padding: 100px 15px; line-height: 100%; z-index: 3; opacity: 1; }
.anketa2 h1 { color: #fff; font-family: raleway; font-size: 35px; font-weight: 900; font-style: normal; text-align: right; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; margin-right: 10px;  }
.anketa2 h2 { color: #fff; font-family: raleway; font-size: 8px; font-weight: 700; font-style: normal; text-align: right; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; margin-top: -25px; margin-right: 10px; }
.anketa::-webkit-scrollbar {width: 3px;}
.anketa::-webkit-scrollbar-track {background-color: #fff;}
.anketa::-webkit-scrollbar-thumb {background-color: #000;} 

/*ИНФА*/
.wwhstaffsearchimg { position: relative; z-index: 35; top: 100px; margin-top: -100px;  }
.wwhstaffsearchboop { width: 100px; height: 100px; background: #2b2b2b; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; position: relative; z-index: 40; top: 50px; }
.wwhstaffsearchline { width: 580px; height: 25px; background-color: #2b2b2b; font-family: oswald; font-size: 12px; letter-spacing: 4px; color: #fff; text-transform: uppercase; font-style: italic; line-height: 25px; font-weight: lighter; position: relative; z-index: 45; }
.wwhblah { width: 580px; box-shadow: 0 5px 5px rgba(0,0,0,0.5); }
.wwhbody { width: 540px; padding: 20px; background-color: #fff; font-family: arial; font-size: 11px; line-height: 12px; color: #000; text-align: justify; }
.wwhsub { font-family: oswald; font-size: 12px; letter-spacing: 2px; color: #000; text-transform: uppercase; font-style: italic; line-height: 25px; font-weight: lighter; }