@charset "utf-8";
/* CSS Document */

h1 {font-size: 14px; color: #654109;}

body {background:url('/i/center.jpg') center top; padding:0px; margin:0px; font-family:Tahoma; font-size:13px;} /* Стили для тела, фон центральной области, шрифт по-умолчанию */
.footerBg {background:url('/i/footer.jpg') no-repeat center bottom; display:block; padding-bottom:300px; overflow:hidden; position:relative; width:100%; min-width:1000px; min-height:1920px;} /* Фон шапки  */
.headerBg {text-align:center} /* Фон подвала  */

#logo {display:block; width:380px; height:190px; position:relative; margin:0px auto; left:-350px;} /* Прозиционирование ссылки на главную страницу над логотипом */
#buttonCode {display:none; width:170px; height:50px; position:absolute; border:1px #896c39 solid; background:#f5edc8;} /* Код кнопки, скрытый в левом блоке*/

.center {width:956px; margin:0px auto; position:relative; left:-27px;} /* Стиль для контентной области (левое меню и контент */
.leftBlock, .rightBlock {float:left; text-align:left;} /* Выравнивание левоего меню и правой контентной области */

.contentTitle {color:#654109; font-size:24px;} /* Стиль для заголовоков */

/* Левое меню  */
.leftBlock {width:235px; font-size:15px;} /* Ширина и страндартный размер текста для левого меню  */
.leftBlock ul {list-style:none; margin:0px; padding-left:25px;} /* Стиль для меню - списка, обнуление отступов и стилей  */
.leftBlock ul li {margin-bottom:6px;} /* Увеличение межстрочного растояния между пунктами меню  */
.leftBlock ul a {color:#f4ecc9; background:url('/i/arraw.gif') no-repeat left center; padding-left: 15px} /* стиль для ссылок в меню  */
.leftBlock ul a:hover {color:#ff9000; background:url('/i/arraw_select.gif') no-repeat left center;} /* наведенная ссылка в меню */
.leftBlock .text {padding:0px 25px 0px 25px; color:#f4ecc9; font-size:11px; margin-top:7px;} /* Стиль для текста с отступом */
.leftBlockSmall {font-size:10px; color:#939391} /* Шрифт для мателького текста */
.leftBlock .contentTitle {color:#f4ecc9; padding-left:25px; } /* Шрифт для заголовоков в левом блоке */
.leftBlock div a {font-size:11px; color:#939391; position:relative; top:-14px; } /* Ссылка, справа от кнопки ответить */

/* Опрос */
.poll {background:url('/i/pool_bg.png'); height:245px;} /* Фон для опроса, высота */
.poll form { padding-left:25px;} /* Форма опроса - отступ */
.poll form label {color:#939391;font:11px Tahoma;} /* Текст для элементов опроса */

/* Информер кол-ва онлайн*/
.informer {padding-left:25px; color:#7f7b6a; font-size:11px;} /* оступы */
.informer b {color:#f4ecc9} /* стиль для жиных цифр */

/* Контентаная область */
.rightBlock {width:721px; font-size:13px; color:#654109;} /* Стандарные настройки для шрифта */
.rightBlock a {color:#654109} /* Для ссылок */

/* Блоки в шапке контента */
.biblioBlock {float:left; width:180px; font-size:10px; padding:0px 15px 0px 15px;} /* Позиционирование блока библиотека  */
.biblioBlock a {font-size:12px; font-weight:bold;} /*  стиль для ссылок в библиотечном блоке */
.top5 {background:url('/i/top5.png'); width:276px; margin-right:11px;} /* позиционирование и фон блока ТОП5 */
.favoriteBook {background:url('/i/favoritebook.png'); width:216px;} /* Позиционирование и фон блока книга недели  */
.top5, .favoriteBook {padding-top:10px; height:248px; float:left;} /* Общие стиля для блокок ТОП5 и лучшая книга недели - оступы, ширина  */
.top5 .contentTitle, .favoriteBook .contentTitle {color:#fbf4d0; font-size:12px; font-weight:bold; padding-left:35px;} /* Стиля зла заголовов в блоках ТОП 5 и книга недели  */
.top5 div {margin:10px 0px 0px 20px; color:#fbf4d0; font-size:12px; font-weight:bold;} /* Слиля для пунктов списка ТОП5  */
.top5 div a {color:#fbf4d0;} /* Слилия для ссылок в пунктах ТОП5  */
.top5 div .smallText {font-size:10px; font-weight:normal; color:#654109; padding-left:17px;} /* Маленький текст (кол-во скачиваний) в списках ТОП5 */
.top5 .footer {position: relative; top:8px; left:20px;} /* Стиль для блока со ссылкой на рейтинг 100 книг блока ТОП5  */
.top5 .footer a {font-size:11px; color:#faf3cf; font-weight:normal;} /* Стиль для ссылок на рейтинг 100 книг блока ТОП5  */
.favoriteBook .book {text-align:center; margin-top:20px; font-size:11px; font-weight:bold;} /* Стиль для текста блока лучшая книга  */
.favoriteBook .book img {margin-bottom:5px;} /* Остатупы для кантинки в блоке лучшая книгна  */

/* Блок с темами форума  */
.forum_block {width:715px;} /* Общая ширина блока */
.forum_block div {background:url('/i/block_forum.png'); height:20px; font-size:11px;} /*  Стили для темной строки блока и всех соатльных  */
.forum_block div span {padding:3px 10px;} /* Выравнивание текста внутри строки */
.forum_block div.light {background:url('/i/block_forum_l.png');} /* Фон светклой части блока */
.forum_block div.top {background:url('/i/block_forum_t.png'); height:7px;} /* Фон для вехней полосы с закруглениями  */
.forum_block div.bottom {background:url('/i/block_forum_b.png'); height:7px;} /* Фон для нижней полосы с закруглениями  */

/* Новости */
.news_title {color:#000; font-size:14px; font-weight:bold; margin-top:20px;} /* Стиль для заголовка новости */
.news_title a {color:#000; background:url('/i/news_title_bg.png') no-repeat left center; padding-left:25px;} /* Стиль для ссылки в заголовке новости с фоном в виде стрелки и отступом */
.news_title h1 {background:url('/i/news_title_bg.png') no-repeat left center; padding-left:25px;}
.news_body {font-size:12px; text-align:justify; padding-left:25px;} /* Стилья для текста новости. Выравнивание текста, отступ слева.  */
.news_body h2  {font-size:13px; color:#654109; font-weight:bold; text-align:justify;}
.news_body h3  {font-size:12px; color:#654109; text-align:justify; padding-left:25px;}
.news_body h3  a{color:#654109;}
.news_body a {color:#000;} /* Стиль для ссылок внутри текста новости */
.news_body img {margin:4px; border:3px #bbb59a solid} /* Оступы и граница для картинок внутри текста  */
.news_footer {height:29px; background:url('/i/news_footer_bg.png');} /* Размер и фон нижней части новости с автором датой и комментами */
.news_footer span {font: 11px arial; color:#726d5a; padding:7px 10px 0px 25px;} /* Стиль дял текста. Выравнивание по середине.  */

/* Панелья навигации на второстепенных страницах */
.navigation {padding-left:20px; color:#746e58; font-size:11px;} /* Отступ и форматирование шрифта*/
.navigation a {color:#000}  /* Для ссылок */

/* Строка сортировки в библиотеки книг */
.sortBar {background:url('/i/sort_bar.png'); height: 29px; width:735px; font-size:11px; color:#000;}  /* размеры, фон и форматирование */
.sortBar a {color:#654109}  /* ссылки */
.sortBar div {padding-top:7px} /* выравнивание текста для списанных блоков (для поисковой форым свой стиль) */

/* Выводы инфы */
#errors { margin-bottom: 15px; border-style: dashed; border-color: red;}
#success { margin-bottom: 15px; border-style: dashed; border-color: green;}
dd,dt,dl {margin:0;padding:0;}
dl{overflow:auto;}
dt{float:left;width:20%;}

/* Комментарии*/
.comm_body {padding:8px 0px 5px 8px; border:1px; border-style: dashed; border-color: grey; position: relative;}
.comm_user {margin-left: 14px;border-bottom:1px dashed #DBB270;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:2px;padding-top:3px; text-align:left;font-size:8pt;}
.comm_date {float:right;padding-right:5px}
.comm_mesage {padding-top:9px;}
.comm_mesage .avatar {
	border-radius: 100px;
	position: absolute;
	top: -10px;
	left: -16px;
	border: 1px solid gray;
}

/* Подвал */
.footer {color:#000; width:721px; margin:0px auto; position:relative; left:120px; font-size:11px; text-align:left;}

/*Цитата*/
.quote {
	color: #000000;
	background-color: #dee3ce;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-color: #666666;
	border-left-width: 3px;
	border-left-style: solid;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-size: x-small;
	line-height: 1.4em;
}

.quoteheader {
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: 700;
	font-size: x-small;
	line-height: 1.2em;
}

/* АЯКС */
.messagebox{
 position:absolute;
 width:100px;
 margin-left:30px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}

.toast-container{width:280px;z-index:9999;}
* html .toast-container{position:absolute;}
.toast-item{height:auto;background:#333;opacity:.9;-moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; color:#eee;padding-top:20px;padding-bottom:20px;padding-left:6px;padding-right:6px;font-family:lucida Grande;font-size:14px;border:2px solid #999;display:block;position:relative;margin:0 0 12px 0;}
.toast-item p{text-align:left;margin-left:50px;}
.toast-item-close{background:url(/i/close000.gif);width:22px;height:22px;position:absolute;top:7px;right:7px;}
.toast-item-image{ position: absolute; top:7px; left: 7px; width:32px;height:32px;float:left;}
.toast-item-image-notice{background:url(/i/notice00.png);}
.toast-item-image-success{background:url(/i/success0.png);}
.toast-item-image-warning{background:url(/i/warning0.png);}
.toast-item-image-error{background:url(/i/error.png);}
.toast-type-notice{color:white;}
.toast-type-success{color:white;}
.toast-type-warning{color:white;border-color:#FCBD57;}
.toast-type-error{color:white;border-color:#B32B2B;}
.toast-position-top-left{position:fixed;left:20px;top:20px;}
.toast-position-top-center{position:fixed;top:20px;left:50%;margin-left:-140px;}
.toast-position-top-right{position:fixed;top:20px;right:20px;}
.toast-position-middle-left{position:fixed;left:20px;top:50%;margin-top:-40px;}
.toast-position-middle-center{position:fixed;left:50%;margin-left:-140px;margin-top:-40px;top:50%;}
.toast-position-middle-right{position:fixed;right:20px;margin-left:-140px;margin-top:-40px;top:50%;}

.topadvert_div{
	width: 310px;
}

.topadvert_div table tr td table tr td table tr td{
	border-style: dotted;
}

.banner{
	margin-bottom: 5px;
	border-radius: 10px;
	border: 5px solid #AD956F;
}

.pagination {
    font-size: 14px;
    font-weight: bold;
    margin: 10px auto 0;
    text-align: right;
}
.pagination ul {
    display: inline-block;
       list-style: none;
       margin: 0;
       padding: 0;
}
.pagination ul li {
    float: left;
    height: 35px;
}
.pagination ul li a, .pagination ul li span {
    border-radius: 3px;
    margin: 0 5px;
    padding: 5px 10px;
       text-decoration: none;
}
.pagination .prev-page, .pagination .next-page {
    margin-right: 10px;
}
.pagination ul li a {
       background-color: #8E5A0C;
    background: none repeat scroll 0 0 rgba(101, 65, 09, 0.6);
    color: #ffffff;
}
.pagination ul li.active a {
       background-color: #FFDAA3;
    background: none repeat scroll 0 0 rgba(101, 65, 09, 0.1);
       color: #70450A;
}
.pagination ul li a:hover {
       background-color: #70450A;
       color: #FFFFFF;
    background: none repeat scroll 0 0 rgba(101, 65, 09, 0.8);
}
.pagination ul li.prev-page a, .pagination ul li.next-page a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: rgba(101, 65, 09, 0.8);
}
.pagination ul li.prev-page a:hover, .pagination ul li.next-page a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: rgba(101, 65, 09, 1);
}
.pagination  .dots {
       font-family: "Open Sans", sans-serif;
       letter-spacing: 0.2em;
       margin: 0;
}
a.add-book  {
       display: block;
       float: left;
       border-radius: 3px;
    margin: 5px 10px 5px 0;
    padding: 5px 10px;
       background-color: #8E5A0C;
    background: none repeat scroll 0 0 rgba(101, 65, 09, 0.6);
    color: #ffffff;
       font-weight: bold;
       text-decoration: none;
}
.visually-hidden {
    display: none;
}
a.add-book:hover {
       background-color: #70450A;
       color: #FFFFFF;
    background: none repeat scroll 0 0 rgba(101, 65, 09, 0.8);
}
select.styled {
       background-color: #8E5A0C;
       background: none repeat scroll 0 0 rgba(101, 65, 9, 0.6);
       border: medium none;
       border-radius: 3px;
       color: #ffffff;
       font-family: tahoma;
       font-size: 12px;
       font-weight: bold;
       padding: 4px 10px;
}

.search_autocomplete{
    z-index: 999;
    border: 1px solid black;
    background-color: white;
    width: 631px;
    margin-top: -1px;
    border-color: grey;
    border-top: 0;
    position: absolute;
    display: none;
    border-color: rgba(0,0,0,0.27);    border-top-color: rgba(0,0,0,0.38);    border-bottom-color: rgba(0,0,0,0.16);    background: #fff;    background: -webkit-linear-gradient(#fff, #fff);    background: -o-linear-gradient(#fff, #fff);    background: linear-gradient(#fff, #fff);    background-clip: padding-box;    background-size: 16px 16px;    box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
}

.search_autocomplete .close{
    font-size: 20px;
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 3px;
}

.search_autocomplete table{
    padding: 10px;
    border-collapse: collapse;
}

.search_autocomplete .h3{
    padding-left: 15px;
}

.search_autocomplete td {
  padding: 5px 10px;
}

.search_autocomplete .searchtype{
    width: 50px;
    border-right: 1px dashed rgba(0,0,0,0.07);
    text-align: center;
    text-transform: uppercase;
}