/************************************
Шаблон "Алгебра гармонии" 
( с) Наталья Массальская, 2010
************************************/
 
/* ОСНОВНЫЕ HTML-ТЕГИ */

body {
  	background: #d7a174;
	margin-top: 0; 
	text-align:justify;
	color: #333;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 16px;
	color:#004969;
	background: url(../i/algebra2010/bullet.jpg) no-repeat #fff;
	border: 0;
	color: #000;
	font: bold 16px Georgia, Serif;
	margin: 10px;
	padding: 20px 0 3px 50px;
	height: 40px;	
}
h2 {
	font-size: 14px;
	color: #000;
	margin: 2em 0 1em 0;
}
h3 {
	color: #000;
	font-size: 13px;
	margin: 2em 0 1em 0;
}
p {
	text-indent: 30px;
}
p:first-letter  {
	font-size: 160%;
	font-family: italic;
	color: #900;
}
a, a:visited {
	color: #900;
	text-decoration: none;
}
a:hover {
	color:#f60;
}
blockquote {
	margin: 5px 0 5px 25px;
	background: #f6e7d0;
	padding: 5px;
}
img {
	border: 0;
	margin: 5px
}

/* ЛЕНТА БЛОГА */

#page {
	background: #fff;
	border: 2px solid #900;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

/* ЗАГОЛОВОЧНАЯ ЧАСТЬ */

#header {
	width: 1000px;
	// width: 99%; /* IE*/
	height: 170px;
	background: url(../i/algebra2010/topback.jpg) no-repeat 10px 0px #fff;
	border-bottom: 2px solid #9c462a;
	position: absolute;
	top: 4px;
}
/* название блога */
#header h1 {
	background: none;
	width: auto;
	position: absolute;
	top: -10;
	color: #9c462a;
	font: bold 45px Georgia, Serif;
	margin: 0 0 0 210px;
}
/* подзаголовок или девиз */
#header h2 {
	width: auto;
	position: absolute;
	top: 110px;
	color: #000; 
	font: bold 13px Tahoma, Arial, Sans-serif; 
	margin: 0 0 0 430px;
}
/* Горизонтальное меню */
#topmenu {
	position: absolute;
	top: 172px;
	width: 100%;
	height: 38px;
	background: #f6e7d0 url(../i/img_algebra/topmenuback.jpg) no-repeat 57px;
	padding: 0;
}
#topmenu ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 200px;
	font: bold 12px Georgia, Helvetica, Sans-serif;
	text-transform: uppercase;
}
#topmenu ul li {
	display: inline;
}
#topmenu ul li a {
	padding: 0 12px;
	color: #000;
}
#topmenu ul li a:hover {
	text-decoration: underline;
}
#topmenu ul li a.selected,
#topmenu ul li a.selecter:hover {
	color: #c00;
}

/* ПОЛЕ КОНТЕНТА И ПАНЕЛЕЙ */

#container {
	width: 100%;
	margin: 210px 0 0 0;
}

/* ВНИМАНИЕ!!! РАЗНЫЕ СТИЛИ ДЛЯ РАЗНЫХ ШАБЛОНОВ */

/* Трехколоночный шаблон NCS (Navigation-Content-Search) */
/* Левая панель */
#NCS_left {
	width: 200px;
	// width: 210px; /* IE */
	float: left;
	margin: 0;
	padding: 5px;
}
/* Правая панель */
#NCS_right {
	width: 180px;
	float: right;
	margin: 0;
	// margin-left: 10px; /* IE */
	padding: 5px;
}
/* Центральная часть: контент */
#NCS_content {
	margin: 0 200px 0 220px;
}

/* Трехколоночный шаблон SCN (Search-Content-Navigation) */
/* Левая панель */
#SCN_left {
	width: 180px;
	float: left;
	margin: 0;
	padding: 5px;
}
/* Правая панель */
#SCN_right {
	width: 200px;
	float: right;
	margin: 0;
	// margin-left: 10px; /* IE */
	// width: 210px; /* IE */
	padding: 5px;
}
/* Центральная часть: контент */
#SCN_content {
	margin: 0 220px 0 200px;
}

/* Двухколоночный шаблон NC: панель навигации слева */
/* Панель навигации */
#NC_left {
	width: 200px;
	// width: 210px; /* IE */
	float: left;
	padding-left: 10px;
}
/* Контент */
#NC_content {
	margin: 0 0 0 220px;
	padding-right: 10px;
}

/* Двухколоночный шаблон CN: панель навигации справа */
/* Панель навигации */
#CN_right {
	width: 200px;
	float: right;
}
/* Контент */
#CN_content {
	margin: 0 220px 0 0;
	padding-left: 10px;
}


/* ТЕГИ В ПАНЕЛЯХ НАВИГАЦИИ */

/* Заголовки разделов в панелях */
#NCS_left h2, #NCS_right h2,
#SCN_left h2, #SCN_right h2,
#NC_left h2, #CN_right h2 {
	margin: 1em 0 0 0;
}

/* вертикальное меню */
ul.menu {
	margin: 1em 0 3em 0;
	padding: 0;
	text-align: left;
	list-style: url(../i/algebra2010/bullet2.gif) inside;
}
ul.menu li {
}
ul.menu li a {
}

/* форма поиска */
.search {
	margin: 0;
	padding: 1em 0;
	border-bottom: 1px solid #aaa;
}
input.field_search {
	border: 1px solid #900;
	// width: 130px; /* IE */
}
input.field_search_big { /* Из-за IE отдельное длинное поле */
	border: 1px solid #900;
}
input.button_search {
	background: url(../i/algebra2010/search.gif) no-repeat;
	width: 22px;
	height: 22px;
	border: none;
}

/* кнопки перевода на другие языки */
ul.translate {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 1em 0;
	border-bottom: 1px solid #aaa;	
}
ul.translate li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* строка изменения размера шрифта */
.resizer {
	padding: 1.5em 0;
	line-height: 2em;
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #aaa;
	margin: 0;
}
.resizer a {
	border: 1px solid #900;
	padding: 2px;
}

/* календарь */
.calendula_form {
	margin: 1em 0 0 0;
}
.calendula_form select {
	border: 1px solid #900;
	// margin: 0; /* IE */
	// font-size: 12px; /* IE */
}
div.calendula {
	margin: 0 0 2em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #aaa;	
}
h2.date {
	text-transform: uppercase;	
}
table.calendula {
	margin: 0.5em 0;
	text-transform: uppercase;		
}
table.calendula td {
	font: bold 11px Tahoma, Arial, Sans-serif;
	padding: 1px;
	width: 24px;
	height: 12px;
	text-align: center;
}
table.calendula a:hover {
	color: #f60;
}
table.calendula .cb { /* будни */
	color: #888;
}
table.calendula .cv { /* выходные */
	color: #f60;
}
table.calendula .cs { /* текущая дата */
	color: #fff;
	background: #900;
}


/* ТЕГИ ВНУТРИ КОНТЕНТА */

#content {
	margin: 0;
	padding: 0;
}

/* строка пути по сайту */
.breadcrumbs {
	border-bottom: 1px solid #900;
	padding: 1em 0;
	margin-bottom: 2em;
}
/* просто разделитель */
#content hr {
	border-top: 1px solid #aaa;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

/* в анонсах и постах */
.postdate {
	color: #777;
	margin: 0.5em 0 1em 0;
}
.category {
	color: #777;
}
.rightero { /* артефакт закрытого кода, аналог follow */
	padding: 1em 0;
	text-align: right;
}
.follow { /* строка ссылок на другие страницы */
	text-align: right;
	margin: 1em 0;
}
.author {
	color: #777;
	text-align: right;
	margin-bottom: 1em;
}

/* кнопки соцсетей и RSS */
.social {
	text-align: center;
}
.rss_buttons {
	text-align: center;
}
.rss_buttons img {
	width: 40px;
	height: 40px;
}

/* блок внизу страницы (к началу и пр.) */
.separator {
	text-align: right;
	margin: 1em 0;
}

/* Форма комментирования */
.comment_form {
	width: 100%;
	margin: 0 auto;
}
.comment_form table {
	font-size: 12px;
}
.comment_form table td.pencil {
	background: url(../i/algebra2010/pencil.gif) left center no-repeat;
	padding-left: 20px;
}
.comment_form table td.submit {
	text-align: center;
	padding: 1em 0;
}
.comment_form .warning {
	text-align: center;
}

/* Поиск по сайту */
.search_results {
	list-style: none;
	padding: 0;
	margin: 2em 0;
}
.search_results .accordance {
	padding: 0.5em 0;
}
.search_results .title {
	font-weight: bold;
}

/* Шпионское досье */
.point { /* панель с графиком и легендой */
	border: #ddd 1px solid;
	margin: 1em auto;
	padding: 1em;
	width: auto;
}
.point .graf { /* панель самого графика */
	margin: 5px 0 0;
	padding: 0 0 0 2px;
	height: 330px;
}
.point .desc { /* легенда */
	margin: 0 0 5px 20px;
}
.sttit { /* заголовок графика */
	font-size: 13px; 
	font-weight: bold;
	margin: 2px;
	padding: 4px;
}
.hits { /* таблица со статистикой поискового трафика */
	width: 248px;
	margin: 0 0 1em 1px;
	padding: 0;
}
.hits .hit,.hits .zap,.hits .poisk {
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 13px;
}
.hits .hit {
	color: #000;
	width: 50px;
}
.hits .zap {
	color: #777;
	width: 80px;
}
.hits .poisk {
	color: #000;
	width: 150px;
}
.hits span {
	display: block;
	padding: 0 0 3px;
	font-weight: bold;
}
.hits .hit span {
	color:#000 ;
}
.hits .zap span {
	color:#777;
}
.hits .poisk span {
	color:#900;
}
/* статистика в две колонки numb - value */
.hits pre,
.value pre,
.numb pre {
	color: #000;
	font: 12px verdana,arial,sans-serif;
	padding: 2px;
	overflow: hidden;
}
.numb {
	float: left;
	overflow: hidden;
	width: 52px;
	margin-left: 4px;
}
.value {
	float: left;
	overflow: hidden;
	width: 433px;
	padding-left: 4px;
}
.anonce {
	color: #777;
	clear: both;
	margin: 0px 100px 2px 44px;
	padding: 2px 0;
}
.serf,
.rss {
	color:#777;
}
.post {
	color: #900;
}
.nopost,
.friend  {
	color: #000;
}
.sep {
	color: #000;
	font: 11px verdana,arial,sans-serif;
	padding: 2px 2px 2px 5px;
	overflow: hidden;
}

/* ПОДВАЛ СТРАНИЦЫ */
#footer {
	background: #9c462a;
	margin: 0;
	padding: 1em;
	height: 40px;
	font-size: 10px;
	color: white;
	clear: both;
}
#footer a {
	color: white;
}
#footer .left {
	width: 50%;
	float: left;
}
#footer .right {
	float: right;
}

/* рекламные ссылки */
.sp_side {
	margin: 0.5em 0;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 10.5px;
}
.sp_side a {
	text-decoration: underline;
	color: black;
}
.sp_foot {
	text-align: right;
	font-size: 10.5px;
	color: #ccc;
}
#footer .sp_foot a {
	text-decoration: underline;
	color: #ccc;
}