/*mainpage.css*/
/*used for most of the main pages, eg index.html through to rchara, acomic and all that.*/
/*not used for subpages like gjake or loki or so on*/


html{height:100%}
body {background-color:#ffffff; background-image:url(back.jpg); color:#000000; 
      background-repeat:repeat-y; background-position: right; 
      font-family:arial, verdana, sans-serif; font-size:100%;
      padding-left:0px; padding-right:0px; padding-top: 190px; height:100%;
      margin-left:0px; margin-right:0px;}

p {padding: 5px;}


#title {position:absolute; top:0px; left:0px; border:0px; width:100%; height:175px; background-color:white;
	background-image:url(header.jpg); background-repeat:no-repeat;}
#titleimg {position:absolute; top:20px; left: 20px;}
#face1 {margin-top:15px; margin-right:20px; float:right; border:1px solid #000000;}
#face2 {margin-top:45px; margin-right:50px; float:right; border:1px solid #000000;}

#navi {}

#footerimg {float:left; height:200px; background-color:transparent; margin-bottom:-10px;visibility:hidden;}
#footer {height:4em; background-color:#000000; color:#ffffff; margin:0px; padding:0px;
	 margin-top:15px; text-align:center; font-size:small}



/*footer that stays at the bottom of the page*/
#content {padding-left:10px; padding-right:10px;
          min-height: 100%; /*height: auto !important; height: 100%; margin: 0 auto -1em;*/}
#push {height: 0em; width:100%;}



/*navigation bar*/
/*#menu {width: 100%; }
#menu ul {list-style: none; margin:0; padding:0; width:12em; float:left;}

#menu li {position: relative;}
#menu ul ul {position: absolute; z-index: 500;}
#menu ul ul ul {top: 0; left: 100%;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}*/

#menu {width: 100%; position:absolute; top:155px; left:0px; width:100%;
	background-color:#000000; color:#ffffff;}

#menu ul {list-style:none; margin:0; padding:0; width:8.5em; float:left;}

#menu a, #menu p {color:#ffffff; text-decoration:none; background-color:#000000; display:block; padding:0px;
		margin:0px; border-width:1px; border-style:solid; border-color: #ccc #888 #555 #bbb;}

#menu a:hover {color:#aa0000; background: #aaaaaa;}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul {
display: none;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



/*follows is stuff swiped from the last css*/
h1 {font-size:1.4em; text-align:left; border-bottom: solid 1px #999999; font-weight:lighter;}
h2 {font-size:1.2em; text-align:left; font-weight:lighter;}
h3 {font-weight:bold;}

a:link {text-decoration:underline; color:#000099;}
a:visited {text-decoration:underline; color:#660000;}
a:hover {text-decoration:underline; color:#009900;}
a img {border:none}

#comic {width:440px; margin-left:auto; margin-right:auto;}
img.comic {border-width:0;}

/*formats used on the index page for news posts*/
p.redate {color:#339933; font-size:larger;}
p.requote {color:#FF66CC; font-size:larger;}
p.ngdate {color:#0099FF; font-size:larger;}
p.ngquote {color:#FF9966; font-size:larger;}

img.left {float:left; padding:15px;}
img.right {float:right; padding:15px;}
div.right {float:right; padding: 15px;}
div.left {float:left; padding: 15px;}

/*used for the bookshelf effect in the acomic.html*/
#bookshelf {background-image:url(bookshelf.gif); background-repeat:repeat; padding-left:10px; padding-right:10px; width:330px; float:left; margin-right:10px; margin-bottom:10px;}
#bookshelf-single {background-image:url(bookshelf.gif); background-repeat:repeat; padding-left:10px; padding-right:10px; width:450px; margin-right:10px; margin-bottom:10px;}
img.books {padding:0px; margin:0px;}

/*comic archive pages*/
table {width:100%; text-align:center;}

/*table.arc {width:100%;
       border-width: 1px 1px 1px 1px; border-spacing: 0px 0px;
       border-style: solid solid solid solid;
       border-color: black black black black;
       text-align:center;}
table.arc tr {vertical-align:top;}
table.arc td {border-width: 1px 1px 1px 1px; padding: 3px 3px 3px 3px;
	  border-style: inset inset inset inset; border-color: black black black black;}
table.arc th {border-width: 1px 1px 1px 1px; padding: 3px 3px 3px 3px;
	  border-style: inset inset inset inset; border-color: black black black black;
          font-size:1.2em;}*/
table.invisible{border:none; padding:0px; margin:0px;}
table.invisible td{border:none; vertical-align:bottom;}

p.clink {font-size:smaller;}

p.hierlinks {text-align:right;}

span.inheading {font-weight:bold;}