/*	undohtml.css
	(CC) 2004 Tantek Celik. Some Rights Reserved.
	http://creativecommons.org/licenses/by/2.0
	This style sheet is licensed under a Creative Commons License.

	Purpose: undo some of the default styling of common (X)HTML browsers */

/*	link underlines tend to make hypertext less readable, because underlines
	obscure the shapes of the lower halves of words */

:link, :visited { text-decoration: none; }

/*	no list-markers by default, since lists are used more often for semantics */
ul, ol { list-style: none; }

/*	avoid browser default inconsistent heading font-sizes and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }

/*	remove the inconsistent (among browsers) default ul,ol padding or margin
	the default spacing on headings does not match nor align with normal
	interline spacing at all, so let's get rid of it. Zero out the spacing
	around pre, form, body, html, p, blockquote as well form elements are oddly
	inconsistent, and not quite CSS emulatable. Nonetheless strip their margin
	and padding as well */

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input
{
	margin: 0;
	padding: 0;
}

/*	whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img { border: none; }

/*	de-italicize address */
address { font-style: normal; }

/*	Drawing Business site styles start here. First we remove some unwanted
	display properties from some additional elements.

	Normalise superscript formatting */

sup { vertical-align: baseline; }
hr, legend { display: none; }
fieldset { border: none; }

body
{
	color: black;
	background-color: white;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100%;
}

a
{
	color: black;
	font-weight: bold;
	background-color: inherit;
}

div#masthead
{
	color: white;
	background-color: #716E95;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 90px;
	width: 100%;
	z-index: 10;
}

div#masthead h1
{
	font-size: 2.4em;
	font-family: serif;
	margin: 1em 0 0 0.5em;
}

div#content
{
	color: black;
	background-color: white;
	font-size: 0.9em;
	margin: 100px 10px 10px 150px;
}

div#footer
{
	color: #A6A3C1;
	background-color: transparent;
	margin: 0px 10px 10px 150px;
}

div#links
{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 150px;
	color: black;
	background-color: white;
	font-size: 0.8em;
	text-align: center;
}

/* This is the hidden link box that is revealed
	when the masthead slides up */

div#hidden-box
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 140px;
	height: 90px;
	color: white;
	background-color: #716E95;
	z-index: 0;
}

div#hidden-box p { margin: 72px 0px 0px 0px; }

div#hidden-box a
{
	color: white;
	background-color: inherit;
}

div#links a
{
	color: black;
	background-color: #A6A3C1;
	display: block;
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 3px 0px;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 1em;
	font-weight: bold;
	border-width: 1px 10px 1px 0px;
	border-style: solid;
	border-color: white;
}

div#links span { display: none; }

div#links a.dimmed
{
	color: black;
	background-color: #D5D5D5;
}

div#links a.minor
{
	color: black;
	background-color: #F0F0F0;
	font-size: 1em;
	font-weight: normal;
}

div#links a.major
{
	color: white;
	background-color: #716E95;
	font-size: 1em;
	font-weight: bold;
}

div#links a.home
{
	color: white;
	background-color: #991E75;
	font-size: 1em;
	font-weight: bold;
}

/*	The rollover style */
a:hover
{
	color: white;
	font-weight: bold;
	background-color: black;
	text-decoration: none;
}

div#links a:hover
{
	color: white;
	background: #716E95;
	border-color: black #554D6E black #554D6E;
	border-width: 1px 10px 1px 0px;
	border-style: dotted solid dotted solid;
}

/*	Now we set the layout for the colour blocks
	that contain all the main text and content */

div.topicBlock
{
	color: black;
	background-color: #EEE;
}

div.topicBlock h3.topic
{
	border-color: black;
	border-width: 1px;
	border-style: dotted;
	color: white;
	background-color: #716E95;
	padding: 0.3em 0.5em 0.3em 0.5em;
	margin: 0 0 1em 0;
}

div.topicBlock div p { padding: 0em 0.5em 1em 0.5em; }
form#russ-contact { margin: 10px; }

/*	Thats all the structural stuff done. Now its just
setting the appearance of the main content.*/

div.controls
{
	margin: 0px 0px 10px 0px;
	padding: 4px;
	color: black;
	background-color: #A3A3FF;
	border: 1px black solid;
}

div#choices
{
	color: black;
	background-color: #B28BCC;
}

div.controls input,select
{
	vertical-align: middle;
	font-weight: bold;
	font-size: 1em;
}

div#images
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	z-index: 1000;
}

#mainImg { border: white 1px solid; }

.stdThumb
{
	width: 90px;
	height: 90px;
	text-align: center;
	font-size: .5em;
	text-indent: 2pt;
	vertical-align: middle;
	border-color: black;
	border-width: 1px;
	border-style: solid;
	margin: 0px 2px 3px 2px;
}

.stdThumb:hover, #mainImg:hover
{
	border-color: black;
	border-style: dotted;
}

.arrow
{
	width: 45px;
	height: 90px;
	vertical-align: middle;
	color: inherit;
	background-color: inherit;
	border: none;
	text-align: center;
	margin: 0px 2px 3px 2px;
}

/* Override the link style on image links */
div#images fieldset a, form p.thumb a
{
	color: inherit;
	background-color: inherit;
	border: none;
	text-align: center;
}

fieldset { border-style: none; }
legend, hr { display: none; }
.centre { text-align: center; }
.notes { font-size: 0.7em; }
div.shrink { padding: 10px; }

.wide
{
	width: 100%;
	font-family: monospace;
	font-size: 1.2em;
}

.imagebox { text-align: center; }
span.non-css-only { display: none; }