/* CS1 Background and text colours
-------------------------------------------------------------
*/
/* прокрутка */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
background: #97a3b6;
}
::-webkit-scrollbar-thumb {
    background: #d998a7;
}

.gram {width: 643px; heigh: auto; margin-left: -5px; padding-top: 80px; padding-bottom: 10px;
display: block; background: url(http://i.imgur.com/n02onyF.png) top no-repeat, url(http://i.imgur.com/mbqTJfv.png) bottom no-repeat, url(http://i.imgur.com/i40Dd28.png) repeat-y;  
}

.bestq {position: absolute;
    height: 52px;
    width: 138px;
    font-family: 'bebas neue';
    font-size: 36px;
    text-transform: lowercase !important;
    color: #ffffff !important;
    margin-top: 88px!important;
    margin-left: 500px!important;
    text-shadow: 0px 0px 5px #ffffff!important;}





#navindex a {
  background: url(http://i.imgur.com/Bi22dqC.png) no-repeat top center; 
  display: inline-block; 
  position: absolute; 

height: 28px;
width: 68px;
top: 45px; 
left: 180px;
font-size: 0px!important;
}
#navuserlist a {
  background: url(http://i.imgur.com/9mpSUMY.png) no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: 28px;
width: 67px;
top: 45px; 
left: 274px;
font-size: 0px!important;
}
#navsearch a {
  background: url(http://i.imgur.com/rIpQewe.png) no-repeat top center; 
  display: inline-block; 
  position: absolute; 
height: 28px;
width: 68px;
top: 45px; 
left: 367px;
font-size: 0px!important;
}
#navprofile a {
  background: url(http://i.imgur.com/jVDGLCQ.png) no-repeat top center; 
  display: inline-block; 
  position: absolute; 
 
height: 28px;
width: 69px;
top: 45px; 
left: 465px;
font-size: 0px!important;
}

#navpm a {
  background: url(http://i.imgur.com/gSsBY27.png) no-repeat top center; 
  display: inline-block; 
  position: absolute; 
height: 28px;
width: 68px;
top: 44px;  
left: 563px;
font-size: 0px!important;


}
#navlogout   a {
  background: url(http://i.imgur.com/EZGxtLU.png) no-repeat top center; 
  display: inline-block; 
  position: absolute; 
height: 28px;
width: 67px;
top: 44px; 
font-size: 0px!important;
left: 660px;
}

#navadmin  a {
  background: url(http://i.imgur.com/rh2ksM9.png) no-repeat top center; 
  display: inline-block; 
  position: absolute; 

height: 28px;
width: 67px;
top: 43px;
left: 759px;
font-size: 0px!important;
}
#navlogin  a {
  background: url(http://i.imgur.com/sG8lfAM.png) no-repeat top center; 
  display: inline-block; 
  position: absolute; 

height: 28px;
width: 69px;
top: 44px; 
left: 465px;
font-size: 0px!important;
}

#navregister a {
  background: url(http://i.imgur.com/Y6QxPBQ.png) no-repeat top center; 
  display: inline-block; 
  position: absolute; 

height: 28px;
width: 68px;
top: 44px;  
left: 563px;
font-size: 0px!important;
}


.category .tclcon {
width: 446px; 
height: 190px;
padding-top: 30px;
padding-bottom: 60px;
 margin-left: 1px!important;
 background: url(http://i.imgur.com/q8heVdI.png) top no-repeat;
color: #000000;

}



/* cкрыть: "форум, тем, сообщений, последнее сообщение"? */
#pun-index .category table  thead {
display:none;
}

/* УБИРАЕМ КОЛ-ВО ЗАРЕГАНЫХ*/
.statscon .item3 {
    display: none;
}

/* репутация и соо */
.pa-respect { 
color: #424382;
    font-size: 9px;
    font-family: "Times New Roman" !important;
    display: inline-block;
    text-align: center;
    text-transform: lowercase;
    width: 100px;
    letter-spacing: 1px;
    margin-top: 10px!important;
  
}

.pa-posts { 
color: #424382;
    font-size: 9px;
    font-family: "Times New Roman" !important;
    display: inline-block;
    text-align: center;
    text-transform: lowercase;
    width: 100px;
    letter-spacing: 1px;
    margin-top: 10px!important;
}


.pa-fld3, .pa-fld4 {
margin-top: 60px;

}

.pa-respect, .pa-posts {
margin-top: 100px;

}


.post-author ul li{
line-height: 11px;
margin-left: -3px;
}




/* ПРОФИЛЬ */



li.pa-avatar.item2 img {
margin-top: 13px;
margin-left: 0px;
margin-bottom: 3px;
}




#topic-modmenu select#mod-options{
  margin:-11px 0 11px 0;
}



/*------------- фон -------------*/
body {
background: url() 50% 0% repeat-x, url() 50% 100% repeat-x, url() 40% 0%;
background-color: #dcdff2;
overflow-x: hidden}

/*------------- тело -------------*/
#pun {
background-image: url(http://i.imgur.com/5SmG2Wm.png);
background-color: #e1e6ec; 
width : 1028px; 
margin: auto;   
position: relative;
margin-bottom: 0px }

/*------------- шапка -------------*/
#pun-title table {
background-image : url(http://i.imgur.com/sDSGxQi.png);
width: 1148px;
height: 438px;
margin-left: -108px;
background-repeat : no-repeat;
background-position: top center;
border: none;   }

/*------------- футер -------------*/
#pun-about p.container {
background-image : url(http://i.imgur.com/TYkNzPS.png);
width: 1097px;
height: 173px;
margin-left: -80px;
margin-top: 15px;
margin-bottom: -33px;
background-color: #;
background-position : center top;
background-repeat : no-repeat;
border-color: transparent;
text-align: center;
color: #e5e5e5;
font-size:0 !important;}





/* CS1.1 */ 
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, 
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, 
.punbb .info-box, .punbb #pun-main .info-box .legend { 
background-color: #transparent; 
color: #000000; 
}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #415673;
  
  }

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #415673;
  font-weight: bold;
  font-style: normal;
 text-align: center;
  }


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #415673;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #415673;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #415673;
  }


