body
{
background: black;
margin: 0;
padding: 0;
width: 25cm;
margin-left: auto;
margin-right: auto;
}

img
{ 
display: block;
}

td
{
vertical-align: top;
}

h1
{
margin-left: 1cm;
font-family: arial, impact;
font-size: x-large;
}

h2
{
margin-left: 1cm;
font-family: arial, impact;
font-size: large;
text-decoration: underline;
}

p
{
text-align: justify;
margin-left: 1.5cm;
margin-right: 1.5cm;
font-family: arial, impact;
}

.logo
{
background: black;
padding-left: 0.4cm;
border: 0cm;
}

.menu
{
padding-left: 1.5cm;
font-family: arial, impact;
font-size: x-large;
word-spacing: 0.5cm;
color: gray;
}

.midsection
{
background: rgb(230,230,230);
padding-top: 0.5cm;
padding-bottom: 0.5cm;
height: 16cm;
}

.imgcentre
{
margin-left: auto;
margin-right: auto;
}

/*MENU comic, about, archives, contact*/
a.comic:link 
{color: gray;
text-decoration: none;}a.comic:visited 
{color: gray;
text-decoration: none;}a.comic:hover 
{color: rgb(51,163,163);}a.comic:active {color: black;}

a.about:link 
{color: gray;
text-decoration: none;}a.about:visited 
{color: gray;
text-decoration: none;}a.about:hover 
{color: rgb(148,71,107);}a.about:active {color: black;}

a.archive:link 
{color: gray;
text-decoration: none;}a.archive:visited 
{color: gray;
text-decoration: none;}a.archive:hover 
{color: rgb(255,66,14);}a.archive:active {color: black;}

a.contact:link 
{color: gray;
text-decoration: none;}a.contact:visited 
{color: gray;
text-decoration: none;}a.contact:hover 
{color: rgb(148,189,94);}a.contact:active {color: black;}
/* END MENU */

.title
{
margin-bottom: 0.3cm;
margin-left: 1.5cm;
font-family: arial, impact;
text-decoration: underline;
}

.nav
{
margin-top: 0.5cm;
font-family: arial, impact;
text-align: center;
font-weight: bold;
color: gray;
}

/* NAVIGATION first, back, next, last*/
a.first:link 
{color: gray;
text-decoration: none;}a.first:visited 
{color: gray;
text-decoration: none;}a.first:hover 
{color: rgb(0,69,134);}a.first:active {color: rgb(230,230,230);}

a.back:link 
{color: gray;
text-decoration: none;}a.back:visited 
{color: gray;
text-decoration: none;}a.back:hover 
{color: rgb(0,153,255);}a.back:active {color: rgb(230,230,230);}

a.next:link 
{color: gray;
text-decoration: none;}a.next:visited 
{color: gray;
text-decoration: none;}a.next:hover 
{color: rgb(247,99,69);}a.next:active {color: rgb(230,230,230);}

a.last:link 
{color: gray;
text-decoration: none;}a.last:visited 
{color: gray;
text-decoration: none;}a.last:hover 
{color: rgb(0,107,107);}a.last:active {color: rgb(230,230,230);}
/* END NAV */

hr
{
margin-top: 1cm;
}

#pepeha
{
margin-left: 2cm;
}

.endnote
{
text-align: center;
font-size: small;
color: gray;
}

.centre
{
text-align: center;
}

/* LINKS */
a.dblue:link 
{color: black;}a.dblue:visited 
{color: black;
font-style: italic;}a.dblue:hover 
{color: rgb(0,69,134);}a.dblue:active {color: rgb(230,230,230);}

a.green:link 
{color: black;}a.green:visited 
{color: black;
font-style: italic;}a.green:hover 
{color: rgb(148,189,94);}a.green:active {color: rgb(230,230,230);}

a.orange:link 
{color: black;}a.orange:visited 
{color: black;
font-style: italic;}a.orange:hover 
{color: rgb(204,102,51);}a.orange:active {color: rgb(230,230,230);}

a.turq:link 
{color: black;}a.turq:visited 
{color: black;
font-style: italic;}a.turq:hover 
{color: rgb(51,163,163);}a.turq:active {color: rgb(230,230,230);}

a.magenta:link 
{color: black;}a.magenta:visited 
{color: black;
font-style: italic;}a.magenta:hover 
{color: rgb(148,71,107);}a.magenta:active {color: rgb(230,230,230);}

a.borange:link 
{color: black;}a.borange:visited 
{color: black;
font-style: italic;}a.borange:hover 
{color: rgb(255,66,14);}a.borange:active {color: rgb(230,230,230);}

a.yellow:link 
{color: black;}a.yellow:visited 
{color: black;
font-style: italic;}a.yellow:hover 
{color: rgb(255,210,1);}a.yellow:active {color: rgb(230,230,230);}

a.dgreen:link 
{color: black;}a.dgreen:visited 
{color: black;
font-style: italic;}a.dgreen:hover 
{color: rgb(0,86,0);}a.dgreen:active {color: rgb(230,230,230);}

a.bgreen:link 
{color: black;}a.bgreen:visited 
{color: black;
font-style: italic;}a.bgreen:hover 
{color: rgb(0,174,0);}a.bgreen:active {color: rgb(230,230,230);}

a.red:link 
{color: black;}a.red:visited 
{color: black;
font-style: italic;}a.red:hover 
{color: rgb(220,35,0);}a.red:active {color: rgb(230,230,230);}
/* END LINKS */


/*colours
bkrndgrey	(230,230,230)
brown		(102,51,0)
dark blue	(0,69,134)
light blue`	(247,99,69)
dark turq	(0,107,107)
turq		(51,163,163)
dark green	(0,86,0)
green4 		(148,189,94)
bright green	(0,174,0)
magenta		(148,71,107)
red		(220,35,0)
orange1 	(204,102,51)
bright orange	(255,66,14)
light orange	(247,99,69)
yellow		(255,210,1)
 
*/

/*UNIQUE IDS*/


#blank
{
margin-bottom: 0.3cm;
margin-left: 1.5cm;
font-family: arial, impact;
}

#theimage {
	background: rgb(230,230,230);
padding-top: 0.5cm;
padding-bottom: 0.5cm;
height: 30cm;
}