/**
 * Основные положения
 */
/**
 * Основные положения
 */
body,html{padding:0;margin:0;height: 100%; min-height: 100%;}
* {box-sizing: border-box; -moz-box-sizing: border-box;}
#container
{
	min-height: 100%; height: 100%;
	padding: 0; margin: 0;
	padding-top: 175px;
	width: 100%;
	vertical-align: top;
} 

#left-zone
{
	vertical-align: top;
}

#left-col
{
	width: 22%;
	height: 100%;
	float: left;
}

#content
{
	width: 78%;
	float: right; display: inline;
	height: 100%; min-height: 100%;
	padding-bottom: 10px;
	background-color: #E4F0E4;
	color: #2A2F28;
}

#right-col-zone
{
	width: 18%;
	vertical-align: top;
}

#right-col
{
	width: 100%;
	height: 100%;
}

#footer
{
	height: 32px;
	width: 100%;
}
#header
{
	position: absolute;
	left: 0; top: 0;
	height: 120px;
}
/**
 * Общие положения для уголков
 */
 div.corners, div.corners-top, div.corners-bottom
 {
 	width: 100%;
 	text-align: right;
 	height: 6px;
 }
 span.corner
 {
 	float: right;
 	width: 15px;
 	height: 6px;
 }
/**
 * Уголки и отступы зоны контента
 */
 #content .corners
 {
 	background: url('http://i.mirari.ws/img/corners/content-l-u.jpg') left top no-repeat;
 }
 #content .corners .corner
 {
 	background: url('http://i.mirari.ws/img/corners/content-r-u.jpg') right top no-repeat;
 }
 #content-zone
 {
 	padding: 20px 15px;
 }
/**
 * Для блоков в левой и правой колонках
 */
 .col-content
 {
 	padding: 5px;
 }
 .col-item
 {
 	padding: 6px;
 	padding-top: 0;
 	height: expression('10px');
 }
/**
 * Колонки типа А
 */
 .col-A
 {
 	background-color: #F2E9B9;
	font-size: 10pt;
	color: #4B473A;
 }
 .col-A .corners-top
 {
 	background: url('http://i.mirari.ws/img/corners/top-l-u.jpg') left top no-repeat;
 }
 .col-A .corners-top .corner
 {
 	background: url('http://i.mirari.ws/img/corners/top-r-u.jpg') right top no-repeat;
 }
 .col-A .corners-bottom
 {
 	background: url('http://i.mirari.ws/img/corners/top-l-d.jpg') left top no-repeat;
 }
 .col-A .corners-bottom .corner
 {
 	background: url('http://i.mirari.ws/img/corners/top-r-d.jpg') right top no-repeat;
 }
/**
 * Колонки типа B
 */
 .col-B
 {
 	background-color: #F6E6CF;
	color: #5A1A03;
	text-align: center; font-size: 10pt;
 }
 .col-B .corners-top
 {
 	background: url('http://i.mirari.ws/img/corners/middle-l-u.jpg') left top no-repeat;
 }
 .col-B .corners-top .corner
 {
 	background: url('http://i.mirari.ws/img/corners/middle-r-u.jpg') right top no-repeat;
 }
 .col-B .corners-bottom
 {
 	background: url('http://i.mirari.ws/img/corners/middle-l-d.jpg') left top no-repeat;
 }
 .col-B .corners-bottom .corner
 {
 	background: url('http://i.mirari.ws/img/corners/middle-r-d.jpg') right top no-repeat;
 }
/**
 * Колонки типа C
 */
 .col-C
 {
 	background-color: #E6DEB1;
	color: #4D4841;
	font-size: 10pt;
 }
 .col-C .corners-top
 {
 	background: url('http://i.mirari.ws/img/corners/bottom-l-u.jpg') left top no-repeat;
 }
 .col-C .corners-top .corner
 {
 	background: url('http://i.mirari.ws/img/corners/bottom-r-u.jpg') right top no-repeat;
 }
 .col-C .corners-bottom
 {
 	background: url('http://i.mirari.ws/img/corners/bottom-l-d.jpg') left top no-repeat;
 }
 .col-C .corners-bottom .corner
 {
 	background: url('http://i.mirari.ws/img/corners/bottom-r-d.jpg') right top no-repeat;
 }
/**
 * Текст в зоне контента
 */
div.prose
{
	text-indent: 2em;
	margin-top: 4px;
	text-align: justify;
}
div.stihi
{
	padding-left: 3em;
}

div.align-right div.prose, div.align-right div.stihi
{
	text-align: right;
}
div.align-left div.prose
{
	text-align: left;
}
div.align-center div.prose, div.align-center div.stihi
{
	text-align: center;
	text-indent: 0;
}
div.align-center div.stihi
{
	padding-left: 0;
}
div.plain
{
	padding: 0;
	text-indent: 0;
}
div.quote
{
	margin-left: 1em;
	padding: 3px;
	background-color: #f0faf0;
	border: 1px solid #99D099;
}
#content-zone textarea, #content-zone input, #content-zone select
{
	border: 1px solid #99D099;
}
/**
 * Ссылки в зоне контента
 */
