/* ex: set tabstop=4 noet: */
/*
 * $Id$
 * 
 * This entire site uses CSS only for formatting and was done
 * by hand, by me, from scratch. What better way to have a semi-
 * unique site and learn the basics of practical CSS?
 */

/*** very general stuff ***/

BODY, FORM, INPUT, TABLE {
	font-family:		/* Verdana */ Arial, Helvetica, serif /* Georgia, "Times New Roman", Times, serif*/ /* Andale Mono  */
	;
	font-size: 			small;
	/* text-align:		justify;  */
}

CODE {
	font-family:		Courier, Courier New, serif;
	font-size:			small;
	color:				Green;
	white-space:		pre;
}

UL {
	margin:				3px 3px 0.5em 1em;
	border:				0px;
	list-style:			none;
	padding:			0px 0px 0em 1em;
}

ul.iconlist {
	margin:				3px 3px 1em 20px;
	list-style-image:	url(images/icons/x.gif);
	padding:			0px 0px 0px 1em;
}

/* sexy dotted underlines */
a:link {
	color:				Blue;
	font-weight: 		normal;
	/*text-decoration:	none;*/
	/*border-bottom:		inherit; 1px dotted Blue;*/
}
a:link:hover {
	/*border-bottom:		1px solid #000333; /* Navy */
}
a:visited {
	color:				Purple;
	font-weight: 		normal;
	/*text-decoration:	none;*/
	/*border-bottom:		1px dotted Purple;*/
}
a:visited:hover {
	/*border-bottom:		1px solid Purple;*/
}
a._404:link { /* links that are known to be down */
	color:				#666666;
	border-bottom-color:#666666;
}
a._404:link:hover { /* links that are known to be down */
	border-bottom-style:solid;
}
.center {
	text-align:			center;
}
.txtright {
	text-align:			right;
}
.right {
	margin-right:		0px;
	margin-left:		auto;
}

/* holds the contents of each page */
/* dimensions and spacing only, style is done per-page */
#outside {
	margin:  			0px;
	padding: 			0px;
	width:   			98%;
	max-width:			1200px;
}

div.inside {
	margin: 			0px;
	padding:			0px;
	text-align:			justify;
}

/*** begin horizontal nav list ***/
ul.nav, .nav ul {
	margin:				0;
	padding:			0;
	cursor:				default;
	list-style-type:	none;
	display:			inline;
}
ul.nav {
	display:			table;
}
ul.nav > li {
	display:			table-cell;
	position:			relative;
	padding:			2px 6px;
}

/*** footer ***/
.footer {
	padding:			1em;
	width:				100%;
	display:			block;
	font-family:		Georgia, Verdana;
	font-size:			xx-small;
	text-align:			center;
}

/*** common styles ***/

/* mailto: image to prevent spammers from grepping my email */
img.email {
	vertical-align:		sub;
}
/* parseerror header text/link on each page */
.pehead {
	font-size:			x-large;
	margin-bottom:		1em;
}
/* text to which i provide extra inline info via 'title' */
.nfo {
	/*text-decoration:	italic;*/
	border-bottom:		1px dotted #333333;
}
.cmd { /* computer instruction */
	font-family:		Courier New, fixed;
	font-size:			medium;
	color:				Green;
	font-weight:		normal;
	text-decoration:	none;
}
ul.normal {
	list-style:			square;
}

div.small {
	font-size: small;
}
div.xsmall {
	font-size: x-small;
}
div.xxsmall {
	font-size: xx-small;
}

div.cmd, span.cmd {
	font-family:		Lucida Console, serif, Courier, sans-serif;
	font-size:			small;
	color:				#333333;
}
.err {
	font-weight:	bold;
	color:			Red;
}
li.good {
	border:		1px solid #99CC99 /*#669966*/;
	padding:	0.2em;
	background-color:#DBF6DB /*#CCFFCC*/;
}