@charset "utf-8";
* { box-sizing: border-box; }

.nav-content, .nav-buttons { display: none; }

.page_container {
	margin:auto;
	max-width: 800px;
}
.header_image {
	max-width: 100%;
	max-height: 100%;
}
.sidebar {
	float:left;
	width:25%;
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
}
.content {
	float:left;
    
	width:75%;
}
.alphagrid {
	font-family: 'Cutive Mono', monospace;
	font-size: 13pt;
    padding: 3px;
	font-weight: bolder;
	line-height: 2em;
	border: 2px #666 solid;
	background-color: #333;
	color: white;
	text-align: center;
	margin-bottom:25px;
	text-transform: lowercase;
    box-shadow: -1px 1px #999;
}
.blurb img { max-width: 100%; }
.alphagrid a {
	text-decoration: none;
	color: yellow;
}
.alphagrid a:hover {
	color:#FF6600;
}
.content {
	padding-left:10px;
}
.story_container {
	margin-bottom: 15px;
}
.subject_title {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 900;
	font-size:24pt;
	text-transform: lowercase;
	clear:both;
}
.subject_title a {
	text-decoration: none;
	color: blue;
}
.blurb {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 400;
	clear:both;
}
.credits {
	font-size: 10pt;
	float:right;
}
.clear {
	clear: both;
}
.hideme {
	display: none;
}
.theresMore {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 400;
	width:100%;
	text-align: right;
}
.comment { background-color: #CCCCCC; margin-bottom: 10px; }
.yellow a { color: yellow; }
.orange a { color: orange; }
.red    a { color: lightcoral; }
.green a {color: green; }
.subjectstatus { font-size: 14pt; }
.footer {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px black solid;
	font-style: italic;
	font-family: 'Yantramanav', sans-serif;
	font-weight: 900;
	font-size:12pt;
	text-transform: lowercase;
	text-align: center;
	clear:both;
}
div.staging3 {
	margin-left: 10px;
	border-left: 5px solid yellow;
	padding-left: 10px;
	display:none;
	color: grey;
}
div.staging2 {
	margin-left: 10px;
	border-left: 5px solid orange;
	padding-left: 10px;
	display:none;
	color: grey;
}
div.staging1 {
	margin-left: 10px;
	border-left: 5px solid red;
	padding-left: 10px;
	display:none;
	color: grey;
}
.subjectstaging3 { background-color: #FFF9AC; }
.subjectstaging2 { background-color: #FFB52C; }
.subjectstaging1 { background-color: #FF5F62; }

hr.staging3 { display: none; }
hr.staging2 { display: none; }
hr.staging1 { display: none; }
hr {
	margin: 10px 0 10px 0;
	border-top: 1px darkgray dotted;
}
.greyed {
	color: darkslategray;
}


.bubble
{
position: relative;
padding: 10px;
background: #FFFFFF;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border: #FF277F solid 3px;
margin-top:0px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 11px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 32px;
}


.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 17px 13px 0;
border-color: #FF277F transparent;
display: block;
width: 0;
z-index: 0;
bottom: -20px;
left: 30px;
}
.adminname {
    border: 1px solid black;
    border-radius: 10px;
    background: #C5F3FF;
    padding:10px;
	width: 400px;
    margin: 5px 0px;
    font-size: smaller;
    min-height: 75px;
}
.adminname img { 
    float: left;
    max-height: 50px;
    max-width: 50px;
    margin: 5px 15px 15px 5px;
}
.highlight {
    background-color: aquamarine;
    padding:0px 5px;
}



.report {
    width:100%;
    text-align: center;
    table-layout: auto;
}

@media only screen and (max-width:600px) {
    .sidebar { width: 100%; }
    .content { width: 100%; padding: 0px 5px;}
    body { margin : 0; padding: 50px 0; }
    .scroll { display:none;  }
    .sidebar { position: relative; top: 0; }
    .onpage { display: none; }
    .filters { display: none; }
    .pag_nums { display: none;}
    .pag_arrows { font-size: 8vw; text-align: center; }
    .pagination { position: fixed; top: 0; width:100%; z-index: 5;}
    .alphagrid {margin-bottom: 0;  }
    .hidemobile { display: none; }
    .bottom-nav a { text-decoration: none; }
    .bottom-nav {
        position: fixed;
        bottom: 0;
        width: 100%;
        overflow:hidden;
        z-index: 5;
    }
    .nav-buttons {
        display: block;
        background-color: black;
        color: white;
	    font-family: 'Yantramanav', sans-serif;
        font-size: 6vw;
        z-index: 5;
    }
    .nav-button {
        width: 25%;
        margin:0;
        padding: 5pt;
        float: left;
        text-align: center;
        background-color: black;
    }
    .nav-content {
        width:100%;

        text-align: center;
        display: none;
        background-color: teal;
        padding: 10px;
        font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    }
	.bot-nav-searchbox {
		text-size: 16pt;
		width: 70%;
		padding: 5px;
		margin: 5px;
	}
	.bot-nav-searchbutton {
		text-size: 16pt; 
		width: 20%;
		padding: 5px;
		margin: 5px;
	}
    #alpha-menu  { font-size: 8vw; }
    #filter-menu { font-size: 6vw; }
}

