* {
margin:0
padding:0;
font-family:sans-serif;
}

html, body {
line-height:14pt;
color:#ffffff;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%; 
}

a {
color:#ffffff;
font-weight:bold;
text-decoration:underline;
}

a:hover {
color:#ffff00;
font-weight:bold;
text-decoration:none;
}

#comic {
vertical-align:middle;
margin-top:-10px;
}

#comic .comic {
width:65%;
height:auto;
}


//DESKTOP ______________________________________

#menu-bg-left a {
color:#ffffff;
} 

#menu-bg-left a:hover {
color:#ffff00;
} 

#menu-bg-left a:link, a:visited {
color:#ffffff;
} 

#menu-bg-left {
font-size:100%;
color:white;
position: absolute;
bottom:0;
left:0;
padding:5px;
float:left;
width:15%;
}

#menu-bg-left ul li {
background:#4c0060;
padding:10px;
border:1px solid #8D52C9;
border-collapse:collapse;
}

#menu-bg-left ul li:hover {
background:#9F1077;
}

#menu-bg-right {
font-size:100%;
color:white;
position: absolute;
bottom:0;
right:0;
padding:5px;
float:right;
width:15%;
}

#menu-bg-right ul li {
background:#4c0060;
padding:10px;
border:1px solid #8D52C9;
border-collapse:collapse;
}

#menu-bg-right ul li:hover {
background:#9F1077;
}

#menu-bg-right a {
color:#ffffff;
} 

#menu-bg-right a:hover {
color:#ffff00;
} 

#date {

font-size:12pt;
color:white;
position: absolute;
bottom:0;
left:0;
padding:10px;
float:left;
width:15%;
}

---

.archive { 
border-collapse: collapse; 
text-align: center; 
table-layout:fixed;
 } 

table.archive {
font-size:12px; 
background: #4c0060;  
-webkit-border-radius: 3px;
 -moz-border-radius: 3px; 
border-radius: 3px;
text-align:center;
width:100%;
table-layout:fixed;
border-collapse: collapse;
 }


.archive td, table .archive th { 
text-align:center;
border-bottom: 1px solid #8D52C9;
border-right: 1px solid #8D52C9;

}

.archive thead th {
background-color:#5a0018; 
color:#FFFFFF; 
font-size: 18pt; 
font-weight: bold; 
text-align:center;
border-bottom:1px solid #8D52C9;
height:10%;

} 


table, th, td {
border:1px solid #8D52C9;
border-collapse:collapse;
padding:3px;
margin:auto;
color:ffffff;
text-align:center;
}


table a {
color:#ffffff;
text-decoration:none;
}

th {
background-color:#5a0018;
font-size:18pt;
padding:5px;
height:25px;
 }

td {
font-size:12pt;
}


td:hover {
background-color:#9F1077;
display:block;
border:0;
}

td a:hover {
color:#ffff00;
}

tr:nth-child(odd) { background-color:#4c0060; }
tr:nth-child(even) { background-color:#4c0040; }


---



#list {
background:#1c1c1c;
padding:15px;
}

#list2 {
background:#0a0a0a;
}

#blank {
padding:0px;
color:#000000;
font-size:1pt;
}

ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

h1 {
font-size:50pt;
text-align:center;
font-family: 'comic book', sans-serif;
border-bottom:7px solid #8D52C9;
letter-spacing:5px;
line-height:normal;
}

h2 {
font-size:30pt;
text-align:center;
font-family:sans-serif;
}

h3 {
font-size:20pt;
text-align:left;
font-weight:bold;
font-style:italic;
}

.content {
	min-height: 100%;
	position: relative;
	overflow: auto;
	z-index: 0; 

}

.topnav {
    overflow: hidden;
background:#4c0060;
width:100%;
height:50px;
font-size:20pt;
color:white;
margin:0 auto;
border-bottom:2px solid #8D52C9;
}

.topnav ul {
    display:block;
    text-align: center;
}

.topnav ul li {
display:inline-block;
padding-left:15px;
padding-right:15px;
line-height:50px;
}

.topnav ul li:hover {
background:#9F1077;
list-style-type:none;
display:inline-block;
}

.topnav .icon {
    display: none;
}

.topnav a {
color:#ffffff;
}

.topnav a:hover {
color:#ffff00;
}


.header {
	width: 100%;
}

.header img {
max-width:100%;

}


.footer {
	width: 100%;
	height: 20px;
	background-color: #4c0060;
font-size:8pt;
line-height:20px;
text-align:center;
overflow:hidden;
}

#box {
border:7px solid #8D52C9;
background: rgba(78, 0, 96, 0.75);
padding:15px;
color:#ffffff;
font-size:12pt;
margin:0 15%;
z-index: 5;
box-shadow: 5px 5px 8px #000000;
}

@font-face {
font-family: "Comic Book";
src: url("Comic Book.otf");
src: 
url("Comic Book.woff") format("woff"),
url("Comic Book.otf") format("opentype"),
url("Comic Book.svg#filename") format("svg");
}


.video {
    overflow:hidden;
    position:relative;
padding-bottom:56%;
    height:0;
}

.video iframe {
margin:auto;
display:block;
    height:75%;
    width:75%;
    position:absolute;
}

.video {
        float: none;
        clear: both;
        width: 720px;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
        margin: 0 auto;
        max-width: 100%;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
max-width: 720px;
max-height: 480px;
}