/* Сообщения и репутация в 1 строку*/ 
.pa-respect {text-align: center; 
text-transform: lowercase; 
font-size: 7px;}

a.sbla:link, a.sbla:visited { 
display: block; 
margin-bottom: 1px; 
text-transform: lowercase;
font-style: regular;
font-family: vani; 
font-size: 4px; 
letter-spacing: 1px;
border-radius: 0px; 
background: #1a0b00; 
color: #9a753b; 
padding: 2px 2px 2px 10px;}

a.sbla:hover, a.sbla:active { 
-moz-transition: 0.8s ease; 
-webkit-transition: 0.8s ease; 
display: block; 
text-transform: lowercase; 
font-family: arvo; 
font-size: 6px; 
letter-spacing: 2px; 
background: #080200;
text-decoration: none; 
color: #9a753b; 
text-align: center; 
padding: 2px 2px 2px 10px;
border-radius: 0px;}


#pun-main .post-author ul {text-align: center;}

/* CS1 не помню  что */
li#navawards, .pa-positive, .lastedit {display: none;}
.linkst .pagelink { 
position: absolute;
top: -4em;
width: 24em;
 }
#pun-navlinks .container {margin-top: 2em}
#pun-ulinks .container {margin-top: -5px;}

#pun th {
color: #181818; background-color : ; background-image : url(http://storage3.static.itmages.ru/i/16/0414/h_1460643850_3756055_2760e0285a.png);
}

/* CS1.1 Цвет текста на форуме*/
.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: #181818;
font-weight: normal;
font-style: normal;}

/* CS1.2 Фон страницы*/

/* ФОН */
html, body { background:

url("http://storage6.static.itmages.ru/i/16/0414/h_1460642193_7019351_76c4b10ca7.png") repeat-x top left,
url("http://storage8.static.itmages.ru/i/16/0413/h_1460590935_4825110_a2950311fb.png") center; background-color : #1d1e21;
}
body {margin: 0 auto; overflow-x: hidden;}

/* CS1.3 Логотип */
#pun-title table {
background-image : url(http://storage7.static.itmages.ru/i/16/0414/h_1460648136_8757498_5be38ef2bd.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
  margin-left: -66px;
height: 390px;
width: 1026px;}

/* CS1.4 Пан форума */
#pun {background-color: #d6c1ac;
background-repeat : repeat;
width: 964px;
 background-image: url(http://storage3.static.itmages.ru/i/16/0414/h_1460636923_2188067_b4e373f1b0.png);
}

/* CS1.5 Футер форума */
#pun-about p.container {background-image: url(http://storage5.static.itmages.ru/i/16/0414/h_1460640017_5500193_0fa36f00ef.png); background-position: top center; background-repeat: no-repeat; height: 90px; width: 964px; margin-left: -36px; font-size:0 !important;}
div#html-footer {margin: -50px 0px 0px 0px;}

/* CS2 ССЫЛКИ */

/* 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: #2c3c28;
font-size: 11px;
text-transform: lowercase;
  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: #2c3c28;
font-size: 11px;
  text-decoration: none;}

/* CS2.3 Главное меню без наведения*/
#pun-navlinks a {
  color: #2c3c28;
font-weight: bold;;

  text-decoration: none;}

/* CS2.4 Главное меню с наведением*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #172414;
font-weight: bold;
  text-decoration: none;}


/* Иконки старых сообщений */
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 60px;
height: 60px;
background-image : url(http://storage7.static.itmages.ru/i/16/0414/h_1460641495_1424778_8e666a8709.png);
background-repeat: no-repeat;}

/* Иконка новых */
TR.inew Div.icon {
background-image : url(http://storage7.static.itmages.ru/i/16/0414/h_1460641495_3142687_7520d038a3.png);
background-repeat: no-repeat;}

/* Иконка закрытых */
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/27UM8.png);
background-repeat: no-repeat;}

/* Иконка важных */
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/27UM7.png);
background-repeat: no-repeat;}

/* CS4 Картинки категорий */


/* CS5.3 Цитата */
.punbb .quote-box, .punbb .code-box {
background-color: #; 
background-image: url("http://storage5.static.itmages.ru/i/16/0414/h_1460637580_9792973_2760e0285a.png");
color: #0d0d0d;
border: 1px double #a1a1a1;}


#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border: 1px double #a1a1a1;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
box-shadow: 0px 0px 0px;
 }
.punbb input { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
box-shadow: 0px 0px 0px;;
 }

/* CS5.4 Область для ввода текста в форме ответа и админке*/
.punbb textarea, .punbb select, .punbb input {


background-color: #;
background-image: url("http://storage5.static.itmages.ru/i/16/0414/h_1460637580_9792973_2760e0285a.png");
color: #000}

/* CS5.5 Шапка */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: -50px; 
top: -200px}

