/* 2013 */
#right-side-ad{float:right;margin-top:25px;margin-right:10px;}
#main{max-width:950px;/*margin-left:1em;*/} /* margin-left:auto;margin-right:auto; -- from past, on center */
/* ~2013 */

/* 2015 */
#ad-on-the-left{width:168px;padding:1em 0 0 0.1em;position:fixed;}
#main{margin-left:168px;margin-right:5px;}
/* ~2015 */


div.quot1 {border-left: 1px dotted gray; margin-left: 2em; padding-left: 1em; font-style: italic;}
div.quot2 {border: 1px dotted gray; padding-left: 1em; padding-right: 1em; font: 100% Tahoma; background-image: url(pics/gradient_white-grey_h220r.png); background-repeat: repeat-y; }
div.quot3 {border: 1px dotted gray; padding-left: 1em; padding-right: 1em; font: bold 100% sans-serif;}

/* в этот див запаковываем картинки с подписью - обычно в книгах */
div.imgwithtxt { text-align: center; font: bold 90% sans-serif; }

/* ========================================================= */
/*                     ВСЁ ДЛЯ ШАПКИ                         */
/* ========================================================= */
/* TODO: replace banner with header */
#banner, #header { /* область надписи Техники... */
	height: 141px;
	background-image: url(pics/ba.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F0F0E7;
	border: 1px solid silver;
	margin-bottom: 2em;
}

/* главный тулбар на котором ссылочки */
#toolbar {text-indent:10px;color:gray !important;margin-bottom:15px;margin-top:15px;font:90% sans-serif;}

/* линия в самом верху */
#headerline { border: 1px solid silver; background-color: #E6E6D8; margin-top: -15px; height: 20px; }

/* надпись Техники... */
#logo { text-indent: 30px; margin-top: 37px; font: 170% sans-serif; color: #777742;}

/* надпись Помоги себе сам */
#logosub { text-indent: 30px; margin-bottom: 30px; margin-top: 15px; font: 90% sans-serif; color: #ACAC91;}
/*	margin-top: -15px; */ /*line-height: 20px;*/

/* ссылкочки для главного тулбара вверху */

#toolbar a{text-decoration:none;margin-right:30px;color:gray;}
/*#toolbar a:link, #toolbar a:visited, #toolbar a:active{color:gray;}*/
#toolbar a:hover{color:black !important;}


/* ========================================================= */


/* это ссылочки для навигации. вперед, назад, к оглавлению, читать все на одной странице 
 * без этого тоже в принципе неплохо смотрится, но синие ссылки будут привлекать внимание,
 * не надо этого, пусть лучше то что справа и снизу привлекает :)
 * */
a.navigation:link,a.navigation:visited,a.navigation:active{color:gray;text-decoration:none;}
a.navigation:hover{color:black;text-decoration:none;}

div.navigator{text-indent:10px;color:gray !important;font:90% sans-serif;}


div.qq { margin-top: 1em; margin-bottom: 1em; border-left: 3px solid silver; padding-left: 1em; color: gray; text-indent: 0px; }



