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

/* фон */
html, body { background:
  url("http://i.imgur.com/4fi6z7k.png") repeat-x top left,
  url("") repeat-x bottom left,
  url("http://i.imgur.com/8UEOBIq.png") center; background-color : #171212;
}



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

#pun-title table tbody tr .title-logo-tdr {position: absolute; left: 550px; top: 400px;
}

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



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

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


/* линия */
hr, .banner-line {
height: 2px;
background: url("http://funkyimg.com/i/2h2D3.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: 315px; left: 5px; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: 339px; left: 5px; }


/*  Ссылки верхней навигации */
#pun-navlinks a  {text-align: center;  position:relative; font-family: Oranienbaum; font-size: 13px!important; font-weight: bold; letter-spacing: 4px; color: #5a4837; text-shadow: 1px 1px 6px #a3a193;  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: #675239;
text-shadow: 0px 0px 1px #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: #654d24;
  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: #654d24; 
  border-bottom: 1px dashed #3c3232;
 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 { color: #654d24; text-shadow: 1px 1px 0px #a3a193; 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: 30px;
height: 30px;
background-image : url("http://i.imgur.com/d9DzWsb.png");
background-repeat: no-repeat;}

/* Иконка новых */
TR.inew Div.icon {
width: 30px;
height: 30px;
background-image : url("http://i.imgur.com/47FRSWx.png");
background-repeat: no-repeat;}

/* Иконка важных*/
TR.isticky Div.icon {
width: 30px;
height: 30px;
background-image : url("http://i.imgur.com/TTCVNYV.png");
background-repeat: no-repeat;}

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




/* ОБЛАСТИ ПОД ТЕКСТ
----------------------------------------------------------------------------------------------------------------------*/
/* Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box, input {
background-color: #b9a899; 
background-image: url("http://i.imgur.com/9TJs6XO.png");
color: #322b20;
}

#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .punbb select {
background-image: url("http://i.imgur.com/8UEOBIq.png") !important;
color: #5f4c3a;
text-shadow: 0px 1px 1px #000000;
border: 1px double #453325;
}

/* Область для ввода текста в форме ответа и админке */
.hashelp center div a button, .button, .punbb textarea,
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
background-color: #b9a899; 
background-image: url("http://i.imgur.com/9TJs6XO.png");
color: #322b20;
border: 1px double #553024;
box-shadow: 0px 0px 2px #4d4848, 0px 0px 2px #4d4848;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
}





/* ПЕРЕГОРОДКИ И КАТЕГОРИИ
----------------------------------------------------------------------------------------------------------------------*/
/* скрыть название категорий*/
#pun-main .category h2 span { visibility: hidden; }

/* статистика */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 99px;
width: 1047px;
font-size: 0px;
text-align: center;
color: #5f4c3a;
margin-left:  -40px;
background-color: transparent;
background-image: url("http://i.imgur.com/o1GvAtI.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto; }


/* быстрый ответ */
#post-form h2 {
background: url("http://i.imgur.com/o1GvAtI.png") top center no-repeat;
width: 1047px;
height: 99px;
margin-left:  -59px;}
#post-form h2 span { display: none;  }



/* перегородка сообщений */
#pun-viewtopic .post h3 {
background: transparent url("http://i.imgur.com/o1GvAtI.png") no-repeat scroll center top;
width: 1047px !important;
height: 99px;
margin-top: -20px;
margin-bottom: -30px;
margin-left: -40px;
padding-top: 10px;
}




/* ПРОФИЛЬ
----------------------------------------------------------------------------------------------------------------------*/
/* профиль окантовка */
.punbb .post .post-author > ul {
background:url("http://i.imgur.com/L82s824.png") 0 bottom no-repeat, url("http://i.imgur.com/16Pja4k.png") 0 top no-repeat, url("http://i.imgur.com/oWzTez6.png") repeat-y;
padding: 30px 12px 14px 12px!important; /* вверх, вправо, вниз, влево */
}

li.pa-avatar  {z-index: 5; margin-left: 3px !important; margin-top: 0px; }
.pa-avatar.item2 > img { border-image: url("") 4 4 4 4 round round; }

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


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


/* ник */
.pa-author a, .pa-author {text-align: center;
text-shadow: 2px 0px #000000!important;
color: #55432f!important;
font:  700 12px "Oranienbaum" !important;
letter-spacing: 3px;
padding-top: 5px!important;
text-transform: uppercase;
}

/* подарки позитив */
.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; }



