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

html, body { background:
  url("http://artichocke.rusff.ru/files/0015/3a/1e/32884.jpg") repeat-x top left,
  url("http://artichocke.rusff.ru/files/0015/3a/1e/67842.jpg") repeat-x bottom left,
  url("http://artichocke.rusff.ru/files/0015/3a/1e/14512.jpg") center;
  background-color : #4d4753;
}


#pun-title table {background-image : url("http://artichocke.rusff.ru/files/0015/3a/1e/53227.png"); 
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 315px;
width: 1061px;
margin-left: -50px;
margin-top: -2px;
}


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

#pun {background-color: transparent; background-image: url("http://artichocke.rusff.ru/files/0015/3a/1e/36091.jpg");}

#pun-about p.container {
   background: url("http://artichocke.rusff.ru/files/0015/3a/1e/78433.jpg") transparent no-repeat;
   width: 1061px;
   height: 208px;
   margin: 0px 0 0px -50px; /* вверх, вправо, вниз, влево */
   text-align: center;
   line-height: 1;
   margin-bottom: -15px;
   font-size: 9px;
   background-repeat: no-repeat;}

div#pun-about {
   margin-bottom: 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: #3a3540; font-weight: normal; font-style: normal;}



#pun-navlinks a {
text-transform: uppercase;
color: #7c7784!important;
position:relative;
font: 16px "Palatino Linotype"!important;
}

#pun-ulinks a {
text-transform: uppercase;
color: #9894a1!important; 
text-shadow: 0px 1px #dcdade!important;
position:relative; 
z-index:2000!important;
font: 12px "Palatino Linotype"!important;
font-weight: bolder;
}

#pun-ulinks a:hover {
color: #8778a8!important; 
text-shadow: 0px 1px #dde2d2!important;
}

div#pun-navlinks { position: absolute; width: 100%; text-align: center; top: 350px; left: 5px; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: 310px; left: 5px; }


.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: #6c6479;
text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited
{ color: #6c6479;}


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

/* CS2.3 */
#pun-navlinks a {
  color: #746889;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #746889;
  text-decoration: underline;}

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

/* Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 30px;
margin-right: 1px;
v-align: center;
width: 47px;
height: 49px;
background-image : url(http://artichocke.rusff.ru/files/0015/3a/1e/25906.png);
background-repeat: no-repeat;}

/* Иконка новых */
TR.inew Div.icon {
background-image : url(http://artichocke.rusff.ru/files/0015/3a/1e/63781.png);
background-repeat: no-repeat;
width: 47px;
height: 49px;}

/* Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://artichocke.rusff.ru/files/0015/3a/1e/60371.png);
background-repeat: no-repeat;
width: 47px;
height: 49px;}

/* Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://artichocke.rusff.ru/files/0015/3a/1e/59791.png);
background-repeat: no-repeat;
width: 47px;
height: 49px;}



.punbb .quote-box, .punbb .code-box {
background-color: #ccbaa4; 
background-image: url("http://artichocke.rusff.ru/files/0015/3a/1e/84988.jpg");
color: #796981}


.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
box-shadow: 0px 1px 0px #796981;
    border-radius: 5px;}


.punbb textarea, .punbb select, .punbb input {
background-color: #ad9981; 
background-image: url("http://artichocke.rusff.ru/files/0015/3a/1e/84988.jpg");
color: #202113}







#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 33px;
width: 976px;
margin-left:  -9px;
background-color: transparent;
background-image: url("http://artichocke.rusff.ru/files/0015/3a/1e/66191.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}




.pa-title {text-align: center;
z-index: 1000;
font: small-caps 700 8pt "Arial" !important;
letter-spacing: 2px;
}


.pa-author a, .pa-author {text-align: center;
text-shadow: 0px 1px #dddbdf!important;
color: #87808d!important; 
font: small-caps 700 13pt "Minion Pro"!important;
letter-spacing: 3px;
  font-weight: bold;
}

.pa-online { text-align: center; 
font: small-caps 700 7pt "Arial" !important;
}

.pa-respect { text-align: center; text-transform: lowercase;
color: #796981;
text-shadow: 0px 1px #e4dfcf;
font-family: Georgia;
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: #e4dfcf;
text-shadow: 0px 1px #796981;
font-family: Georgia;
font-size: 13px!important;
letter-spacing: 1px;
}


.punbb .post .post-author {
width: 210px;
padding-top: 5px;
border: 2px solid #e4dfcf;
background-image: url( );
background-color: #ccbaa4; 
box-shadow: 0px 2px 2px #242221;
}


li.pa-avatar img {
border-style: solid;
border-width: 2px;
border-color: #b9acbc;
max-width: 180px !important;
max-height: 180px !important;
}








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


#size-area, #font-area, #table-area, #smilies-area, #keyboard-area, #video-area, #addition-area {
    background: none repeat scroll 0 0 rgba(220, 208, 192, 0.8);
    padding: 10px;
    position: relative;
    z-index: 2000;
}