/*---:[ Custom awesomeness by Chris Pearson. I hope you learn something today :D ]:---*/
body {
   }    /* "Холст" */


#page {
   padding: 0em;
   padding-top: 2.2em;  /* Можно переместить запись в 'body' */
   padding-bottom: 0;
   background: transparent;
   }   /* "Прозрачка" - основа всего остального макета чуть сдвинутая вниз
         Структура:
            '#header'
            '#feature_box'
            '#content_box'
            '#footer'
   */

#header {
   position: relative;
   padding: 0 5.5em 0 5.4em;               /* trbl */
   }   /* "pearsonified" + "home".."about" */


#feature_box {
   padding: 0;
   background: #000;
   z-index: 20;
   }      /* Фон под заглавной фоткой */

#feature_box img {
   display: block;
   width: 94.5em;
   /*height: 31.5em;*/  /* AUTO height */
   }     /* Заглавная фотка */


#content_box {
   padding-top: 1.1em;
   background: #fff;
   }     /* Текст */

.no_sidebars {
   background: #fff !important;
   }         /* Без меню справа */

.post_box {
   position: relative;
   margin: 3.3em 4.4em 0 0;   /* trbl */
   padding-left: 5.5em;
   }     /* Текст */

.about .post_box {
   margin-bottom: 2.2em;
   }     /* Нижний отступ странц без нижнего навигационного меню */


.no_sidebars .post_box {
   margin: 0 5.5em 2.2em 0;
   }            /* Без меню справа */

.themes .post_box {
   padding-right: 32.5em;
   }           /* Свободное пространство для рекламной картинки */

.themes img.right {
   width: 21.667em;
   height: 60.8em;
   margin-right: -21.667em;
   }


.top {
   margin-top: 0;
   }


.vertical-text {
   position: absolute;
   width: 205px;
   right: -1em;
   font-size: 1.467em;
   font-weight: bold;
   transform: rotate(-90deg);
   transform-origin: right top 0;
   /* background: #E23737; */
   background: #dd6600;
   color: #fff;
   padding: 10px;
   }

.prev_next {
   margin-top: 3.3em;
   margin-right: 4.4em;
   padding: 2.2em 2.2em 2.2em 5.5em;
   color: #888;
   background: #eee;
   }

.prev_next p {
   font-size: 1.3em;
   line-height: 1.692em;
   text-transform: none;
   letter-spacing: normal;
   }

.prev_next a {
   color: #777;
   text-shadow: 1px 1px 0 #fff;
   outline: none;
   }     /* Стиль ссылок "следующий пост", "предыдущий пост" */

.prev_next a:hover {
   color: #222;
   text-decoration: none;
   text-shadow: 1px 1px 0 #ddd;
   }     /* Стиль ссылок "следующий пост", "предыдущий пост" при наведении */

.post_nav p {
   font-size: 1em;
   line-height: 2.2em;
   text-transform: uppercase;
   letter-spacing: 1px;
   }     /* Стиль надписей "Previous post", "Next post" */

.post_nav a {
   margin-left: 0.4em;
   }

#footer {
   text-transform: uppercase;
   letter-spacing: 1px;
   text-align: center;
   }

#footer a {
   border-bottom-style: dotted;
   border-bottom-color: #777;
   }

#footer a:hover {
   color: #fff;
   border-bottom-style: solid;
   }

/*---:[ idiosyncratic element styles ]:---*/
.headline_area h1,
.headline_area h2 {
   line-height: 1.393em;
   }      /* Заголовок поста */

.format_text {
   line-height: 1.6em;
   }

.format_text p,
.format_text dl,
.format_text dd {
   margin-bottom: 1.6em;
   }

.format_text pre {
   margin-bottom: 2em;
   padding: 0.75em 1em;
   }

.format_text ul,
.format_text ol {
   margin: 0 0 1.6em 1.6em;
   }

.format_text li {
   margin-bottom: 0.8em;
   }

.format_text .tight_list li {
   margin-bottom: 0;
   }            /* Список с плотным расположением строк */

.format_text h2,
.format_text h3 {
   font-size: 1.467em;
   line-height: 1.455em;
   margin: 1.636em 0 0.545em 0;
   }

.format_text sup a {
   padding-left: 0.133em;
   /* color: #777; */   /* Leave natural color (red) */
   text-decoration: none;
   }         /* Сноска */

.format_text sup a:hover {
   color: #d00;
   }         /* Сноска */

.format_text blockquote {
   margin-bottom: 1.6em;
   margin-left: 0;
   padding-left: 43px;
   /* background: url('../common/blockquote.gif') no-repeat; */
   background: url('../common/b_left_quote.png') no-repeat;
   border: 0;
   }         /* Цитата */

.format_text blockquote.no_quote {
   margin-bottom: 1.6em;
   margin-left: 0;
   padding-left: 43px;
   /* background: url('../common/blockquote.gif') no-repeat; */
   border: 0;
   }         /* Цитата */

.format_text blockquote p.cite {
   font-size: 0.867em;
   line-height: 1.692em;
   font-style: italic;
   text-align: right;
   }         /* Автор цитаты */

.format_text p.authority {
   margin-bottom: 1.6em;
   font-size: 0.867em;
   line-height: 1.692em;
   font-style: italic;
   text-align: right;
   }         /* Цитата */

