*[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -45px; 
  height: 45px; 
  visibility: hidden; 
}

#page {
    padding-top: 60px;
}

#content {
	font-size: 120%;
	line-height: 150%;
}

#book_text {
	font-family: Georgia,serif;
	font-size: 112%;
	line-height: 130%;
	text-align: justify;
}

div.epigraph {
	margin-left: 50%;
	padding: 10px 30px 0 30px;
	border: 1px solid #eee;
}


#book_text a[type='note'] {
	vertical-align: super;
	font-size: 80%;
	margin-left: 3px;
	cursor: pointer;
}


#note {
	position: fixed;
	left: 50%;
	top: 50%;
}

#note div.inner {
	position: relative;
	left: -50%;
	top: -50%;
	
	width: 300px;
	min-height: 50px;
	
	background: #fffbd0;
	border: 1px solid #eee;
	box-shadow: 1px 2px 8px 1px #bbb;
	
	padding: 5px 10px;
}

#note div.inner div {
	margin-right: 20px;
}

#note div.inner div span.note_title {
	display: none;
}

#notes ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#notes span.note_title {
	font-weight: bold;
	display: inline-block;
	min-width: 30px;
}

#bookmark a.close {
	top: 2px;
    position: relative;
    right: 3px;
}

span[id^="quote_"] {
	border-bottom: 1px dashed #933;
	cursor: pointer;
}

.pagination {text-align: center;}
.clearfix {clear: both;}

.rating_short {width: 24px; height: 24px;}
.rating_full {}

#books, #book_more {list-style-type: none; font-size: 85%;}
#books li {float: left; display: block; min-width: 300px; width: 33%; height: 200px; margin-bottom: 50px; position: relative;}
#books li, #book_more {line-height: 20px;}
#books div#status, #book_more div#status {position: absolute; min-width: 20px; height: 20px; top: 5px; left: 5px; border-radius: 10px; background-color: #e9e9e9; box-shadow: 1px 2px 8px 1px #bbb;}
#books div.book_rating {position: absolute; bottom: 5px; left: 5px;}
#book_more div.rating_short {display: none;}
#book_more div.rating_full {display: inline-block;}
#books div#status.readed, #book_more div#status.readed {
 	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMDYvMTTpak16AAAA7ElEQVQokY3QvWqEQBQF4OOMo6KOf4Xk5iVksZXJvoDkKfImSW+RPoVYh1SpF1JP2Hot8gYilkYmTbZZTNYLpzsfHC6w4YgoJqIXIooBwNoCOOcHKWUxTdNxWZY7vgVkWVZ4ngfXdW/meb5lW4AQAgCQJEnfdd0z+y0URPR63rwGgiDom6Z5qKrq0yKiwnGcQxiG8TiOx2VZ7jnnb2tgt9t9WJb1bfu+/xhFUcwYA+e8GIbhK01T/AUAgLVt+ySl7AFACIE8z/8FAABjjK213iulTmVZmnOUUiet9d4YY69+6hJeBZewruv3a+AH7pxvAHS295IAAAAASUVORK5CYII=");
	background-position:  4px 4px;
	background-repeat:  no-repeat;
}
#books div#status.percent, #book_more div#status.percent {
	font-size: 10px;
	padding: 1px 6px;
	
}

