/*ÃÐÀÔÈÊÀ -------------------------------------------------------------*/

/* ôîí */
html, body { background:
  
  url("http://funkyimg.com/i/27nVt.png") center; background-color : #242450;
}


/* øàïêà */
#pun-title table {
background-image : url("http://funkyimg.com/i/27nWJ.gif"); 
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 450px;
width: 1160px;
margin-left: -99px;}

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

/* ïàí èëè "òåëî" ôîðóìà */
#pun {background-color: #b9a899; background-image: url("http://funkyimg.com/i/27nVc.png");}



/* ôóòåð */
#pun-about p.container {
   background: url("http://funkyimg.com/i/27nVe.png") transparent no-repeat;
   width: 1040px;
   height: 233px;
   margin: 0px 0 -30px -37px; /* ââåðõ, âïðàâî, âíèç, âëåâî */
   text-align: center;
   line-height: 1;
   font-size: 9px;
   background-repeat: no-repeat;
}

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


/* ëèíèÿ */
hr, .banner-line {
height: 2px;
background: url("http://funkyimg.com/i/XMFS.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: 293px; left: 5px; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: 435px; left: 5px; }


/*  Ññûëêè âåðõíåé íàâèãàöèè */
#pun-navlinks a  {text-align: center;  position:relative; font-family: Neucha; font-size: 16px!important; font-weight: bold; letter-spacing: 4px; color: #514439; text-shadow: 1px 0px 0px #201b16;  text-transform: uppercase; }


/*  èêîíêà ìåæäó ìåíþ íàâè */
#pun-navlinks ul.container li {
  background-image: url("http://funkyimg.com/i/248de.png");
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 2px;
  padding: 14px 3px 12px 13px;
  }

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


/* Ññûëêè */
/* 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: #574733;
  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: #766251; 
  border-bottom: 1px dashed #514439;
 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: 16px!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: 42px;
height: 41px;
background-image : url(http://funkyimg.com/i/24dco.png);
background-repeat: no-repeat;}

/* Èêîíêà íîâûõ */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/24829.png);
background-repeat: no-repeat;
width: 42px;
height: 41px;}

/* Èêîíêà âàæíûõ*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/24dcm.png);
background-repeat: no-repeat;
width: 42px;
height: 41px;}

/* Èêîíêà çàêðûòûõ*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/24dcn.png);
background-repeat: no-repeat;
width: 42px;
height: 41px;}


/* Öèòàòû è êîäû â ñîîáùåíèÿõ*/
.punbb .quote-box, .punbb .code-box, input {
background-color: #b9a899; 
background-image: url("http://funkyimg.com/i/248oG.png");
color: #322409;
}


/* Îáëàñòü äëÿ ââîäà òåêñòà â ôîðìå îòâåòà è àäìèíêå */
.punbb textarea, .punbb select {
background-color: #b9a899; 
background-image: url("http://funkyimg.com/i/246vF.png");
color: #202113;
border: 3px double #cabaad;}


/* ñêðûòü íàçâàíèå êàòåãîðèé*/
#pun-main .category h2 span {
visibility: hidden;
}

/* ñòàòèñòèêà */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 66px;
width: 1040px;
font-size: 0px;
text-align: center;
color: #64511e;
margin-left:  -37px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/247HU.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/24cws.png") top center no-repeat;
width: 1040px;
height: 66px;
margin-left:  -59px;}
#post-form h2 span {
display: none;  }


/* ïðîôèëü îêàíòîâêà */
.punbb .post .post-author > ul {
background:url(http://funkyimg.com/i/27j9w.png) 0 bottom no-repeat, url(http://funkyimg.com/i/27j3i.png) 0 top no-repeat, url(http://funkyimg.com/i/27j84.png) repeat-y;
padding: 34px 20px 34px 20px!important; /* ââåðõ, âïðàâî, âíèç, âëåâî */
}

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


/* ðàìêà àâàòàðà */
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: 2px;
padding-top: 5px!important;}


.pa-fld1 {color: #695848; !important;}

/* íèê */
.pa-author a, .pa-author {text-align: center;
text-shadow: 1px 1px #000000 !important;
color: #4a3c30!important;
font:  700 18px "RupsterScriptFree" !important;
text-transform: lowercase;
letter-spacing: 3px;
padding-top: -20px!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: #6c5840;
text-shadow: 0px 0px #150f02;
font: small-caps 700 10px "Cambria" !important;
letter-spacing: 2px;
text-align: center; 
}

.pa-respect { text-align: center; text-transform: lowercase;
color: #6c5840;
text-shadow: 0px 0px #150f02;
font-family: Cambria;
font-size: 14px!important;
letter-spacing: 1px;
}


.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active { text-align: center; text-transform: lowercase;
color: #574733;
text-shadow: 0px 0px #;
font-family: Cambria;
font-size: 14px!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: 99px;
width: 980px;
margin-left: -3px;
margin-top: -131px; }


#privetotvet{ position: absolute;
height: 88px;
width: 350px;
margin-left: 626px;
margin-top: 111px;
color: #695748;
font-size: 10,3px;
line-height: 125%;}


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

#novosti{ position: absolute;
overflow: auto;
overflow-x: hidden;
height: 56px;
width: 680px;
margin-left: 315px;
margin-top: 344px;
font-size: 11px;
color: #594a3a;
 text-shadow: 2px 0px 2px #191410;
}



/* êíîïêè */
.hashelp center div a button, .button {    
border: 3px double #bfb0a2;
box-shadow: inset 0px 0px 1px 1px #6e5d4f;
background-image: url("http://funkyimg.com/i/246vF.png");
background: -webkit-gradient(linear, left top, left bottom, from(#947f70), to(#7f6b5f));
background: -webkit-linear-gradient(top, #947f70, #7f6b5f);
background: -moz-linear-gradient(top, #947f70, #7f6b5f);
background: -ms-linear-gradient(top, #947f70, #7f6b5f);
background: -o-linear-gradient(top, #947f70, #7f6b5f);
background-image: -ms-linear-gradient(top, #947f70 0%, #7f6b5f 100%);
   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: #bdad9f 1px 1px 0;
   color: #564337;
   vertical-align: middle;
   cursor:pointer;
   font-family: Neucha!important; font-size: 14px!important; font-weight: bold; letter-spacing: 2px; }

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

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

/* сообщения и плюсы */
.pa-posts { 
display: inline-block;
width: 70px;
text-transform: lowercase; 
}
.pa-respect {
display: inline-block;
width: 70px;
text-transform: lowercase; 
}