.format_text .drop_cap {
   font-size: 3.6em;
   line-height: 0.815em;
   padding: 0 0.111em 0 0;
   }            /* Буквица */


.format_text .caption {
   }

.format_text .caption p {
   margin: 0;
   text-align: center;
   }


.format_text .caption img {
   margin: 0 0 0.333em 0;
   padding: 0 0 0.333em 0;
   border-bottom: 1px solid #ddd;
   }

.format_text .caption img.off {
   padding: 0;
   border-bottom: none;
   }

.format_text p.note,
.format_text p.alert,
.format_text p.exercise,
.format_text p.side_note {
   margin-left: -3.667em;
   margin-right: 6.667em;
   padding: 1.6em 1.6em 1.6em 2.933em;
   border-width: 0 0 0 0.733em;
   border-style: solid;
   }

.format_text p.pmarker {
   margin-left: -3.667em;
   margin-right: 48.667em;
   padding: 0.6em 1.6em 0.6em 2.933em;
   border-width: 0 0 0 0.733em;
   border-style: solid;
   position: sticky;
   top: 0;
   z-index: 1;
   }

.format_text p.alert {
/*   background: #f8eab0; */
/*   border-color: #ecd163; */
   background: rgb(250, 210, 176);
   border-color: rgb(240, 166, 104);
   }

.format_text p.exercise {
   background: #cae4f0;
   border-color: #8ec1da;
   }

.format_text p.pmarker {
   background: #53F253;
   border-color: #1DA149;
   }

.format_text p.side_note {
   background: #DCDCDC;
   border-color: #A9A9A9;
   }

span.alert {
   background: rgb(250, 210, 176);
   border: 1px solid rgb(240, 166, 104); }

.format_text .figure,
.format_text .multi_figure {
   margin: 0 0 1.467em 0;
   padding: 0.733em;
   background: #eee;
   clear: both;
   }

.format_text .figure_right {
   width: 14.8em;
   }


.format_text .figure_right {
   margin: 0 0 0.667em 1.6em;
   float: right;
   clear: right;
   }

.format_text .figure img {
   display: block;
   }

.format_text .figure img,
.format_text .multi_figure img {
   margin: 0 auto 0.667em auto;
   border: 1px solid #ccc;
   }

.format_text .figure_right img {
   margin-right: 0;
   margin-left: 0;
   }

.format_text .figure p,
.format_text .multi_figure p {
   font-size: 0.867em;
   line-height: 1.615em;
   margin-bottom: 0;
   color: #666;
   }

.format_text .figure_right p {
   line-height: 1.462em;
   }

.format_text .figure p span,
.format_text .multi_figure p span {
   color: #222;
   }

.format_text .figure p img,
.format_text .multi_figure p img {
   display: inline-block;
   margin: 0;
   border: 0;
   }

.footnotes {
   font-size: 0.8em;
   line-height: 1.75em;
   margin: 0 0 1em -4.583em;
   padding: 1em 0 0 4.583em;
   color: #777;
   border-top: 1px dotted #ccc;
   }

.footnotes p {
   margin-bottom: 1em;
   }

.footnotes code {
   font-size: 0.917em;
   }

/* 23-Feb-21 */
/* User info about a link area */
.block_link {
   cursor: pointer;
   }

/* 15-Apr-2019 */
.footnotes sup {
   font-size: 1.917em;
   }

.footnotes blockquote {
   padding-left: 30px;
   background: url('../common/left_quote.gif') no-repeat;
   margin-bottom: -1em;
   }         /* Цитата в сносках */


/*---:[ HTML, PHP, JS, and CSS code styles ]:---*/
.html {
   color: #1300ff;
   background: #eee;
   border-color: #ddd;
   } /* .html, .php, and .css are intended for use on the pre tag */

.php {
   color: #222;
   background: #e0ecfc;
   border-color: #c3d6ef;
   }

.php .html_embed {
   color: #1300ff;
   }

.css {
   color: #222;
   background: #eee;
   border-color: #ddd;
   }

.attribute {
   font-style: italic;
   }

.embed {
   background: #e0ecfc;
   color: #222;
   }

.library_function {
   color: #364c74;
   font-weight: bold;
   }

.directive {
   color: #004802;
   font-weight: bold;
   }

.function_name {
   color: #0c00a8;
   font-weight: bold;
   }

.keyword,
.operator {
   color: #1300ff;
   font-weight: bold;
   }

.var {
   color: #008797;
   }

.const {
   color: #5958fd;
   font-weight: bold;
   }

.str {
   color: #006e00;
   }

.num {
   color: #0f00d4;
   }

.text {
   color: #222;
   }

.color {
   color: #e80000;
   }

.function_call {
   color: #ad5100;
   font-weight: bold;
   }

.property {
   color: #6a77e3;
   }

.highlight {
   background: #ffffd1 !important;
   }

.code_comment {
   color: #888;
   } /* Don't use .comment! You'll inherit crazy styles that are only for blog comments! */

/*---:[ CSS-only styles ]:---*/
.num_value {
   color: #0f00d4;
   }

.text_value {
   color: #006e00;
   }

.color_value {
   color: #e80000;
   }

.post_box .format_text {
   height: 1%;
   }

.post_box:after,
.footnotes:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }