/* Insectoid's Web Page - global stylesheet */

/* Individual text/background colors, font styles, etc. should be set on a 
 * per-section basis. */
html, body {height: 100%;}	/* Corrects behavior of iframes */
body {color: #FFF; background-color: #000; font-family: Verdana, Tahoma, Arial, 
	Helvetica, sans-serif; font-size: 10pt; line-height: 110%; 
	word-spacing: 0; margin: 0; padding: 10pt;}
div.center, div.toc, div.nav {text-align: center;}
a {font-weight: bold;}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.0em;}
p {text-indent: 1.4em; font-size: 1em;}
code, pre, tt, p.key, span.css, span.dir, span.doc, span.elem, span.file, 
	span.html, span.js, .tag {font-family: "Courier New", Courier, 
	monospace; font-style: normal; font-size: 1em; line-height: 100%;}

/* Virtual Frameset definition ---------------------------------------------- */
/* Global */
div.fricon, div.frtitle, div.frupdt, div.frlinks, div.frside, div.frmain {
	position: fixed;}

/* R1C1: Page icon, 160px x 160px */
div.fricon {top: 0; left: 0; width: 160px; height: 160px; padding: 0;}

/* R1C2: Title image, 874px x 160px */
div.frtitle {top: 0; left: 160px; width: 874px; height: 160px; padding: 0;}
div.frtitle img {float: left;}
div.frtitle img.pgtitle, div.frtitle h1 {position: relative; top: 115px; 
	margin: 0;} /* Temporary, for transition from older page layout */

/* R2C1: Update header, 160px x 16px */
div.frupdt {top: 160px; left: 0; width: 160px; height: 16px; padding: 0; 
	z-index: 10;}
div.frupdt h3 {font-size: 10pt; text-align: center; font-variant: small-caps; 
	text-decoration: none; margin: 0;}

/* R2C2: Links bar (Simple Drop Down Menu), 874px x 16px */
div.frlinks {top: 160px; left: 160px; width: 874px; height: 16px; padding: 0; 
	z-index: 10;}
div.frlinks a:link img, div.frlinks a:visited img, div.frlinks img.current, 
	div.frlinks a[href]:hover img, div.frlinks a[href]:active img {
	border-color: transparent;}

/* Simple Drop Down Menu (adapted from CSS by javascript-array.com) */
#sddm {margin: 0; padding: 0; z-index: 30; float: left;}
#sddm li {margin: 0; padding: 0; list-style: none; float: left; 
	font: bold 7pt Verdana;}
#sddm li a, a.abttn, a.acurr {display: block; margin: 0 1px 0 0; padding: 0; 
	width: 96px; color: #FFF !important; text-align: center; 
	height: 12px;}
#sddm li a {margin: 0 1px 0 0; text-decoration: none;} 
#sddm div {position: absolute; visibility: hidden; margin: 0; padding: 0; 
	background: #00F; border: none;}
#sddm div a {position: relative; display: block; margin: 0; padding: 0; 
	width: 96px; white-space: nowrap; text-align: center; 
	text-decoration: none; color: #2875DE; font: bold 7pt Verdana; 
	height: 12px;}

/* R3C1: Update pane, 160px x inf. */
div.frside {top: 176px; left: 0; bottom: 0; width: 160px; padding: 0; 
	margin: 0; overflow: hidden;}
iframe.updates {width: 160px; height: 100%;}
body.updates {background: transparent; margin: 0; padding: 0; 
	line-height: 12px;}
div.updates {overflow: hidden;}
div.updates p, div.updates ul, div.updates li, div.updates span {padding: 0;}
div.updates p.upd, div.updates p.tag, div.updates span {font-size: 7.5pt;}
div.updates p.upd {margin: 7px 0 0 7px;}
div.updates p.tag {margin: 2px 0 2px 7px;}
div.updates ul {margin: 0 7px 9px 7px; font-size: 7pt; 
	list-style-position: inside;}
div.updates li {margin: 0 0 4px 0;}

/* R3C2: Main content, 848px x inf. */
div.frmain {top: 176px; left: 160px; bottom: 0; width: 848px; padding: 1em; 
	overflow: auto;}
/* -------------------------------------------------------------------------- */

/* Lists and Bars */
ol, ul {padding: 0 18px;}
ol, ul, li {margin: 1em 0;}
hr.bev, hr.bevsm {border: 0; margin: 1em 0;}
hr.bev {height: 7px;}
hr.bevsm {height: 5px;}
hr.lnx {width: 104px; margin: .6em 0 .6em 1.7em;}

/* Tables */
table.lnx {border-collapse: collapse; margin: .6em 0 .6em 0; 
	table-layout: auto; width: auto;}
