/* стиль фона и пуна
 -------------------------------------------------------------*/
HTML, BODY {background-color: #ece3d9;
background-image: url(http://funkyimg.com/i/2neG3.png);
background-repeat : repeat;
background-position: top center;}
#pun {background-color: #transparent; 
background-image: url(http://funkyimg.com/i/2oCXf.png); 
}
.lastedit{display:none;}


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


/* двигалка навигации, общие ссылки и пользовательские*/
div#pun-navlinks {    position: absolute; width: 100%; text-align: center; letter-spacing: -4px; left: 0px; top: 2px; z-index: 155;}
div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: -13px; left: 0px; z-index: 155;}

/* цвет рамок
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ccc #ccc #aaa #ccc
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #b99c91
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #rgba (69, 101, 128, 0.62);
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: #76605e;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;
  }

li.pa-online {
  border-left-color: #673a42;
  }


/* Ссылки */

/* 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: #3e3e3e;
  border-bottom: 0px none #000;
  text-decoration: none;
font-variant: normal;
-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: #ea7b7c;
font-variant: normal;
  border-bottom: 0px none #000;}


/* cs2.3. верхняя навигация до наведения */
#pun-navlinks a {
  color: #97ad4e;
  font-family: arial;
  font-size: 22px !important;
  border-bottom: 0px none #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  font-style: italic;
-webkit-font-smoothing: antialiased !important;
}
/* cs2.4. нижняя навигация до наведения */
#pun-ulinks a {
  color: #edece0;
    font-variant: normal;
    font-size: 10px !important;
    border-bottom: 0px none #000;
    letter-spacing: 0px;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
}

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

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

/* другие элементы
 -------------------------------------------------------------*/

/* округлости у цитат, формы ответа, всех кнопок 
 -------------------------------------------------------------*/

#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb .quote-box, .punbb .code-box, .punbb textarea {
background-color: #D8D8D8; 
background-image: url(http://storage8.static.itmages.ru/i/16/0626/h_1466929890_3300676_0e7be6de1b.jpg);
border-radius: 15px;
box-shadow: 0px 3px  #bed17f;
}

.punbb select, .punbb input {
border-radius: 0px 0px 0px 0px;
background-color: #d5d5d5;    	                            
}

/* область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #DCDCDC;  
color: #000000;
border: #cacbcd 1px solid;
}

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

#pun-category1.category h2 { background: url(http://funkyimg.com/i/2oHDW.png) no-repeat top center; height: 50px; width: 1004px; margin-top: 20px; margin-left: -40px; font-size: 0px !important; background-color: transparent; color: transparent; } 
#pun-category2.category h2 { background: url(http://funkyimg.com/i/2oHBd.png) no-repeat top center; height: 50px; width: 1004px; margin-top: 20px; margin-left: -40px; font-size: 0px !important; background-color: transparent; color: transparent; } 
#pun-category3.category h2 { background: url(http://funkyimg.com/i/2oHDf.png) no-repeat top center; height: 50px; width: 1004px; margin-top: 20px; margin-left: -40px; font-size: 0px !important; background-color: transparent; color: transparent; }  
#pun-category4.category h2 { background: url(http://funkyimg.com/i/2oHDg.png) no-repeat top center; height: 50px; width: 1004px; margin-top: 20px; margin-left: -40px; font-size: 0px !important; background-color: transparent; color: transparent; } 
#pun-category5.category h2 { background: url(http://funkyimg.com/i/2oHDh.png) no-repeat top center; height: 50px; width: 1004px; margin-top: 20px; margin-left: -40px; font-size: 0px !important; background-color: transparent; color: transparent; } 

/* статистика 
 -------------------------------------------------------------*/

#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 50px;
width: 1004px;
margin-left: -40px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/2oHEF.png");
background-origin: padding-box;
background-position: 30% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;
color: transparent;
 }


/* Футер 
 -------------------------------------------------------------*/
#pun-about p.container {font-size: 0px !important;}
#pun-about p.container {background-image: url("http://funkyimg.com/i/2oHHx.png"); background-repeat: no-repeat; 
background-position: top center;
height: 125px; width: 1004px;
margin-top: -20px;
margin-left: -40px;}
div#html-footer {margin: -20px 50px -20px 20px;}


/* иконки новых, старых смс, закрытых, важных тем
 -------------------------------------------------------------*/

