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

html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
/*	 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
	/* font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; */
	/* font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; */
	 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;

	background-color: #282828;
        
}

header {
	background-color: inherit;


}

a{
	background-color: inherit;
}

i{
	background-color: inherit;
}

div{
	background-color: inherit;
}

footer {
	
	background-color: inherit;
    margin-bottom: 30px;
}

body {
	margin-left: auto;
	margin-right: auto;
	
}

hr {
	border-top: 1px solid slategrey;
	width: 70%;
	margin-top: 60px;
	margin-bottom: 60px;
}

main {
	
}

strong{
	background-color: inherit;
}

p{
	background-color: inherit;
	width: 95%;
	text-align: left;
	font-size: 1.0em;
	margin-bottom: 20px;
	margin-top: 20px;
}

.headersmalltext {
    padding-top: 5px;
}

.img-caption{
	font-size: 0.6em;
}

.headercontainer{
	padding-top: 5px;
	font-size: 0.8em;
	
	color: dimgray;
	
	background-color: #282828;
    
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.footercontainer{
    padding-top: 95px;
	padding-bottom: 25px;
	font-size: 0.6em;
	
	color: dimgray;
	background-color: #282828;
    
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    
}

/* *********************************************** */
.navigatecontainer{

	font-size: 0.9em;
	color: gray;
	background-color: #282828;
    padding: 10px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
    .navigatecontainer a{
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 20px;
    }
}

@media only screen and (min-width: 601px) {
    .navigatecontainer a{
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 20px;
    }
}

.navigatecontainer a{
    color: gray;
	text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    border: 0.5px solid rgb(70,70,70);
    border-radius: 4px;
}

.navigatecontainer a:hover{
    color: white;
    border: 0.5px solid white
}

/*
.navigatecontainer a:visited{
    color: dimgray;
}
*/


.smallnav a{
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 3px;
}

/* *********************************************** */
.supportmecontainer{

	font-size: 0.9em;
	color: gray;
	background-color: #282828;
    padding: 10px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 600px) {
    .supportmecontainer a{
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media only screen and (min-width: 601px) {
    .supportmecontainer a{
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

.supportmecontainer a{
/*    color: rgb(170,170,170); */
    color: #9b7617;
	text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
/*    border: 0.5px solid rgb(70,70,70); */
    border: 0.5px solid #9b7617; 
    border-radius: 4px;
}

.supportmecontainer a:hover{
    color: goldenrod;
    border: 0.5px solid goldenrod;
}

/* *********************************************** */


.pagenav{
	font-size: 0.9em;
	color: gray;
	background-color: #282828;
    width: 95%;
    margin-bottom: 10px;
    margin-top: 10px;
}

@media only screen and (max-width: 600px) {
    .pagenav a{
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (min-width: 601px) {
    .pagenav a{
        padding-left: 20px;
        padding-right: 20px;
    }
}

.pagenav a{
    color: gray;
	text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    border: 0.5px solid rgb(70,70,70);
    border-radius: 4px;
}
.pagenav a:hover{
    color: white;
    border: 0.5px solid white
}



.maincontainer{

	font-size: 0.9em;
	color: dimgray;
	background-color: #282828;
}

.maincontainer p{
	text-align: left;
	margin-bottom: 5px;
}

h1{
	font-size: 1.8em;
	margin-top: 40px;
	
	background-color: inherit;
	
}

h2{
	font-size: 1.2em;
	margin-top: 10px;
	
	background-color: inherit;
	
}


.comicpanel{
	width: 95%;
	margin-bottom: 20px;
    margin-top: 20px;
	border: 1px solid #555;
    border-radius: 15px;
}

.comingsoon {
    font-size: 1.3em;
    background-color: darkgray;
    color: black;
    width: 95%;
	padding-bottom: 100px;
    padding-top: 100px;
	border: 3px solid #fff;
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.comingsoon b{
    font-size: 1.3em;
    background-color: inherit;
    font-weight: bold;
}

.comingsoon a{
    font-size: 1.0em;
    background-color: inherit;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .comingsoon {
        font-size: 0.8em;
        background-color: darkgray;
        color: black;
        width: 95%;
        padding-bottom: 50px;
        padding-top: 50px;
        border: 3px solid #fff;
        border-radius: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .comingsoon b{
        font-size: 0.8em;
        background-color: inherit;
        font-weight: bold;
    }

    .comingsoon a{
        font-size: 0.8em;
        background-color: inherit;
        font-weight: bold;
    }

}


.comingsoon p{
    padding: 80px;
    text-align: center
}

.about {
    font-size: 0.9em;
    background-color: #888;
    color: black;
    width: 95%;
	padding-bottom: 5px;
    padding-top: 30px;
	border: 3px solid #fff;
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.about p{
    padding: 0.2em;
    text-align: left;
}

.about b{
    font-size: 1.2em;
    background-color: inherit;
    font-weight: bold;
}