/* structure by futura.rusff.ru
-------------------------------------------------------------*/

/* CS1 Основа
-------------------------------------------------------------*/

/* CS1.1 Фон */ 
body {
  background: url("") repeat-x top center, 
url("") repeat-x bottom center, 
url("http://co.forum4.ru/files/0018/76/60/39710.jpg") repeat;}

#pun {
  background: url("http://co.forum4.ru/files/0018/76/60/81243.jpg") repeat-y;}

/* CS1.2 Шапка */
#pun-title.section {
  background: transparent url("http://co.forum4.ru/files/0018/76/60/37358.jpg") top center scroll no-repeat; 
  height: 316px;
  width: 1200px; 
  margin-top: 0px;
  margin-left: -140px;}

/* CS1.3 Копирайт */
#copyright {
  text-align: center;
  background: url("http://co.forum4.ru/files/0018/76/60/23463.jpg") scroll center; 
  width: 1200px; 
  height: 117px;
  margin-left: -140px;}

#html-footer {
  margin: 0px;
  text-align: center; }

/* CS2 Форум
-------------------------------------------------------------*/

/* CS2.1 Текст на форуме */
.punbb .main .container, .punbb .post .container, .punbb .post h3, #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, #pun-status .container, #pun-crumbs1 p.container, #pun-stats .container, #pun-about .container, #pun-crumbs2 .container, .linkst .pagelink, .linksb .pagelink {
  color: #3f372f;
  background-color: transparent;}

/* CS2.2 Категории */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2  {
     background: url(http://co.forum4.ru/files/0018/76/60/31532.jpg) no-repeat left;
    height: 50px;
    line-height: 49px;
    width: 803px;
    margin-left: 56.5px;
    text-align: center;
    color: #11546a;
    font-size: 20px;
    font-family: 'Opinion Pro Extra Condensed';
font-weight: bold;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px;}

#profilenav h2, #profilenav h2 span  {
margin-left: -850px;
}