.punbb table Div.icon {float: right; border-style: none none none none; margin-left: 10px;
    margin-right: 32px;
    margin-top: 20px;
    float: right;
    width: 30px;
    height: 80px;
    background-image: url(http://funkyimg.com/i/2oFc2.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2oFcL.png);
background-repeat: no-repeat;
width: 30px;
height: 80px;
}

TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2oFcK.png);
background-repeat: no-repeat;
width: 30px;
height: 80px;
}

TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2oFcR.png);
background-repeat: no-repeat;
width: 30px;
height: 80px;
}


/*---------------оформление названий подфорумов---------------*/
#pun-index.punbb .tclcon h3 > a {
   color: #97ad4e;
    font-family: arial;
    font-size: 16px !important;
    margin-left: 16px;
    font-weight: bold;
    float: left;
    font-style: italic;
    font-variant: normal;
    letter-spacing: 1px;

}
#pun-index.punbb .tclcon h3 > a:hover {
   color: #ad9c4e;
    font-family: arial;
    font-size: 16px !important;
    margin-left: 16px;
    font-weight: bold;
    float: left;
    font-style: italic;
    font-variant: normal;
    letter-spacing: 1px;

}

/* картинки в табле
-------------------------------------------------------------*/

.ch-item {
	width: 100%;
        height: 350px;
	position: relative;
	cursor: default;
left: -5px;
}
.ch-info-wrap{
	position: absolute;
	width: 285px;
	height: 350px;
        -webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
       -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
        top: 0px;
	left: 0px;
	background: #e6e4e4;
}
.ch-info{
	position: absolute;
	width: 285px;
	height: 350px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
		
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
        
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.ch-info .ch-info-back {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
        background: #e6e4e4;
}
.ch-img-1 { 
	background-image: url(http://storage9.static.itmages.ru/i/16/0520/h_1463756276_5592648_4ff3e5a3fb.jpg);
}
.ch-info h3 {
	color: #190b14;
	text-transform: small-caps;
        text-align: center;
	letter-spacing: 2px;
	font-size: 12px;
	margin: 0 5px;
	padding: 20px 0 0 0;
	height: 35px;
	font-family: tahoma;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
	color: #190b14;
	padding: 10px 5px;
        text-align: center;
	margin: 0 30px;
	font-size: 12px;
        font-family: tahoma;
	border-top: 2px solid rgba(255,255,255,0.5);
}
.ch-info p a {
	display: block;
	color: #190b14;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: tahoma;
}
.ch-info p a:hover {
color: #676767;
}
.ch-item:hover .ch-info {
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-moz-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}

/* Прокрутка */
::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}
::-webkit-scrollbar-track {
background: #595a53;
}
::-webkit-scrollbar-thumb {
    background: #b0a01b;
}




#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {position:absolute; right:6px; top:43px;z-index: 151;}

#twittercontainer { width:500px; height:308px; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; border-radius:4px; text-transform:none; }
#twittercontainer .header11 { width:460px; height:210px; padding:20px; border-radius:4px 4px 0px 0px; }
#twittercontainer .icon11 { width:75px; height:75px; border:5px solid #fff; border-radius:4px 4px; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; }
#twittercontainer .name11 { margin-top:5px; font-family: arial; font-size:25px; color:#fff; letter-spacing-1px; text-shadow:1px 1px 1px #333; line-height:100%; font-weight:bold; }
#twittercontainer .handle11 { margin-top:5px; font-family:arial; font-size:18px; color:#fff; letter-spacing:0px; text-shadow:1px 1px 1px #333; line-height:100%; }
#twittercontainer .description11 { margin-top:5px; font-family:arial; font-size:15px; color:#fff; letter-spacing:0px; text-shadow:1px 1px 1px #333; line-height:100%; padding-left:25px; padding-right:25px; }
#twittercontainer .bottombarthing11 { width:500px; height:58px; background-color:#fff; border-radius:0px 0px 4px 4px; }
#twittercontainer .boxes11 { width:90px; height:58px; padding-left:10px; display:inline-block; }
#twittercontainer .words11 { line-height:15px; padding-top:8px; height:15px; text-align:justify; font-family:lato; color:#acafac; font-size:10px; font-weight:100; letter-spacing:-1px; text-transform:uppercase; }
#twittercontainer .bolded11 { text-align:justify; height:18px; padding-bottom:5px; font-family:lato; font-weight:700; color:#2e8cb1; font-size:18px; line-height:18px; }