/*************************************************************************
/*
/* Main Silverelk.net site definitions
/*
/************************************************************************/

html, body
{
	font-family: Verdana, sans-serif;
	line-height: 1.2;
	font-size: 15px;
	background-image: url(/common/background.jpg);
	background-repeat: repeat-y;
}

p
{
	padding-top: 1em;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

strong em, em strong
{
	font-style: italic;
	font-weight: bold;
}

/*------------------------------------------------------------------------
/* NAVIGATION AREA
/*----------------------------------------------------------------------*/

#navigation
{
	margin: 0;
	margin-left: 10px;
	padding-top: 5px;
	width: 110px;
}

#navigation .nav-section
{
	/* Eliminating white-space in the HTML text will make it much harder to maintain.
	/* However, we can get rid of inter-image gaps without eliminating white-space by
	/* setting the font size to 0 for this section. */
	font-size: 0;
}

#navigation .nav-section .nav-title
{
	margin-top: 5px;
	margin-bottom: 5px;
}

#navigation .nav-section .glitch-fix
{
	/* There seems to be a glitch in Firefox 1.5. The button images will align without
	/* inter-image gaps because of the "font-size: 0" work-around above, except for
	/* the first image of any group. (Some evidence suggests it might be repeated after
	/* some number of images.) I can't find any differences in the HTML code, but the
	/* problem can be hidden by providing a background. */
	background-image: url(/common/navigate/glitch_fix.gif);
	background-repeat: repeat-y;
}

#navigation .nav-section .nav-button
{
	margin: 0;
	padding: 0;
}

#navigation .nav-text
{
	width: 100px;
}

#navigation .nav-text p
{
	font-size: 60%;
	font-weight: bold;
	text-align: center;
	margin: 1px;
	margin-top: 10px;
	padding: 0;
}

#navigation .nav-text a
{
	color: black;
}

/*------------------------------------------------------------------------
/* HEADER AREA
/*----------------------------------------------------------------------*/

#header
{
	margin: 0;
	padding: 0;
	padding-top: 0;
	padding-bottom: 20px;
	width: 600px;
}

#header .title 
{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-family: Comic Sans MS, cursive;
	font-style: normal;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
}

#header .subtitle
{
	margin: 0;
	margin-top: 10px;
	padding: 0;
	font-family: Comic Sans MS, cursive;
	font-style: normal;
	font-weight: bold;
	font-size: 150%;
	text-align: center;
}

/*------------------------------------------------------------------------
/* MAIN BODY AREA
/*----------------------------------------------------------------------*/

#main
{
	margin: 0;
	margin-left: 15px;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 585px;
	border-top: thin solid black;
}

#main form
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#main .main-float-text
{
	position: absolute;
	top: 235px;
	left: 190px;
}

#main .heading
{
	color: maroon;
	font-size: 150%;
	text-align: center;
}

#main .updatedate
{
	background-color: yellow;
}

#main .book-title
{
	font-style: italic;
}

#main .caption
{
	color: maroon;
	font-style: italic;
	font-size: 80%;
	text-align: center;
}

#main .smallcap
{
	font-variant: small-caps;
}

#main .quotation
{
	display: block;
	padding-left: 3em;
}

#main .footnote-ref
{
	font-size: 80%;
	text-decoration: underline;
	vertical-align: top;
}

#main .footnote-id
{
	font-style: italic;
	font-weight: bold;
}

#main .footnote
{
	font-style: italic;
	font-size: 80%;
}

#main .footnote-return
{
}

#main .simple-ul
{
	padding-top: 1em;
	padding-left: 3em;
	list-style-type: disc;
}

#main .simple-ul li
{
	padding-top: 0.5em;
}

#main .simple-dl
{
}

#main .simple-dl dt
{
	font-weight: bold;
	padding-top: 1em;
}

#main .simple-dl dd
{
	padding-top: .25em;
	padding-left: 3em;
}

/*------------------------------------------------------------------------
/* FOOTER AREA
/*----------------------------------------------------------------------*/

#footer
{
	margin-top: 10px;
	margin-bottom: 1em;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 585px;
	border-top: thin solid black;
}

#footer p
{
	font-size: 80%;
}

#footer .thankyou
{
	font-style: italic;
}

#footer .reference-title
{
	font-style: italic;
}

#footer .reference-line
{
	padding-top: .25em;
	padding-left: 2em;
}