/*ГРАФИКА -------------------------------------------------------------*/


/* фон */
html, body { background:
  url("") repeat-x top left,
  url("") repeat-x bottom left,
  url("http://funkyimg.com/i/2bqtY.png") center; background-color : #000000;
}


/* шапка */
#pun-title table {
background-image : url("http://funkyimg.com/i/2bqwg.png"); 
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 400px;
width: 1060px;
margin-left: -57px;}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 300px;
}

/* пан или "тело" форума */
#pun {background-color: #b9a899; background-image: url("http://funkyimg.com/i/2aKog.png");}



/* футер */
#pun-about p.container {
   background: url("http://funkyimg.com/i/2bqwf.png") transparent no-repeat;
   width: 1060px;
   height: 257px;
   margin: 0px 0 -30px -57px; /* вверх, вправо, вниз, влево */
   text-align: center;
   line-height: 1;
   font-size: 9px;
   background-repeat: no-repeat;
}

div#pun-about {
   margin-bottom: 15px;
}


/* линия */
hr, .banner-line {
height: 4px;
background: url("http://funkyimg.com/i/27gnv.png") center no-repeat;
border: 0px}



/* Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #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, #pun-navlinks .container  { background-color: transpanent;
color: #322b20;
font-weight: normal;
font-style: normal;}








/* двигалка навигации, общие ссылки и пользовательские */
div#pun-navlinks { position: absolute; width: 100%; text-align: center; top: 40px; left: 5px; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: 340px; left: 5px; }

#navindex {position: relative; left: -150px;}
#navuserlist {position: relative; left: -150px;}
#navawards {position: relative; left: -150px;}
#navsearch {position: relative; left: -150px;}
#navprofile {position: relative; left: 220px;}
#navpm {position: relative; left: 220px;}
#navlogout {position: relative; left: 220px;}
#navregister {position: relative; left: 230px;}
#navlogin {position: relative; left: 240px;}
#navpiar {lposition: relative; left: 220px;}
#navadmin {position: relative; left: 220px;}


/*  Ссылки верхней навигации */
#pun-navlinks a  {text-align: center;  position:relative; font-family: Neucha; font-size: 12px!important; font-weight: bold; letter-spacing: 4px; color: #694a29; text-shadow: 1px 0px 0px #000000;  text-transform: uppercase; }


#pun-ulinks a  {text-align: center;  position:relative; z-index:2000 !important; letter-spacing: 1px;
font-family: Cambria;
font-size: 12px; !important;
font-style: normal;
text-transform: lowercase;
font-weight: 700;
font-stretch: normal;
line-height: normal;
color: #694a29;
}


/* Ссылки */
/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #716045;
  text-decoration: none;
}

/* CS2.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: #6b310f; 
  border-bottom: 1px dashed #6b310f;
 transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; }


/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { text-align: center;  position:relative; font-family: Neucha; font-size: 12px!important; font-weight: bold; letter-spacing: 4px; color: #766251; text-shadow: 1px 0px 0px #1e1814; opacity: 1;}


/* CS2.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
opacity: 0.3;}

/*ИКОНКИ -------------------------------------------------------------*/

/* Иконка старых сообщений*/
.punbb table Div.icon {float: right;
display: block; 
width: 36px;
height: 40px;
background-image : url(http://funkyimg.com/i/2bt4M.png);
background-repeat: no-repeat;}

/* Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2bt1q.png);
background-repeat: no-repeat;
width: 36px;
height: 40px;}

/* Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2bt5a.png);
background-repeat: no-repeat;
width: 36px;
height: 40px;}

/* Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2bt5r.png);
background-repeat: no-repeat;
width: 36px;
height: 40px;}


/* Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box, input {
background-color: #b9a899; 
background-image: url("http://funkyimg.com/i/2bqwp.png");
color: #322409;
}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select {
background-color: #b9a899; 
background-image: url("http://funkyimg.com/i/2bqwp.png");
color: #202113;
border-top: 4px solid #9e8b69;
box-shadow: inset 0px 2px 1px #877342;
}


/* скрыть название категорий*/
#pun-main .category h2 span {
visibility: hidden;
}

/* статистика */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 94px;
width: 1060px;
font-size: 0px;
text-align: center;
color: #64511e;
margin-left:  -57px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/2bm8B.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;}


/* быстрый ответ */
#post-form h2 {
background: url("http://funkyimg.com/i/2bm5x.png") top center no-repeat;
width: 1060px;
height: 94px;
margin-left:  -79px;}
#post-form h2 span {
display: none;  }




/* перегородка сообщений */
#pun-viewtopic .post h3 {
background: transparent url("http://funkyimg.com/i/2bm8A.png") no-repeat scroll center top;
width: 1060px !important;
height: 55px;
margin-top: 0px;
margin-bottom: -30px;
margin-left: -57px;
padding-top: 45px;
}





/* профиль окантовка */
.punbb .post .post-author > ul {
background:url("http://funkyimg.com/i/2bvbZ.png") 0 bottom no-repeat, url("http://funkyimg.com/i/2bt87.png") 0 top no-repeat, url("http://funkyimg.com/i/2bqyv.png") repeat-y;
padding: 16px 20px 34px 20px!important; /* вверх, вправо, вниз, влево */
}

li.pa-avatar  {z-index: 5; margin-left: 0px !important; margin-top: 1px;}


/* рамка аватара */
li.pa-avatar img { max-width: 180px !important;
max-height: 180px !important;
box-shadow: 0px 0px 5px #0b0803 !important;
 }



/* статус */
.pa-title {text-align: center;
z-index: 1000;
font: small-caps 700 10px "Arial" !important;
letter-spacing: 1px;
line-height: 100%  !important;
padding-top: 10px!important; }


