/*
	stylesheet for CRT display
	
	markup: Han-earl Park
	copyright buster & friends' d'da
	updated: cork, august 2007
*/



/* overall document look */

body {
	font-family: Palatino, "Book Antiqua", serif;
	
	color: #ffffff;				/* this stuff is redundant since we include this info in */
	background-color: #000000;	/* each BODY tag, but is included here for completeness  */
}



/* look of links */
/*
	note: we override the look and behavior of these in the navigation bar
*/

:link {
	color: #99ffff;
	text-decoration: none;
}

:visited {
	color: #ffccff;
	text-decoration: none;
}

:hover {
	color: #99ffff;
	text-decoration: underline;
}

:active {
	color: #ff33cc;
	text-decoration: none;
}



/* basic table layout */

td.left {
	font-family: Palatino, "Book Antiqua", serif;
	text-align: left;	/* for IE */
}

td.center {
	font-family: Palatino, "Book Antiqua", serif;
	text-align: center;	/* for IE */
}

td.right {
	font-family: Palatino, "Book Antiqua", serif;
	text-align: right;	/* for IE */
}



/* center table or graphic */

div.center {
	text-align: center;
	
	margin-top: 3em;
}

div.fig {
	font-family: Helvetica, Arial, sans-serif;	/* for photo captions */
	font-size: 85%;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}


/* useful boring table */

table.center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	margin-bottom: 3em;

	border-width: 0px;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4em;
	padding-right: 4em;
}



/* navigation bar */

table.navbar {
	background-image: url(images_nav/background.jpg);
	background-position: center left;
	background-color: #000033;		/* color if image isn't loaded */

	border-color: #000099;
	border-width: 2px;
	border-style: groove;

	padding: 4px;
}


td.navicons {
	text-align: center;
}

td.navtext {
	text-align: center;
}

td.navtextgrey {
	text-align: center;
	font-family: Courier, monospace;
	font-size: 10px;
	color: #999999;					/* grey out current page */
}


a.nav {
	font-family: Courier, monospace;
	font-size: 10px;
}

a.nav:link {
	color: #ffffff;
}

a.nav:visited {
	color: #ffffff;
}

a.nav:hover {
	color: #99ffff;
}

a.nav:active {
	color: #000000;
}



/* small navigation bar */

td.mainnav  { text-align: left; }
td.pagenav  { text-align: right; }

table.mainnav {
	border-width: 0px;
	padding: 0px;

	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.pagenav {
	border-width: 0px;
	padding: 0px;

	margin-left: auto;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}



/* nav bar copyright */

td.copyright  {
	font-family: Palatino, "Book Antiqua", serif;	/* for IE on Windows? */
	text-align: left;
	font-size: 10px;
}



/* blue box */

table.blue {
	background-image: url(images_nav/background.jpg);
	background-position: top left;
	background-repeat: repeat;
	background-color: #000033;		/* color if image isn't loaded */

	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	margin-bottom: 3em;

	border-width: 0px;

	border-collapse: separate;
	border-spacing: 3px 8px;

	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 4em;
	padding-right: 4em;
}

td.blue {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;

	vertical-align: text-top;

	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 8px;
	padding-right: 8px;
}

td.black {
	font-family: Palatino, "Book Antiqua", serif;
	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
	background-color: #000000;

	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 8px;
	padding-right: 8px;
}

td.black p {
	font-family: Palatino, "Book Antiqua", serif;
	font-size: 100%;
	text-align: justify;
	line-height: 120%;

	text-indent: 2em;

	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 0;
	margin-right: 0;
}

td.black p.first {
	text-indent: 0;
}


/* download box */

table.dload {
	background-image: url(images_nav/background.jpg);
	background-position: top left;
	background-repeat: repeat;
	background-color: #000033;		/* color if image isn't loaded */

	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	margin-bottom: 3em;

	border-width: 0px;

	border-collapse: separate;
	border-spacing: 3px 8px;

	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 4em;
	padding-right: 4em;
}

td.dload {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: right;
	padding: 8px;

	vertical-align: text-top;

	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 8px;
	padding-right: 8px;
}

td.dloadInfo {
	font-family: Palatino, "Book Antiqua", serif;
	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
	background-color: #000000;

	vertical-align: text-top;

	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 8px;
	padding-right: 8px;
}

td.dload p {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: right;
	line-height: 120%;
	text-indent: 0;

	margin-top: 0.25em;
	margin-bottom: 0.25em;
	margin-left: 0;
	margin-right: 0;
}

td.dloadInfo p {
	font-family: Palatino, "Book Antiqua", serif;
	font-size: 100%;
	text-align: left;
	line-height: 120%;
	text-indent: 0;

	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 0;
	margin-right: 0;
}



/* main body */

td.body {
	padding-top: 2em;
	padding-bottom: 6em;	/* a little more space at the bottom of each page */
	padding-left: 2em;
	padding-right: 2em;
}



/* page title image */

div.titleimage {
	text-align: center;
	margin-top: 32px;
	margin-bottom: 0px;
}

blockquote.intro {		/* blurb at top of each page */
	font-size: 120%;
	text-align: center;
	font-style: italic;
	padding-top: 0px;
	padding-bottom: 32px;
}



/* headings */
/*
	note: some browsers center heading by default, but trying to fix that can cause
	some of the other browsers to freak :-(
*/

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	
	margin-top: 4em;
	margin-bottom: 2em;
	margin-left: 2em;
	margin-right: 4em;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	
	margin-top: 4em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	margin-right: 4em;
}

caption {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
}



/* paragraph */
/*
	the following has some flaky cross-browsers behavior :-(
*/


p {
	font-family: Palatino, "Book Antiqua", serif;
	font-size: 100%;
	text-align: justify;
	line-height: 120%;
	text-indent: 2em;

	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 4em;
	margin-right: 4em;
}

p.first	{ text-indent: 0; }

p.center {
	text-align: center;
	text-indent: 0;
}

p.small	{ font-size: 85%; }



/* quotations */

blockquote {
	font-family: Palatino, "Book Antiqua", serif;

	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 8em;
	margin-right: 8em;
}

blockquote.conversation {
	font-family: Palatino, "Book Antiqua", serif;

	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 8em;
	margin-right: 8em;
}

blockquote p {		/* general quotation */
	font-family: Palatino, "Book Antiqua", serif;
	font-size:  85%;
	text-align: justify;
	line-height: 120%;
	text-indent: 2em;

	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-right: 0em;
}

blockquote p.first {		/* general quotation */
	text-indent: 0;
}

blockquote.conversation p {		/* conversation transcript */
	text-indent: 2em;
	margin-left: 2em;
}

blockquote.conversation p.first {		/* conversation transcript */
	text-indent: -2em;
	margin-left: 2em;
}

blockquote p.quoteref {	/* referenace for quotation */
	text-align: right;
	margin-top: 1em;
}



/* local text markup */

b.io {					/* io's name */
	font-family: Courier, monospace;
	font-style: normal;
}

b.smile {
	font-family: "Avant Garde", "Century Gothic", Futura, Helvetica, Arial, sans-serif;
}



/* update message */

td.update {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;

	padding-top: 2px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
}