﻿/* Originally cribbed from http://bluerobot.com/web/layouts/layout1.html
 * However, people who merge the hotlink colors are evil and should be killed,
 * so I removed that.  Fixing font sizes in pixels is evil, too; is much as
 * possible I has move all dimensions to be relative to the associated font
 * size. Finally, light grey is a great background color, but lousy for
 * foreground text on white.
 */

/* Thanks esr (http://www.catb.org/~esr/) for stylesheet */

body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	color: #333;
	padding-top: 0px;
	font-family: Arial, sans-serif;
	background-color: white;
}
p {
	font-family: Arial, sans-serif;
	margin:0 0 1em 0;
	padding:0;
	}
#Content>p {text-indent:2em; margin:0;}
#Content>p+p {text-indent:2em;}

h1 {
	font-size: x-large;
	margin-bottom: 0.25ex;
	}
h2 {
	font-size: large;
	margin-bottom: 0.25ex;
	}

a {
	text-decoration:none;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:hover {background-color:#ccc;}

#Header
{
	border-right: black 0px solid;
	padding-right: 0px;
	border-top: black 1px solid;
	padding-left: 20px;
	font-weight: 600;
	font-size: x-large;
	padding-bottom: 1.3ex;
	margin: 20px 0px 10px;
	border-left: black 0px solid;
	padding-top: 0.3ex;
	border-bottom: black 1px solid;
	background-color: #eee;
	voice-family: inherit;
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it
feeds correct length values to user agents that exhibit the parsing
error exploited above yet get the CSS box model right and understand
the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5"
rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}

#Content {
	/* Left margin is menu width + 3em
	 */
	margin:0 50px 50px 11em;
	padding:10px;
	}

#Menu
{
	border-right: #999 1px dashed;
	padding-right: 0.5em;
	border-top: #999 1px dashed;
	padding-left: 0.5em;
	left: 20px;
	padding-bottom: 0.5em;
	border-left: #999 1px dashed;
	width: 8em;
	padding-top: 0.5em;
	border-bottom: #999 1px dashed;
	position: absolute;
	top: 80px;
	background-color: #eee;
	voice-family: inherit;
}
/* Again, "be nice to Opera 5". */
body>#Menu {width:8em;}

/* For convenience */
.centered {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

.notebox {
	background-color:#eee;
	border:1px dashed #999;
	margin: 15px;
	font-size:small;
	text-indent: 0;
}

/*
Local Variables:
compile-command: "(cd ~/WWW; upload sitestyle.css)"
End:
*/
