/*Основные стили для экрана  @charset "UTF-8";*/

/*I. Селекторы по элементам*/

body {
	background		: white 10px 10px; 
	color			: black; 
	font			: x-small sans-serif; /*слишком мелко - так лучше для PDA?*/
	/*margin			: 10px;*/ 
	margin-bottom		: 5px; 
	margin-left		: 10px; 
	margin-right		: 10px; 
	margin-top		: 5px; 
	padding-bottom		: 5px; 
	padding-left		: 10px; 
	padding-right		: 10px; 
	padding-top		: 5px;
	text-align		: justify; /*?*/
}

/*a:active, a:hover, a:link, a:visited {text-decoration: underline;} - по умолчанию*/
/*a:link	{color: blue;}*/
a[href*="http"] {color: #4169e1;} /*внешние ссылки - сине-серым*/

/*ссылки на свой и родственные сайты с http*/
a[href*="garshin.ru"]  {color: blue;} /*считать свои страницы с http внутренними*/
a[href*="lexicons.ru"] {color: teal;} /*родственные - отличить светло-морским*/
a[href*="slovorod.ru"] {color: teal;}
a[href*="proto-slavic.ru"] 	{color: teal;}
a[href*="proto-nostratic.ru"] 	  {color: teal;}
a[href*="proto-indo-european.ru"] {color: teal;}

/*эти лучше ниже других*/
a:visited	{color: darkviolet;}
a:hover		{color: orangered; /*font-weight: bold;*/}
a:active	{color: fushsia;}

/*сброс выделения семантических тегов*/
em {font-style: normal;}
strong {font-weight: normal;}

cite /*для нескольких строк внутри абзаца - не blockquote*/
{
	background-color: lightyellow; /*#e0ffff; гол*/
	color		: navy; /*б.teal*/
	font-family	: "Book Antiqua", verdana, arial; 
	font-size  	: 14px; /*б. 13*/
	font-style 	: italic;
	font-weight	: bold; 
	/*quotes	: "“" "”";*/
}
cite:before {content: "\201c";}
cite:after  {content: "\201d";}
q /*для нескольких слов*/
{
	background-color: #fff8dc;
	color		: darkmagenta;
	font-family	: "Monotype Corsiva", calibri, "Arial Narrow";
	font-size  	: 18px; /*б. 19*/
	font-style 	: normal;
	quotes		: "\00ab" "\00bb"; /*"«" "»", а то автоматом ставятся ""*/
}

img {margin-right: 5px;}
/*
img {margin-top: 3px; margin-right: 10px; margin-bottom: 3px; margin-left: 1px; }
table {margin-top: 3px; margin-right: 10px; margin-bottom: 3px; margin-left: 1px; }
*/


/*II. Селекторы по классам*/

/*Заголовки (нужно попробовать интересные шрифты MICRA и Comfortaa) --------------*/
h1, .head1, .head1-tight, .head2, .head2c, .head3, .head3c, .head4, .head5, .head6 {
	color			: black; 
	font-style		: normal; 
	font-weight		: normal; 
	text-align		: left;
}
h1, .head1, .head1-tight {
	font-family		: tahoma, "Book Antiqua", sans-serif;
	font-size  		: 22px;
	margin-bottom		: 2px; 
	margin-top		: 2px; 
	text-align 		: center;
}
.head1-tight { /*без отступа - лучше бы через подкласс, а проще после класса ставить style="margin:0"*/
	margin		: 0; 
	padding		: 0;
}
h1.tight {  /*убираем отступ - подкласс для h1, а хотелось бы для head1*/
	margin		: 0; 
	padding		: 0;
}
.head1-second { /*продолжение h1 другим шрифтом (с h2 - отступ внизу: лучше с div)*/
	font-family		: "Monotype Corsiva", calibri, "Arial Narrow"; 
	font-size  		: 22px;
	font-style 		: italic;
	font-weight		: normal; 
	margin-bottom		: 0; 
	margin-top		: 0; 
	padding			: 0;
	text-align		: center; /*должно бы наследоваться от h1*/
}
.head2, .head2c {
	background-color  : #eee8aa; /*почти хаки*/
        /*background : url(../images/line.gif) repeat;*/
        /*border-bottom: 1px solid black; Параметры линии под текстом*/
        /*padding-bottom: 4px; Расстояние от текста до линии*/
	font-family		: verdana, arial;
	font-size  		: 19px;
	margin-bottom	        : 6px;
	margin-top		: 10px; 
}
.head2c {text-align		: center; /*для редких статей*/}
.head3, .head3c {
	font-family		: sans-serif, tahoma, verdana;
	font-size  		: 18px;
	font-weight		: 300;
	margin-bottom	        : 0;
}
.head3c {text-align		: center; /*для редких статей*/}
.head4 {
	font-family		: verdana, arial;
	font-size  		: 16px;
	font-style 		: italic;
	font-weight		: 500;
	margin-bottom	        : 1px;
	margin-top		: 12px; /*было 6*/
}
.head5 {
	font-family		: "Book Antiqua", "Times New Roman";
	font-size  		: 17px;
	line-height	      	: 16px;
	font-weight		: 500;
	margin-bottom	        : 3px;
	margin-top		: 6px; 
}
.head6 {
	color      		: maroon;
	font-family		: "Century Gothic", arial, sans-serif;
	font-size  		: 14px;
	font-weight		: bold;
	margin-bottom	        : 2px;
	margin-top		: 4px; 
}
h1+h2, h2+h3, h3+h4, h4+h5, h5+h6, 
p+h5, ul+h5 ol+h5, p+h6, ul+h6 ol+h6, 
{margin-top: 6px}  /*если h2... сразу за h1... - не отступать (пример из vvz.nw.ru/Lessons/CSS/selectors.htm)*/


/*Экспериментальные навороты*/ 

.block, .block-inline, .block-bar { /*рамка вокруг дива с закруглёнными концами и тонкой тенью*/
	/*background		: #ffffff; - белый, а можно желтоватый (#fff8dc) или бежевый (#ffe4c4)*/
	border-radius	: 8px; /*CSS3 - в Chrome 1 + Safari 3 (-webkit-), FF 1 (-moz-), Opera 10.5 (-op-), IE 9*/
	box-shadow		: 1px 2px 2px 1px rgba(0, 0, 0, .4); /*был в 2 раза меньше*/
	padding		: 8px;
	position		: relative;

	-ms-border		: 1px #CCCCCC solid; /*стиль обычной рамки (для IE)*/
<!--[if IE 8]>  
	border		: 1px #CCCCCC solid; /*стиль обычной рамки (для IE)*/
<![endif]--> 
	behavior		: url(border-radius.htc);
	border-radius.htc	: line #60;

/*	color			: #0000; цвет текста*/
/*   padding		: 3;*/
/*   margin		: 3;*/
}
.block-inline {display: inline-block;}	/*размер рамки зависит от текста*/
.block, .block-bar {display: block;} /*рамка по ширине экрана или ячейки*/
.block-bar { /*навигационная панель, была в ling/, наезжала*/
	background-color	: #fff8dc; 
	left			: 50%;
	/*margin		: 0 auto; - не центрирует в г-браузере*/
	margin		: 0;
	margin-left		: -490px;
	padding		: 0; 
	position		: absolute;
	text-align		: center;
	width			: 980px; 
} 

/*Объявления (в начале страницы или раздела)*/
.happy, .letter, .note, .welcome {
	color      		: black;
	font-size  		: 18px;
	font-style 		: normal;
	font-weight		: normal;
	text-align		: center;
}
.happy {
	color      		: green;
	font-family		: "Monotype Corsiva", verdana, arial, sans-serif;
	font-weight		: bold;
}
.letter {
	color      		: red;
	font-family		: verdana, arial, sans-serif;
	font-size  		: 16px;
}
.note {
	font-family		: "Book Antiqua", "Times New Roman";
	font-size  		: 15px;
}
.welcome{
	font-family		: "Monotype Corsiva", calibri, "Arial Narrow"; 
	font-style 		: italic;
}
.welcome.bukvica:first-letter {
	color      		: #FF3300;
	float      		: left;
	font-size  		: 130%;
}

.author {
	font-family		: sans-serif, arial;
	font-size  		: 14px;
	font-style 		: italic;
	text-align 		: left;
	margin-bottom	        : 2;
	margin-top		: 5; 
}
.epigraph {
	color      		: #990000; /*был #006400*/
	font-family		: "Book Antiqua", "Times New Roman";
	font-size  		: 14px;
	font-style 		: italic;
	text-align 		: left;
}


/*Основной текст и списки -------------------------------------*/
p, .preview, .preview0, .preview0c, .preview-humor, .preview_my, .redline, .redline-unicode, .transcription, .wordlist, 
ul, ol, .bracket, .checker1, .checker2, .my-papers, .aphorism, .books, .journal, 
.djvu, .doc, .dvd, .pdf, .pps, .xls, .zip, .audio, .video, .pic
{
	color      		: black;
	font-family		: verdana, arial;
	font-size  		: 13px;
	font-style 		: normal;
	font-weight		: normal;
	text-align 		: justify;
}
p, .preview, .preview0, .preview0c, .preview_my {margin-bottom: 4px; margin-top: 4px;}

p.bukvica:first-letter { /* взято из примера - красиво */
	color: #FF3300; 
	font-family: "Times New Roman", Times, serif; /* не было */
	font-size: 130%; /* было 120% потом 200% */
}
.redline, .redline-unicode {
	margin	      		: 0.1em 0 0.1em 0;
	padding	      		: 0; 
	text-indent		: 2.5em;
}
.redline-unicode {font-family: cambria, "Arial Unicode MS", "Lucida Sans Unicode";} /*для словарей - к .vocabulary (cambria - с засечками)*/
.wordlist {margin-left: 40px; text-indent: -40px;}

.preview {color: #990000;}
.preview-humor {color: #669900;} /*найден только в money/job/*/

.preview0c {text-align: center;} /*для Тромбетти в СИГ и ПН*/
.preview_my, .my-notice {
	color      		: navy; /*был #000066*/orengered
	text-align 		: justify;
}
.my-notice {
	color      		: mediumblue; /*mediumblue;*/
	font-family		: "Book Antiqua", "Times New Roman";
	font-size  		: 14px;
	font-style 		: italic;
}
p.my-notice:before { 
	/*color: navy;*/
	content: "[От автора сайта: ";
}
p.my-notice:after { 
	/*color: navy;*/
	content: " (И.К.Гаршин)]";
}

.notice, .preview0-m, .preview-my-m {
	font-size  		: 12px;
	font-style 		: normal;
	font-weight		: normal;
	text-align 		: justify;
}
.notice { /*Объявление/уведомление/воззвание*/
	color      		: darkgreen; /*был #cc0000*/
	font-size  		: 13px;
	font-family		: "Century Gothic", tahoma, sans-serif;
}
.preview0-m { /* только в SIG */
	color			: black;
	font-family		: arial, sans-serif, "Comic Sans MS", "Century Gothic";
	alink			: #800000;
	link			: #800080;
	vlink			: #0000ff;
}
.preview-my-m {/* SIG+Lex+Slov */
	color      		: navy;
	font-family		: sans-serif, tahoma, arial;
	font-style 		: italic;
}

.emph {
	color      		: Red;
	font-family		: verdana, "Lucida Console", arial;
	font-size  		: 13px;
	font-style 		: italic;
	font-weight		: normal;
	text-align 		: justify;
}

.transcription {color: maroon;} /*оцвечивание транскрипции*/
.unicode {font-family: "Arial Unicode MS", "Lucida Sans Unicode";}

.died { /*Рамка вокруг покинувшего нас человека*/
	border-color	: black;
	border-style	: solid; 
	border-width	: 1px;
}


/*Списки ------------------------------------------------*/

ul li		{list-style-type : disc;} /*селектор потомка - для li внутри ul*/	
ul li li	{list-style-type : circle;}	
ul li li li	{list-style-type : square;}

ol li		{list-style-type : decimal;}  /*число с точкой*/
ol ol li	{list-style-type : lower-alpha;} /*выводится латинская буква (лучше число со скобкой)*/
ol ol ol li	{list-style-type : lower-roman;} /*выводится римская цифра (лучше буква со скобкой)*/

ol.bracket { /*не получились пока цифры со скобкой (см. aleut.html)*/
	list-style-type		: none; /*убираем исходные маркеры*/
	/*content		: counter(item) ") "; добавляем к числам скобку*/
	counter-reset		: item; /*обнуляем счетчик списка для каждого уровня*/
}
li.bracket:before {
	content			: counter(item) ") "; /*Добавляем к числам скобку*/
	counter-increment	: item; /*Задаем имя счетчика*/
}

dl, .vocabulary, .dictionary, .word, .word-sans { /*для словарей - с возможностью Unicode*/
	color      		: black;
	font-family		: cambria, "Arial Unicode MS", "Lucida Sans Unicode"; /*cambria с засечками, Lucida без*/
	font-size  		: 15px;
	font-style 		: normal;
	font-weight		: normal;
	text-align 		: justify;
}

/*Здесь был стиль dl.line-separated для терминов, но он выведен в add-lex.css для PIE*/

dt {color: navy; font-weight: bold;} /*название термина*/
.word	{ /*слово для перевода (надо бы для каждого первого слова в списке )*/
	color: green; 
	font-size: 16px;
	font-weight: bold; 
}
.dictionary, .word-sans {font-family: "Lucida Sans Unicode", "Arial Unicode MS";} /*юникоды без засечек*/

ul, ol, .bracket, 
.checker1, .checker2, .my-papers, 
.aphorism, .books, .journal, 
.djvu, .dvd, .doc, .pdf, .pps, .xls, .zip, .audio, .video, .pic {
  text-align: left;
}
.djvu, .dvd, .doc, .pdf, .pps, .xls, .zip, .audio, .video, .pic {line-height: 18px;}

/*в _prn закоменченное есть*/
.checker1 {
	line-height: 18px; 
	list-style-image: url("/_images/style/knopka.gif"); 
	/*margin-left: -3px; 
	padding-left: 3px;*/
}
.checker2 {
	line-height: 16px; 
	list-style-image: url("/_images/style/ball.gif"); 
	/*margin-left: -4px; padding-left: 4px;*/
}
/*нижнего не было; межстрочный был 13: сделал 14, добавил в my-works*/
.my-papers	{list-style-image: url("/_images/style/ball-gr.gif");}

.aphorism	{list-style-image: url("/_images/style/in-yang.png");}
.books		{list-style-image: url("/_images/style/book-red.jpg");}
.journal	{list-style-image: url("/_images/style/journal-q.gif");}

.audio		{list-style-image: url("/_images/style/music-note.gif");}
.djvu		{list-style-image: url("/_images/style/djvu.gif");}
.doc		{list-style-image: url("/_images/style/doc.gif");}
.dvd		{list-style-image: url("/_images/style/dvd.gif");}
.pdf		{list-style-image: url("/_images/style/pdf.gif");}
.pic		{list-style-image: url("/_images/style/eye-in-romb.gif");}
.pps		{list-style-image: url("/_images/style/icpps.gif");}
.video		{list-style-image: url("/_images/style/run-video.gif");}
.xls		{list-style-image: url("/_images/style/xls.gif");}
.zip		{list-style-image: url("/_images/style/zip.gif");}

.body, .body-min, .navigation-bar, .link-block {
	color      	    : black;
	font-style 	    : normal;
	font-weight	    : normal;
/*в prn стоит еще text-align: left (а здесь - ниже)*/
}
.body, .navigation-bar, .link-block {
	font-family		: tahoma, verdana, sans-serif;
	font-size  		: 12px;
	line-height		: 18px;
}
.body, .body-min {text-align: left;}
.body-min {
	font-family		: verdana, tahoma, arial; /*~.rbcwea*/
	font-size  		: 11px;
}
.navigation-bar, .link-block {/*для обрамления сектора навигации (поиск + алфавитный указатель + горизонтальные меню)*/
	background		: #fff8dc; /*можно #ffe4c4 - бежевый*/
	border			: 1px #CCCCCC solid;
	text-align		: center;
	width			: 980px;

	border-radius		: 8px;
	box-shadow		: 1px 2px 2px 1px rgba(0, 0, 0, .4); /*был в 2 раза меньше*/
	position		: relative;
	margin			: 0 auto;
}
.link-block { /*блок ссылок с рамочкой (для выделения особо полезных секций)*/
	background		: #fff;
	text-align		: left;
	width			: 100%;
}

/*Примечания внизу страниц ---------------------------------*/
.arrays, .address, .ads, .header-tabs, #tabs, .updated {
	color      		: black;
	font-style 		: normal;
	font-weight		: normal;
	text-align 		: center;
}
.address, .ads, .header-tabs, #tabs, .updated {
	font-family		: tahoma, sans-serif, arial;
	font-size  		: 11px;
}
.arrays {
	font-family		: "Comic Sans MS", tahoma, arial;
	font-size  		: 13px;
}
.updated {color: olive;}


/*Моноширинные стили (для структур через PRE)*/
pre, .mono-molecule, .mono-tree, .mono-code {
	color      		: black;
	font-size  		: 14px;
	font-style 		: normal;
	font-weight		: normal;
	text-align 		: left;
}
.mono-molecule {
	font-family		: "Courier New", "Lucida Console", monospace, Consolas;
	font-weight		: bold;
}
pre, .mono-tree {
	font-family		: "Lucida Console", courier, monospace, Consolas;
	font-size  		: 13px;
        line-height		: 14px;
}
.mono-code {
	color      		: mediumblue;
	font-family		: "Lucida Console", courier, monospace;
}

/*Дивная верстка*/
.DivAdsUnderHead {float: right; }

/*Классы для скрытия элементов в смартфонах или десктопах (какая-то лажа)*/
.pda-hide { /*display: inline-block;*/ visibility: visible;} /*скрытие длинных PC-синонимов на PDA*/
.pc-hide  { /*background-color: transparent; display: none;*/ visibility: hidden;} /*скрытие коротких PDA-синонимов на PC*/


/*III. Селекторы по ID*/

#pda-hide { /*display: inline-block;*/ visibility: visible;} /*скрытие единичных блоков (заглавных таблиц, картинок...) на PDA*/

#bukvica:first-letter {color: #FF3300; float: left; font-size: 130%; font-weight: normal;} /*для выделения первой буквы - в nostratics*/
#bread-crumbs  {background-color : lemonchiffon; display: inline-block; line-height: 16px;} /*хлеб.крош. под h1 (желтов.фон) - в шорском*/
#tabs {text-align: center;} /*вкладки-кнопки (для их скрытия на мобильных)*/

/*Селекторы для окрашивания внутри тэгов и пр.: ID="red"... - только для теста, т.к. по стандарту W3C неверно*/

/*Локальное изменение цвета шрифта (много в atoms и earth-wonders, также в gold-squares; в ФД) - заменяем id="red" на style="color: red"*/
#black        {color : black;}
#blue         {color : blue;}       /*в атомах, геофеноменах, indogermanic, в ФД*/
#darkcyan     {color : darkcyan;}   /*#008b8b (голубой) - в геофеноменах, indogermanic*/
#firebrick    {color : firebrick;}  /*#b22222 (кирпичный) - в indogermanic*/
#fushsia      {color : #ff00ff;}    /*розовый (как magenta) - в геофеноменах, indogermanic*/
#gray         {color : gray;}       /*в anglo-saxon_roots, indogermanic*/ 
#green        {color : green;}      /*в атомах, геофеноменах, indogermanic, в ФД*/
#gold         {color : gold;}       /*#ffd700 (жёлтый) - в indogermanic*/
#indigo       {color : indigo;}     /*сине-фиолетовый - как navy, в геофеноменах*/
#lightgreen   {color : lightgreen;} /*#7FFF00 (светло-зелёный, можно #7CFC00) - в indogermanic*/
#maroon       {color : maroon;}     /*коричневый - в атомах и геофеноменах, в ФД*/
#navy         {color : navy;}       /*синий - в атомах и геофеноменах, в ФД*/
#olivedrab    {color : olivedrab;}  /*#6b8e23 - оливково-зелёный, в геофеноменах*/
#purple       {color : purple;}     /*фиолетовый - в геофеноменах, indogermanic*/
#red          {color : red;}        /*часто - в т.ч. в атомах, геофеноменах, indogermanic, в ФД*/

/*Изменение цвета фона (в основном - в ячейках таблиц в atoms, phaistos-disc, также paleo-oceans)*/
#bg_aquasky   {background-color : #00bfff;} /*в ФД*/
#bg_bisque    {background-color : #ffe4c4;} /*в таблицах (атомы...), в ФД*/
#bg_blue      {background-color : #afeeee;} /*в ФД*/
#bg_carrot    {background-color : #ffa07a;} /*в ФД (в т.ч. в статистике)*/
#bg_evening   {background-color : #5f9ea0;} /*нигде - темноватый, зачем?*/
#bg_fafad     {background-color : #fafad2;} /*светло-бежевый - почти как #fffacd в таблицах*/
#bg_gold      {background-color : #ffd700;} /*в ФД (в т.ч. в статистике)*/
#bg_gray      {background-color : #dcdcdc;} /*в ФД*/
#bg_green     {background-color : #adff2f;} /*в таблицах (атомы), в ФД*/
#bg_khaki     {background-color : #f0e68c;} /*в ФД (в т.ч. в статистике)*/
#bg_lips      {background-color : #ffb6c1;} /*светло-розовый - в таблицах, в ФД (статистика)*/
#bg_marine    {background-color : #7fffd4;} /*в таблицах (атомы), в ФД (в т.ч. в статистике)*/
#bg_orange    {background-color : #ffa500;} /*в ФД*/
#bg_pink      {background-color : #ff1493;} /*ярко-розовый - в ФД*/
#bg_rose      {background-color : #ff69b4;} /*в ФД (в т.ч. в статистике)*/
#bg_sky       {background-color : #e0ffff;} /*в таблицах (атомы...), в ФД (только в статистике)*/
#bg_steelblue {background-color : #6495ed;} /*в ФД*/
#bg_white     {background-color : #ffffff;} /*в таблицах*/

/*Селекторы дополнительной подстройки*/
#-b           {font-weight	: normal;} /*не жирным - отмена жирного в жирном классе*/
#capital      {text-transform	: capitalize;} /*первые - заглавные буквы, остальные свой вид не меняют*/
#lower        {text-transform	: lowercase;} /*все строчные (прописные) буквы - если текст набран заглавными*/
#upper        {text-transform	: uppercase;} /*все заглавные (большие) буквы*/

#tight        {margin: 0; padding: 0;} /*устранение отступов*/
#tight-bottom {margin-bottom: 0; padding-bottom: 0;} /*устранение отступа снизу*/

#cambria      {font-family: cambria, "Arial Unicode MS", "Lucida Sans Unicode";} /*для знаков Unicode в заголовках (самый красивый, уже других)*/
#lucida       {font-family: "Lucida Sans Unicode", cambria, "Arial Unicode MS";} /*для знаков Unicode в заголовках (широкий, не совсем красивый)*/
#unicode      {font-family: "Arial Unicode MS", cambria, "Lucida Sans Unicode";} /*для знаков Unicode в заголовках*/

/* скрываем при печати и на мобильных 
@media print { 
  #tabs, .ads { display: none;}
}
@media handheld 
{ 
  #tabs, .ads {display: none;}
}
@media (max-width: 480px) 
{
  #tabs, .ads {display: none;}
}
*/