/*	содержание:
	
	$1.	определение стилей базовых элементов по умолчанию:
		table, table.default, div, div.clear, form, a, a.local, a.admin
	
	$2.	g- глобальные модификаторы (глобальные блоки)
		для выравнивания текста, задания цвета, размера шрифта и т.п.
		.g-smaller, .g-color-red, .g-align-center
		
	$3.	списки:
		ul.x, ul.y, ul.star-separated
	
	$4.	блоки вывода текстового содержимого,
		не search-box, col-box и т.п.
		.box, .box.notice
*/

/**************************************		$1
**************************************/
div
{
	position : relative;
}
table
{
	border-collapse : collapse;
}
table td,
table th
{
	vertical-align : top;
	font-size      : 80%;
}
table.default td,
table.default thead th
{
	padding    : 5px 10px;
}
table.default tr.bg
{
	border     : none;
	background : #f3eff4;	
}
table.hovered tr:hover
{
	border     : none;
	background : #ececec;
}
table.default tr
{
	border-bottom  : 1px solid #ccc;
}
table.default thead th
{
	text-align : left;
	background-color : #ececec;
}
table.default thead tr
{
	border : none;
}
.g-w-short,
table.default td.short
{
	width : 150px;
}
.g-w-medium
{
	width : 180px;
}
.g-w-large
{
	width : 250px;
}
table.default td.medium
{
	width : 250px;
}
.g-w-xlarge,
table.default td.xlarge
{
	width : 300px;
}
form
{
	margin  : 0;
	padding : 0;
}
a
{
	color           : #30c;
	text-decoration : none;
}
a:hover
{
	text-decoration : underline;
}
a.admin
{
	color : #900;
}
a img
{
	border : none;
}
h2
{
	zoom          : 1;
	float         : left;
	margin-top    : 0;
	margin-bottom : 20px;
	/*
	color      : #fff;
	background : #7eb038;
	*/
	padding       : 0 20px;	
	color         : #7eb038;
	color         : #FFAD39;
	background    : url('../img/section-header-bg.gif') repeat-x left top;
}
h2 span
{
	position : relative;
	display  : block;
	top      : 4px;
}
h3, h3.hot /* используется */
{
	zoom          : 1;
	margin-top    : 0;
	margin-bottom : 15px;
	padding       : 2px 5px;
	color         : white;
	background    : #afacc1; /*9283C9*/
	font-size     : 100%;
}
h3,
h3.hot	/* горячие заголовки */ /* используется */
{
	background    : #a095cc; /*9283C9*/
}
h4 /* заголовок нужно будет сделать для таких заголовков как блоги с нижней границей */
{
	border-bottom  : 1px solid #ccc;
	font-weight    : normal;
	font-size      : 100%;
	padding-bottom : 2px;
	margin-top     : 0;
	margin-bottom  : 15px;
}
h6
{
	margin      : 0;
	font-weight : bold;
	font-size   : 100%;
}
h5 /* используется в about */
{
	color          : #562cb0;
	text-transform : uppercase;
	margin-top     : 0;
	margin-bottom  : 10px;
	padding        : 5px 0;
}


