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


/* Боди или фон форума */
body {background-color: #c9bcab;  background-image: url(http://funkyimg.com/i/23B2u.jpg); background-position: top center; background-repeat: repeat; }

/* Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/26h83.jpg); 
background-repeat : no-repeat;
background-position: top center;
  height: 540px;
  width: 1280px; 
   margin-top: 0px;
  margin-left: -211px;
}


/* Пан или "тело" форума */
#pun {background-color: #c9bcab;}


#profilenav h2 {text-shadow: none;}

#pun-redirect.punbb  #pun-main h1 {
background: none;}

hr, .banner-line {
height: 12px;
background: url("") 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: #2a1621;
font-weight: normal;
font-family: verdana;
font-style: normal;}

/* двигалка навигации, общие ссылки и пользовательские*/
div#pun-navlinks { position: absolute; width: 100%; text-align: center; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center; }


/* Ссылки */

/* 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 {
  color: #3d5f4d;
  border-bottom: 0px none #000;
  text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;}


/* 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: #97977d;
  border-bottom: 0px none #000;}




/* cs2.4. нижняя навигация до наведения */
#pun-ulinks a {
  color: #8C582A;
  font-family: cuprum;
  font-size: 12px !important;
  border-bottom: 0px none #000;
  letter-spacing: 0px;
  text-transform: lowercase;
  /* font-variant: small-caps; */
  text-shadow: #F3EDDE 1px 0px 0;
  }

/* cs2.5. верхняя навигация после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  border-bottom: 0px none #000;
  color: #b6b192;}

/* cs2.5. нижняя навигация после наведения */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
  color: #473c2a;}

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

/* Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-top: 5px!important;
margin-left: 5px!important;
padding: 10px;
width: 81px;
height: 70px;
background-image : url(http://funkyimg.com/i/24JHE.png);
background-repeat: no-repeat;}

/* Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/24JHD.png);
background-repeat: no-repeat;
width: 81px;
    height: 70px;}

/* Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/24JHD.png);
background-repeat: no-repeat;
width: 81px;
    height: 70px;}

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




/* Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 66px;
width: 928px;
margin-left: -37px;
background-color: transparent;
background-image: url("http://forumstatic.ru/files/0016/4b/81/18192.png");
background-origin: padding-box;
background-position: 10% 10%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}


/* Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {border-top: 6px solid #1e583e;
border-bottom: 6px solid #7b3c5a;
border-left: 1px solid #8a9991;
border-right: 1px solid #8a9991;
-webkit-border-radius: 15px;
border-radius: 20px;
content: ".";
background: #d5c7b2 repeat-y top center;
background-image: url(http://funkyimg.com/i/24Pjx.jpg); 
background-position: top center; background-repeat: repeat;
padding: 9px 10px; text-shadow: #d8e6e0 1px 1px 1px;
}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #e7e4d9; 
background-image: url("...");
color: #000000}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {border: 1px double #b8ae97;
-webkit-border-radius: 15px;
border-radius: 15px;
content: ".";
background: radial-gradient(ellipse farthest-corner at 30px 20px, #dcd4b8, #cbbd9e);
box-shadow: 0.2em 0.2em 2px  #; 
padding: 9px 10px; opacity: 0.7;}

/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text { 
margin: 0 1.0em 0 1.0em;
border-top: 4px solid #1e583e;
border-bottom: 4px solid #7b3c5a;
border-left: 1px solid #8a9991;
border-right: 1px solid #8a9991;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #d5c7b2 !important;
background-image: url("http://funkyimg.com/i/24Pjx.jpg");
color: #0b572e !important;
display: block;
font-family: Marck Script; 
font-style: normal;
font-size: 25px !important;
text-align: center;
line-height: 15px;
padding: 10px;
}


/* выравнивания параметров профиля */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center; 
}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*---------------оформление названий подфорумов---------------*/
#pun-index.punbb .tclcon h3 > a {
  color: #cabcac;