div.cover {float: left; margin-right: 10px;}
div.cover img {max-height: 200px;}
div.book_info {padding-right: 10px;}
div.title a {font-decoration: underline;}
div.author {margin-bottom: 15px;}
div.author a {color: #000; font-size: 85%;}
div.sequence {font-size: 85%;}

div.bottom_links {position: absolute; bottom: 0px; right: 0px; width: 60%;}
div.bottom_links div.read {float: left;}
div.bottom_links div.more {float: right; padding-right: 25px; cursor: pointer;}
div.bottom_links div.delete a {color: #b7051e;}

#book_more {position: absolute; background: #fff; border: 1px solid #eee; box-shadow: 1px 2px 8px 1px #bbb;}
#book_more a.close {position: absolute; top: 10px; right: 10px;}

ul.book_info_full {list-style-type: none; font-size: 85%;}
ul.book_info_full label {font-size: 100%; display: inline;}

div.book_view {margin-bottom: 50px;}
div.read {position: relative;}


#filter ul {position: relative; list-style-type: none; margin-bottom: 0;}
#filter ul li {font-size: 85%;}
#filter ul li span {margin-right: 10px; color: #888;}
#filter ul li a.close {float: none; position: relative; top: 3px; left: 5px;}

#filter_sort {position: absolute; top: -8px; right: 10px;}
#filter_sort label {display: inline-block; color: #888;}
#filter_sort select {position: relative; top: 4px;}


#top_book_info {position: fixed; z-index: 1100; top:0; right: 55px;}
#top_book_title {font-size: 18px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; text-align: right;}
#top_book_author {text-align: right; font-size: 12px; color: #888;}

#top_book_pages {position: fixed; z-index: 1100; width: 55px; top: 0; right: 0; color: #888; text-align: center;}
#top_book_persent {padding-top: 3px; margin-bottom: -4px;}
#top_book_current_persent {font-size: 18px; font-weight: 200; color: #777777; }
#top_book_current_page {display: inline-block; font-size: 12px;}
#top_book_overall_pages {display: inline-block; font-size: 10px; color: #999;}

#top_book_time {position: fixed; z-index: 1100; top: 10px; right: 55px;}
#top_book_time i {vertical-align: top;  margin-top: 3px; opacity: 0.6;}
#top_book_time i:hover {opacity: 1;}
#top_book_time_remain {display: inline-block; color: #555;}

@media (max-width: 979px) {
.navbar-fixed-top {
    position: fixed !important;
  }
}


div.poem {padding: 0.5em 0 0.75em 0;}
div.stanza {padding: 0 0 0.5em 50px;}

#author_info {margin-bottom: 20px;}
#author_info div.more {border-bottom: 1px solid #ddd;}
#author_info div.more a {display: block; margin: 0 auto; width: 20px; height: 10px;
	border: 1px solid #ddd; 
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAABNUlEQVQoFa2QzUrDQBDHZ6boVbxpQStKsB5E8FQwKagH0bXaItb2CXwH9ebHK/gSfrSQ9AWK2KPHaAqleQkPateZyKZa4icOZNmw/99vZhfgP8pWavQvHuHI2SjuEAx3ltTW8m8k9mbxGHHojgBhlb8RQnLz64WVn0jyavuEwSPUkE6Fgd+YtGbTiJTThLtTM1ar237ofCYSGJAOQetnjbqakmAY3Lt9CZVZcpskcVTpFBFjuOnWLyKBkWSs7DgHeBIqZ6azrbDtx5O8wXAQddZQaXr1S+Figfx0A98zEuDrGAk/9BkS9uFGLYKFQVkGCm1VOieEfQ3wyB1rPFVVOr8A7t1411fv8x8mMAf8sN6ENTfGkhzD81rDUw+wMghLPlEgB0bC24UeQCIsue8KnbXC4lehV5l3eykx0eM+AAAAAElFTkSuQmCC") no-repeat;
	background-size: 8px 6px;
	background-position: 6px 2px;
	transition: transform 300ms;
}
#author_info div.more a.up {position: relative; top: 12px; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#author_info div.more a:hover {background-color: #F9F9F9;}
#author_info_tabs {font-size: 85%; margin-top: 10px;}

div.read_full {text-align: center; margin-top: -10px;}

#prev_page, #next_page {position: fixed; height: 100%; width: 3%; border: 1px solid #eee;}
#prev_page {left: 0; border-top-right-radius: 4px;}
#next_page {right: 0; border-top-left-radius: 4px;}
#prev_page a, #next_page a {display: block; width: 100%; height: 100%; opacity: 0.5;
background: #eee url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8yNS8xNNgt9LkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAA0klEQVQokYXSrU4DQRTF8d8ua0gKAk8Vhkcg6doWNwJf0fAivEdTUYcc12K3SeVKDFgUCvCD6NAs7RKO/t9zP84tUkr6FEIYocam6INCCDdYYoiH6g9ghXO8oKl6gDnO8IFpjHFbHQBrDPCM+xjjFsrOkMvs8NUF4KRt2xEecYlX3HUBqPCEU7xjdgjs2/2nEmO84QKLvMAvFSklIYQaC1zhE5Nu2xJijA2mGRhg3nXcz5QrJ3Y3usbqBzzKrieW2dF22fE2A0PUvV+QHWu7V2m+AQdTVDx1bnRYAAAAAElFTkSuQmCC") no-repeat 50% 50%;
}
#next_page a {transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#prev_page a:hover, #next_page a:hover {opacity: 1;}

.saved {background-color: rgba(255, 233, 247, 0.5) !important; }

.abs_outer {position: absolute; left: 0; margin-top: -10px; width: 100%;}
.block_outer {position: relative; margin-top: 20px; margin-bottom: 30px;}
#recomendations {width: 90%; margin: 0 auto; background: #fff; border: 1px solid #eee; border-radius: 4px; box-shadow: 1px 2px 8px 1px #bbb;}
#recomendations .window_title {padding: 5px 20px; margin-bottom: 10px; background: #f7f7f7; border-bottom: 1px solid #eee;}
#recomendations a.close {margin: 5px 10px 0 0;}
#recomendations #books li {margin-bottom: 15px !important;}

.bookRequest {cursor: pointer; /* position: absolute; */ z-index: 100;}

ul.sequence_list {list-style-type: none;}
ul.sequence_list a.sequence_title {color: #000;}
ul.book_simple_list {list-style-type: none; font-size: 85%;}
ul.book_simple_list a.book_title {}


#bookmark #quote_url {margin-bottom: 20px;}
#bookmark #quote_url input {font-size: 55%;}

.quote_alone {margin-bottom: 50px;}
.quote_text {margin-bottom: 5px; border: 1px solid #ddd; padding: 10px 20px;}
.quote_src {font-size: 60%;}

.minimized-60 {position: relative;}
.minimized-60:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 90%); opacity: 1; transition: opacity 0.3s ease 0.5s;}
.minimized-60:hover:after {opacity: 0;}
.minimized-60 div:first-child {overflow: hidden; max-height: 60px; transition: max-height 1s ease-in;}
.minimized-60:hover div:first-child { max-height: 300px; }


/* Star Rating */

#rating {margin: 20px 0 40px 0;}

.starRating:not(old){
  display        : inline-block;
  width          : 7.5em;
  height         : 1.5em;
  overflow       : hidden;
  vertical-align : bottom;
}

.starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
}

.starRating:not(old) > label{
	font-size: 16px;
  display         : block;
  float           : right;
  position        : relative;
  background      : url('star-off.svg');
  background-size : contain;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 1.5em;
  height          : 1.5em;
  background      : url('star-on.svg');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}

#goto.modal.fade {z-index: 1000;}
#goto.modal.fade.in {z-index: 1050;}

#delete {position: absolute; top: 0px; left: 0px; display: none;}
#delete button {opacity:0.2;}
#delete button:hover {opacity:1;}

#toc li.read a {opacity: 0.5;}
#toc li.read a:hover {opacity: 1;}
#toc a.bookmark {position: relative; top: 1px; left: 10px; opacity: 0.7;}
#toc a.bookmark:hover {opacity: 0.9;}