h1,h2,h3{color:#777742;}
h1{font:170% sans-serif;}
h2{font:140% sans-serif;}
h3{font:120% sans-serif;}
h4{font:bold 100% sans-serif;}
h5{font:italic 100% sans-serif;}
/* будем использовать для названий упражнений */
h6 { color: #4D8CBA; font: italic 120% sans-serif; margin-top: 2em; margin-bottom: 1em; } 

/* цветные заголовки. используются в лекциях Жданова */

.h3color1,.h3color2,.h3color3{background-repeat:repeat-y;color:black;padding:0.5em 0em 0.5em 1em;}
.h3color1{background-image:url(pics/bk_1.gif);}
.h3color2{background-image:url(pics/bk_2.gif);}
.h3color3{background-image:url(pics/bk_3.gif);}

/* ========================================================= */










a.contrast{color:white !important;background:#777742 !important;font:170% sans-serif !important;text-decoration:none;}

a.contrast_link{color:#777742 !important;background:white !important;font:170% sans-serif !important;border-bottom:1px dashed #777742;text-decoration:none;}
a.contrast_link:hover,a:active{text-decoration:none;}





/********/

body{margin:0;font-family:sans-serif;color:black;background:white;} 
h1{margin:0;padding:0;}

/*                         СПИСКИ                            */

/* по умолчанию: элементы списка обозначаются симпатичными кроужочками */
ul { list-style-image: url("pics/ul-img.png"); } 

li{padding-top:0.5em;}

/* элементы списка обозначаются симпатичными звездочками :) */
ul.star { list-style-image: url("pics/stock-star.png"); } 

/* между элементами списка - отступы. для удобочитаемости */
li.ll { margin-top: 1em; margin-bottom: 1em; } 
li.li_m1 { margin: 1em; } 

/*                         ССЫЛКИ                            */

a:link, a:visited, a:active { color: blue; text-decoration: none; }
a:hover                     { color: gray; text-decoration: underline; }


/* ссылки для главной страницы
 * цвет - контрастный, оттенок красного?
 * подчеркнута пунктиром всегда
 * шрифт - обычный, не жирный 
 * */

a.ln { color: #777742 !important; border-bottom: 1px dashed #777742; text-decoration: none; font-weight: normal; }
a.ln:hover, a.ln:active, a.ln:visited { text-decoration: none; font-weight: normal; }

/* то же самое, но шрифт - крупный */
a.lna { color: #777742 !important; border-bottom: 1px dashed #777742; text-decoration: none; font-weight: normal; font: 140% sans-serif;}
a.lna:hover, a.lna:active, a.lna:visited { text-decoration: none; font-weight: normal; font: 140% sans-serif; }

/*                     СВОЙСТВА ТЕКСТА                       */

/* первая строка любого абзаца будет сдвинута на расстояние равное ширине трех символов - как во многих книгах */
p { text-indent: /*2%;*/1.7em; } 

/* текст подчеркнутый точками */
span.dot { border-bottom:1px dotted; } 

/* жирный текст и имеет цвет заголовков */
span.kontr { color: #777742 !important; font: bold 100% sans-serif !important; }

/* текст подчеркнутый жирной золотой чертой - так выделяются фразы, предложения, которые, на мой взгляд, значимы */
span.gold { border-bottom: 2px solid gold; }

/* текст - мелкий и серый */
span.smallgray { color: Gray; font: 80% sans-serif; } 

/* текст - серый */
span.gray { color: Gray; } 

/* текст - используется в нумерации упражнений Мэрилин Рой */
span.bigcounter { font: bold 140% sans-serif; border: 1px solid #ccc; background: #e5e5e5; padding: 0.5em; margin-right: 1em; }

/* текст с отступами. для эмуляции дерева разговора. как в форуме */
p.in1 {border-left: 1px solid #cccccc; text-indent: 0; padding: 0.5em; margin-left: 1em; }
p.in2 {border-left: 1px solid #cccccc; text-indent: 0; padding: 0.5em; margin-left: 2em; }
p.in3 {border-left: 1px solid #cccccc; text-indent: 0; padding: 0.5em; margin-left: 3em; }
p.in4 {border-left: 1px solid #cccccc; text-indent: 0; padding: 0.5em; margin-left: 4em; }
p.in5 {border-left: 1px solid #cccccc; text-indent: 0; padding: 0.5em; margin-left: 5em; }

/* нет отступа для абзаца */
p.noindent { text-indent: 0%; } 

/* текст с разделителем над ним */
.delimiter { margin-top: 2em; border-top: 1px solid #ccc; padding-top: 2em; }
.delimiter2 { margin-bottom: 1em; border-top: 1px solid #ccc; padding-top: 1em; }

/* fixme: может сделать в таком же стиле как шапка сайта? */
/* это поле навигации в лекциях жданова. пока экспериментальная фича */
p.navigator { padding: 2px; background-color: #F8F8F8; border: 1px solid #DDDDDD; text-indent: 0%; }

/*                     БЛОКИ ТЕКСТА                          */

/* блок выделенный по бокам жирными вертикальными линиями */
div.divgold { border-left  : 2px solid gold; padding-left  : 0.5em; border-right : 2px solid gold; padding-right : 0.5em; }
div.block07 { background-color: #F9FAEA; padding : 0.5em; }	  

/*                ВСЕ ДЛЯ НАЗВАНИЙ, ЗАГОЛОВКОВ               */

.x { /* класс применяется к названиям глав в книгах */
    text-align: center;
    margin-bottom: 2em; /* между названием главы и текстом под ней - растояние */
}

.xi { /* класс применяется к названиям глав в книгах */
 /*   text-align: left !important;*/
	margin-left: 2em;
    margin-bottom: 2em; /* между названием главы и текстом под ней - растояние */
	font-style: italic;
}






/* область в которй будут располагаться счетчики - в самом низу */
/* TODO: replace counters_area with footer */
.counters_area, .footer {/*text-align:center;*/border-top:3px solid #cccccc;/*padding:1.5em 0 0.5em 0;*/margin-top:1.5em;padding:1em 0;}

/* область на главной странице в которой будет располагаться список всего - книг, методик и т.д. */
.info_area { margin-top: 7px; margin-bottom: 7px; border:1px dotted silver; }

/* область в которй будут располагаться методы */
td.methods_area { background-color: #F0F0E7; padding: 1em; width: 50%; vertical-align: top;	}

div.comment01 { text-align: justify; border-top: 1px solid #cccccc;	padding: 0.5em; }

div.block00 { padding: 0.5em 1em 0.5em 1em; margin-bottom: 7px; background: #FFF5DF; border: 1px solid #DDDDDD; }	
div.block01 { padding: 0.5em 1em 0.5em 1em; margin-bottom: 7px; background-color: #F8F8F8; border: 1px solid #DDDDDD; }
div.block02 { padding: 0.5em 1em 0.5em 0em; margin-bottom: 7px; background-color: #F8F8F8; border: 1px solid #DDDDDD; }
div.block03 { padding: 0.5em 0.3em 0.5em 0.3em; margin-bottom: 7px; background-color: #F8F8F8; border: 1px solid #DDDDDD; }

/* то же что и 03 но налазит на то что выше - применяется на гл. странице 1 раз - аксиомы, привычки... */
div.block04 { padding: 0.5em 0.3em 0.5em 0.3em; margin-bottom: 7px; margin-top: -9px; background-color: #F8F8F8; border: 1px solid #DDDDDD; }

/****************/
/* в разработке */
/****************/

h1.black, h2.black { color: black;}




div.ii { border-left : 2px solid #cccccc; border-right : 1px dotted #cccccc; border-bottom : 1px dotted #cccccc; border-top : 1px dotted #cccccc; padding: 0.5em; text-align: justify; background: HoneyDew; } 
div.ii0 { border-left : 2px solid #cccccc; border-right : 1px dotted #cccccc;	border-bottom : 1px dotted #cccccc;	border-top : 1px dotted #cccccc; padding: 0.5em; text-align: justify; background: HoneyDew; margin-bottom: 1em; } 
div.ii2 { border-left : 2px solid #cccccc; border-right : 1px dotted #cccccc;	border-bottom : 1px dotted #cccccc;	border-top : 1px dotted #cccccc; padding: 0.5em; text-align: justify; background: WhiteSmoke; } 
div.ii3 { border-left : 2px solid #cccccc; border-right : 1px dotted #cccccc; border-bottom : 1px dotted #cccccc;	border-top : 1px dotted #cccccc; padding: 0.5em; text-align: justify; background-image: url(pics/gradient_white-grey_h220r.png); background-repeat: repeat-y; }

p.tt { border-left : 2px solid #cccccc; border-right : 1px dotted #cccccc;	border-bottom : 1px dotted #cccccc;	border-top : 1px dotted #cccccc; padding: 0.5em; text-align: justify; background: HoneyDew; text-indent: 0%; }

/* цитаты */
div.quo { border-left : 2px solid #cccccc; border-right : 1px dotted #cccccc; border-bottom : 1px dotted #cccccc; border-top : 1px dotted #cccccc; padding: 0.5em; text-align: justify; background: HoneyDew; margin-top: 1em; }
div.quo2 { border-left : 2px solid #ccc; border-right : 1px dotted #ccc; border-bottom : 1px dotted #ccc; border-top : 1px dotted #ccc; padding: 0.5em; text-align: justify; background: #fef5cc; margin-top: 1em; }
p.qt { text-align: justify; text-indent: 0%; margin-top: 0em; margin-bottom: 0em; }
p.qa { text-align: right !important; font: italic /*bold*/ 100% sans-serif; margin-top: 0.5em; margin-bottom: 0em; }


/* //////////// */

li.marg1 { margin-top: 1em; margin-bottom: 1em;	}
.cc { text-align: center; }
.ll { text-align: left; }
.rr { text-align: right; }
.noborder { border: 0; }

td.td_fifty { width: 50%; vertical-align: top; }


h1.ppl {padding: 0 0 1em 0;}
span#pplarrow {color: black;}



/* ? TODO FIFME ? */
.v {margin-top:15em;font-weight:bold;}


/* 2011 - clear */

/* главный контейнер, div#main идет сразу после body и закрывается перед /body */
/*#main{width:950px;margin-left:auto;margin-right:auto;}*/

/* в div.z контейнр обычно помещается основная часть страницы - получаем  текст в рамке */
.z{margin-bottom:20px;border:1px solid #cccccc;padding:1em;text-align:justify;}

/* для ссылок, которые не хочется сильно выделять */
a.black{color:black !important;border-bottom:1px dotted black;}
a.black:hover{color:gray !important;text-decoration:none;border-bottom:1px solid gray;}

abbr{border-bottom:1px dashed #c0c0c0;cursor:help;}
blockquote{color:gray;border-left:1px dotted gray;padding:0.5em 0.5em 0.5em 1em;}

.c{text-align:center;}
.b{font-weight:bold;}
.i{font-style:italic;}
.r{text-align:right;}


/* clear code */

/* navigation for books and other materials with several pages 
used in top and bottom in each page
contain three sections: previous, contents, next */
table.book-navigation {width:100%;border-top:1px solid silver;border-bottom:1px solid lightgray;}
table.book-navigation td{width:33%;padding:0.5em 0;color:gray;vertical-align:top;}
table.book-navigation td.previous{padding-left:3px;}
table.book-navigation td.contents{text-align:center;font-weight:bold;}
table.book-navigation td.next{text-align:right;padding-right:3px;}
table.book-navigation td a{text-decoration:none;color:gray!important;}

.without-bottom-border{border-bottom:0!important;}