/**************************************		$2
**************************************/
.g-width-full
{
	width : 100%;
}
.g-align-right
{
	text-align : right;
}
.g-align-center
{
	text-align : center;
}
.g-color-red
{
	color : #900;
}
.g-color-gray
{
	color: #7c7c7c;
}
.g-bold
{
	font-weight : bold;
}
.g-smaller
{
	font-size : 85%;
}
.g-border /* устарел */
{
	border : 1px solid #ccc;
}
.g-clear /* устарел */
{
	clear    : both;
    overflow : hidden;
    display  : expression("none");
}
.g-clearme
{
    zoom : 1;
}
.g-clearme:after
{
    content    : "";
    display    : block;
    height     : 0;
    clear      : both;
    visibility : hidden;
    display    : expression("none");
}
.g-hidden
{
	display : none;
}
img.g-thumb
{
	border : 1px solid #ccc;
}
/**************************************		$3
**************************************/
.b-hlist, .b-vlist,
.b-btnlist,.b-btnlist-right
{
	margin      : 0;
	padding     : 0;
	list-style  : none;
}
.b-hlist li
{
	position    : relative;
	float       : left;
	white-space : nowrap;
}
.b-hlist li.first,
.b-hlist li:first-child
{
	padding-left : 0;
	background   : none;
}
.b-hlist li:last-child
{
	margin-right : 0;
}
.b-vlist li
{
	margin-bottom : 5px;
}
.b-hlist-by-star li
{
	padding-left : 18px;
	margin-right : 7px;
	background   : url("../img/icon-star.gif") no-repeat left 25%;
}
.b-hlist-by-arrow li
{
	padding-left : 12px;
	margin-right : 7px;
	background   : url("../img/icon-arrow-right.gif") no-repeat left 25%;
}
.b-hlist-by-bull li
{
	padding-left : 12px;
	margin-right : 7px;
	background   : url("../img/icon-bull-gray.gif") no-repeat left 40%;
}
.b-hlist-by-space li
{
	margin-right : 15px;
}
.b-vlist-by-star
{
	margin      : 0;
	padding     : 0;	
	margin-left : 25px;
}
.b-vlist-by-star li
{
	list-style    : url('../img/icon-star.gif');
	margin-bottom : 5px;
}
.b-vlist-by-star li ul
{
	margin        : 0;
	margin-bottom : 10px;
	padding-left  : 20px;
	padding-top   : 5px;
}
.b-vlist-by-star li ul li
{
	margin-bottom : 3px;
	list-style    : url('../img/icon-star.gif');
}
.b-vlist-by-star li.show-more
{
	list-style-image : none;
	list-style       : none;
}
.b-vlist-categories li
{
	margin-bottom : 15px;
}
.b-vlist-categories li ul
{
	margin       : 0;
	padding-left : 20px;
	padding-top  : 10px;
}
.b-vlist-categories li ul li
{
	margin-bottom : 3px;
}
.b-btnlist li
{
	float        : left;
	padding      : 2px 5px;
	margin-right : 5px;
}
.b-btnlist-right li
{
	float       : right;
	padding     : 2px 5px;
	margin-left : 5px;
}
/**************************************		$4
**************************************/
.box
{
	zoom          : 1;
	margin-bottom : 20px;
}

.b,.b-small	{ margin-bottom : 5px;  }
.b-medium	{ margin-bottom : 10px; }
.b-large	{ margin-bottom : 15px; }
.b-item
{
	margin-top : 15px;
}
.b-item:first-child
{
	margin-top : 0;
}
.b-item-body,
.b-item-footer
{
	zoom       : 1; /* нет паддинга у аттрибутов сообщения из блога */
	margin-top : 8px;
}
.b-item-body:first-child
{
	margin-top : 0;
}
/*
.b-section-body
{
	margin      : 0 50px 0 23px;
	line-height : 140%;
	clear       : both;
}
*/
.b-suplabel /* раньше был span.accent */
{
	position    : absolute;
	display     : block;
	margin      : -12px 0 1px;
	font-size   : 85%;
	line-height : 100%;	
	z-index     : 1000;
}
.b-date
{
	padding          : 1px 5px;
	color            : #fff;
	font-weight      : bold;
	font-size        : 90%;
	background-color : #a59f67;
}
.b-date-extra
{
	font-size : 85%;
}
.b-date-extra .b-date
{
	font-size   : inherit;
	font-weight : normal;	
}
.b-tags
{
	padding : 0 10px 0 25px;
}
.b-note
{
	margin-top   : 2px;
	padding-left : 12px;
	zoom         : 1;
}
.b-note .star
{
	position   : absolute;
	display    : block;
	width      : 9px;
	height     : 9px;
	left       : 0;
	background : url("../img/icon-star.gif") no-repeat;
}
.w,.w-small	{ padding-bottom : 5px;  }
.w-medium	{ padding-bottom : 10px; }
.w-large	{ padding-bottom : 15px; }
.w-xlarge	{ padding-bottom : 20px; }
.w-sq, .w-sq-small
{
	padding : 5px;
}
.w-sq-medium, .w-textbox, .w-text-box
{
	padding : 10px;
}
.w-sq-large
{
	padding : 15px;
}
.w-text-small
{
	padding : 5px 8px;
}
.w-textbox,.w-text-box
{
	padding : 10px;
}
img.thumbnail,
img.thumbnail-large
{
	border : 1px solid #ccc;
}
.l-thumbnail-large,
img.thumbnail-large
{
	width  : 80px;
	height : 80px;
}
img.thumbnail
{
	width  : 40px;
	height : 40px;
}
.l-thumbnail-descr
{
	padding : 0 0 0 10px;
}
.b-photobox-preview
{
	padding : 10px;
}
.b-photobox-preview .thumbnail-large
{
	border : none;
}
.b-photoitem
{
	float  : left;
	margin : 5px 10px;
}


.js .j-off,
.js-unsup5d .j-req,
.js-unsup5d .j-on
{
	display : none;
}
.js .j-show-onready
{
	visibility : hidden;
}