.image.first,.image.second {
border:2px solid transparent;
margin:0;
padding:0;
}

.image.first {
opacity:1px;
display:block;
position:absolute;
z-index:100;
transition-duration:0.96s;
-webkit-transition-duration:0.96s;
-moz-transition-duration:0.96s;
-o-transition-duration:0.96s;
-ms-transition-duration:0.96s;
}

.image.first:hover {
opacity:0.00;
}
 
div.ImgField {
display:inline-block;
background-position: fixed !important;
background-repeat:no-repeat;
margin:0;
padding:0;
}

div#pun-navlinks {
       font-size: 14px;
       position: absolute;
       width: 110%;
margin-left: -85px;
       top: 190px;
 padding-bottom: 0px;
      }



div#pun-ulinks {
font-size: 9px;
       position: absolute;
       width: 900px;
margin-left: -60px;
       top: -50px;
 padding-bottom: 0px;

       }




/* 001 ФОН И ЦВЕТ ТЕКСТА
-------------------------------------------------------------*/



/* настройка строки над формой ответа: напишите ваше сообщение и нажмите отправить */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span
{
color: #1b1107;
}

/* форма быстрого и расширенного ответа */
.punbb textarea, .punbb select, .punbb input
{
background-color: #dcdcd5; 
color: #1f0504;
border: 1px double #2f2214;
}


html {
   background: #3d3e30 url("http://s9.uploads.ru/ICR7e.jpg") no-repeat fixed 30% 0;
 background-repeat: norepeat;
  background-attachment: fixed;
  background-color: black;
}

}


body {
background-color: transparent !important;
background-image: url(-);
background-repeat: no-repeat;
background-position:  fixed !important;
}

#pun {background-color: #3d3d31;
background-image: url(-); 
}

/* 002 ГРАНИЦЫ
-------------------------------------------------------------*/

/* о1. скрыть все границы на форуме. */
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-style:none !important;
  }
#pun-navlinks .container {
  font-weight: bold;
  }


/* 003 ССЫЛКИ
-------------------------------------------------------------*/

/* о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: #313125;
text-decoration: none;
}


.post-content a:link {
text-decoration: underline;
}


}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited
{
color: #64625b;
}

/* о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: #484834;
text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 0.5px dashed #481416; /* Добавляем свою линию */   }

 

/* CS4 ГРАФИЧЕСКОЕ НАПОЛНЕНИЕ
-------------------------------------------------------------*/

/* иконки сообщений */

Div.icon {background-image : url(http://s7.uploads.ru/Jysj7.png); background-repeat: no-repeat;}
TR.inew Div.icon {background-image : url(http://s9.uploads.ru/hiP7t.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://sf.uploads.ru/93MNz.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://sa.uploads.ru/UktWb.png); background-repeat: no-repeat;}



/* логотип */
#pun-title table {background-color: transparent;
background-image : url(-);
background-repeat : no-repeat;
background-position:  fixed !important;
height: 70px;
width : 907px !important; 
margin-left: -37px;
}

/* футер */
#pun-about p.container {
font-size: 0px !important;
background-image: url(http://s1.uploads.ru/Ma4y5.png);
background-position:  fixed !important;
background-repeat: no-repeat;
height: 102px; 
width : 908px !important; 
margin-left: -8px;
}

div#html-footer {margin: -100px 0px 0px 0px;} /* отвечает за расположение футера */
div#pun-about {margin-bottom: -50px;} /* чем больше значение, тем выше низ */


/* настройки профиля */
.punbb .post .post-author {
float: left;
text-align: center;
margin-top: 0.5em;
padding-top: 13px;
overflow: hidden;
}






.harrey { width: 170px;}
.pottuh { width: 170px; height: 156px; overflow: hidden; position: relative; }

.pottuh .harr { width: 170px; height: 120px; position: absolute; top: 100px; left: 0px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o- transition-duration: .6s; background-color: rgba(255,255,255,0.8);}

.pottuh:hover .harr { top: 50px; }

.potts { width: 70px; height: 60px; background-color: #fff; border-radius: 100%;  font-family: 'Source Sans Pro', sans-serif; font-size: 14px; text-align: center; text-transform: uppercase; color: #111; line-height: 100%; padding: 10px 5px 5px 5px; left: 45px; top: -43px; position: absolute; z-index: 25;}

.potts .h2  {width: 75px; font-size: 8px; letter-spacing: 2px; line-height: 100%;}

.hp3 { width: 160px;
 padding-top: 10px;
 padding-bottom: 14px;
 background-color: #fff; 
font-family: arial, sans-serif; font-size: 8px; color: #111; 
line-height: 98%;
 letter-spacing: 2px; 
margin-top: 5px; 
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
 position: absolute; z-index: 30;
min-height: 100px;
max-height; 100px;
margin: 10px;
text-align: justify;}


































/* профиль */


.punbb .post .post-author > ul {
    background: url(http://s9.uploads.ru/PzfAe.jpg) 0 bottom no-repeat, url(http://s4.uploads.ru/j2UYo.jpg) 0px top no-repeat, url(http://s7.uploads.ru/6Q2yw.jpg) 0px repeat-y;
    padding: 21px 13px 28px 0px!important;
}
.pa-title {font-family: Book Antiqua;
  font-style: italic;
  font-size: 11px;
  margin-top: 15px!important;
}
.punbb .post .post-author ul, .punbb .post .post-author p {
    color: #31312f;
    text-align: center;
}
.pa-author a:link {
  color: #31312f;
}
.post-author a:link {
  color: #0f1110;
}
.pa-posts { 
display: inline-block;
width: 75px;
}
.pa-respect {
display: inline-block; 
width: 75px;
}
#pun-main .pagelink {margin-top: -25px;}
#pun-main .postlink {margin-top: -25px;}
.punbb .modmenu .container {margin-top: 10px;}
.pa-avatar img,.punbb img.avatardemo,#profile-left img{border: 0px double #686863!important}
#pun-main .formal textarea {background-color: #dcdcd5; border: 3px double #8a827b;}

.input #fld3 {background-color: #d9d9c4; border: 3px double #8a827b;}
#profilenav h2 span {margin-left : -580px;}
#pun-main .quote-box {background-color: #b5b5a3; 
  border-top: 2px none rgb(106, 103, 103);
  border-right: 2px groove rgb(106, 103, 103);
  border-bottom: 2px none rgb(106, 103, 103);
  border-left: 2px groove rgb(106, 103, 103);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;



}

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




.inner {
background: url('http://sh.uploads.ru/ugKeC.jpg') center;
border: solid 2px #040404;
border-radius: 10px;
}

#pun-main .post-author ul {line-height: 11px; text-align: center;}