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


/* Боди или фон форума */
body {background-color: #313e4e;  background-image: url(http://funkyimg.com/i/WA8W.png); background-position: top center; }

/* Шапка */
#pun-title table {
background-image : url(http://i.imgur.com/yRrWL7j.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 492px;
width: 961px;
margin-left: -39px;
}


/* Пан или "тело" форума */
#pun {background-color: #9bb1bd; background-image: url(http://funkyimg.com/i/WAe3.png);}

#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: #33373b;
font-weight: normal;
font-style: normal;}

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


/* Ссылки */

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

/* cs2.3. верхняя навигация до наведения */
#pun-navlinks a {
  color: #6b5856;
  font-family: kobzarks;
  font-size: 10px !important;
  border-bottom: 0px none #000;
  text-transform: uppercase;
  font-weight: bold;
  font-style: ;
}
/* cs2.4. нижняя навигация до наведения */
#pun-ulinks a {
  color: #44556a;
  font-family: arial;
font-variant: small-caps;
  font-size: 12px !important;
  border-bottom: 0px none #000;
  letter-spacing: 0px;
  font-weight: bold;
  text-transform: lowercase;
text-shadow: #d5d5d5 2px 1px 1px;}

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

/* cs2.5. нижняя навигация после наведения */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
  color: #7f959f;
  text-transform: lowercase;
text-shadow: #d5d5d5 2px 1px 1px;}

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

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

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

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

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

/*КАТЕГОРИИ-------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/WZ5V.png);
height: 70px;
width: 236px;
font-size:0 !important;
margin-left: 320px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/WZbW.png);
height: 70px;
width: 236px;
font-size:0 !important;
margin-left: 320px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/WZ5X.png);
height: 70px;
width: 236px;
font-size:0 !important;
margin-left: 320px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/WZ5Y.png);
height: 70px;
width: 236px;
font-size:0 !important;
margin-left: 320px;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/WZ5Z.png);
height: 70px;
width: 236px;
font-size:0 !important;
margin-left: 320px;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/view/WZ61);
height: 70px;
width: 236px;
font-size:0 !important;
margin-left: 320px;}


/* Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 70px;
width: 236px;
margin-left: 320px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/WZ62.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 {
background-color: #98bed0; 
background-image: url("http://funkyimg.com/i/WAb2.png");
color: #000000}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
background: #98bed0;
background-image: url("http://funkyimg.com/i/WAb2.png"); 
padding: 0px;
padding-top: 0px;
border: none;
  border-radius: 3px;
color: #000000}

.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

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


/* выравнивания параметров профиля */
#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; 
margin-top: 20px; /*отрицательное значение - вверх, положительное - вниз */
}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}



/* скрыть название категорий*/
#pun-main .category h2 span {
visibility: hidden;
}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url() 0 0 repeat; /*Фон размножаемый по вертикали*/
  overflow: visible!important;

}
.punbb .post .post-author > ul {
  background:url() 0 top no-repeat,url() 0 bottom no-repeat; /*Фон верха - низа*/

}

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

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

::-webkit-scrollbar-thumb:vertical {
    background-color:#9b9184;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#9b9184;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color:#374a60; margin-top:
   
}
/*------------------------фон подфорума-----------------------*/
.tclcon {
background-color: #;
 background-image: url("");   
 border: 0px dashed #4a5768;
padding: 10px;
}


/*---------------оформление названий подфорумов---------------*/
#pun-index.punbb .tclcon h3 > a {
   color:#4a5768;
   font-family: book antiqua;
   font-size: 16px !important;
   font-style: italic;
   font-variant: small-caps;
}
#pun-index.punbb .tclcon h3 > a:hover {
   color:#6b5856;
  font-family: book antiqua;
   font-style: italic;
  font-size: 16px !important;
}

/*------------------------линки в шапке-----------------------*/
a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;
 
background-color: #716663;
color: #c2c0bf;
line-height: 10pt;
font-variant: small-caps;
text-align: center;
display:block;
width:135px;
border-bottom: 0px solid ;
}
a.menu:hover {
background-color:#60544f;
color:  #c2c0bf;
border-bottom: 0px solid  #;}

/*------------------------превью в шапке-----------------------*/
.hoverbox { cursor: crosshair; list-style: none; padding: 0;}
.hoverbox a { cursor: crosshair; }
.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: 2px; vertical-align: top; }
.hoverbox li { background: transpanent; color: inherit; display: inline; float: left; margin: 5px 10px 5px -25px; padding: 0px; position: relative; }
.hoverbox li.text { background: transpanent; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: transpanent; } 


