body { background: #dcd9d3 !important; margin: 0; position: absolute; width: 100%; height: 100%; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
body.light { background: #FFF !important; }
body.dark { background: #C8C6C3 !important; }
body.account { margin: 0 auto; width: 780px; height: 480px; min-width: 100px; }
body.full { min-width: 1048px; }
body.mobile { width: 100% !important; /*font-size: 125% !important;*/ }
body.mobile .material-header { width: 100%; }
body.mobile .footer-col1 { width: 100%; }
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  /*body.mobile { width: 920px !important; }*/
  body.mobile #slogan { max-width: 85% !important; }
  body.mobile a#slogan-second { margin: 5px 0 0; }
  body.mobile #new_materials { padding: 100px 0 0 !important; }
  body.mobile .article-date { padding-top: 20px; }
  body.mobile .image_below_text { zoom: 2; }
  body.mobile #page.dynamic .dynamic_list>div { width: 85%; }
  body.mobile #social>div, body.mobile #social>iframe { display: block; height: 90px !important; margin-left: 0 !important; }
  body.mobile #social iframe
  {
    transform: scale(2.0);
    -ms-transform: scale(2.0); 
    -webkit-transform: scale(2.0); 
    -o-transform: scale(2.0); 
    -moz-transform: scale(2.0); 
    transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
  }
  body.mobile .fb-like>span { width: 244px !important; }
  body.mobile #djangobbwrap { margin: 0 !important; }
  body.mobile #djangobbwrap div.postright { border-left-width: 0 !important; }
}

#container { position: absolute; width: 100%; min-height: 100%; }

.background-left, .background-right, .background-deep-left, .background-deep-right { width: 50%; height: 550px; position: absolute; top: 0; }
.background-left, .background-right { z-index: -1000; }
.background-deep-left, .background-deep-right { z-index: -1001; }
.background-left, .background-deep-left { left: 0; }
.background-right, .background-deep-right { right: 0; }

a { color: #0B72B5; text-decoration: none; }
a:hover { text-decoration: underline; }

textarea, input { outline: none; }

#slogan { top: 7px; left: 55px; position: absolute; z-index: 100; }
body.full #slogan { max-width: 50%; }
body.mobile #slogan { max-width: 90%; color: #555; }
#slogan a { display: block; word-wrap: break-word; }
#slogan a:hover { text-decoration: none; }
a#slogan-first { color: #CCC; font-size: 2.4em; line-height: 0.792em; }
body.mobile a#slogan-first { color: #555; }
body.dark a#slogan-first { color: #FFF; }
a#slogan-second { color: #797979; font-size: 1.4em; margin: 5px 0 0; }

#menu1 { top: 10px; left: -141px; width: 163px; height: 453px; padding-left: 10px; }
a#facebook, a#vk, #menu1 { z-index: 100; position: fixed; background: url(../img/menu1.png) 10px 0 no-repeat; }
#menu1 { -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; transition: left 0.2s ease-out; }
#menu1 a, div#search, a#facebook, a#vk { display: block; margin-bottom: 3px; /*box-sizing:border-box; border: yellow 1px dotted;*/ }
a#logo	{ height: 36px; width: 36px; margin-bottom: 9px; }
a#main	{ height: 36px; }
a#tags	{ height: 51px; }
a#authors	{ height: 51px; }
a#materials	{ height: 51px; }
a#vocabulary	{ height: 36px; }
a#holiday	{ height: 66px; }
a#forum { height: 29px; }
div#search	{ height: 29px; position: relative; cursor: text; }
#search_input { position: absolute; top: 3px; left: 3px; bottom: 3px; height: 20px; width: 130px; }
input[type="search"] { border-radius: 0; border: none; }
a#search_button { position: absolute; top: 3px; left: 133px; right: 3px; bottom: 0; }
a#about	{ height: 29px; }
a#facebook, a#vk { width: 22px; left: 10px; }
a#facebook	{ top: 460px; height: 26px; background-position: 0px -450px; }
a#vk	{ top: 489px; height: 24px; background-position: 0px -479px; }
#menu1:hover, #menu1.hover { left: 0; }
#menu1 .menu-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; /*opacity: 0.5; background: #000*/; z-index: 105; }
/*#menu1:hover .menu-overlay { display: none; }*/
#menu1 a { width: 141px; }

#menu-kinds { line-height: 42px; border: none; margin-bottom: 100px; }
#menu-kinds a { display: block; float: left; text-align: center; height: 43px; width: 151px; background: #FFF; font-family: Roboto Slab; font-size: 2.2em; color: #8799AC; text-decoration: none; border-right: 2px solid #DCDAD8; }
#menu-kinds a:last-child { border:none; }
#menu-kinds a.current { color: #2D4560; font-weight: bold; }

#menu2 { z-index: 100; position: fixed; top: 271px; right: -144px; width: 163px; height: 258px; padding-right: 10px; background: url(../img/menu2.png) no-repeat; -webkit-transition: right 0.3s ease-out; -moz-transition: right 0.3s ease-out; -o-transition: right 0.3s ease-out; transition: right 0.3s ease-out; }
#menu2:hover, #menu2.hover { right: 0; }
#menu2 a { display: block; position: absolute; }
a#upload-fb { top: 0; left: 48px; width: 16px; height: 35px; }
a#upload-vk { top: 0; left: 72px; width: 18px; height: 35px; }
a#upload-tw { top: 0; left: 98px; width: 18px; height: 35px; }
a#upload-email { top: 0; left: 134px; width: 22px; height: 35px; }
a#download-print { top: 39px; left: 48px; width: 22px; height: 28px; }
a#download-doc { top: 39px; left: 86px; width: 32px; height: 28px; }
a#download-fb2 { top: 39px; left: 128px; width: 30px; height: 28px; }
a#anchor-bookmark { top: 76px; left: 44px; width: 114px; height: 20px; }
a#anchor-comment { top: 96px; left: 48px; width: 110px; height: 20px; }
a#anchor-forum { top: 116px; left: 48px; width: 110px; height: 20px; }
a#font-light { top: 148px; left: 40px; width: 16px; height: 20px; }
a#font-normal { top: 148px; left: 60px; width: 16px; height: 20px; }
a#font-heavy { top: 148px; left: 79px; width: 16px; height: 20px; }
a#bg-light { top: 148px; left: 102px; width: 18px; height: 18px; }
a#bg-medium { top: 148px; left: 120px; width: 18px; height: 18px; }
a#bg-dark { top: 148px; left: 138px; width: 17px; height: 18px; }
a#page-wide { top: 180px; left: 48px; width: 54px; height: 21px; }
a#page-narrow { top: 180px; left: 118px; width: 33px; height: 21px; }
a#wallet { z-index: 101; position: fixed; }
a#wallet { top: 490px; height: 25px; width: 22px; right: 7px; background: url(../img/wallet.png) no-repeat; }
#wallets { z-index: 100; position: fixed; top: 520px; right: 8px; }
#right_column a#wallet { position: inherit; display: block; margin: 15px 8px 0 110px; width: 127px; height: 25px; background: url(../img/wallet-main.png) no-repeat; }
#right_column #wallets { position: inherit; display: block; margin: 6px 0 0 76px; }

#footer { height: 70px; width: 100%; padding: 25px 0 0 65px; color: #403e3e; font-size: 1em; line-height: 1.4em; position: absolute; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#left_column #footer { padding-left: 55px; }
#footer a { color: #3a3a3a; text-decoration: none; }
.footer-col1 { width: 215px; }
.footer-col2 { width: 215px; position: absolute; top: 30px; left: 280px; }
.footer-col3 { position: absolute; width: 80px; top: 30px; right: 30px; }

#page { margin: 358px 174px 70px; min-height: 265px; padding: 0 0 70px; }
#page.narrow { width: 700px; margin: 358px auto 70px; }
#page.dynamic { margin: 190px 0 0 135px; }
body.mobile #page.dynamic { margin: 100px 0 0 60px !important; width: 90% !important; }
/*body.page-tag #page.dynamic { margin-top: 360px; }*/
#page.index { width: 100%; margin: 0 0 0; }
body.mobile #page { width: auto !important; margin: 100px 10px 10px 42px !important; padding: 0 !important; }
body.mobile.logged_in #page { margin-right: 35px !important; }

article { color: #3f3f3f; }
article.heavy { color: #000; }
article.light { color: #7a7a7a; }
h2 { color: #324C68; text-transform: lowercase; }
h2 a { color: #324C68; text-decoration: none; }
h2.tag-title { font-size: 3.0em; }
h2.material-title { letter-spacing: 1px; font-size: 2.7em; }
h2.material-title a { color: #000; }
h2.author-title { font-weight: normal; font-size: 3.0em; }
h2.book-title { font-size: 3.4em; margin: 0 0 3px; }
h2.tag-title, h2.author-title { margin: 0 0 36px; }
.material-header h2 { line-height: 1.037em; margin-bottom: 18px; }
article .tags { float: right; font-size: 1.5em; margin-bottom: 40px; }
article .tags a { display: block; }
article .material_block .tags { float: none; }
article .authors { font-size: 1.7em; }
article .book-authors { font-size: 2.7em !important; margin-top: 15px; }
article .authors a { color: #5A9265; text-transform: lowercase; }
article .text { font-size: 1.5em; margin: 40px 0 0; clear: both; }
article .text p { text-align: justify; line-height: 1.5em; }
div.image_below_text { height: 72px; width: 100%; margin: 70px 0 16px; }

div.comments-help { margin-bottom: 15px; }
div.comments-help, div#comments-auth { font-size: 1.3em; }
a.comments-auth-link { float: right; color: #9F7B45; letter-spacing: 0.3em; }
div.comment { margin: 50px 0; }
div.comment-heading { height: 48px; margin: 0 0 15px 0; }
.comment-avatar { display: block; float: left; height: 48px; width: 48px; margin: 0 10px 0 0; }
div.comment-user { padding-top: 5px; font-weight: bold; font-size: 1.5em; }
div.comment-date { font-size: 1.2em; margin-top: 1px; }
div.comment-text, textarea#new_comment { font-size: 1.4em; line-height: 14px; }
div.comment-text blockquote { margin: 5px 15px 15px 15px; padding: 8px; /*border: 1px solid #46586a;*/ background-color: #f1f1f1; }
div.your-comment { margin-top: 80px; }
textarea#new_comment { width: 100%; height: 327px; border: none; padding: 0px; display: block; resize: none; }
div.comment-publish-container { background: #FFF; text-align: right; line-height: 22px; padding: 0 14px 15px 0; }
a#comment-publish-link { font-size: 1.8em; color: #737373; background: url(../img/triangle.png) right no-repeat; padding: 0 22px 0 0; height: 22px; display: block; }
div.auth-box-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; z-index: 1000; background: #000; }
div.auth-box-box { position: fixed; top: 45%; right: 35%; padding: 15px; background: #fff; z-index: 1001; }

#new_materials a.material-title, .tag_list a, .top_tags a, .material_block .tags a { display: block; }

.editors_choice a { font-size: 1.2em; color: #324C68; text-decoration: none; text-transform: lowercase; }

.material-title { font-family: Noto Serif; text-transform: lowercase; color: #000; }
.author-title { font-family: Roboto Condensed; font-style: italic; text-transform: lowercase; color: #5A9265; }
/*article.authors .author-title,
article.tags a { color: #FFF; }*/

.author_block, .material_block, .tag_block { float: left; width: 330px; margin: 0 0 30px 0;}
#page.dynamic .dynamic_list>div { float: left; width: 280px; margin: 0 56px 30px 0 !important; }
#page.dynamic article.authors .dynamic_list>div,
#page.dynamic article.tags .dynamic_list>div { width: 240px; }

.material_block .title a { font-size: 1.2em; color: #000; text-decoration: none; text-transform: lowercase; }
.material_block .title a:hover { text-decoration: underline; }
.material_block .authors { font-size: 1.2em; margin: 5px 0; }
.material_block .tags { font-size: 1.0em; margin: 5px 0; color: #0B72B5; }
.author_block, .tag_block { margin-bottom: 15px; font-size: 1.7em; }
.tag_block { font-size: 1.8em !important; }

.index-page a.material-title { font-size: 1.2em; }
.index-page div.author-title { font-size: 1.44em; }
body.full #left_column { width: 280px; float: left; }
#center_column { position: relative; margin: 0 256px 0 280px; }
#center_column a.all_link { color: #75736e; }
#new_materials { padding: 165px 30px 70px 55px; line-height: 1.5em; }
#top_articles, #top_books { padding: 85px 45px 50px 55px; position: relative; line-height: 20px; }
#top_books a, #top_books .author-title, #top_articles a, #top_articles .author-title { z-index: 100; position: relative; }
#top_articles a.material-title, 
#top_articles a.author-title, 
#top_books a.material-title, 
#top_books a.author-title { font-size: 1.6em; }
#new_materials a.material-title { margin: 0; }
#new_materials .author-title { margin: 2px 0 21px; }
#center_column .author-title { margin: 2px 0 27px; }
#center_header, #center_header_right { height: 90px; }
#center_header_right { float: right; width: 240px; }
#center_content { position: absolute; top: 90px; width: 100%; }
#announce, #announce_right { z-index: 10; }
#announce, #announce_right, #top_books_right, #top_articles_right { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#announce a { display: block; width: 100%; height: 290px; line-height: 290px;}
#announce span.announce_inner { width: 450px; padding-left: 55px; display: inline-block; vertical-align: middle; line-height: normal; }
#announce span.announce_title { font-size: 2.7em; font-family: Noto Serif; text-transform: lowercase; line-height: 30px; }
#announce span.announce_author { font-size: 1.8em; display: block; padding-top: 15px; font-family: Roboto Condensed; font-style: italic; text-transform: lowercase; }
#center_left_column, #center_right_column { width: 50%; margin-top: 290px; }
#center_right_column { float: right; }
#center_column a.material-title { margin: 10px 0 0; }
#center_right_column { left: 50%; right: 0; }
#right_column { width: 256px; float: right; }
.top_tags { padding: 152px 60px 38px 30px; /* background-color: #126ca8; */ }
.top_tags a { font-size: 1.8em; margin: 14px 0; color: #fff; line-height: 18px; }
a.all_link { font-size: 1.0em; margin: 26px 0 0; }
.current_thought, a.current_thought { display: block; padding: 120px 20px 50px 30px; height: 30px; color: #000; font-size: 1.0em; text-decoration: none; }

.material-header { width: 700px; margin: 0 auto; }
table.chapter-links { width: 100%; border-bottom: 1px solid #888; margin: 25px 0 0; }
table.chapter-links td { width: 33%; }
table.chapter-links td.right { text-align: right; }
table.chapter-links td.center { width: 34%; text-align: center; }
a.chapter-link { color: #888; font-size: 1.2em; padding: 10px 0 0; }

div.chapters { margin: 60px 0 0; }
div.chapters_list { margin: 75px 0 0; font-size: 1.7em; }
div.chapters_list a { color: #5d5d5d; }
div.chapters_list .material-title { margin-bottom: 1em; }

.selector .selector-filter label { display: inline; }
.selector .selector-available input { width: 80% !important; }
.material p .helptext { display: none; }

fieldset.collapsed legend {
      display: block !important;
}

#social { margin: 70px 0 0; overflow: visible; }
#social .fb-like { top: -3px; }
#social .gplus_repost { display: inline-block; position: relative; top: 3px; }
#social form { display: block; position: relative; top: 5px; }
#social input#lj_repost { height: 23px; background: #eee url(/static/exitum/img/lj.gif) no-repeat 3px 2px; border: 1px solid #CCC; cursor: pointer; padding: 0 3px 2px 21px; border-radius: 3px; }

div.postmsg p { margin: 0 0 10px !important; }
.clear { float: none !important; clear: both; }

form#logout_form button { display: block; background: url(/static/exitum/img/logout.png) no-repeat center center; border: none; width: 19px; height: 65px;  cursor: pointer; position: fixed; top: 10px; right: 10px; z-index: 10000; }
#auth-line { position: fixed; top: 70px; right: 12px; float: right; font-size: 1.2em; letter-spacing: 0.1em; font-weight: bold; color: #75726E; z-index: 10000;
  -webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
  -webkit-transform-origin: right bottom;
  -moz-transform: rotate(270deg);  /* FF3.5+ */
  -moz-transform-origin: right bottom;
  -ms-transform: rotate(270deg);  /* IE11 */
  -ms-transform-origin: right bottom;
  -o-transform: rotate(270deg);  /* Opera 10.5 */
  -o-transform-origin: right bottom;
  transform: rotate(270deg);
  transform-origin: right bottom;
  filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE8 */
}

.account-page { width: 306px; height: 214px; margin: 145px auto 0; }
.account-page .auth-social { background:url(/static/exitum/img/auth_social.png) no-repeat center top; width: 100%; height: 50px; position: relative; border-bottom: 1px solid #AFACA8; margin-bottom: 11px;}
.account-page a#auth-social-fb { display: block; position: absolute; left: 90px; width: 15px; height: 18px; }
.account-page a#auth-social-vk { display: block; position: absolute; left: 128px; width: 15px; height: 20px; }
.account-page a#auth-social-tw { display: block; position: absolute; left: 164px; width: 15px; height: 20px; }
.account-page a#auth-social-gp { display: block; position: absolute; left: 199px; width: 15px; height: 22px; }
.account-page div.fldbox { margin: 0 8px 7px; width: 264px; }
.account-page div.fldbox input { display: block; border: none; width: 100%; height: 22px; color: #716E6E; background: #CDCECB; }
.account-page div.fldbox-username,
.account-page div.fldbox-email { margin-bottom: 18px !important; }
.account-page div.fldbox input,
.account-page div.fldbox ul.errorlist { font-size: 1.2em; padding: 1px 13px; }
.account-page ul.errorlist { margin: 0; }
.account-page #remember_box { float: right; color: #858583; }
.account-page #forgot_remember_box { font-size: 1.0em; margin: 0 7px; }
.account-page a#forgot { padding-left: 107px; color: #858583; margin: 18px auto; }
.account-page input#id_remember { margin: 0; }
.account-page a#signup { display: block; text-align: center; font-size: 1.3em; margin: 18px auto; color: #9F7B45; letter-spacing: 0.3em; }
.account-page button { display: block; background: url(/static/exitum/img/triangle.png) no-repeat right center; border: none; height: 24px; padding: 0 25px 0 2px; float: right; clear: both; color: #6C6C6B; font-size: 1.8em; cursor: pointer; margin: 30px 8px 0; }

p.post_body_html { text-align: justify; }
p.form-legend { font-size: 1.3em; }
ul.errorlist { color: red; font-size: 1.3em; list-style-type: none; margin-bottom: 5px;}

article.materials div.info { margin: 60px 0; }
.moderator-only { font-weight: bold; color: red; }
.category-description { padding: 4px 6px; }
.bottom-msg { position: fixed; bottom: 10px; left: 0; right: 0; text-align: center; font-size: 1.0em; color: #858583; }
.article-date { float: right; padding: 10px 0 10px 20px; font-size: 1.0em; }
.snippet { font-size: 1.2em; }

.txtarea, .markItUp { width: 100% !important; }
.markItUpEditor { padding: 0 !important; border: none !important; background: none !important; width: 100% !important; }