/*
	Стили для моего сайта
	(с) В.Ю.Винник, 2003-04
*/



/* По умолчанию для любого элемента */

*{
	FONT-FAMILY:		Arial, sans-serif;
	FONT-SIZE:		12pt
}


/* все, что в теле документа */
BODY {
	BACKGROUND-COLOR:	#e0e0e0;
	COLOR:			black;
}

/* по умолчанию для абзаца: по ширине и с отступом */
P {
	TEXT-ALIGN:		justify;
	text-indent:		2em;
}


/* по умолчанию для заголовка-1: в сером бруске */
H1 {
	font-size:		14pt;
	background-color:	#c0c0c0;
}

/* список определений: термин */
dt {
	background-color:	#c0c0d0;
	text-indent:		0em;
	margin-left:		0em;
	FONT-WEIGHT:		bold;
}

/* список определений: описание */
dd {
	TEXT-ALIGN:		justify;
	text-indent:		0em;
	margin-left:		3em;
}


/* главное меню сайта в виде таблицы: без рамки и во всю ширину окна */
TABLE.menutable {
	BORDER-BOTTOM-WIDTH:	0px;
	BORDER-LEFT-WIDTH:	0px;
	BORDER-RIGHT-WIDTH:	0px;
	BORDER-TOP-WIDTH:	0px;
	WIDTH:			100%;
	height:			70%;
}


/* строка в главном меню сайта: достаточно высокая, чтоб элементы не
 слишком густо располагались */
table.menutable TR {
	HEIGHT:			30pt
}


/* элемент таблицы главног меню сайта */
table.menutable TD {
	TEXT-ALIGN:		center
}


/* гипересслка на раздел сайта -- элемент главного меню сайта */
table.menutable A {
	COLOR:			#2020F0;
	FONT-SIZE:		12pt
}


/* то же при наведении мышки -- эффект вспыхивания */
table.menutable A:hover {
	COLOR:			red;
	FONT-SIZE: 		14pt
}


/* заголовок каждой страницы сайта оформлен в виде таблицы */
TABLE.hdr {
	BORDER-BOTTOM-WIDTH:	0px;
	BORDER-LEFT-WIDTH:	0px;
	BORDER-RIGHT-WIDTH:	0px;
	BORDER-TOP-WIDTH:	0px;
	WIDTH:			100%
}


/* первая ячейка первой строки для заголовка страницы */
TD.hdr1 {
	BACKGROUND-COLOR:	silver;
	FONT-SIZE:		16pt;
	FONT-WEIGHT:		normal;
	VERTICAL-ALIGN:		middle;
	WIDTH:			75%
}


/* втора строка заголовка страницы */
TD.hdr2 {
	BACKGROUND-COLOR:	black;
	COLOR:			white;
	FONT-SIZE:		14pt;
	FONT-WEIGHT:		normal;
	TEXT-ALIGN:		right;
	WIDTH:			75%
}


/* третья строка заголовка страницы */
TD.hdr3 {
	BACKGROUND-COLOR:	gray;
	HEIGHT:			14pt;
	VERTICAL-ALIGN:		middle;
	WIDTH:			75%
}


/* логотип, размещенный во второй колонке таблицы */
TD.logo {
	TEXT-ALIGN:		right
}


/* внизу каждой страницы располагается такая таблица */
TABLE.ftr {
	BORDER-BOTTOM-WIDTH:	0px;
	BORDER-LEFT-WIDTH:	0px;
	BORDER-RIGHT-WIDTH:	0px;
	BORDER-TOP-WIDTH:	0px;
	FLOAT:			right;
	WIDTH:			75%
}


/* первая строка */
TD.ftr1 {
	BACKGROUND-COLOR:	silver;
	HEIGHT:			10pt;
	FONT-SIZE:		8pt;
}


/* вторая строка */
TD.ftr2 {
	BACKGROUND-COLOR:	#0F0F0F;
	COLOR:			white;
	TEXT-ALIGN:		right;
	FONT-SIZE:		8pt;
}


/* гиперссылка в нижнем колонтитуле */
TD.ftr2 A {
	COLOR:			white;
	FONT-SIZE:		8pt;
}


/* сноска, примечание */
P.bytheway {
	color:			blue;
	font-size:		11pt;
	margin-left:		10%;
	border-left:		solid thin blue;
	padding-left:		1em;
	background-color:	#d0d0f0;
	text-indent:		0em;
}


P.epigraph {
	color:			#000040;
	margin-left:		40%;
	text-indent:		0em;
	background-color:	#d0d0d0;
}


/* выделение важного */
P.notabene {
	color:			red;
	margin-left:		10%;
	border-left:		solid thin red;
	padding-left:		1em;
	background-color:	#f8e0e0;
	text-indent:		0em;
}


/* самоцитирование или особо важный тезис */
P.slogan {
	color:			red;
	margin-left:		50%;
	font-weigth:		bold;
	font-style:		italic;
	text-indent:		0em;
}

/* горячая новость для главной страницы */
P.news {
	color:			red;
	font-weigth:		bold;
	text-indent:		0em;
	font-size:		16pt;
	text-align:		center;
}

/* врезка в текст реализована как таблица */
TABLE.include {
	width:			50%;
	border-width:		1px;
	border-color:		navy;
	border-style:		solid;
	float:			right;
	margin:			1em;
	padding:		1em;
	background-color:	#e0e8e8;
	font-size:		11pt;
	color:			navy;
}


.include H1 {
	font-size:		12pt;
	color:			navy;
}


.include P {
	margin-top:		0pt;
	margin-bottom:		0pt;
}


P.author {
	text-align:		right;
	font-style:		italic;
}