/*------------------------соцсеть фото-----------------------*/
.snap_container { width: 430px; height: 430px; overflow:hidden; position:relative; margin-left:23px; margin-top:-20px; background-image: url(http://funkyimg.com/i/WDET.png); border: 1px dashed #b0bcc2;}
.snap_two {width: 400px; height: 400px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out;   }
.snap_pic {width: 400px; height: 400px; background-repeat: no-repeat; background-position: center; margin-top: 20px; margin-left: -2px; background-size: cover; overflow: auto; }
.snap_pic img {width: 390px; height: 390px; border: 3px solid #cddbe4;}
.snap_message { width: 390px; height: auto; background-color:rgba(0,0,0,0.7); opacity: 0.3; font-family: verdana; font-size:10px; text-align:center; color:#fff; padding:5px; word-spacing:3px; letter-spacing:1px; position:relative; overflow: auto;}

/*------------------------соцсеть видео-----------------------*/
.cimh1 { width:400px; height: 330px; margin: auto; background-image: url(http://funkyimg.com/i/WDET.png); border: 1px dashed #b0bcc2;}
.cimh4 { width: 370px; height: 300px; background-color: #b0bcc2; padding: 3px; margin-top: 20px; margin-left: 10px; }

/*------------------------соцсеть текстовое сообщение-----------------------*/
.mcont { 
width:400px;
height: 250px;
padding:20px;
position:relative;
}
.title {
width:400px;
font-family: 'georgia';
text-transform: uppercase;
text-align:right;
color:#000;
letter-spacing:2px;
font-size:14px;
font-weight: bold;
text-decoration: italic;
line-height:100%;
}
.status {
border-bottom: 1px solid #191919;
text-align:right;
width:400px;
font-family: 'georgia';
text-transform:lowercase;
color:#000;
font-size:10px;
letter-spacing:1px;
line-height:100%;
padding-bottom:3px;
padding-top:2px;
}

.status > span {
color: #191919;
font-size: 8px;
text-transform:uppercase;

}
.mmsg {
width:400px;
border-radius: 5px;
background-color:#b0bcc2;
font-family: 'arial', cursive;
font-size:10px;
text-align:justify;
line-height:100%;
padding:12px;
float:left;
position:relative;
margin-top:-25px;
margin-bottom:20px;
}

.marrow {
width: 0; 
height: 0; 
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #F0F0F0;
margin-left:180px;
float:left;
position:relative;
margin-top:10px;
}

/*------------------------заголовки в первых сообщениях тем-----------------------*/
.kj1 { background-color: #98b1b9; padding: 10px; width: 350px; font-family: arial; font-size: 10px; border: 1px dashed #b0bcc2;}
.kj2 { border-bottom: 1px #525252 solid; padding: 10px; border-top: 1px #525252 solid }
.kj2 b { letter-spacing: 5px; color: #525252; font-size: 10px; border-bottom: 1px #525252 dashed; border-top: 1px #525252 dashed }
.kj2 i { color: #525252; font-size: 10px }
.kj3 { font-style: italic; font-weight: bold; text-align: right; font-size: 14px }

/*------------------------правила-----------------------*/
.kj4 { background-color: #98b1b9; padding: 10px; width: 450px; font-family: arial; font-size: 10px; border: 1px dashed #b0bcc2;}
.prav2 { border-bottom: 1px #525252 solid; padding: 10px; border-top: 1px #525252 solid; text-align: justify;}

/*------------------------шаблон принятия-----------------------*/
.ams img { width: 150px; height: 150px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; filter: gray;  -webkit-filter: grayscale(80%);} 
.ams img:hover { transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;  filter: none; -webkit-filter: grayscale(0%);}

/*------------------------анкета-----------------------*/
.merc_threads {
margin: 10px auto;
padding: 10px;
border: 1px dashed #b0bcc2;
background-color: #98b1b9;
background-image: url();
width: 500px;
}
.merc_threads2 {
width: 500px;
height: 200px;
position: relative;
}
.merc_threads3 {
width: 250px;
margin: auto;
background-color: #8babb8;
padding: 0px;
text-align: center;
font-family: georgia;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
letter-spacing: 2px;
color: #191919
position: relative;
}
.merc_threads4 {
width: 500px;
margin: auto;
padding: 0px;
text-align: center;
font-family: roboto condensed;
font-size: 10px;
font-style: italic;
text-transform: lowercase;
letter-spacing: 2px;
color: #191919
position: relative;
}
.merc_threads5 {
height: 300px;
overflow: auto; 
background-color: #aebdc3;
padding: 10px;
text-align: justify;
font-family: verdana;
font-size: 10px;
line-height: 135%;
color: #191919;
border: 1px dashed #b0bcc2;
}

.merc_threads6 {
height: auto;
overflow: auto; 
background-color: #aebdc3;
padding: 10px;
text-align: justify;
font-family: verdana;
font-size: 10px;
line-height: 135%;
color: #191919;
border: 1px dashed #b0bcc2;
}



.merc_threads5::-webkit-scrollbar-thumb:vertical {
    background-color:#93b4c9;
}

.merc_threads5::-webkit-scrollbar-thumb:horizontal {
    background-color:#93b4c9;
}

.merc_threads5::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color:#cddbe4; margin-top:
   
}


   .leftfoto{
float:left;
margin: 4px 7px 2px 0px;
border:1px solid #CCC;
padding:6px;
}
 .rightfoto{
float:right;
margin: 4px 0px 2px 5px;
border:1px solid #CCC;
padding:6px;
}



/*------------------------соцсеть профайл-----------------------*/
.im10right img {width: 150px; height: 150px; margin-left: 20px; border: 3px solid #cddbe4;}

.instmsg {width: 170px; height: 150px; padding: 5px; background: #b0bcc2; font-family: calibri; font-size: 10px; text-align: justify; color: #464342; line-height: 94%; text-transform: lowercase; overflow: auto;

::-webkit-scrollbar-thumb:vertical {
    background-color:#93b4c9;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#93b4c9;
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color:#cddbe4; margin-top:
   
}