text-shadow: #0f331f 1px 0px 1px;
}
#pun-index.punbb .tclcon h3 > a:hover {
   color:#af9d87;
}

/* футер */
#pun-about p.container {background-color: #;
background: url("http://funkyimg.com/i/24ywT.png");
background-position: center top; 
background-repeat: no-repeat; 
   width: 948px;
   height: 162px;
margin-left: -54px;
text-align: center;
border-color: transparent;
}
div#pun-about {
   margin-bottom: -105px;

}

/*------------------------полоски прокрутки-----------------------*/

::-webkit-scrollbar-thumb:vertical {
    background-color:#939e98;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#939e98;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color:#dfd5c8; margin-top:
   
}


.post::-webkit-scrollbar-thumb:vertical {
    background-color:#939e98;
}

.post::-webkit-scrollbar-thumb:horizontal {
    background-color:#939e98;
}

.post::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color:#dfd5c8; margin-top:
   
}


/* Описание форума */
.contentf {
font-family: Century Gothic;
    font-size: 11px;
    color: #c9bcab;
    width: 370px;
    text-align: justify;
    border-radius: 0 10px 10px;
    background: #17402e;
background: -webkit-linear-gradient(left, #314c43 50%, #8d6077 100%);
background: -moz-linear-gradient(left, #314c43 50%, #8d6077 100%);
background: -ms-linear-gradient(left, #314c43 50%, #8d6077 100%);
background: -o-linear-gradient(left, #314c43 50%, #8d6077 100%);
background: linear-gradient(left, #314c43 50%, #8d6077 100%);
    padding: 5px;
    box-shadow: 1px 1px 1px #225c42, inset 1px 0px 2px #07351c;
}
.clinks {
font-size: 11px;
color: #c9bcab !important; 
border-top: 2px ridge #c9bcab; 
text-align: center;
}
.clinks:hover {
font-size: 11px;
color: #c9bcab !important; 
border-top: 2px ridge #c9bcab; 
text-align: center;
}


/*Всплывающий скриншот*/ 
.thumbnail{  
position: relative;  
z-index: 0;  
}  
.thumbnail:hover{  
background-color: transparent;  
z-index: 0;  
}  
.thumbnail span{ /*CSS for enlarged image*/  
position: absolute;  
background-color: transparent;   
left: -1000px;  
border: 0px solid white;  
visibility: hidden;  
color: Yellow;  
text-decoration: none;  
border-radius: 0px 0px 0px 0px; 
-moz-border-radius: 0px 0px 0px 0px; 
-webkit-border-radius: 0px 0px 0px 0px; 
}  
.thumbnail span img{ /*CSS for enlarged image*/  
border-width: 0;  
padding: 0px;  
}  
.thumbnail:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
top: -55px;  
left: 30px; /*position where enlarged image should offset horizontally */  
}  
/*---------------------*/



/*меню
-------------*/
/*o londone*/
a.rollover {
    background: url(http://funkyimg.com/i/23Bnj.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 236px; /* Ширина рисунка в пикселах */
    height: 30px; /* Высота рисунка */
   }
   a.rollover:hover {
    background-position: 3px 0px; /* Смещение фона */
   }
/*o forume*/
a.rollover2 {
    background: url(http://funkyimg.com/i/23Bnk.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 236px; /* Ширина рисунка в пикселах */
    height: 30px; /* Высота рисунка */
   }
   a.rollover2:hover {
    background-position: 3px 0px; /* Смещение фона */
   }
/*foto*/
a.rollover3 {
    background: url(http://funkyimg.com/i/23Bnn.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 236px; /* Ширина рисунка в пикселах */
    height: 30px; /* Высота рисунка */
   }
   a.rollover3:hover {
    background-position: 3px 0px; /* Смещение фона */
   }
/*vakansii*/
a.rollover4 {
    background: url(http://funkyimg.com/i/23Bnm.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 236px; /* Ширина рисунка в пикселах */
    height: 30px; /* Высота рисунка */
   }
   a.rollover4:hover {
    background-position: 3px 0px; /* Смещение фона */
   }
/*tet-a-tet*/
a.rollover5 {
    background: url(http://funkyimg.com/i/23Bnh.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 236px; /* Ширина рисунка в пикселах */
    height: 30px; /* Высота рисунка */
   }
   a.rollover5:hover {
    background-position: 3px 0px; /* Смещение фона */
   }
/*nedelya*/
a.rollover6 {
    background: url(http://funkyimg.com/i/28kNb.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 236px; /* Ширина рисунка в пикселах */
    height: 30px; /* Высота рисунка */
   }
   a.rollover6:hover {
    background-position: 3px 0px; /* Смещение фона */
   }

/****************объявления****************/
/*первое*/
a.rollover21 {
    background: url(http://funkyimg.com/i/24SAu.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 180px; /* Ширина рисунка в пикселах */
    height: 100px; /* Высота рисунка */
   }
   a.rollover21:hover {
    background-position: 0px 3px; /* Смещение фона */
   }

/*второе*/
a.rollover22 {
    background: url(http://funkyimg.com/i/24SAv.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 180px; /* Ширина рисунка в пикселах */
    height: 100px; /* Высота рисунка */
   }
   a.rollover22:hover {
    background-position: 0px 3px; /* Смещение фона */
   }

/*третье*/
a.rollover23 {
    background: url(http://funkyimg.com/i/24SAw.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 180px; /* Ширина рисунка в пикселах */
    height: 100px; /* Высота рисунка */
   }
   a.rollover23:hover {
    background-position: 0px 3px; /* Смещение фона */
   }

/*четвертое*/
a.rollover24 {
    background: url(http://funkyimg.com/i/24SAt.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 180px; /* Ширина рисунка в пикселах */
    height: 100px; /* Высота рисунка */
   }
   a.rollover24:hover {
    background-position: 0px 3px; /* Смещение фона */
   }

/* амс */
.tooltip {
 position: relative;
 font-family: cuprum;
 color: #ded3c3;
 font-size:12px;
 line-height:10px;
 text-align: center;
 }

.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 position: absolute;
background: url(http://funkyimg.com/i/23EsW.jpg);
 padding: 5px;
 bottom: 15px;
 right: -50px;
 box-shadow: 0 0 0px #цвет тени обводки блока;

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

/* =Hoverbox Code= для фоток соц*/
.hoverbox { cursor: default; list-style: none; padding: 0;}
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img { background: transpanent; border-color: transpanent; border-style: solid; border-width: 0px; color: inherit; padding: 0px; vertical-align: top; }
.hoverbox li { background: transparent; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox li.text { background: white; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: transpanent; } 
/* ----------------- */




/* активисты */
.renoheader {
 background: #080808;
 }

.renoheaderhover {
width: 486px; 
height: 289px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 215px;
margin-left: -15px;
position: absolute;
 }

.renoheaderhover:hover {
color: #ededed;
width: 486px; 
height: 289px;
opacity: 10;
 }

.renoheadercontent {
width: 486px; 
height: 289px; 
background-image: url(http://funkyimg.com/i/251D5.png); 
color: #ededed; }

/*подпись*/
 #pun-main .post-sig dd p {color: #4f3240; font-size: 100%; font-style: italic; padding-top: 10px;}
dd {
  margin-left: 0;
}

/* Лз
 -------------------------------------------------------------*/
.miniprofile { 
width: 184px;
text-align: center;
font: 11px/11px calibri;
letter-spacing: 0.8px; 
text-transform: none;  
color: #d6c8aa;  
padding-left: 10px;
}

.miniprofile a, .miniprofile a:visited, .miniprofile a:hover {color: #ece1e9 !important;}

.hoverprofile {width: 184px; height: 183px; background-color: #62354b; opacity: 0; position: absolute; z-index: 2;  margin-top: -10px !important; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; }

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


/* сообщения и репутация*/
.pa-posts {
border: 1px double #7e8d86;
-webkit-border-radius: 10px;
border-radius: 10px 0 0 10px;
display: inline-block;
background: radial-gradient(ellipse farthest-corner at 30px 20px, #e4dac5, #d1c5aa);
background-image: url(http://funkyimg.com/i/24Pjx.jpg); 
box-shadow: 0.2em 0.2em 1px  #; 
text-align: center;
font-size: 10px;
text-transform: lowercase;
padding: 10px 10px;
width: 72px;
color: #5f4f3d;
margin-top: 10px !important;
}


.pa-respect {
border: 1px double #7e8d86;
-webkit-border-radius: 10px;
border-radius: 0 10px 10px 0;
display: inline-block;
background: radial-gradient(ellipse farthest-corner at 30px 20px, #e4dac5, #d1c5aa);
background-image: url(http://funkyimg.com/i/24Pjx.jpg); 
box-shadow: 0.2em 0.2em 1px  #; 
text-align: center;
font-size: 10px;
font-weight: bold;
text-transform: lowercase;
padding: 10px 10px;
width: 72px;
color: #102b1f;
margin-top: 10px !important;
}


/*описание тем*/
.mania1 { width: 600px; min-height: 240px;overflow: hidden; position: relative; background: url(http://funkyimg.com/i/24Ps8.jpg) 52% 0% repeat-x, url(http://funkyimg.com/i/24Ps9.jpg) 50% 100% repeat-x, url(http://funkyimg.com/i/24Psa.jpg) 70% 42%; padding: 10px; border-radius: 0px; }

.mania2 { width: 580px; margin-left: 50px; text-align: justify; color: #24302a; font-family: "consolas"; font-size: 12px; padding: 10px;}

.mania3 {text-align: center; color: #583320 !important;
text-shadow: 1px 1px #C7BCD3, 2px 2px #FEEED7, 3px 3px #DCA372;font-size: 30px; text-transform: none;font-family: 'Flow Ext';}

/*прокрутка в темах*/
.shopscrollll::-webkit-scrollbar {width: 7px; height: 5px;}
.shopscrollll::-webkit-scrollbar-track {background: #ded3c3;}
.shopscrollll::-webkit-scrollbar-thumb {background: #987486;}

/*фишка*/
.fishka {width:500px; height:auto;  
border-top: 5px solid #8e5d6f; 
border-bottom: 5px solid #628778; 
-webkit-border-radius: 15px; 
border-radius: 25px; 
content: "."; 
background: #ece8e3 repeat-y top center; 
padding: 9px 9px; 
text-align: center;}
 /*для недели*/
.fishka1 {width:550px; height:auto;  
border-top: 5px solid #8e5d6f; 
border-bottom: 5px solid #628778; 
-webkit-border-radius: 15px; 
border-radius: 25px; 
content: "."; 
background: #ece8e3 repeat-y top center; 
padding: 9px 9px;  text-align: justify;}

.fishkaname {text-align: center; color: #583320 !important;
text-shadow: 1px 1px #C7BCD3, 2px 2px #FEEED7, 3px 3px #DCA372;font-size: 22px; text-transform: none;font-family: 'Flow Ext';}

.zagolovok {text-align: center; color: #583320 !important;
text-shadow: 1px 1px #C7BCD3, 2px 2px #FEEED7, 3px 3px #DCA372; font-weight: normal; font-size: 22px; text-transform: none; font-family: 'Arial';}

/*ссылки*/ 
.link_1 { font: 11px consolas; text-align: center; letter-spacing: 1px; color: #ded3c3 !important; padding: 3px; background: #628778; margin: 3px 1.5px 3px 1.5px; transition-duration: .5s; }
.link_1:hover { background: #8e5d6f; transition-duration: .5s; }

.link_2 { color: #94aea6 !important; transition-duration: .5s;}
.link_2:hover { color: #418367 !important; transition-duration: .5s; }