/* лз1 */
.pa-fld1 { color: #6b552f !important;
 margin-top: 15px !important;
font-size: 11px;
padding-top: 0px!important; }


/* анкета в лз */
.anketa { color: #6b552f;
font-family: Cambria;
font-size: 14px!important;
letter-spacing: 1px; }


/* СТОРОНА */
.storona { color: #6b552f;
font-family: Franklin Gothic Medium;
font-size: 12px!important;
letter-spacing: 1px;
background-image : url( );
position: relative; }


/* банк */
.ilisis, .postiki { color: #6b552f;
font-family: Cambria;
font-weight: bold !important;
font-size: 12px!important;
letter-spacing: 2px;
margin-top: -15px!important;
}


/* полоска рамки в лз */
.lichnoe {  
background-image : url("http://funkyimg.com/i/2byWv.png"); 
background-repeat : no-repeat;
height:18px;
width: 226px;
margin-left: -20px !important;
margin-top: 5px!important;
position: absolute;
}


/* ник */
.pa-author a, .pa-author {text-align: center;
text-shadow: 2px 1px #000000 !important;
color: #6b552f !important;
font:  700 20px "KatherinePlus" !important;
text-transform: lowercase;
letter-spacing: 3px;
padding-top: -35px!important;
}

/* подарки позитив */
.post-author ul {
text-align: center; 
font:  small-caps 700 9pt "Arial" !important;
}

/* активность */
.pa-online { text-align: center; 
font: small-caps 700 7pt "Arial" !important;
}

/* уважалка и соо в блок*/
.pa-posts { text-transform: lowercase;
color: #6b552f;
text-shadow: 0px 0px #150f02;
font: small-caps 700 10px "Franklin Gothic Medium" !important;
letter-spacing: 2px;
text-align: center; 
}

.pa-respect { text-align: center; text-transform: lowercase;
color: #6b552f;
text-shadow: 0px 0px #150f02;
font-family: Franklin Gothic Medium;
font-size: 12px!important;
letter-spacing: 1px;
}


.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active { text-align: center; text-transform: lowercase;
color: #6b552f;
text-shadow: 0px 0px #;
font-family: Franklin Gothic Medium;
font-size: 12px!important;
letter-spacing: 1px;
}



/* скрыть кол-во тем и соо */
 .category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 { display: none; }



/* выделение */
    ::selection { 
    background: none repeat scroll 0 0 #bdb89d;
    color: #2e2a12;
    opacity: 0.5;
    }  
а*::-moz-selection {
    background: none repeat scroll 0 0 #705F33;
    color: #453815;
}



#bannns{ position: absolute;
overflow: scroll;
overflow-x: hidden;
height: 66px;
width: 537px;
margin-left: -15px;
margin-top: -165px; }


#needone { position: absolute;
height: 66px;
width: 212px;
margin-left: 538px;
margin-top: -166px; }

#needtwo { position: absolute;
height: 66px;
width: 212px;
margin-left: 755px;
margin-top: -166px; }

#privetotvet{ position: absolute;
height: 85px;
width: 292px;
margin-left: 660px;
margin-top: 87px;
color: #322b20;
font-size: 10,3px;
text-shadow: 0px 0px 0px #6e5c3d;
line-height: 115%;}

#privetotvet2 { position: absolute;
height: 20px;
width: 292px;
margin-left: 660px;
margin-top: 180px;
color: #322b20;
font-size: 10,3px;
text-shadow: 2px 0px 1px #6e5c3d;}


#kvest{ position: absolute;
height: 87px;
width: 345px;
padding: 2px;
margin-left: -21px;
margin-top: 111px;
font-size: 10px;
color: #6e5c3d;
text-shadow: 2px 0px 2px #191410;
 font-weight: bold; 
}

#novosti{ position: absolute;
overflow: auto;
overflow-x: hidden;
height: 77px;
width: 295px;
margin-left: -5px;
margin-top: 85px;
   padding-right:5px!important;
font-size: 10px;
color: #322b20;
 text-shadow: 0px 0px 0px #6e5c3d;
}



/* кнопки */
.hashelp center div a button, .button {    
border: 2px solid #938a67;
box-shadow: inset 0px 2px 1px #877342;
background-image: url("http://funkyimg.com/i/2bqwp.png");

   padding-left:5px!important;
   height:25px!important;
   text-decoration:none;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(137,116,72,0.4) 0 0px 0, inset rgba(137,116,72,0.4) 0 1px 0;
   -moz-box-shadow: rgba(137,116,72,0.4) 0 0px 0, inset rgba(137,166,72,0.4) 0 1px 0;
   box-shadow: rgba(137,116,72,0.4) 0 0px 0, inset rgba(137,116,72,0.4) 0 1px 0;
   text-shadow: #c6b686 1px 1px 0;
   color: #857957;
   vertical-align: middle;
   cursor:pointer;
   font-family: Franklin Gothic Medium!important; font-size: 14px!important; font-weight: bold; letter-spacing: 1px; }

.hashelp center div a button:hover, .button:hover {background: #816a40;
background: -webkit-gradient(linear, left top, left bottom, from(#b0a179), to(#928663));
background: -webkit-linear-gradient(top, #b0a179, #928663);
background: -moz-linear-gradient(top, #b0a179, #928663);
background: -ms-linear-gradient(top, #b0a179, #928663);
background: -o-linear-gradient(top, #b0a179, #928663);
background-image: -ms-linear-gradient(top, #b0a179 0%, #928663 100%);
}

.hashelp center div a button:active, .button:active {position:relative; top:1px;}