/* уважалка и соо в блок2 */
.pa-respect, .pa-posts { color: #55432f!important;
font: small-caps 700 9px "Arial" !important;
letter-spacing: 1px;
text-align: center;
display: inline-block;
margin-left: -10px;
width: 72px;
line-height: 13px;
padding: 1px;
margin-bottom: 7px!important;
margin-top: 10px!important;
}


.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active {
color: #55432f !important;
}

.pa-fld4 { color: #55432f;
font: small-caps 700 9px "Arial" !important;
letter-spacing: 1px;
text-align: center; 
display: inline-block;
margin-left: -20px;
width: 50px;
line-height: 13px;
padding: 7px;
margin-bottom: 7px!important;
margin-top: 10px!important;
}

.pa-fld2 { margin-left: -3px!important;
margin-top: -15px!important;
position: relative;
}



.pa-fld1 {
    background: url("http://i.imgur.com/mfBpDzF.png") no-repeat scroll center top, url("http://i.imgur.com/fQpHPPv.png") no-repeat scroll center bottom, rgba(0, 0, 0, 0) url("http://i.imgur.com/sJP5Lqd.png") repeat-y scroll center center;
    color: #55432f !important;
    font-size: 10.3px;
    margin-bottom: -13px !important;
    margin-left: -9px !important;
    margin-top: -10px !important;
    padding: 20px 10px 20px !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 1), 1px 1px 0 rgba(0, 0, 0, 1);
    width: 200px !important;
}


/* ДОПОЛНЯЛКИ ВСЯКИЕ РАЗНЫЕ
----------------------------------------------------------------------------------------------------------------------*/
/* скрыть кол-во тем и соо */
 .category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}

/* кол-во тем и соо под форумом2 */
.Add {height: 15px;}
.Tems_And_messages {
float: left;
padding: 0.3em 0em;
width: 50%;
background-color: rgba(75,70,66, 0);
color: #5f4c3a;
text-align: center;
font-family: arial;
font-size: 7px;
font-weight: bold; 
text-transform: uppercase;
letter-spacing: 1px;}


/* подписка пост в темах */
#pun-viewtopic div.post h3 strong::before {
    content: "Пост #";
    font-weight: normal;
}


/* выделение */
    ::selection { 
    background: none repeat scroll 0 0 #635a50;
    color: #83796e;
    opacity: 0.4;
    }  
*::-moz-selection {
    background: none repeat scroll 0 0 #635a50;
    color: #a1978b;
}




/* кнопки */
.hashelp center div a button, .button {    
background-color: #171212; 
background-image: url("http://i.imgur.com/8UEOBIq.png");
color: #55432f;
border: 3px double #453325;
box-shadow: 0px 0px 2px #453325, 0px 0px 2px #4d4848;
cursor:pointer;
  font-family: Oranienbaum!important;
  font-size:11px!important;
  font-weight: bold!important;
  text-shadow: 0px 1px 1px #000000;
  letter-spacing: 1px;
  text-transform: uppercase; }

.hashelp center div a button:hover, .button:hover {background-color: #b9a899; 
background-image: url("http://i.imgur.com/8UEOBIq.png");
color: #574c39;
border: 3px double #65573e;
box-shadow: 0px 0px 2px #4d4848, 0px 0px 2px #4d4848;}

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





/* ТАБЛИЧНЫЕ ШТУЧКИ
----------------------------------------------------------------------------------------------------------------------*/

#bannns { position: absolute;
overflow: scroll;
overflow-x: hidden;
height: 99px;
width: 448px;
margin-left: 8px;
margin-top: -135px; 
}



#bannns a img {
opacity:0.3;
-moz-opacity:0.5;
 /*   
filter:alpha(opacity=50);  
-webkit-filter: sepia(100%);
filter: sepia(100%);
 */
}

#bannns a img:hover {
opacity:1;
-moz-opacity:1;
 /* 
filter:alpha(opacity=100);  
-webkit-filter: sepia(0%);
filter: sepia(0%);
 */
}









/* АДМИНЫ В ТАБЛЕ */
#ams {
    margin-left: 686px !important;
    margin-top: 250px !important;
    position: absolute;
    width: 305px;
}

