﻿* {
margin: 0;
padding: 0;
border:0 none;
}

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
border:0 none;
margin:0;
padding:0;
}

body {
font-family: helvetica, verdana, arial, sans-serif;
text-align: center;
letter-spacing: 1px;
background-image: url(madguyface.jpg);
background-color: #000000;
color: #f2f2f2;
font-size: 12pt;
text-decoration:none;
position: relative;
margin: 0 auto;
}

h1 {
color: #f2f2f2;
font-size: 24pt;
text-align: center;
}

h2 {
color: #f2f2f2;
font-size: 18pt;
text-align: center;
}

img {
padding:5px 0px 0px 0px;
text-align: center;
margin-right: auto;
margin-left: auto;
}

p {
padding: 10px 0px 10px 0px;
font-family: helvetica, verdana, arial, sans-serif;
color: #f2f2f2;
font-size: 12pt;
text-decoration:none;
letter-spacing: 1px;
}

ul {
margin:0 auto;
text-align: center;
}

li {
margin:0px 0px 0px 0px;
display: inline;
}

a {
color:#f2f2f2;
text-decoration:underline;

}
a:visited {
color: #cc0000;
}

a:hover {
color:#cc0000;
text-decoration:underline;
}

.cornerBox {
	position: relative;
	background: #262e43;
	background-image: url(pixel.gif);
	width: 100%;
}
.corner {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('corners.gif') no-repeat;
	font-size: 0%;
}
.cornerBoxInner {
	padding: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.rccomics {
font-family: helvetica, verdana, arial, sans-serif;
color: #f2f2f2;
padding: 0px;
}

.rccomics h1 {
margin: 10px 0 0 0;
color: #f2f2f2;
font-size: 24pt;
text-align: center;
text-decoration: underline;
}

.rccomics h2 {
color: #f2f2f2;
font-size: 18pt;
text-align: left;
margin: 0px 0px 0px 50px;
}

.rccomics h3 {
color: #f2f2f2;
font-size: 8pt;
text-align: center;
margin: 0 auto;
}

.rccomics p {
font-size: 10pt;
letter-spacing: 0px;
text-align:left;
margin: 0px 0px 0px 50px;
}

.rcmainpage {
font-family: helvetica, verdana, arial, sans-serif;
color: #f2f2f2;
padding: 0px;
}

.rcmainpage h1 {
margin: 10px 0 0 0;
color: #f2f2f2;
font-size: 20pt;
text-align: center;
text-decoration: underline;
}

.rcmainpage h2 {
color: #f2f2f2;
font-size: 14pt;
text-align: left;
margin: 0px 100px 0px 100px;
}

.rcmainpage h3 {
color: #f2f2f2;
font-size: 8pt;
text-align: center;
margin: 0 auto;
}

.rcmainpage p {
font-size: 10pt;
letter-spacing: 0px;
text-align:left;
margin: 0px 100px 0px 100px;
text-indent: 30px;
}

.rcmainpage img {
text-align: center;
margin: 0 auto;
}

.TL {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.TR {
	top: 0;
	right: 0;
	background-position: -10px 0;
}
.BL {
	bottom: 0;
	left: 0;
	background-position: 0 -10px;
}
.BR {
	bottom: 0;
	right: 0;
	background-position: -10px -10px;
}

.acorner {
	position: absolute;
	width: 5px;
	height: 5px;
	background: url('acornera.gif') no-repeat;
	font-size: 0%
}

.acornerBox {
	position: relative;
	background: #262e43;
	background-image: url(apixel.gif);
	width: 100%;
}
.acornerBoxInner {
	padding: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.aTL {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.aTR {
	top: 0;
	right: 0;
	background-position: -5px 0;
}
.aBL {
	bottom: 0;
	left: 0;
	background-position: 0 -5px;
}
.aBR {
	bottom: 0;
	right: 0;
	background-position: -5px -5px;
}

#header {
margin: 0 auto;
padding: 0px 0px 10px 0px;
text-align: center;
}

#comiccontainertop {
margin: 0 auto;
width: 820px;
height: 100%;
}

#comiccontainer {
margin: 0 auto;
width: 810px;
height: 100%;
}

#containertop {
margin: 0 auto;
width: 1040px;
height: 100%;
}

#container {
margin: 0 auto;
width: 1030px;
height: 100%;
}

#footer {
margin: 0 auto;
text-align: center;
}

#footer p {
padding: 5px 0px 0px 0px;
margin: 0 auto;
text-align: center;
font-size: 10pt;
}