/* CS1.8 */
#pun-navlinks .container {
 background-color: transparent;
  color: #415673;
font-weight: bold;
  text-align: center;
}

 #pun-ulinks .container {
  background-color: transparent;
  color: #d8eae3;
  text-align: center;
  }

.offline li.pa-online strong {
  color: #e8d6b2;
  font-weight: normal;
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #e8d6b2;
  color: #1d1410;
}


/* 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;
  }

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
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;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  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 #0c0201

  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent !important;
  }

/*------------------------------- быстрый ответ ---------------------------------*/
#post-form h2 span {
   display: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: #5474a5;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #031e64;

  }

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

  }


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




/* CS3.3 */
#pun-navlinks a {
  color: #8aa2c3;
    border-bottom: 0px none #000;
  text-decoration: none;
font-weight: bold;
  font-style: normal;

  }



  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {

  color: #6e8cb4;
  }
#pun-navlinks a:hover {color: #cc7f91 !important;}

#pun-ulinks a:hover {color: #ca7a8c !important;}
/* CS4 Post status icons
 -------------------------------------------------------------*/


div.icon {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}
tr.iredirect div.icon {border-color: #7e5b40 #7e5b40 #7e5b40 #7e5b40}
div.inew {border-color: #7e5b40 #5E3B20 #4E2B10 #5E3B20}

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


.punbb table Div.icon {float:right ; display: block; border-style: none none none none; margin-left: 7px; margin-right: 20px; margin-top: 5px;
width: 53px;
height: 55px;
background-image : url("http://i.imgur.com/vkSggJs.png");
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url("http://i.imgur.com/36h3PgJ.png");
background-repeat: no-repeat;
width: 53px;
height: 55px;
}

TR.isticky Div.icon {
background-image : url(http://i.imgur.com/BEw9zpz.png);
background-repeat: no-repeat;
width: 53px;
height: 55px;

}

TR.iclosed Div.icon {
background-image : url("http://i.imgur.com/6PDdABV.png");
background-repeat: no-repeat;
width: 53px;
height: 55px;

}



#pun-category1.category h2 {
background: url(http://i.imgur.com/A20GZrp.png);
height:59px;
width:1028px;
font-size:0 !important;
margin-left:-39px;}

#pun-category2.category h2 {
background: url(http://i.imgur.com/LmbfZXn.png);
height:59px;
width:1028px;
font-size:0 !important;
margin-left:-39px;}

#pun-category3.category h2 {
background: url(http://i.imgur.com/amVTc5s.png);
height:59px;
width:1028px;
font-size:0 !important;
margin-left:-39px;}



#pun-stats.section h2 {font-size: 0 !important;
background: url(http://i.imgur.com/iGW0Ixd.png);
height:59px;
width:1028px;
font-size:0 !important;
margin-left:-39px;}

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-origin: padding-box;
background-position: 10px 12px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 70px;
padding-top: 10px;}


/* CS5.7 Область для ввода текста в форме ответа и админке */

#pun-main .quote-box, #pun-main .code-box, .punbb textarea {
margin: 0.4em 1.8em 1.4em;
    padding: 10px;
    border-radius: 20px 0;
     -webkit-box-shadow: inset 0 0 3px 2px #c35f75;

 box-shadow: inset #dad7ee4 0 0 6px 4px;
  border-right:  #5b7eb3 2px solid;
  border-top: #5b7eb3 2px solid;
  border-left:  #5b7eb3 2px solid;
  border-bottom: #5b7eb3 2px solid;
  padding: 10px;
background: #ecedf3;
    max-width: 900px;
}


.punbb input  {
padding: 11px;
padding-top:10px;
border: none;
background: #ecedf3;
  border-radius:0px; 
  -webkit-box-shadow: inset 0 0 3px 2px #c76e83;
 box-shadow: inset #dad7ee4 0 0 6px 4px;
  border-right:  #5b7eb3 2px solid;
  border-top: #5b7eb3  2px solid;
  border-left:  #5b7eb3  2px solid;
  border-bottom: #5b7eb3  2px solid;
text-decoration: none;
font-family: cuprum!important;
color: #365a89;
text-shadow: #ffffff 1px 1px!important;
padding: 5px 10px 5px 10px!important;
 font-size:13px!important;
 }

.punbb select  {
background-color: #ecedf3; 
padding: 11px;
padding-top: 10px;
border: none;
 background: #ecedf3;
  border-radius:0px; 
  -webkit-box-shadow: inset 0 0 3px 2px #c35f75;
  box-shadow: inset #5b7eb3 0 0 6px 4px;
  border-right: #5b7eb3 double 2px;
  border-top: #c26077 2px solid;
  border-left: #5b7eb3 double 2px;
  border-bottom: #c26076 2px solid;
-webkit-box-shadow: 0px 0px 50px #e9f2f6 inset; 
 -moz-box-shadow: 0px 0px 50px #e9f2f6  inset; 
box-shadow: 0px 0px 50px #e9f2f6 inset;
text-decoration: none;
 font-family: "bebas neue";
 font-weight: bold !important;
color: #365a89;
text-shadow: #ffffff 0px 0px!important;
padding: 5px 10px 5px 10px!important;
  font-size:10px!important;
  text-transform: uppercase;
}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 50px; 
top: -192px}


#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
 #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;  margin-top: 10px;  }
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
#pun-main .post-author ul, #pun-main .post .container {line-height: 14px; margin-top: 5px;  }
#pun-main h2, #pun-stats.section h2 {
  padding: 3px 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }

/* подфорумы */
.pod1 {color: #ffffff;
    
    font-family: 'bebas neue';
    padding-top: 1px;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: lowercase !important;
    border-bottom: 10px;
    margin-top: 5px!important;
    margin-left: -24px!important;}

.pod2 {color: #456084; width: 390px; margin-left: 35px!important;  padding-top: 10px; font-size: 10px; letter-spacing: 1px; text-transform: lowercase !important; border-bottom: 10px; font-family: 'arial'; font-style: italic;}