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

body{
background-color:#EEF2FF;
font-family: arial,helvetica,sans-serif;
font-size: 10pt;
}

.wrapper{
width:100%;
max-width:1010px;
min-width:610px;
margin:auto;
}

.post { 
background-color: #D6DAF0;
border: 1px solid #B7C5D9;
border-left: none;
border-top: none;
padding: 5px;
width:98%;
margin-bottom: 10px;
float:left;
}
.post p{
white-space: pre-wrap;
padding-left:5px;
}
.post img{
margin: 5px;
margin-top:1em;

}
.post.left img{
float:left;
margin-right: 15px;
}
.post.right img{
float:right;
margin-left: 15px;
}

.unused{
display:none;
}

.title{
width:100%;
text-align:center;
}

.chapters{
background-color: #d6f0da;
border: 1px solid #B7C5D9;
border-left: none;
border-top: none;
padding: 5px;
width:600px;
margin:auto;
}
.row-chapter{
height:75px;
}

.link-chapter{

text-align:center;
width:450px;
float:left;
}

.title-chapter{
font-size:20px;
line-height:10px;
}

.edit-whine{
font-size:10px;
margin-top:-10px;
}


.image-chapter{
float:right;
}
.image-chapter img{
max-height:70px;
}



.greentext{
color:#789922;
}

.nav-header, .nav-footer{
width:600px;
margin:auto;
height:60px;
}

.nav-header div,.nav-footer div{
background-color: #d6f0da;
padding: 5px;
margin:5px;
float:left;
height:50px;
font-size:15px;
font-weight:bold;
text-align:center;
}

.nav-header p, .nav-footer p{
margin:0px;
padding:0px;
}

.link-home{
width:100px;
}
.link-home p{
padding-top:12px;
font-size:20px;
}

.link-prev{
width: 220px;
}

.link-next{
width: 220px;
}

.stories{
background-color: #d6f0da;
border: 1px solid #B7C5D9;
border-left: none;
border-top: none;
padding: 5px;
}

.stories .link-chapter{
width:100%
}

.substories{
float:left;
}


.shortstory{
float:left;
height:120px;
width:170px;
background-color: #D6DAF0;
border: 1px solid #B7C5D9;
border-left: none;
border-top: none;
padding: 5px;
text-align:center;
margin:5px;
}

.prompt{
float:left;
height:40px;
width:170px;
background-color: #D6DAF0;
border: 1px solid #B7C5D9;
border-left: none;
border-top: none;
padding: 5px;
text-align:center;
margin:5px;
}

.aarbox{
float:left;
height:300px;
width:250px;
background-color: #D6DAF0;
border: 1px solid #B7C5D9;
border-left: none;
border-top: none;
padding: 5px;
text-align:center;
margin:5px;
}

.aarthumb{
height:170px;
float:none !important;
margin-left:5px !important;
}

.aarwrapper{
    width: fit-content;
    min-height: 300px;
	overflow:hidden;
	margin:auto;
	}