/* CSS Document */
@charset "utf-8";
/* CSS Document */
/****
Summary:
1.0 General
2.0 Header
 2.1 Navigation
3.0 Stories List
 3.1 Pagination
 3.2  Story Information Result
4.0 Chapter Display
X.0 Footer
****/

/****
1.0 General
****/
body{
	background-color:#DBC7A9;
	font-family:Georgia, serif;
	
	
}
a{	
	
	text-decoration:none;
}
.sr-only{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.clear_float{
	clear: both;
}
/****
2.0 Header
****/

#disclaimer{
		
	font-size:x-small;
	text-align:left;
	padding:1em;
       /* margin:1em;*/
	
}
#disclaimer h2{
    font-size:small;
}
/****
2.1 Navigation
****/
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}.navbar-inverse {
  background-color: #222;
  border-color: #DBC7A9;
}
.navbar-inverse .navbar-brand {
  color: #DBC7A9;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #DBC7A9;
}
.navbar-inverse .navbar-nav > li > a {
  color: #DBC7A9;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #DBC7A9;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #DBC7A9;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #DBC7A9;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #DBC7A9;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #DBC7A9;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #DBC7A9;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #DBC7A9;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #DBC7A9;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #DBC7A9;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

/****
3.0 Stories List
****/
/****
3.1 Pagination
****/
#pagination{
	font-size: large;
	letter-spacing: 1em;
	width:60%;
	margin: 0 auto;
	text-align: center;
	font-weight: normal;
}
#pagination a{
	font-weight: normal;
	letter-spacing: 1em;
}
.pagination_highlight{
	font-weight: bold;
	font-size: larger;
}
/****
3.1 Story Information Result
****/
.main_content, .story_info{
    width:80%;
    margin: 20px auto;
    text-align:justify;
    line-height: 30px;

    box-shadow: -5px 0 5px -5px #333, 5px 0 5px -5px #333;
    padding:20px;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
    overflow:auto;

}
.story_banner{
	width:90%;
	max-width: 1045px;
	
	margin-left:auto;
	margin-right:auto;

}
.story_banner img{
	max-width:100%;
}
ul.fic_download{
    list-style-type:none;
    display:inline;
    
}
ul.fic_download li{
    padding:1em;
    display:inline;
    
}
/****
4.0 Chapter Display
****/
@media screen and (min-width:510px){
    ul.chapter_and_download_navigation{
        list-style-type:none;
        display:inline;
    }
    ul.chapter_and_download_navigation li{
        list-style-type:none;
        display:inline;
        margin:0.5em;
    }
}
@media screen and (max-width:509px){
    ul.chapter_and_download_navigation{
        list-style-type:none;
        
    }
    ul.chapter_and_download_navigation li{
        list-style-type:none;
        display:inline;
        margin:0.5em;
    }
}
#chaptertitle{
margin-top:20px;
text-align: center;
clear:both;
}

#story_title{
	width:50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#mainContent{
	line-height: 3em;
}
#mainContent p{
	margin-top:2em;
	margin-bottom:2em;
}
.chapter{
text-align:justify;


}
.fandoms_info{
	text-align: center;
}

.breakline{
	border-bottom: 1px solid #DDA2F2;
	
	padding-bottom: 50px;


}
.the_end{
	text-align: center;
}
hr{
	color:#DDA2F2;
	background-color: #333;
	/*height:0.3em;*/
	border: 0.1em solid #333;
}
.authors_note{
    border-radius:0.6em;
    border: 0.2em solid #333;
    padding:1em;
    
}
.chapter_nav_button, button.btn.btn-primary, .btn-primary{
	
	background-color: #222;
        border-color:#8E7C60;
        
	/*text-decoration:none;	
	padding: 0.1px 0.2px;	
        margin:0.5em;
									   
	text-align:center;
	border-radius:0.1em;
	border:1px solid #dbc7a9;
	box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.3), inset 0 -1px 2px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.2);
	background-image: linear-gradient(to bottom, #dbc7a9, #C0AE94 130%);*/
}
button.btn.btn-primary a:link, button.btn.btn-primary a:active, button.btn.btn-primary a:visited {
    color:#DBC7A9;
    text-decoration:none;
}
button.btn.btn-primary a:hover{
    color:#fff;
}
.chapter_nav_select select{
    font-family:Georgia;
	/*padding-bottom:0.4em;
	padding-top:0.4em;*/
        padding: 6px 12px;
	max-width:150px;
	text-align: left;
        background-color: #222;
        color:#fff;
    
}
.chapter_nav_select option {
	font-family:Georgia;
	/*padding-bottom:0.2em;
	padding-top:0.2em;*/
        padding: 6px 12px;
	text-align: left;
        background-color: #222;
        color:#fff;
	

}
/****
X.0 Footer
****/
footer, .footer{
text-align:center;
font-size:small;
padding:5px;
background-color:#333;
color:#DBC7A9;
width:100%;
margin:0;
bottom:0;
}

footer a:link, footer a:active, footer a:visited {
    color:#DBC7A9;
}
footer a:hover{
    color:#fff;
}