html
{
	min-height:99%;
	position:relative;
}
html, body
{
	background-color: #111;
	color: #bbb;
	height: 99%;
	width: 100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:1px;
}
dialog
{
	background-color: #111;
	color: #bbb;
}
a:link {
	text-decoration: none;
	color:#00af75;
}

a:visited {
	text-decoration: none;
	color:#AAFFFF;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}
p
{
	text-indent:.25in;
	font-size:14.0pt;
	font-family:"Calibri","sans-serif";
}
.HeaderFace
{
	text-indent:0in;
	text-align:center;
	font-size:20.0pt;
	font-weight:bolder;
	text-decoration: underline;
	margin:5px;
}
.TitleFace
{
	font-size:32pt;
	margin-top:10px;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
	position: relative;
}
.SubHeader
{
	text-align:center;
	text-indent:0in;
	font-size:16pt;
	font-weight:bolder;
	margin:5px;
}
.Series
{
	position:relative;
	text-align:left;
	cursor:pointer;
}
.SmolNote
{
	text-align:left;
	margin:3px;
	line-height:80%;
	font-size:14pt;
	font-weight:bolder;
}
.SmolNote.right
{
	text-align: right;
}
.FlatNote
{
	text-align:right;
	line-height:100%;
	font-size:12pt;
	font-style:italic;
}
.FlatNote a
{
	color:#AAAA88;
}
.TagText a
{
	text-align:right;
	font-size:11pt;
	word-spacing:4px;
	color:#AA9;
}
.TagText a:hover
{
	text-decoration: underline;
	cursor: pointer;
	color:#A9A;
}
div.body
{
	position:absolute;
	top:0px;
	bottom:0;
	left:0;
	right:0;
}
div.header
{
	min-height:175px;
	max-height:175px;
	overflow:hidden;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
img.ImgHeader{
    position:absolute;
    top:0px;
    min-width:100%;
    max-width:100%;
	min-height:175px;
	max-height:100%;
	object-fit:cover;
}
.HeaderGrid
{
	display:grid;
	grid-template-columns: 35% 30% 35%;
	margin:0;
}
div.footer
{
	min-height:50px;
	max-height:50px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	right:75px;
	left:auto;
	width:90%;
}
div.innerBody
{
	position:absolute;
	overflow-y:scroll;
	top:175px;
	bottom:50px;
	min-width: 100%;
	max-width: 100%;

}
.storytile
{
	background-color:#222222;
	overflow-y:auto;
	border-width:2px;
	border-style:solid;
	border-color:black;
	margin-right:15px;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;

}
.innerDiv
{
	position:relative;
	margin:10px;
	background-color:#303030;
	overflow-y:auto;
	border-width:1px solid #444444;
}
div.chatty
{
    position:static;
	text-indent:0.25in;
	font-size:16pt;
	font-family:"Calibri","sans-serif";
	color: #ccc;
	background-color: #000000;
	border:2px solid #444444;
	padding:15px;
	margin:15px;
	right:-25px;
	left:25px;
}
.TagDiv
{
	overflow-y:scroll;
	max-height:93%;
}
.xDiv button
{
	float: right;
	position: absolute;
}
div.PopParent
{
	display:none;
	top:0px;
	left:0px;
	position:absolute;
	overflow-y:hidden;
	min-width:100%;
	max-width:100%;
	min-height:100%;
	max-height:100%;
	background-color:rgba(0,0,0,0.75);
	z-index: 10;
}
p.blurb
{
	margin:15px;
	text-indent:0in;
	font-size:16pt;
	font-family:"Calibri","sans-serif";
	color: #ccc;
}
div.blurb
{
	position:relative;
	background-color:#000000;
	overflow-y:initial;
	margin:5px;
	padding:5px;
	margin-left:155px;
	border:1px solid #444444;
}
div.ImgHeader
{
	width:70vw;
	height:min-content;
}
img.Icon{
	position:relative;
	float:left;
	width:150px;
	height:150px;
	margin-top:-10px;
	object-fit:contain;
}
.btn
{
    position:absolute;
	color:#FFFFFF;
	background-color: #111111;
	font-size:24pt;
	min-width: 128px;
	min-height: 64px;
	text-align:center;
	top:1px;
	cursor:pointer
}
.btn.right
{
	float:right;
	right:2px;
}
.btn.left
{
	float:left;
	left:2px;
}
#popparent
{
	width: 80vw;
	height: 80vh;
	background-color: black;
	border: 5px solid gray;
	padding: 0;
}
#CloudBox
{
    width:100vw;
    height:auto;
    background-color: black;
	border: 3px solid gray;
    padding:0;
    background-color: #111111;
    margin:5px auto;
	top:175px;
	bottom:50px;
	overflow-y:hidden;
}
.InnerCloud
{
    border:2px solid #FFF;
    background-color: black;
    padding:15px;
    margin:25px auto;
    height:calc(100% - 76px);
    overflow-y:scroll;
}