/* CS5.6 двигалка навигации, общие ссылки и пользовательские */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: left;}
#pun-crumbs1 .container { text-align: left;}

div#pun-navlinks {
position: absolute;
width: 100%;
text-align: center;
top: 215px;
margin-left: -100px;}

div#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;
font-size: 8px;
top: 255px;
margin-left: -20px;}


a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: georgia;
font-size: 12px;
background-color:#33261d;
color: #584a3f; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #a1a1a1;
border-left-width: 4px;
width:170px;
}

a.tvm:hover {
font-family: georgia;
font-size: 11px;
color: #33261d; 
background-color:#584a3f;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #a1a1a1;
border-left-width: 4px;
width:170px;
}

/* Ник */
.pa-author a, .pa-author {text-align: center;
color: #0a0a0a !important; /* цвет */
font: small-caps 700 12pt "georgia" !important; /*капс, размер, шрифт */
text-transform: lowercase;
letter-spacing: 1px; /* расстояние между буквами */
  font-weight: bold; /* начертание */
}

/* Статус */
.pa-title {text-align: center;
font: small-caps 700 8pt "Arial" !important;
text-transform: lowercase;
letter-spacing: 2px;
}


/* оформление аватара */
li.pa-avatar img {
border-style: double; 
border-width: 3px;
border-color: #0a0a0a;
max-width: 180px !important;
max-height: 180px !important;}


