/* CS1 Фон и цвет текста*/

/* 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: #000000;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color: #ffffff;  background-image: url(http://workingword.mybb.ru/files/0010/70/28/54666.png); background-position: top center; }

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://s1.uploads.ru/i/l3wbe.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 410px;
width: 950px;
margin-left: -52px}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #ffffff; background-image: url(http://workingword.mybb.ru/files/0010/70/28/16430.png
);}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {background-image: url(http://workingword.mybb.ru/files/0010/70/28/88659.png); background-position: top center; background-repeat: no-repeat; height: 53px; width: 829px;}
div#html-footer {margin: -126px 5px 9px 5px;}

/* CS1.6 Ссылки верхней навигации*/
#pun-navlinks .container { 
text-align: left; 
position: absolute;
background-color: transpanent; 
background-image: url();
z-index: 500;
top: 350px;
left: 0px}

#pun-ulinks .container { 
text-align: center; 
position: absolute; 
top: 400px;
left: 50px}


/* 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: #360101;
  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: #360101; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #360101;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #360101;
  text-decoration: none;}

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

/* CS3.1 Иконка старых сообщений*/
.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://s1.uploads.ru/i/Rumnb.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://s1.uploads.ru/i/Vgd0O.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://s1.uploads.ru/i/Vgd0O.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://s1.uploads.ru/i/Rumnb.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url();
height: 41px;
width: 322px;
font-size:0 !important;
margin-left: 100px;}

#pun-category2.category h2 {
background: url();
height: 41px;
width: 322px;
font-size:0 !important;
margin-left: 100px;}

#pun-category3.category h2 {
background: url();
height: 68px;
width: 812px;
font-size:0 !important;
margin-left: 0px;}

#pun-category4.category h2 {
background: url();
height: 70px;
width: 812px;
font-size:0 !important;
margin-left: 0px;}



/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("адрес");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 120px;
padding-top: 40px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 70px;
width: 812px;
margin-left: 0px;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: 			#EEE8CD; 
background-image: url("http://workingword.mybb.ru/files/0010/70/28/68276.png");
color: #000000}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
box-shadow: 0px 2px 1px }

.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 1px 1px;}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-image: url("http://workingword.mybb.ru/files/0010/70/28/12273.png");
background-color: ;
color: #000000}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 50px; 
top: -192px}

/* CS5.6 Совсем другое */
#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: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;};----------------------*/



/*
Стили для слидриона
 */
#slidorion {
	width: 750px;    	/* Установим ширину контейнера. Равна сумме ширины #slider и #accordion */
	height: 300px;    	/* Установим высоту контейнера. Равна высоте #slider и #accordion */
	position: relative;
	left: 50%;
	margin-left: -384px;
	padding: 10px;
	background: #cbcbcb;
	border: 1px solid #bbb;
	-webkit-box-shadow: 0 0 34px #bbb;
	-moz-box-shadow: 0 0 34px #bbb;
	box-shadow: 0 0 34px #bbb;
}

#slider {
	width: 200px;    	/* ширина контейнера с картинками */
	height: 300px;    	/* Установим его высоту*/
	position: relative;
	float: left;
	overflow: hidden;    /* Скроем прокрутку */
}

.slider-image {
	position: relative;
}

.slider-image img {
	width: 180px;    	/* Ширина картинки*/
	height: 300px;    	/* Высота картинки */
	position: absolute;
}

#accordion {
	width: 550px;    	/* Ширина контейнера с описателем*/
	height: 300px;    	/* высота */
	font-family: Verdana;
	background: #eee;
	-webkit-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	-moz-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	position: relative;
	z-index:999;
	float: left;
}

#accordion .header {   /* заголовок описания. Сложный стиль */
	height: 36px;
	color: #333;
	background: #ededed;
/* градиентная заливка с css*/
	background: -moz-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background: -webkit-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -o-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dcdcdc',GradientType=0 );
/* градиентная заливка с css - конец */
	border: none;
	border-top: 1px solid #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#accordion .header a {    /* стиль ссылки внутри заголовка */
	background: none;
	padding: 8px 14px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
}

#accordion .header a:hover { /* стиль ссылки внутри заголовка при наведении */
	background: #ededed;
	cursor: pointer;
}

#accordion .header a.active {  /* стиль активной ссылки внутри заголовка */
	border-bottom: none;
	background-color: #676767 !important;
	color: #fff;
}

#accordion .content {
	height: 90px;    	/* Эту высоту нужно менять, поскольку она зависит от высоты контейнера с описанием и числа вкладок */
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 16px;
	border: none;
	background: #d6d6d6;
	background: -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -o-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -ms-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=0 );