/* CS2.3 Цитата*/
.punbb .quote-box {background: rgba(28, 24, 27, 0) url(http://s3.uploads.ru/RBtds.jpg);
    border-right-color: rgb(53, 39, 30);
    border-right-style: solid;
    border-right-width: 2px;
    border-left-color: rgb(53, 39, 30);
    border-left-style: solid;
    border-left-width: 2px;
    border-top-color: rgb(15, 162, 159);
    border-top-style: solid;
    border-top-width: 2px;
    border-bottom-color: rgb(15, 162, 159);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    box-shadow: 0 0 0 0px rgb(255, 255, 255), 0 0 0 0px #16344c;
    color: rgb(38, 110, 116);}


/* Код */
.punbb .code-box {
  background-image: url(http://s3.uploads.ru/RBtds.jpg);
  border: 2px solid #35271e;
  color: rgba(0, 113, 205, 0.64);}

.punbb .code-box .scrollbox {
  max-height: 100px!important;
  overflow-x: hidden!important;}

/* Форма ответа */
.punbb textarea  {
  background-image: url(http://s3.uploads.ru/RBtds.jpg);
  color: #060200;}

/* CS2.4 Прокрутка */
::-webkit-scrollbar {width: 4px;height: 5px;background-color: rgb(157, 177, 177);}  
::-webkit-scrollbar-thumb {background-color: #00a9a6;}
::-webkit-scrollbar-thumb:active {background: #7adcdb;}

/* выделенный текст */
    ::selection { 
background: none repeat scroll 0 0 #1b6382;
color: #cbd2d6;
opacity: 0.5;
}  
*::-moz-selection {
background: none repeat scroll 0 0 #1b6382;
color: #cbd2d6;
opacity: 0.5;
}

/* CS2.5 Переадресация */
#pun-redirect { 
  background: url("http://s3.uploads.ru/RBtds.jpg") repeat; 
  position: fixed;
  text-align: center;
  font-size: 12px;}

#pun-redirect .main-title {
  margin-bottom: 0px!important;
  text-align: center;
  margin-top: 10px;
  background: url(фон заголовка) center no-repeat; }

/* CS2.6 Профиль */
/* Фон */
.punbb .post .post-author {
    text-align: center;
    background: url(http://co.forum4.ru/files/0018/76/60/75577.jpg) top center no-repeat,
 url(http://co.forum4.ru/files/0018/76/60/33260.jpg) bottom center no-repeat,
 url(http://co.forum4.ru/files/0018/76/60/98909.jpg) center repeat-y;
    width: 230px;
    margin-top: -20px;
    padding: 0px 0px 17px 0px !important;
    margin-left: 0px;}

/* рамка аватара */
.post-author ul li.pa-avatar img {
text-align: center;
border: 1px solid rgb(52, 41, 32) !important;
box-shadow: 0px 0px  3px rgb(72, 59, 51);
max-width: 180px !important;
heidht: auto;
max-heidht:180px !important;
width: auto;}

/* меняем ссылку ника */
li.pa-author a, li.pa-author {
  color: rgb(220, 227, 227) !important;
  text-transform: uppercase;
  padding-top: 15px !important;
  padding-bottom: 5px !important;
  font-family: "Opinion Pro Extra Condensed";
  font-size: 20px;}

li.pa-author a:hover, li.pa-author a:focus, li.pa-author a:active {
  color: #00978e !important;}

.pa-title {text-align: center;
z-index: 1000;
color: #dadcde;
text-transform: lowercase;
font: small-caps 700 13px "Opinion Pro Extra Condensed" !important;  /* все по шрифту */
text-shadow: 1px 1px rgba(164, 125, 125, 0) !important; /* тень текста */
letter-spacing: 2px;  /* расстояние между буквами */
padding-top: 5px !important;
}

/*Информации доп. поля профиля на аватаре*/
.miniprofile { 
width: 180px;
text-align: center;}

.hoverprofile { 
width: 180px; 
height: 180px; 
background: rgb(228, 228, 228);
box-shadow: inset #000000 1px 0px 10px;
text-shadow: 0px 1px #ffffff !important;
color: #000000;
opacity: 0; 
position: absolute; 
z-index: 2; 
margin-top: 1px!important;
margin-left: 0px!important;
transition: 0.6s; 
-moz-transition: 0.6s; 
-webkit-transition: 0.6s; 
-o-transition: 0.6s; }

.hoverprofile:hover { 
opacity: 0.85; 
transition: 0.6s; 
-moz-transition: 0.6s; 
-webkit-transition: 0.6s; 
-o-transition: 0.6s;}

.pa-fld1 {
text-shadow: -1px -0px #f4f1ef!important;
font-size:10px;}

.punbb .pa-respect{
  margin-top: 0px!important;}

.pa-respect {
  display: inline-block;
padding-top:10px!important;
text-align: center;
background: #dddee0;
width:90px;
height: 25px!important;
font-family: "Opinion Pro Extra Condensed";
font-size: 13px;
text-transform:uppercase;
color: #007894;
border: solid 1px #4a3f36;}
.pa-posts {display: inline-block;
padding-top:10px!important;
text-align: center;
background: #dddee0;
width: 90px;
height: 25px!important;font-family: "Opinion Pro Extra Condensed";text-transform:uppercase;font-size: 13px;color: #007490;border: solid 1px #4a3f36;}


strong, b {
    font-weight: bold;
    color: #35271e;
}

/* CS2.7 Форумы */
/* описание форумов */
.tclcon {
  font-size: 10px;
  padding-left: 3px;
    padding-top: 6px;
  color: #362F1B;}

/* название форумов */
#pun-index .tcl h3 a {
  font: 400 normal 20px/2px "Opinion Pro Extra Condensed";
color: #e0e2e4;}

/* CS2.8 Окна, кнопки и прочее */
/* Окно репутации */
.punbb-admin #pun-admain .adcontainer, #pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container {
  color: #060200;
  background: url(http://s3.uploads.ru/RBtds.jpg) repeat;}

#pun-reputation .tc2 textarea {width: 600px !important;}
#pun-reputation .tcl {width: 80px !important;}
#pun-reputation h1 {
   background: url(фон) repeat;
   text-align: center; width: 757px; height: 15px; margin-left: 0px; padding-top: 20px !important;}

/* Настройки кнопок "отправить", "посмотреть" и др. */
.hashelp center div a button, .button {    
    background-color: #00626c;
    border: 1px solid #372921;
    box-shadow: 0px 0px 2px #544326, 0px 0px 2px #544326;
    cursor: pointer;
    color: #e6e6e6;
    font-family: Opinion Pro Extra Condensed!important;
    font-size: 15px!important;
    font-weight: bold!important;
    letter-spacing: 1px;
    text-transform: uppercase;}

/* Настройки выпадающих списков */
/* Окна в форме ответа */
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area {
  background: url(http://s3.uploads.ru/RBtds.jpg) repeat;
  color: #7e7e7e;
  padding: 5px;
  border: solid #c4c4c4 1px !important;}

/* Линия разделитель */
hr, .banner-line {
height: 5px;
background: url("http://co.forum4.ru/files/0018/76/60/25555.png") center repeat-x;
border: 0px;
opacity: 0.7;}


/* CS3 Рамки
-------------------------------------------------------------*/

.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, #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, .punbb-admin #pun-admain .adcontainer {
  border-color: transparent;}

/* CS4 Ссылки
-------------------------------------------------------------*/

/* CS4.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 {
    text-decoration: none;
    color: #0fa29f;}

.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: #6aa0cc;}

/* CS4.2 Ссылки в меню навигации */
#pun-navlinks a {
  color: #0070ce;
  font-weight: normal;
  font-style: normal;}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #3e3630;}

/* CS4.3 Пользовательские ссылки */
#pun-ulinks a {
color: #d1dfe0;}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: rgb(0, 103, 136);}

/*Ссылки в шапке*/
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: "Opinion Pro Extra Condensed";
    font-size: 15px;
    color: #00736b;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 1px;
    text-decoration: none;
    width: 144px;
    background-color: #c7ced1;
    border: 1px solid #006889;}

a.tvm:hover {
font-family: "Opinion Pro Extra Condensed";
font-size: 15px;
color: #c7ced1;
display: block;
font-weight: bold;
text-align:center; 
    background-color: #483e35;
    border: 1px solid #00736b;
text-decoration: none;
width:144px;
}

#links {
display: block;
position: absolute;
margin-top: 50px;
margin-left: -35px;}

#p2 .post-author, #p2 .post-sig {display: none;}
#p2 .post-body {margin-left: 0px;}
#p3963 .post-sig, #p3964 .post-sig, #p593 .post-sig, #p591 .post-sig, #p13 .post-sig, #p4 .post-sig, #p17 .post-sig, #p20 .post-sig {display: none;}

/* CS5 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {background-image : url(http://co.forum4.ru/files/0018/76/60/51591.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(http://co.forum4.ru/files/0018/76/60/89603.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://co.forum4.ru/files/0018/76/60/42558.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://co.forum4.ru/files/0018/76/60/54570.png); background-repeat: no-repeat;}
#pun-main div.catleft, #pun-main div.catright {display: none}


/* CS7 Forum table 
-------------------------------------------------------*/
#pun-index .category tr>.tc2,
#pun-index .category tr>.tc3,
#pun-index .category tr>.tcr,
#pun-index .category tr>th {
  display:none;}

#pun-index .category tbody tr { 
    display: inline-block;
    margin: 3px;
    width: 442px;
    vertical-align: top;
    background: url(http://co.forum4.ru/files/0018/76/60/43036.jpg) 0 bottom no-repeat, url(http://co.forum4.ru/files/0018/76/60/76606.jpg) 0 top no-repeat, url(http://co.forum4.ru/files/0018/76/60/12972.jpg) 0 top repeat-y;
}

#pun-index .category tr .Tems_And_messages {
margin: 7px;
  margin-left: 0px!important;
  padding:3px;
  display: none;
  background-color: rgb(175, 198, 198);
  color: rgb(0, 150, 148);
  border: 1px solid rgb(255, 255, 255);
  width: 100px;
  font-size: 8.5px;
  text-align: center;
  text-transform: uppercase;}

#pun-index .category tr .bottom {
padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: 16px !important;
    color: #009694;
    width: 402px;
    font-family: 'Opinion Pro Extra Condensed';
    font-style: italic;
    font-size: 15px;
    text-align: left;
    background: rgba(29, 114, 141, 0.13);
    border: 1px solid #fff;}

.punbb .category tr .bottom a{
opacity: 1;
  font-size: 15px;
  font-family: 'Opinion Pro Extra Condensed';
  font-weight: bold;
font-style: normal!important;
text-transform: uppercase;
  color: #00978d !important;}

.punbb .category tr .bottom a:hover{
  opacity:0.5;}

.modlist {
  position: absolute;
  display: block!important;
  padding: 4px;
  background-color: rgba(180, 171, 164, 0.3);
  color: #766c62;
  border: 1px solid #b4aba4;
  width: 187px;
  font-size: 8px;
  text-align: center;
  text-transform: uppercase;
  margin-left: 220px!important;
  margin-top: 7px!important;}

/* Индикатор активности пользователя */
.post .post-author ul {
  position: relative;
}
.pa-online {
  position: absolute;
  display: inline-block !important;
  top: 15px;
  right: 6px;
  background: #009d9a !important;
  height: 10px;
  width: 10px;
  margin: 0 0 0 -5px !important;
  padding: 0 !important;
  border: 0 !important;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.pa-online:hover {
  background: #009d9a!important;
}
.pa-online:hover strong {
  opacity: 1.0;
  visibility: visible;
}
.pa-online strong {
  position: absolute;
  top: 18px;
  right: -6px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  white-space: nowrap;
  color: #fff;
  font-size: 90%;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  text-align: center;
  z-index: 10;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  opacity: 0;
  visibility: hidden;
}
.pa-online strong:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 6px;
  top: -10px;
  border-width: 5px 5px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
}

/* CS8 Награды
 ---------------------------------*/
/*background-color:transparent!important;*/}

img.aw{
background-color:transparent!important;}

ul.wrapper{
margin-left: -6px;
margin-top: -15px;
width: 209px!important;
margin-bottom: 20px;
display:none;}

ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;}

#pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container  {
color: #7a7567;
padding: 3px; 
background: #f2efe5 !important;  }
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 {
background: #f2efe5 !important; 
width: auto !important; 
height: 15px !important; 
margin: auto !important;
color: #7a7567!important;}

/* CS11 Стрелочки
 ---------------------------------*/

.go-up, .go-down {
 display: none;
 position: fixed; /*позиционирование*/
 z-index: 9999; /*поверх все элементов на странице*/
 right: 5%; /*положение на странице, если слева - left*/
 cursor: pointer;
 opacity: .5;
 padding: 3px;
 margin-bottom: 5px;
 width: 64px;
 height: 31px;}
.go-up { bottom: 160px; }
.go-down { bottom: 100px; }
.go-down:hover,
.go-up:hover {
 opacity: 1;}

#news {
    position: absolute;
    margin-top: 4px;
    margin-left: 120px;
    width: 220px;
    height: 210px;
    font: 400 normal 10px/11px Verdana;
    text-transform: lowercase;
    color: #2b514f;
    overflow-y: auto;}

#news::-webkit-scrollbar{
width: 2px;
background-color: transparent;}

#news::-webkit-scrollbar-thumb{
background-color: #0c0c0c !important;}

.Data {
display: block;
font-weight: 700;
float: left;}

.TextNews {
display: block;
padding-left: 37px;
padding-bottom: 8px;
margin-top: -13px!important;
text-align: justify;
float: right;}

#tops {
    display: block;
    width: 180px;
    position: absolute;
    margin-top: 220px;
    margin-left: 140px;}

#banners {
position: absolute;
    margin-top: 0px;
    margin-left: 18px;
    background: rgba(199, 196, 211, 0);
    width: 850px;
    height: 62px;
    z-index: 100;
    padding-left: 7px!important;
overflow-y: auto;}

/* structure by futura.rusff.ru
-------------------------------------------------------------*/

#loststarss {
    margin: 0px auto;
    width: 450px;
    height: auto
  }
  
  .loststarred {
    background-image: url(http://s3.uploads.ru/RBtds.jpg);
    width: 450px;
    height: 450px;
    color: #0071ce;
    font-family: Arial;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0px;
  }
  
  #loststarss img {
    width: 250px;
    height: 78px
  }
  
  .textprotectt {
    height: 370px;
    padding: 5px;
    background-color: rgba(246, 246, 246, 0.53);
    text-align: justify;
  }
  
  .losttextt b {
    opacity: 0.6;
    font-family: arial;
    font-size: 15px;
    line-height: 80%;
    letter-spacing: -1.5px;
    color: #000;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
  }
  
  .losttextt i {
    text-decoration: none;
    font-family: 'Monsterrat', sans-serif;
    letter-spacing:-1px;
    opacity: 0.5;
    font-weight: bolder;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
  }
  
  .losttextt {
    line-height: 120%;
    padding: 0px 0px;
    max-height: 510px;
    color: #3e3e3e;
    overflow: auto
  }
  
  .losttextt::-webkit-scrollbar {
    opacity: 0.6;
    width: 4px;
    background-color: #eee
  }
  
  .losttextt::-webkit-scrollbar-thumb {
    background-image: url('http://azmind.com/wp-content/uploads/2012/10/subtle-pattern-1.jpg');
    border: 2px #f6f6f6 dotted
  }
  
  .lostitle {
    text-align: center;
    padding: 0px 10px;
    font: 400 italic 30px/31px Arial;
    letter-spacing: -2px;
    color: #006fcb;
    text-shadow: 1px 0px 0px #cecece , -2.5px 0px 0px #6a38c3;
    margin-top: -10px;
    border-bottom: 4px #f6f6f6 solid;
    max-height: 19px;
    font-family: 'Montserrat', sans-serif;
  }
  
  .lostitle b {
    font-size: 30px;
    letter-spacing: -3px;
    font-weight: normal
  }
  
  .lostitle span {
    font-family: calibri;
    padding: 1px 7px;
    background-color: #f6f6f6;
    line-height: 110%;
    font-size: 10px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-style: oblique;
    text-shadow: none
  }
  
  .bblost {
    font-family: 'Monsterrat', sans-serif;
    font-weight: bolder;
    opacity: 0.7;
    margin: 60px;
    color: #000;
    font-family: arial;
    letter-spacing: 10px;
    font-size: 6px;
    text-decoration: none
  }
 .loststarred b, i {
   color: #3a3c4e /*THIS COLOR CHANGES THE TITLE/BOLD/ITALICS/CREDITS*/
 }

.contest1{width: 120px;font-family: 'Attentica 4F';color: #333;font-size: 25px;letter-spacing: 2px;text-transform: uppercase;text-align: center;}

.contest2 {
width: 200px; 
font-family: Arial; 
color: #333;
 font-size: 10px; 
letter-spacing: 1px; 
font-style: normal; 
text-transform: lowercase; 
text-align: left;}

.contest3 {
font-family: arial; 
font-size: 11px; 
text-align: left; 
padding: 10px; 
width: 425px; 
height: 415px; 
background: rgba(255,255,255, .45); 
line-height: 95%; 
position: relative; 
left: 15px; 
text-indent: 3%;}  

.contest3 a:link, .contest3 a:active, .contest3 a:visited {
font-family: arial black; 
color: black; 
font-size: 11px; 
letter-spacing: -1px; 
text-transform: uppercase; 
text-decoration: none; } 
.contest3 a:hover {
color: #d2d2d2;}

/* CS6.5 Скрытый текст */
.post-content del {
  background: #c7ced1;
  color: #c7ced1;
}
.post-content del:hover {
  background: transparent;
  color: #1f1e1e;
  text-decoration: none;
}

#viewprofile div[style^="margin-top: -10"] {
  margin:0!important;
}
#viewprofile #profile-right *{
  text-align:left!important;
}
#viewprofile .hoverprofile,
#viewprofile .miniprofile {
  position:relative;height:auto;
  opacity:1;box-shadow:none;
}
#viewprofile .hoverprofile *[style] {
  margin:0!important;
}