table.lnx td {padding: 2px; text-align: center;}
table.norm {border: 3px ridge #606060; border-collapse: collapse;}
table.norm {table-layout: auto;}
table.norm td {border: 3px ridge #606060;}
.ctr, td.dbl, td.ind, td.name, td.norm {padding: 2px;}
.ctr, td.dbl, td.ind, td.norm {font-size: 1em;}
.ctr, td.name, td.norm {text-indent: 0;}
.ctr {text-align: center;}
td.ind {text-indent: 1em;}
td.name span, th {font-size: 12pt; font-weight: bold;}
th.left {text-align: left;}

/* Images */
img {border: 0; margin: 0;}
img.bangsm, img.checksm, img.constsm, img.crosssm, img.gearsm, img.icon, 
	img.pgicon, img.smicon, img.statcss, img.statfrm, img.stathtml, 
	img.statjs {vertical-align: bottom;}
img.const, img.email, img.rampban, img.wcomban {float: left;}
img.bangsm {width: 12px; height: 12px;}		/* Exclamation point (bang) */
img.btntxt {width: 96px; height: 12px;}		/* New button text */
img.button, img.current, img.halfbtn, img.halfcur {border: 2px solid; 
	height: 16px;}				/* Old button images */
img.button, img.current {width: 100px;}		/* 100x16 button */
img.checksm {width: 14px; height: 12px;}	/* Check mark */
img.const {margin: .4em .6em .4em 0; 
	width: 43px; height: 37px;} 		/* Construction */
img.constsm {width: 17px; height: 15px;}	/* Small construction icon */
img.crosssm {width: 12px; height: 12px;}	/* Red X */
img.email {margin: .8em .6em .8em 0; 
	width: 81px; height: 21px;}		/* Email icon */
img.gearsm {width: 12px; height: 12px;}		/* Small gear */
img.halfbtn, img.halfcur {width: 50px;}		/* 50x16 button */
img.icon {width: 32px; height: 32px;}		/* 32x32 icon */
img.pglogo {width: auto; height: 160px;}	/* New large-size page banner */
img.pgicon {width: 160px; height: 160px;}	/* New large page icon */
img.pgtitle {margin: 0 0 0 .85em; height: 40px;}/* Old 40px page banner */
img.rampban, img.wcomban {margin-right: .6em;}	/* Web comic banners */
img.rampban {width: 160px; height: 265px; vertical-align: middle;}
img.wcomban {width: 468px; height: 60px; vertical-align: top;}
img.smicon {width: 16px; height: 16px;}		/* 16x16 icon */
img.statbar {height: 8px;}			/* 8x100 status bar */
img.statcss, img.statfrm, img.stathtml, img.statjs {height: 14px;}
img.statcss {width: 17px;}
img.statfrm {width: 15px;}
img.stathtml {width: 18px;}
img.statjs {width: 14px;}
img.valid {width: 88px; height: 31px;}  	/* W3C Validity icons */

/* Text */
.act, .date, .mirr, .upd, .warning {font-weight: bold;}
.dbl {text-indent: 2em;}			/* Double indent */
.first {margin-top: 0;}
.mirr {color: #C0F;}
.quad {text-indent: 4em;}			/* Quadruple indent */
.tag, .upd, .warning, p#date, p.auth, p.jump, p.key, p.leftimg, p.links, 
	p.mirr, p.noind, p.normal {text-indent: 0 !important;}
.tag {color: #F00;}				/* Update tags */
.upd {color: #FF0;}				/* Update date */
.warning {color: #F00;}
a.note sup {color: #FFF;}
p#date, p.auth {font-style: italic; line-height: 150%;}
p#date {margin: .6em 0 0 0;}			/* Modification date and */
p.auth {margin: 0}				/* author lines          */
p.jump, p.key {margin: 5px 0;}                  /* In-page quick links */
p.jump, p.links {font-weight: bold; text-align: center !important;}
p.leftimg, p.links {margin: 0;}			/* Left vframe links */
p.leftimg {background-color: transparent; color: #CCC; font-size: .7em; 
	margin: 0 1em; font-style: italic;}	/* Left image description */
p.leftimg em, p.leftimg i {font-style: normal;}
p.normal {margin: 0; padding: 0; line-height: 100%;} /* "Normal" paragraph */
table p {margin: 0; padding: 2px; text-indent: 0; font-size: 1em;}
table .tbld, table .tnam {font-weight: bold;}
table .tctr {text-align: center;}
table .tdbl {text-indent: 5em;}
table .tind {text-indent: 2.5em;}
table .titl {font-style: italic;}
table .tnam {font-size: 1.2em;}
span.act {color: #FFA000; font-style: italic;}
/* Status and Change Log color codes */
span.blog {color: #69F; font-weight: bold; font-style: italic;}
span.css {color: #FF0;}			/* yellow */
span.dir {color: #0F0;}			/* green */
span.doc {color: #36F;}			/* blue (51, 102, 255) */
span.elem {color: #9FF;}		/* lt. cyan (153, 255, 255) */
span.html {color: #9CF;}		/* lt. blue (153, 204, 255) */
span.js {color: #F90;}			/* orange (255, 153, 0) */
sup, sub {font-size: .8em;}	/* Links to footnotes, super-/subscript */
sup {vertical-align: 25%;}	/* should be smaller+lower than default */