/* Прокрутки */
::-webkit-scrollbar {background: #aeb6b6; width: 5px; height: 5px;}
::-webkit-scrollbar-thumb {background: #0e0e0e; width: 8px}
::-webkit-scrollbar-corner {background: #0e0e0e; }

/* ОФОРМЛЕНИЕ ПРОФИЛЯ */
.punbb .post .post-author {
  background:url(http://storage2.static.itmages.ru/i/16/0414/h_1460659912_9287707_30bd53b22b.png) 0 0 repeat-y; /*СЕРЕДИНА*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://storage1.static.itmages.ru/i/16/0414/h_1460659857_3927866_5ba9786fbe.png) 0 top no-repeat,url(http://storage4.static.itmages.ru/i/16/0414/h_1460659944_1073489_d1e6929ee9.png) 0 bottom no-repeat; /*ВЕРХ И НИЗ*/
  margin:-12px 0 -12px 0!important;
  padding:12px 17px!important;
color: #d3d3d3;
}

/* links */
a.sbla:link, a.sbla:visited { width: 150 px; margin-bottom: 1px; text-transform: lowercas; font-family: arial; font-size: 10px; border-radius: 1px; background: #865622; color: #1d1e21;   padding: 3px 10px 3px 10px;}


a.sbla:link, a.sbla:visited { 
display: block; 
margin-bottom: 1px; 
text-transform: lowercase;
font-style: none; 
font-family: arial; 
font-size: 9px; 
letter-spacing: 5px;
border-radius: 5px; 
background: #2e3d2b; 
color: #354432; 
padding: 2px 2px 2px 10px;}

a.sbla:hover, a.sbla:active { 
-moz-transition: 0.8s ease; 
-webkit-transition: 0.8s ease; 
display: block; 
text-transform: none; 
font-family: arial; 
font-size: 9px; 
letter-spacing: 7px; 
background: #2e3d2b;
text-decoration: none; 
background: #2e3d2b; 
color: #354432; 
text-align: center; 
padding: 2px 2px 2px 20px;
border-radius: 5px;}


/*  отношения */
.fearofsleep { width:580px; -webkit-box-shadow: 1px 1px 5px 0px #afb7b7, -1px -1px 5px 0px #afb7b7; -moz-box-shadow:1px 1px 5px 0px #afb7b7, -1px -1px 5px 0px #afb7b7; box-shadow:1px 1px 5px 0px#afb7b7, -1px -1px 5px 0px #afb7b7; }
.fearofsleep ::-webkit-scrollbar { background:#afb7b7; width:3px; height:3px; }
.fearofsleep ::-webkit-scrollbar-thumb { background:#afb7b7; width:3px }
.fearofsleep ::-webkit-scrollbar-corner { background:#afb7b7; }
.fearofsleep .box { width:180px; height:180px; overflow:hidden; position:relative; background-color:#afb7b7; }
.fearofsleep .headers { position:absolute; top:0px; left:20px; width:180px; height:170px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .headers h1 { position:absolute; width:170px; top:120px; left:5px; color:#afb7b7; text-align:center; text-transform:uppercase; font-family:arial; font-weight:700; font-size:10px; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #afb7b7; margin:0; }
.fearofsleep .white { position:absolute; top:-300px; width:180px; height:180px; background-color:#afb7b7; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .words { width:160px; height:160px; padding:10px; overflow:scroll; text-align:justify; font-size:10,5px; color:#222; line-height:100%; }



/* профессии fouks */
.prof {
background: url(https://i.imgur.com/dXblC11.png) no-repeat;
    width: 590px;
    height: 921px;
}

.prof zagolovok {
    position: absolute;
    top: 6px;
    left: 108px;
    text-transform: lowercase;
    font-size: 24px;
    letter-spacing: 1px;
    width: 280px;
    text-align: right;
    font-style: italic;
    font-family: oswald;
    color: #fff !important;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #993337;
}

.prof infa {
    position: absolute;
    width: 504px;
    height: 104px;
    line-height: 10px;
    font-size: 12px
    font-family: calibri;
    color: #fff;
    text-align: justify;
    margin: 74px 0px 0px -252px;
    text-shadow: 1px 1px 0 #133720;
}


.prof nazvanie {
position: absolute;
    margin-top: 218px;
    margin-left: -250px !important;
    font-family: oswald;
    font-size: 15px;
    text-shadow: 0 0 1px #fff, 1px 1px 0 #644853;
    color: #ffffff;
    letter-spacing: 1px;
    width: 502px;
    height: 27px;
    padding-top: 4px;
}


.prof1 {
    position: absolute;
    top: 362px; 
    left: 75px;
    width: 225px;
    height: 86px;
    overflow: auto;
    font-family: calibri;
    text-align: justify;
    color: #712c36;
    text-transform: lowercase!important;
}

.prof1 if {
    border-left: 3px dotted #5f8d72;
    padding-left: 4px;
    font-weight: bold;
    font-size: 13px;
}

.prof2 {
    position: absolute;
    top: 162px; 
    left: 75px;
    width: 225px;
    height: 86px;
    overflow: auto;
    font-family: calibri;
    text-align: justify;
    color: #712c36;
    text-transform: lowercase!important;
}

.prof2 if {
    border-left: 3px dotted #5f8d72;
    padding-left: 4px;
    font-weight: bold;
    font-size: 13px;
}

.prof3 {
    position: absolute;
    top: 162px; 
    left: 75px;
    width: 225px;
    height: 86px;
    overflow: auto;
    font-family: calibri;
    text-align: justify;
    color: #712c36;
    text-transform: lowercase!important;
}

.prof3 if {
    border-left: 3px dotted #5f8d72;
    padding-left: 4px;
    font-weight: bold;
    font-size: 13px;
}

.prof2 {
    position: absolute;
    top: 162px; 
    left: 75px;
    width: 225px;
    height: 86px;
    overflow: auto;
    font-family: calibri;
    text-align: justify;
    color: #712c36;
    text-transform: lowercase!important;
}

.prof4 if {
    border-left: 3px dotted #5f8d72;
    padding-left: 4px;
    font-weight: bold;
    font-size: 13px;
}

.prof5 {
    position: absolute;
    top: 162px; 
    left: 75px;
    width: 225px;
    height: 86px;
    overflow: auto;
    font-family: calibri;
    text-align: justify;
    color: #712c36;
    text-transform: lowercase!important;
}

.prof5 if {
    border-left: 3px dotted #5f8d72;
    padding-left: 4px;
    font-weight: bold;
    font-size: 13px;
}


.prof6 {
    position: absolute;
    top: 162px; 
    left: 75px;
    width: 225px;
    height: 86px;
    overflow: auto;
    font-family: calibri;
    text-align: justify;
    color: #712c36;
    text-transform: lowercase!important;
}

.prof6 if {
    border-left: 3px dotted #5f8d72;
    padding-left: 4px;
    font-weight: bold;
    font-size: 13px;
}

.prof7 {
    position: absolute;
    top: 162px; 
    left: 75px;
    width: 225px;
    height: 86px;
    overflow: auto;
    font-family: calibri;
    text-align: justify;
    color: #712c36;
    text-transform: lowercase!important;
}

.prof7 if {
    border-left: 3px dotted #5f8d72;
    padding-left: 4px;
    font-weight: bold;
    font-size: 13px;
}

.prof8 {
    position: absolute;
    top: 162px; 
    left: 75px;
    width: 225px;
    height: 86px;
    overflow: auto;
    font-family: calibri;
    text-align: justify;
    color: #712c36;
    text-transform: lowercase!important;
}

.prof8 if {
    border-left: 3px dotted #5f8d72;
    padding-left: 4px;
    font-weight: bold;
    font-size: 13px;
}