body {
font-family: calibri, trebuchet-ms, verdana;
font-size: 1em;
}

div#main {
width: 70%;
max-width: 920px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
position: relative;
}

.header img {
max-width: 100%;
}

/*Navigation*/

.navigation hr {
border: 0;
border-top: 5px double #fa1e43;
border-width: 5px;
padding: 1px 0px;
margin: 0.5% 0% 0.5% 0%;
}

.navigation div {
overflow: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.nav ul {
list-style: none;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
width: fit-content;
}

.nav li {
display: block;
position: relative;
float: left;
padding: 0px 20px;
margin: 1px;
}

.nav a {
font-family: verdana;
font-weight: bold;
font-size: 1em;
text-transform: uppercase;
text-decoration: none;
color: #fa1e43;
}

/*Images*/

.images div {
overflow: auto;
width: 100%;
}

.images img {
max-width: 32.83%;
padding: 0.25%;
margin: 0px;
float: left;
position: relative;
}

.comics div {
overflow: auto;
width: 100%;
}

.comics img {
max-width: 24.5%;
padding: 0.25%;
margin: 0px;
float: left;
position: relative;
}

img.banner {
max-width: 100%;
margin: 0px;
padding: 0.25%
}

img.icon {
max-width: 15%;
float: left;
padding: 0% 1% 0.5% 0.25%;
}

img.left {
float: left;
max-width: 49%;
padding: 0% 1% 0% 0%;
}

/*Text*/

h1 {
color: #fa1e43;
font-size: 1.2em;
text-transform: uppercase;
text-decoration: underline;
margin: 0% 0% 1% 0%;
}

p {
padding: 0px;
margin: 0% 0% 1% 0%;
}

p a {
color: #fa1e43;
text-decoration: none;
}

.list li a {
color: #fa1e43;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

ul.list {
overflow: auto;
}


/*Alignment / Boxes / Divs*/

div.copyright {
width: 100%;
position: relative;
padding: 2%;
text-align: center;
}

div.left {
width: 48%;
float: left;
position: relative;
overflow: auto;
padding: 2% 0% 0% 0%;
}

div.twitter {
float: right;
position: relative;
width: 48%;
}

div.textbox {
overflow: auto;
position: relative;
}

div.gumroad {
overflow: auto;
padding: 2% 0;
}