#content-zone a
{
	color: #16155a;
}
#content-zone a:hover
{
	text-decoration: none;
	color: #B71206;
}
#content-zone a:active
{
	color: #FD0101;
}
#content-zone a:visited
{
	text-decoration: none;
}
/**
 * Шапка
 */
#header
{
	height: 120px;
	width: 100%;
}
/**
 * Низ странички
 */
#footer
{
	height: 34px;
	width: 100%;
	background: #99D099;
	font-size: 9pt;
	font-family: Verdana;
	border-top: 2px solid #E4F0E4;
	text-align: center;
	color: #224C23;
}
#footer a
{
	text-decoration: none;
	color: #224C23;
}
#footer a:hover
{
	text-decoration: underline;
}
/**
 * Правая колонка
 * Список юзеров онлайн
 */
#col-on-the-site a
{
	color: #4C4338;
}
#col-on-the-site a.status--1
{
	color: gray;
}
#col-on-the-site a:hover
{
	text-decoration: none;
}
/**
 * Правая колонка
 * Объявления
 */
#col-adv .col-content div
{
	margin: 10px; background: white; padding: 4px;
}
#col-adv .col-content a#right-banner
{
	font-size: 11pt; font-weight: bold; color: black;
}
#col-adv .col-content a#adv-1gb
{
	color: #5A1A03; font-size: 11pt;	
}
#col-adv .col-content a
{
	color: #aaa;
}
/**
 * Правая колонка
 * Сквозной чат
 */
#col-chat a
{
	color: #4D4841;
	text-decoration: underline;
}
#col-chat a:hover
{
	text-decoration: none;
}
#col-chat span.chat-time
{
	padding: 2px;
	color: gray;
}
#col-chat .col-content
{
	padding: 5px;
	overflow: auto;
}
/**
 * Левая колонка
 * Главное меню
 */
#col-mainmenu .col-content
{
	padding-left: 7px;
}
a.mm-main
{
	color: #4B473A;
	text-decoration: none;
	font-weight: bold;
}
a.mm-main:hover
{
	text-decoration: underline;
}
div.mm-sub
{
	margin-left: 1em;
}
a.mm-sub
{
	color: #4C4338;
}
a.mm-sub:hover
{
	text-decoration: none;
}
div.mm-sub input
{
	border: 1px solid #4D4841;
}
/**
 * Левая колонка
 * Хокку
 */
#hokku
{
	font-size: 10pt;
}
#col-hokku .col-content
{
	padding: 9px;
}
#hokku-author
{
	font-style: italic;
	font-size: 10pt;
}
/**
 * Левая колонка
 * Сообщества
 */
#col-comms .col-content
{
	padding-left: 8px;
}
#col-comms a
{
	color: #4D4841;
	text-decoration: underline;
}
#col-comms a:hover
{
	text-decoration: none;
}






#header table
{
	height: 110px;
	background-color: #ACEAAC;
	margin-bottom: 10px;
}

#logotype
{
	width: 17%;
	padding-left: 20px;
}

#top-banner
{
	height: 60px;
	text-align: center;
	background: url(http://i.mirari.ws/img/top-banner.jpg) repeat-x;
	font-family: Arial;
	font-size: 11pt;
}

#top-banner a
{
	color: gray;
	font-size: 8pt;
}
#top-banner a:hover
{
	text-decoration: none;
}
#top-banner a#top-banner-link
{
	color: black;
	font-size: 11pt;
	font-weight: bold;
}

#top-banner-right
{
	width: 30px;
	background: url(http://i.mirari.ws/img/top-banner-right.jpg) left top no-repeat;
}

#top-banner-left
{
	width: 30px;
	background: url(http://i.mirari.ws/img/top-banner-left.jpg) right top no-repeat;
}

#user-greetings
{
	text-align: center;
	font-size: 11pt;
}
#user-greetings a
{
	color: #133C13;
}
#user-greetings a:hover
{
	text-decoration: none;
}

#user-menu
{
	text-align: center;
	font-size: 11pt;
}
#mr_user_letters_count
{
	padding: 0;
	margin: 0;
}
#user-menu span
{
	padding: 8px;
	font-family: Arial;
}

#user-menu div
{
	margin-top: 5px;
	margin-bottom: 2px;
}
#user-menu a
{
	color: #0F2E0F;
	text-decoration: none;
}
#user-menu a:hover
{
	text-decoration: underline;
}

/*
 * Горизонтальное меню
 */
.hm-sub
{
	display: none;
}
#hm_main
{
	border-top: 3px solid white;
	border-bottom: 2px solid white; margin: 0;
	background-color: #ccf2ca;
}
#hm_sub
{
	margin-top: 0px;
	margin-bottom: 1px;
	background-color: white;
}
#hm_main, #hm_sub
{
	font-family: Verdana;
	font-size: 10pt;
	padding: 2px;
	text-align: center;
}
#hm_sub
{
	border-bottom: red;
}
.hm-main-hover
{
	background-color: white;
}
.hm-main-hover, .hm-main
{
	padding: 0 2em;
}
.hm-main-hover a, .hm-main a
{
	color: #0F2E0F;
	text-decoration: underline;
}
.hm-main-hover a:hover, .hm-sub-link a:hover
{
	text-decoration: none;
}
.hm-sub-link
{
	padding: 0 8px;
}
.hm-sub-link a
{
	color: black;
	text-decoration: underline;
}