/*
Color conventions:
+ #3030b0	dark background
+ #6060e0	light background
+ #9999ff	unvisited link
+ #1111aa	visited link
+ #00ffff	hovered link
*/
body {
	background-color: #000000;
	background-image: url(/bastian/images/bluestar.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
	padding: 25px 10px 10px 0; margin: 0px;
	color: #000000; font-family: sans-serif;
}

#nav {
	position: absolute; left: 0px; top: 122px; width: 125px; 
	font-variant: small-caps; letter-spacing: 2px;
}

#nav .navnot {
	width: 125px; padding: 3px; margin-bottom: 3px; background-color: #3030b0; 
	border-top: 3px solid #000000; border-bottom: 3px solid #000000;
}

#heading {
	margin-left: 175px; height: 50px; color: #6060e0;
	font-family: sans-serif; font-variant: small-caps; font-size: 40px;
	letter-spacing: 5px; white-space: nowrap;
	border-bottom: 2px solid #3030b0; margin-bottom: 0px;
}

#quote {
	float: right; margin-left: 175px; padding-top: 0px; margin-top: 5px;
	font-style: italic; font-size: 12px;
	text-align: right; color: #6060e0;
}

#content {
	margin: 45px 0 0 175px; padding: 10px;
	background-color: #6060e0; 
	border-top: 3px solid #000000; border-bottom: 3px solid #000000;
	font-family: "Bookman Old Style",serif;
}

.browserwarn { font-style: italic; font-weight: bold }
.hovering {
	background-color: #000080;
	padding-bottom: 2px; padding-right: 2px; margin-left: 2px; margin-top: 2px;
}

.hovering img { margin-left: -2px; margin-top: -2px }

#updated	{ color: #3030b0; text-align: right; font-size: smaller; font-family: sans-serif }
#footage	{ color: #6060e0; font-size: smaller;
		  margin-left: 175px; padding-top: 20px }

a:link		{ color: #9999ff; text-decoration: underline }
a:visited	{ color: #1111aa; text-decoration: underline }
a:hover		{ color: #00ffff; text-decoration: underline }
/* ; margin: -1px;
border-left: 1px solid #9999ff; border-top: 1px solid #9999ff;
border-right: 1px solid #1111aa; border-bottom: 1px solid #1111aa }
*/

#nav a:link	{ color: #9999ff; font-weight: bold; text-decoration: none }
#nav a:visited	{ color: #9999ff; font-weight: bold; text-decoration: none }
#nav a:hover	{ color: #00ffff; font-weight: bold; text-decoration: none }

h1,h2,h3,h4,h5	{ color: #000000; font-variant: small-caps; margin-top: 0px;
		  clear: left; font-family: sans-serif }
h1,h2,h3	{ border-bottom: 1px dashed #000000 }
p		{ margin-top: 0px }
ul		{ margin-top: 0px; list-style-type: square }
img		{ border: none }
.rightedge	{ float: right; margin-right: 0; padding-right: 0 }

#validation	{ width: 100px; padding-top: 20px; font-size: smaller }

.aside		{ float: right; width: 200px; color: #3030b0;
		  text-align: right; text-transform: lowercase;
		  font-size: larger; font-style: italic; font-weight: bold; 
		  border-top: 1px dashed #3030b0;
		  border-left: 1px dashed #3030b0;
		  border-bottom: 1px dashed #3030b0;
		  margin: 0px -5px 10px 20px; padding: 5px }

@media print {
body		{ padding: 10px; background-color: #ffffff; background-image: none }
#nav		{ display: none }
#heading	{ margin-left: 0px }
#content	{ margin-left: 0px; padding-left: 0px; background-color: #ffffff }
#footage	{ margin-left: 0px; font-size: 8px }
h1,h2,h3,h4,h5	{ page-break-after: avoid }
}