/* амс таблички */
.tooltip { position: relative; }
.tooltip em { display: none; }
.tooltip:hover em { position: absolute;
display: block;
padding: 4px 4px;
bottom: 15px;
right: -80px;
background: #9d9b85;
color: #191102;
text-align: center;
font-style: normal;
 font-size: 9.5px!important;
border-radius: 2px;
border-top: 4px solid #2d2112;
border-bottom: 4px solid #2d2112;
border-right: 1px double #2d2112;
border-left: 1px double #2d2112;
box-shadow: 0 0 3px #2d2112;
z-index: 10;
	-webkit-border-radius: 2px;
 	-moz-border-radius: 2px;
	-webkit-box-shadow: 0 0 2px #2d2112;
	-moz-box-shadow: 0 0 2px #2d2112;
}

.tooltip:hover em i { position: absolute; display: block;
bottom: -100px; right: -20px;
border-top: 4px solid #000;
border-left: 4px solid transparent;
}



















#bestpost { position: absolute;
width: 200px;
height: 61px;
overflow-y: auto;
padding: 2px; /* Поля вокруг текста */
margin-left: 786px;
margin-top: 118px;
color: #65573e;
font-size: 10px;
line-height: 110%;
text-align: justify;
 }
#bestpost img {    float: left;    padding: 0px 5px 0 0; }


#novosti { position: absolute;
overflow: auto;
overflow-x: hidden;
padding: 5px; /* Поля вокруг текста */
height: 67px;
width: 295px;
margin-left: 10px;
margin-top: 106px;
font-size: 10px;
color: #5f4c3a;
line-height: 9px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9);
 }



.lzanketa { color: #5f4c3a;
font:  700 10pt "Oranienbaum" !important; 
text-transform: uppercase;
letter-spacing: 1px;
line-height: 135%;
}

.lzanketa2 { text-align: justify; }




/* НОВОСТИ2 */
.neewsnumber {
    color: #675239;
    font-family: 'Cuprum';
    font-size: 12px !important;
    font-weight: bold;
    padding-top: 3px;
    width: 52px;
}

/* НОВОСТИ2 */
.neewstext {
    margin-left: 30px !important;
    margin-top: -10px !important;
    padding-bottom: 10px !important;
    text-align: justify;
}











/* НУЖНЫЕ ПЕРСОНАЖИ */

#weened {
    margin-left:471px !important;
    margin-top: -127px !important;
    position: absolute;
}
#weened2 {
    margin-left:551px !important;
    margin-top: -127px !important;
    position: absolute;
}
#weened3 {
    margin-left:610px !important;
    margin-top: -127px !important;
    position: absolute;
}
#weened4 {
    margin-left:669px !important;
    margin-top: -127px !important;
    position: absolute;
}
#weened5 {
    margin-left:728px !important;
    margin-top: -127px !important;
    position: absolute;
}
#weened6 {
    margin-left:787px !important;
    margin-top: -127px !important;
    position: absolute;
}
#weened7 {
    margin-left:846px !important;
    margin-top: -127px !important;
    position: absolute;
}
#weened8 {
    margin-left:926px !important;
    margin-top: -127px !important;
    position: absolute;
}







/* АКТИВНЫЕ ЛЮДИШКИ ПРОЕКТА */
#activist1 {
    margin-left: 9px !important;
    margin-top: 49px !important;
    position: absolute;
}
#activist2 {
    margin-left: 87px !important;
    margin-top: 49px !important;
    position: absolute;
}

#activist3 {
    margin-left: 165px !important;
    margin-top: 49px !important;
    position: absolute;
}
#activist4 {
    margin-left: 243px !important;
    margin-top: 49px !important;
    position: absolute;
}







/* ИГРОВЫЕ АКТИВНЫЕ ЛЮДИШКИ ПРОЕКТА */
#igrok1 {
    margin-left: 684px !important;
    margin-top: 49px !important;
    position: absolute;
}

#igrok2 {
    margin-left: 738px !important;
    margin-top: 49px !important;
    position: absolute;
}

#igrok3 {
    margin-left: 792px !important;
    margin-top: 49px !important;
    position: absolute;
}

#igrok4 {
    margin-left: 846px !important;
    margin-top: 49px !important;
    position: absolute;
}



/* ИГРОВЫЕ ПАРОЧКИ ПРОЕКТА */
#activpara {
    margin-left: 900px !important;
    margin-top: 49px !important;
    position: absolute;
}





/* БАННЕР ТОПА */
#bannertop {
    margin-left: 684px !important;
    margin-top: 117px !important;
    position: absolute;
}

/* ВИП ПАРТНЕРКА */
#bannervip {
    margin-left: 684px !important;
    margin-top: 153px !important;
    position: absolute;
}