/* GENERAL ********************************************************************/

* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.84em/1.333 Arial, sans-serif; margin: 0; padding: 0;
  color: #202020; background: #FFF;
  min-width: 40em; margin: 0 auto;}
a:link {color: #B61; text-decoration: none;}
a:visited {color: #6699FF; text-decoration: none;}
h1 {font: Helvetica; font-size: 3em; margin: 0 0 0.5em; padding: 0;
	color: #006600; }
h2 {font: Helvetica; font-size: 2em; margin: 1em 0 0.5em 0; padding: 0;
	color: #652; }
h3 {font: Helvetica; font-size: 0.9em; margin: 0 0 0 0; padding: 0;}
h4 {font: Helvetica; font-size: 1.1em; margin: 0.5em 0 0;}
h5 {font: Helvetica; font-size: 1em; margin: 0.5em 0 0;}
h6 {font: Helvetica; font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 0.1em 0 1em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre { font: 120% Gill Sans, Helvetica, Arial, sans-serif; }
code, tt {font: 110% "Andale Mono", Courier, "Courier New", monospace;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
sub {font-size: small; }
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.border {border: 3px double;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
p.standalone {text-align: center;}
.warning {background: #FF8; color: red; border: 2px solid; padding: 1em;}
.highlight {background: #B4D5FF; font-weight: bold;}

table { margin: 0; padding: 0; border: 0; }
td { vertical-align: top; }
.leftside { text-align: right; width: 50%; border-right: 1px solid #A2ADBC;
	padding: 0 1.5em; }
.rightside { text-align: left; padding: 0 1.5em; }
/* .rightside { text-align: left; padding: 3em 0 0 1.5em; } **/

/* MAIN ***********************************************************************/

#header { position: absolute; top: 0; left: 0; }
#header h1 { font: Helvetica; font-size: 3em; margin 0 0 1em; padding: 0;
	color: #660000; }

#container { position: absolute; top: 0; left: 0; }

#main { position: absolute; top: 25px; left: 10%; right: 10%;
	text-align: center;
	margin: 0 0 2em; padding: 0; min-height: 30em; }
/*#main h2 { border-bottom: 1px solid #888; margin: 0; padding: 0;
	font-size: 1.75em; line-height: 1; }*/
#main p { line-height: 1.2em; font-size: 90%; margin-top: 0; }
#main li { line-height: 1.33; margin-bottom: 0.33em; }
#main ul li { list-style: square; }

/* MEDIA **********************************************************************/

#media { position: absolute; top: 25px; left: 10%; right: 10%; text-align: center;
	padding: 0; }
#media p { line-height: 1.1; font-size: 80%; color: #660000; 
	font-style: bold; }


#media2 { position: absolute; top: 0.7em; left: 158; text-align: left;
	padding: 0.25em 0 1.25em 0.25em;  min-width: 275px; width: 10%; }
	
/* FOOTER *********************************************************************/

#footer { position: absolute; left: 30%; top: 500px; width: 30%;
	margin: 0 0 0 2em; padding: 0 0 2em;
	text-align: center;
	color: gray; background: #FFF; }
#footer a {color: #558;}
#footer a:visited {color: #858;}
#footer p {line-height: 1; margin: 0; padding: 0.5em 0.25em 0; font-size: 0.85em; }

/* CONTENT ********************************************************************/

#content_header { position: absolute; top: 1.2em; left: 3em; text-align: left;
	margin: 0.5em 0 2em 1em;
	padding: 0.25em 0 1.25em 0.25em; width: 100%; }
#content_header h1 { font: Helvetica; font-size: 2.5em; margin: 0.2em 0 0;
	padding: 0; color: #202020; }
#content_header h2 { font: Helvetica; font-size: 1.3em; margin: 0 0 3em;
	padding: 0; color: #B61; line-height: 0.5em; }
#content_main { position: absolute; top: 9em; left: 3em; text-align: left;
	margin: 0.5em 0 2em 1em;
	padding: 0.25em 0 1.25em 0.25em; width: 40%; }
#content_main p { line-height: 1.2em; color: #202020; }
	
#content { position: absolute; top: 1.2em; left: 3em; text-align: left;
	margin: 0.5em 0 2em 1em;
	padding: 0.25em 0 1.25em 0.25em; width: 40%; }
#content h1 { font: Helvetica; font-size: 2.5em; margin: 0.2em 0 0; padding: 0;
	color: #202020; }
#content h2 { font: Helvetica; font-size: 1.3em; margin: 0 0 3em; padding: 0;
	color: #B61; line-height: 0.5em; }
#content h3 {font: Helvetica; font-size: 1.6em; margin: 0 0 0.2em; padding: 0;
	color: #660000; font-style: italic; }
/* h4 is for long titles */
#content h4 { font: Helvetica; font-size: 2.5em; margin: 0.2em 0 0; padding: 0;
	color: #202020; line-height: 1em; }
#content p { line-height: 1.2em; color: #202020; }
#content dt {font: Helvetica; font-size: 1.1em; margin: 1em 0 0 0; padding: 0; 
	color: #B61; }
#content a:link {color: #B61; text-decoration: none;}
#content a:visited {color: #B61; text-decoration: none;}

	
#covers { position: absolute; top: 1.2em; left: 3em; text-align: left;
	margin: 0.5em 0 2em 1em;
	padding: 0.25em 0 1.25em 0.25em; width: 80%; }
#covers h3 {font: Helvetica; font-size: 1.2em; margin: 0 0 0.2em; padding: 0;
	color: #B61; }

#authors { position: absolute; top: 1.2em; left: 3em; text-align: left;
	margin: 0.5em 0 2em 1em;
	padding: 0.25em 0 1.25em 0.25em; width: 50%; }
#authors h1 { font: Helvetica; font-size: 2.5em; margin: 0.2em 0 0; padding: 0;
	color: #202020; }
#authors h2 { font: Helvetica; font-size: 1.3em; margin: 0 0 3em; padding: 0;
	color: #B61; line-height: 0.5em; }
#authors p { line-height: 1.2em; color: #202020; }
#authors dt {font: Helvetica; font-size: 1.1em; margin: 4em 0 0 0; padding: 0; 
	color: #B61; }
	
#comics { position: absolute; top: 1.2em; left: 3em; text-align: left;
	margin: 0.5em 0 2em 1em;
	padding: 0.25em 0 1.25em 0.25em; width: 90%; }
#comics h1 { font: Helvetica; font-size: 2.5em; margin: 0.2em 0 0; padding: 0;
	color: #202020; }
#comics h2 { font: Helvetica; font-size: 1.3em; margin: 0 0 3em; padding: 0;
	color: #B61; line-height: 0.5em; }