body { margin:0px; padding:0px; background-image:url(../img/bg_view_global.jpg);}
img{ border:none;}
p { font-family: Verdana, sans-serif; margin:10px;}
h2 { font:italic 900 26px "Palatino Linotype", Verdana, sans-serif; text-align:center; page-break-after:avoid; color:#900020; margin:0px; padding:0px;}
h3 { font: 14.0pt "Times New Roman", serif; text-align:center; page-break-after:avoid;}

a{ text-decoration:none; color:#003AAC;}
a:hover{ text-decoration:none; color:#d70a0a;}

/************** Стили навигации **************/
h1{ font:400 10px Verdana, sans-serif; margin:0px; padding-left:5px; text-align:left; color:#fc0; width:1000px;}
h1 a{ text-decoration:none; color:#fc0;}
h1 a:hover{ text-decoration:none; color:#fc0;}
ul#menu_left { padding:0px; margin:5px; border:solid 0px gray; border-bottom-width:1px;}
#menu_left li { margin:0px; padding:0px; list-style:none; border:solid 1px gray; border-bottom-width:0px; font-size:0; line-height:0;}
#menu_left a{ text-decoration:none; color:#000; font:700 13px Georgia, Verdana, sans-serif; display:block; margin:0px; padding:3px; background-color:#f6f6f6;}
#menu_left a:hover{ color:#d70a0a; background-color:#ff9; padding-left:5px;}
.let a{text-decoration:none; font-weight:900;}
#let_author a{color:#ede66b;}
#let_author a:hover{color:#000;}
#let_book a {color:#7a3b05;}
#let_book a:hover{color:red;}
/************** Конец стилей навигации **************/

th {	text-align:center;}

.mini_h1_r {	font:400 10px Verdana, sans-serif; margin:0px; text-align:right; color:#ffeb07;}
.com{ text-decoration:underline; color:#333;}
#com a:hover{ text-decoration:none; color:#000;}

.navlessons{ font-weight:700; font-size:15px; text-align:center; color:#363636; width:100%;
	height:25px; padding-top:5px; border-top:1px solid #666; border-bottom:1px solid #666; margin-bottom:0 !important; background:url("../img/navbg.jpg") repeat-x top right;
}
/************** Стили шрифтов **************/
.take_h1 { font:900 26px "Palatino Linotype", Verdana, sans-serif; margin:10px; text-align:center; color:#003AAC;}
.take_h2 { font:900 18px "Palatino Linotype", Verdana, sans-serif; text-align:center; color:#003AAC;}
.take_h3 { font:900 18px "Palatino Linotype", Verdana, sans-serif; margin: 10px; text-align:center; color:#003AAC;}
.search_h1 { font:900 18px "Palatino Linotype", Verdana, sans-serif; text-align:left; color:#a9a9a9;}

.global_link a{ text-decoration:none; color:#003AAC; font-weight:900; font-size:12px;}
.global_link a:hover{ text-decoration:none; color:#d70a0a; font-weight:900; font-size:12px;}

.MsoNormal{
	font: 20px/1.6em Verdana, Arial, sans-serif;
	text-align: justify;
}
.strong{ font-weight:900;}
.em{ font-style:italic;}

.MsoNormal a, .em a, .strong a { font-weight:900; text-decoration:none; color:#003AAC;}
.MsoNormal a:hover, .em a:hover, .strong a:hover{ font-weight:900; text-decoration:none; color:#d70a0a;}

.take_h1 a { font:900 16px/1.5 Verdana, sans-serif; text-decoration:none; color:#003AAC;}
.take_h1 a:hover { font:900 16px/1.5 Verdana, sans-serif; text-decoration:none; color:#d70a0a;}

.letter_nav a{text-decoration:none; color:#003AAC; font-weight:900;}
.letter_nav a:hover{text-decoration:none; color:red; font-weight:900;}
.letter_nav_bg{ font:400 12px Verdana, sans-serif; padding:8px; text-align:left;}
.letter_nav_bg table{ width:100%; margin-bottom:8px;}

.poem{padding-left:20px;}
.stanza{padding-bottom:20px;}
/************** Конец стилей шрифтов **************/

/************** Стили футера **************/
.footer{ background-image:url(../img/footer_fon.jpg); padding:0px; margin:0px;}
.footer_p{ font-size:10px; width:800px; text-align:left; color:#7f7f9c; padding:10px; margin:0px;}
.footer strong{ font-weight:400;}
.footer a{ text-decoration:none; color:#7f7f9c;}
/************** Коцен футера **************/


/************** Начало стилей Оглавления и Примечания **************/
.contents_bk{ background-color:#4176ac; text-align:center; border:solid 1px #4176ac;}
.contents{ font:italic 900 18px "Palatino Linotype", Verdana, serif; color:#fff;  border:solid 2px #fff; margin:0px; padding:2px;}
.contents h2{ color:#fff; font-size:18px;}
#contents{ text-decoration:none; color:#fff;}
#contents a:hover{ text-decoration:none;	color:#ffc;}

.oglav_text{ line-height:25px; font-size:15px; list-style:none; padding-left:0px;}
#oglav_link a{ text-decoration:none; color:#3b62f5; font-weight:400;	font-family: Verdana, sans-serif; padding-left:23px;}
#oglav_link a:hover{	color:#000;	text-decoration:none; font-family: Verdana, sans-serif;	font-weight:400; background-image:url(../img/strelka_oglav.gif);
	background-repeat:no-repeat; background-position:bottom left;
}
.prm{ text-align:justify; font:900 14px Verdana, sans-serif;}
/************** Конец стилей Оглавления и Примечания **************/

/************** Начало стилей сортировки книг и авторов **************/
.let_ul{ list-style:none; background-color:#fff; font:400 14px/26px Georgia, Verdana, sans-serif; margin:0px 10px 10px; padding:0px;}
.let_ul li{ margin:0px; padding:0px; overflow:hidden;}
.letter_author{ display:block; padding-left:10px;}
.letter_nav_s{ display:block; width:65%; padding-left:10px; float:left;}
a:hover.letter_author, a:hover.letter_nav_s{ background-color:#ff9; color:#db3333; border:dashed 1px #ccc; line-height:24px; font-weight:900; padding-left:9px;}
/************** Конец стилей сортировки книг и авторов **************/

/************** Начало стилей read_book.php **************/
.tb_read_book{ background-color:#fafafa;}
.tb_read_book h2{ margin:10px; color:#c3c3c3; font-size:22px;}
.tb_read_book h2 span{ color:#900020;}
/************** Конец стилей read_book.php **************/

.border_com { border:1px solid #d4e7ee; background-color:#fefeea; line-height:1.7; font-size:12px; margin-bottom:8px;}
.comments_title { font:700 14px Arial, Helvetica, sans-serif; text-align:center; border-top: dashed 1px #00f; padding-top:20px;}
.comments { font-weight:700;	font-size:12px; text-align:left;}
.comments span{ color:#c3c3c3; font-size:10px; margin-left:15px;}
.comments_book { font-size:10px; text-align:left; color:#009933;}
.add_com { text-align:center; color:#00f;}
.img_com{ width:130px; text-align:center; vertical-align:top; padding:5px; color:#43637e; font: 11px Verdana, sans-serif;}
.img_com img{ margin-bottom:3px;}
.img_com div{ text-align:left;}
.img_com span{ color:green;}

/************** Стили таблицы для вывода с бд **************/
.table_gl { border:1px solid #000; width:96%; font-size:12px;}
.table_gl a{ text-decoration:none; color:#003AAC; font-weight:900;}
.table_gl a:hover{ text-decoration:none; color:#d70a0a; font-weight:900;}
.span_str span{ font-weight:900}
.span_str strong{ font-weight:400}
.span_str a strong{ font-weight:900}
.table_view_gl {	width:100%; font: 12px Verdana, sans-serif;}
.td_top_color { background-color:#cc3;}
.td_center_color { background-color:#ffc;}
.td_bottom_color { background-color:#eaeaea;}
.td_comment_color { background-color:#f2dfbe;}
.td_top_text { margin:5px 5px 5px 10px; text-align:left; color:#111; font: 900 14px "Palatino Linotype", Verdana, sans-serif;}
.td_top_zirku{ padding-right:9px; margin-bottom:5px;}
.td_text_10 { font-size:10px; font-weight:400; color:#333;}
.margin-right_8{ margin-right:8px;}
/************** Конец стилей для вывода с бд **************/

.bg_td { background-image:url(../img/bg_kletka.gif); font-family: Georgia, "Times New Roman", Times, serif;}
.main_border { background-color:#fff;}
.left { background-color:#fff; border-right: solid 1px #78420b;}
.right { background-color:#fff; border-left: solid 1px #78420b;}


/**************Начало стилей входа **************/
.entry{ margin:20px 0px 0px 0px; text-align:center; color:#333; font:11px Verdana, sans-serif;}
.entry label { display:block; margin-bottom:5px;}
.entry #login, .entry #password, .search #search{ border:3px #f1ca7f double; background-color:#fdffe2; color:#333; font:11px Verdana,sans-serif; width:150px;}
.entry #remember{ vertical-align:middle;}
.small a{ font:11px Verdana, sans-serif; margin:0 2px;}
.small{ text-align:center; margin-top:5px;}

.search{ text-align:center; color:#333; font:11px Verdana, sans-serif;}
.search label { display:block; margin-bottom:5px;}
.search img{ margin:10px 0px 5px 0px;}
.search input.formbutton{ margin:5px 0px 10px 0px;}

.formbutton{ font:700 11px Verdana, sans-serif; color:#fff; background-color:#f6f6f6; text-transform:uppercase; background:url(../img/button.gif);
	height:25px; width:150px; border:2px #ccc solid;
}

.ul_user{ list-style-type:none; font: 11px Verdana, sans-serif; margin:10px; padding:0px; color:#43637e;}
.ul_user li{ margin:5px 0px;}
.ul_user img{ vertical-align:middle;}
.ul_user a{ font: 12px Verdana, sans-serif;}
.ul_user span{ color:green;}

.div_user{ text-align:center; margin-top:10px;}
/************** Конец стилей входа **************/

/************** Начало стилей номерации страниц **************/
.navigation { color:#666; border:0px; font-family: Georgia, "Times New Roman", Times, serif;}
.navigation a{ text-decoration:none; color:#00f; background:#ff9; border:1px solid #666;	padding:3px 6px; margin:2px; font-size:11px;}
.navigation a:hover { background:#79b5fc; color:#040404; border-color:#4f4f4f;}
.navigation span { text-decoration:none; background:#ff9; padding:3px 6px; margin:2px; border:1px solid #e6e6e6; color:#ccc; font-size:11px;}
.navigation span.current{ border:1px solid #040404; font-weight:bold; background:#2e6ab1; color:#fff;}
/************** Конец стилей номерации страниц **************/

.main_title { padding-bottom:15px; padding-top:23px; margin-top:0px; font-size:1.8em; color:#c00; text-align:center;}
.text_r { margin-left:15px; margin-right:15px; font: 13px Verdana, sans-serif;}
.b {	font-size:1em;}

/************** Стили файла contents.php **************/
#menunav li{ float:left; list-style-type:none; width:50px; border:1px solid #000; background:#fff; margin:5px 0px;}
#menunav li  a{ color:#00f; background:#ddfe84; border:1px solid #666; padding:3px 6px; margin:2px; font-size:11px; font-weight:900;}
#menunav li a:hover { color:#fefb09; background:#316ce6; border:1px solid #4f4f4f; padding:3px 6px; font-size:11px; font-weight:900;}
/************** Конец стилей файла contents.php **************/

/************** Стили файла biography-author.php **************/
.sr_book { list-style:none; margin:10px; padding:0px; }
.sr_book ul{ padding:0px 10px 10px; margin:10px 0px;}
.sr_book ul li{ list-style:none; line-height:1.7;}
.sr_book a{ font-weight:400;}
.sr_book span { border:double 0px #900020; border-bottom-width:3px;}
/************** Конец стилей файла biography-author.php **************/

/************** Стили рейтинга **************/
.rating, .rating a:hover, .rating a:active, .rating a:focus, .rating .current-rating{ background:url(../img/rating.gif) left -1000px repeat-x;}
/* В качестве фона для сылок, списка и текущего рейтинга зададим нашу картинку и расположим ее пока за пределами элемента */

.rating{ position:relative; width:100px; height:20px; overflow:hidden; list-style:none; margin:0; padding:0; background-position:left top;}
/* Фоном будет являться "пустая" звездочка */

.rating li{ display:inline;}
/* Элементы списка пойдут друг за другом. */

.rating a, .rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:20px; line-height:20px; outline:none; overflow:hidden; border:none;}

.rating a:hover, .rating a:active, .rating a:focus{ background-position:left bottom;}
/* При наведении мышки и т.д. фоном будет нижняя часть картинки, а именно "подсвеченная" звездочка */

/* Зададим стили для каждой звездочки */
.rating a.one-star{ width:20%; z-index:6;}
.rating a.two-stars{ width:40%; z-index:5;}
.rating a.three-stars{ width:60%; z-index:4;}
.rating a.four-stars{ width: 80%; z-index:3;}
.rating a.five-stars{ width:100%; z-index:2;}

/* Текущий рейтинг выше всех и имеет в качестве фона "нормальную" звездочку */
.rating .current-rating{ z-index:1; background-position:left center;}
/************** Конец стилей рейтинга **************/

/************** Стили регистрации **************/
.reg_form{ background-color:#f1f1f1; border:1px solid black; width:360px; padding:10px; margin:20px auto;}
.reg_form label{ display:block; width:7em; float:left; }
.reg_form div{ margin-bottom:5px;}
.reg_form img{ vertical-align:middle;}
.reg_input{ border:3px #f1ca7f double; width:210px; color:#333; font: 11px Verdana, sans-serif; background-color:#fdffe2;}
.buttom{ text-align:center; margin-top:5px;}
fieldset{ padding:8px;}

.border_info{ margin:8px; padding:8px; border:10px double #dadada; background-color:#f9f9f9;}
/************** Конец стилей регистрации **************/

/************** Стили личного кабинета **************/
.profile_bk{ background-color:#ffffeb; padding:8px; font: 12px Verdana, sans-serif;}
.profile_width{ text-align:left; width:600px;}
.form_profile { border:dashed 1px #aaa; background: #f4fdda; padding:0px 8px 8px;}
.reg_form_div{ margin-top:7px;}
/************** Конец стилей личного кабинета **************/

/************** Выделение блока ошибок и сообщений **************/
.error_border{ border:3px #ccf double; background-color:#f0f7ff; padding:5px; font: 11px Verdana, sans-serif; text-align:left; }
.warning_border { border:solid 1px #c57f00; background-color:#fefeea; padding:12px; font: 11px Verdana, sans-serif;}
.error_border_reg { border:solid 1px #c57f00; background-color:#fefeea; padding:12px; font: 700 11px Verdana, sans-serif; text-align:center; margin:0px 50px;}
.reg_script{
	border:3px #ccf double; margin-top:5px; padding:2px; width:350px;
	background-color:#f0f7ff; font: 10px Verdana, sans-serif; text-align:center; color:#333;
}
/*************** Конец блока ошибок и сообщений *************/

/******************** Стилі AdsKeeper *******************/
#AdsKeeper .mgbox .mgline{
	border-radius: 7px;
	margin: 2px !important;
	padding: 8px 8px 16px 8px !important;
	border-width: 1px;
}
#AdsKeeper .mgbox .mgline .image-container{
	border-radius: 7px;
}
#AdsKeeperTop{
	margin: 0px auto;
	padding-bottom: 8px;
	width: 800px;
}
#AdsKeeperTop .mgbox .mgline{
	border-radius: 7px;
	border-width: 1px;
}
#AdsKeeperTop .mgbox .mgline .image-container{
	border-radius: 7px;
}


/* Затемнення зображення реклами */
#AdsKeeper .mgbox .mgline .image-container:before, #AdsKeeperTop .mgbox .mgline .image-container:before{
	content: '';
	display: inline-block;
	position: absolute !important;
	left: 0 !important;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: all 0.3s linear;
	border-radius: 4px;
	/* Варіант №1 - Світліший */
	box-shadow: inset 0px 0px 70px black;
	/*
	Варіант №2 - Темніший
	box-shadow: inset 0px 0px 40px 10px black;
	Варіант №3 - Ще більш темніший
	box-shadow: inset 0px 0px 50px 20px black;
	*/
}
#AdsKeeper .mgbox .mgline:hover .image-container:before, #AdsKeeperTop .mgbox .mgline:hover .image-container:before{
	box-shadow: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

/**************** Кінець стилів AdsKeeper ***************/