/* CSS Document */

html { height: 100%; margin: 0; padding: 0; }
body { padding: 0 15px 23px 15px; margin: 0; }
img { border: 0; }

* { font-size: inherit; }
table { border-collapse: collapse; }
body, table { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666; }
td, th { vertical-align: top; text-align: left; }
div, p, td, th, li, dd { font-size: 1em; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; font-weight: normal; color: #46AA92; }

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

.caps { font-size: 1.8em; }
.clear { visibility: hidden; float: none !important; clear: both !important; }
.left { text-align: left; }
.right { text-align: right; }
.gray { color: silver !important; }

/* основной каркас */

table.main { width: 100%; height: 100%; background: white url(/images/main_grad.png) repeat-x top; }
table.main .logo { height: 163px; background: url(/images/header_logo.png) no-repeat; background-position: left top; }
table.main .logo .logo-link { outline: none; display: block; position: absolute; top: 45px; left: 70px; width: 700px; height: 75px; }
table.main .user-menu { height: 163px; width: 26%; }
table.main .menu { height: 31px; padding: 0 15px 0 15px; }
table.main .leftcol { width: 26%; }
table.main .leftcol .shadow { height: 16px; margin-left: 12px; position: relative; left: 2px;
  background: url(/images/main_grad_shadow_1.png) repeat-x top; }
table.main .midcol { width: 48%; background-color: white; }
table.main .midcol .content { padding: 36px 15px;
  background: url(/images/main_grad_shadow_2.png) repeat-x top; }
table.main .midcol .content .wrap { margin-right: 30px; }
table.main .rightcol { width: 26%; }
table.main .rightcol .shadow { height: 16px; margin-right: 12px; position: relative; left: -2px;
  background: url(/images/main_grad_shadow_1.png) repeat-x top; }
table.main .footer { height: 51px; background-color: white; }
table.main .footer .left { padding-left: 16px; }
table.main .footer .right { padding-right: 16px; }
table.main .w100 { width: 100%; padding: 0 16px; }
table.main .w74 { width: 74%; padding-left: 16px; }

/* меню пользователя и иконки в шапке */

.user-menu { padding-top: 36px; }
.user-menu div { text-align: center; }
.user-menu .username { margin-bottom: 20px; }
.user-menu .username span { color: #787878; }
.user-menu .username b { color: #147282; }
.user-menu .auth-img { float: left; text-align: right; padding-right: 8px; width: 40%; }
.user-menu .auth-img:focus { outline: 0; }
.user-menu .auth { text-align: left; }
.user-menu .auth a { display: block; }
.user-menu .auth a.cabinet { padding-top: 0px; }
.user-menu .auth a:focus { outline: 0; }
.user-menu .auth .caps { color: #FC7F2C; position: relative; top: 2px; left: -2px; }
.user-menu .icon-links { clear: both; position: relative; top: 12px; }
.user-menu .icon-links a { margin: 0 6px; }

/* главное меню */

.main-menu { width: 100%; height: 31px; background-color: white; }
.main-menu td { padding: 0 18px; vertical-align: middle; text-align: center; }
.main-menu td * { white-space: nowrap; font-size: 1.2em; }
.main-menu td span { color: #EC6206; }
.main-menu td a { color: #087660; }

/* блок последних записей в блоге */

.blog-recent { margin: 35px 0; padding: 0 40px; }
.blog-recent .caption { margin-bottom: 24px; }
.blog-recent .caption * { color: #A57DD2; }

.blog-recent .item { margin-bottom: 20px; }
.blog-recent .item span { display: block; margin-bottom: 4px; }
.blog-recent .item span.t { color: #8B8B8B; }
.blog-recent .item span.c { color: #646363; }
.blog-recent .item span.t b { font-weight: normal; color: #45AA92; }
.blog-recent .item span.t b a { color: #45AA92 !important; }
.blog-recent .item span.c b { font-weight: normal; color: #C19355; }
.blog-recent .item p { display: block; padding-left: 48px; }
.blog-recent .item img { float: left; margin-right: 6px; border: 1px silver solid; }

/* блок подписки на рассылку */

.mailing-suscribe { margin: 35px 0; padding: 0 5px; }
.mailing-suscribe div { text-align: center; }
.mailing-suscribe .caption { padding-left: 56px; padding-top: 6px; margin-bottom: 30px; text-align: left; }
.mailing-suscribe .caption span { color: #6F9694; }
.mailing-suscribe .caption b { color: #FC6300; }
/* .mailing-suscribe .form input { width: 170px; color: #FC6300 !important; }
.mailing-suscribe .form .field { margin-bottom: 8px; border: 1px #849FB0 solid; }
.mailing-suscribe .form .label { margin-bottom: 1px; position: relative; left: -2px;
  border-style: none; background: none; font-size: 0.85em; color: black !important; cursor: default; }
.mailing-suscribe .form .button { margin-top: 14px; border-style: none;
  background-color: #D4ADF6; color: white !important; padding-bottom: 2px; } */

/* еще один блок подписки на рассылку */

.blog-subscribe { margin: 35px 0; padding: 0 20px; }
.blog-subscribe div { text-align: center; }
.blog-subscribe .caption { padding-left: 56px; padding-top: 6px; margin-bottom: 30px; text-align: left; }
.blog-subscribe .caption span { font-weight: bold; color: #82A49F; }
.blog-subscribe .form input { width: 170px; }
.blog-subscribe .form .field { margin-bottom: 8px; border: 1px #849FB0 solid; }
.blog-subscribe .form .label { margin-bottom: 1px; position: relative; left: -2px;
  border-style: none; background: none; font-size: 0.85em; color: #D4ADF6 !important; cursor: default; }
.blog-subscribe .form .button { margin-top: 14px; border-style: none;
  background-color: #D4ADF6; color: white; padding-bottom: 2px; }

/* подвал */

.footer {  }
.footer td { text-align: center; vertical-align: middle; padding-top: 10px; border-top: 1px #CCC solid; }
.footer td a { white-space: nowrap; text-decoration: underline; }
.footer td.left { text-align: left; padding-left: 50px; }
.footer td.left span { display: block; margin-bottom: 4px; }
.footer td.left b { font-weight: normal; color: #FC6200; }
.footer td.left a { color: #794CB5; }

.copy { text-align: left; padding-right: 20px; }
.copy a { display: inline !important; }
.copy .icon img { float: right; position: relative; top: -2px; }
.copy .small { margin-top: .5em; font-size: .8em; white-space: nowrap; position: relative; left: 8px; }

.footer .wm-link { display: block; margin-bottom: -10px;
  position: relative; top: 36px; left: -18px; font-size: .8em; outline: none; }

/* контент */

div.content { width: 100%; height: auto; min-height: 450px; padding: 40px 0;
  background: white url(/images/main_grad_shadow_2.png) repeat-x top; }

.content-table { width: 100%; height: 100%;
  background: white url(/images/main_grad_shadow_2.png) repeat-x top; }
.content-table td.content { padding: 40px 0 10px 0; }

.content-table td.pages { height: 60px; }
.content .wrap div { text-indent: 24px; }
.content .wrap a { color: blue; text-decoration: underline; }

.content .wrap table { border: 1px solid rgb(215,215,215); }
.content .wrap table td { padding: 4px 6px; border: 1px solid rgb(215,215,215); }
.content .wrap table th { padding: 4px 6px; background-color: rgb(226,226,226); border: 1px solid rgb(215,215,215); }

/* список книг */

.books-list-item { float: left; width: 50%; margin-bottom: 20px; }
.books-list-item div { margin: 0 16px; }
.books-list-item .wrap { height: 180px; }
.books-list-item .image { float: left; }
.books-list-item .image img { border: 1px #E7E7E7 solid; margin-bottom: 10px; float: left; }
.books-list-item .title { padding: 6px 20px; border: 1px #E7E7E7 solid; border-left-style: none; }
.books-list-item .title a { color: #A57DD2; }
.books-list-item p { margin: 15px 20px 0 0; }
.books-list-item .detail-link { float: right; margin-top: 20px;
  font-size: 0.85em; text-decoration: underline; }

/* описание книги */

.books-item { width: 100%; border-style: none !important; }
.books-item .title { padding: 6px 20px 6px 0; border: 1px #E7E7E7 solid; border-left-style: none; }
.books-item .title span { color: #A57DD2; }
.books-item .image { padding: 0 6px 0 20px; text-align: center; }
.books-item .image img { margin-bottom: 40px; }
.books-item .image .cost { margin-bottom: 40px; font-size: 1.9em; }
.books-item .image .order-link { display: inline; padding: 4px 20px;
  text-align: center; background-color: #FD6301; }
.books-item .image .order-link a { color: white; }
.books-item .title { padding: 6px 20px; border: 1px #E7E7E7 solid; border-left-style: none; }
.books-item .title span { color: #A57DD2; }
.books-item .desc { padding-right: 20px; width: 100%; }
.books-item .desc blockquote { margin-left: 20px; }
.books-item .desc .text { margin-left: 20px; }
.books-item .back-link { float: right; margin-top: 20px;
  font-size: 0.85em; text-decoration: underline; }
.books-item .comments { padding: 6px 12px; margin-bottom: 20px;
  border: 1px solid #E8E7E7; background-color: #E8FCF7; }
.books-item .comments span  {  }
.books-item .comments p {  }


/* бложег */

.blog-entry { margin: 0 20px 30px 20px; }
.blog-entry .header { width: 100%; height: 40px; }
.blog-entry .header td { height: 30px; padding: 6px 8px;
  border: 1px solid #E8E7E7; vertical-align: middle; }
.blog-entry .header td * { white-space: nowrap; }
.blog-entry .header .pad { border-left-width: 0; border-top-width: 0; height: 10px !important; }
.blog-entry .header .date { width: 1%; background-color: #E2FAE1; }
.blog-entry .header .time { width: 1%; background-color: #F0DEFE; }
.blog-entry .header .date * { color: #9B74CC; }
.blog-entry .header .time * { color: #9B74CC; }
.blog-entry .header .title { width: auto; padding: 6px 12px; white-space: normal; }
.blog-entry .header .title * { color: #45AA92; white-space: normal; }
.blog-entry .header .comments { width: 150px; height: 40px;
  background-color: #E8FCF7; vertical-align: top; cursor: pointer; }
.blog-entry .header .comments * { font-size: .85em; }
.blog-entry .header .comments span { color: #8B8B8B; }
.blog-entry .header .comments b { display: block; float: right; margin: 2px 56px 0 0;
  font-weight: normal; color: #6F9694; }
.blog-entry .add-comment { margin: 0 160px 0 30px; float: left; }
.blog-entry .category * { font-size: .85em; }
.blog-entry .category b { font-weight: normal; color: #FC6300; }

.blog-entry .comments { padding: 6px 12px; margin-bottom: 20px;
  border: 1px solid #E8E7E7; background-color: #E8FCF7; }
.blog-entry .comments span  {  }
.blog-entry .comments p {  }

.add-comment-form { padding: 0 16px 4px 16px; position: absolute;
  text-align: left; background-color: #FAE9DC; border: 2px solid #FCC4A3 }
.add-comment-form textarea { margin-bottom: 4px; border: 1px #849FB0 solid; }
/* .add-comment-form input { display: block; width: 160px; }
.add-comment-form .field { margin-bottom: 4px; border: 1px #849FB0 solid; }
.add-comment-form label { margin-bottom: 1px; color: #C382D5 !important; cursor: default; font-weight: normal; } */
.add-comment-form .button { width: 120px; border-style: none;
  background-color: #D4ADF6; color: white; padding-bottom: 2px; }
.add-comment-form .button-close { width: 13px; height: 13px; float: right; position: relative; top: 2px; left: 13px;
  background: url(/images/bttn_close_gray.png); cursor: pointer; }
.add-comment-form .error { margin-top: -40px; }

/* левая колонка в бложеке */

.author { margin: 35px 0; width: 100%; text-align: center; }
.author img { float: none; }
.author div { color: #FC6300; margin-top: 15px; }

.search { margin: 0 0 20px 0; padding: 0 20px; }
.search div { text-align: center; }
.search .caption { padding-left: 56px; padding-top: 6px; margin-bottom: 16px; text-align: left; }
.search .caption span { font-weight: bold; color: #B97EEC; }
.search .form select { width: 60%; margin-bottom: 8px; border: 1px #849FB0 solid; }

/* формы */

.content .form { text-indent: 0 !important; }
.content .form .field { display: block; }
.content .form label {  }
.content .form {  }

.error, .error * { color: red; text-indent: 0 !important; }
.error pre { margin: 0; font-family: Arial, Helvetica, sans-serif; }

/* всплывающая авторизация */

.popup-form { padding: 8px 16px 4px 16px; position: absolute; top: 8px; right: 60px;
  text-align: left; background-color: #FAE9DC; border: 2px solid #FCC4A3 }
.popup-form input { display: block; width: 160px; }
.popup-form .field { margin-bottom: 4px; border: 1px #849FB0 solid; }
.popup-form label { margin-bottom: 1px; color: #C382D5 !important; cursor: default; font-weight: normal; }
.popup-form .button { margin: 12px 0 0 0; border-style: none;
  background-color: #D4ADF6; color: white; padding-bottom: 2px; }
.popup-form .button-close { width: 13px; height: 13px; float: right; position: relative; top: -5px; left: 13px;
  background: url(/images/bttn_close_gray.png); cursor: pointer; }

/* постраничка */

.nav-pages { text-align: center; }
.nav-pages * { margin: 0 5px; font-size: 1.3em; color: #8B8B8B; }
.nav-pages a:hover { text-decoration: none; }
.nav-pages a.dig { text-decoration: underline; }
.nav-pages a.dig:hover { text-decoration: underline; }
.nav-pages .current { color: #FC6300; }

/* картиночки. */

.image-mailing-subscribe { float: left; position: absolute; height: 59px; width: 42px; background: url('/images/mailing_subscribe.png'); }
.image-blog-subscribe { float: left; position: absolute; height: 46px; width: 39px; background: url('/images/blog_subscribe.png'); }
.image-recent { float: left; margin: -2px 0 0 -30px; position: absolute; height: 52px; width: 24px; background: url('/images/recent_entries.png'); }
.image-search { float: left; margin: 4px 0 0 2px; position: absolute; height: 33px; width: 37px; background: url('/images/search.png'); }
.image-baloon { height: 30px; width: 35px; background: url('/images/entries_baloon.png'); }
.blog-recent .image-baloon { float: left; margin: 14px 0 0 0; }
.blog-entry .image-baloon { float: left; margin: 0 12px 0 6px; }

/* карта сайта */

.sitemap { list-style-type: none; margin: 0; padding-left: 24px; }
.sitemap li { font-size: 1.2em; font-weight: normal; }

/* разная хрень */

.expand-link { display: block; margin: 0 0 2em 0; font-weight: bold; color: #B97EEC; cursor: pointer; }
.expand-link:hover { text-decoration: underline; }

.level-link { text-indent: 0 !important; margin-bottom: 2em; }
.level-link .title { display: block; font-size: 1.2em; margin-bottom: .2em;
  color: #087660 !important; text-decoration: none !important; }
.level-link a.title:hover { text-decoration: underline !important; }
.level-link p { margin: 0; }

.blog-category { display: block; float: left; clear: both; outline: none; color: #B97EEC; text-decoration: none !important; }
a.blog-category:hover { text-decoration: underline !important; }
.blog-category.selected { font-weight: bold; }

.xspf-player { position: relative; top: 4px;  }

.top-1000-banner { margin: 0 5px 0 26px; }