/*
 * Copyright (c) 2007-2015
 *	Jeffrey Allen Neitzel <jan (at) v6shell (dot) org>.
 *	All rights reserved.
 */

/*
 * The CSS presentation of each page @ http://v6shell.org/ needs
 * the following generalized document structure to achieve the
 * desired effect:
 *
 *	<html>
 *	<head>	== Page head stuff ==	</head>
 *	<body>
 *	<div id="container">
 *	<div id="content">
 *		<div id="header"> == Header stuff == </div>
 *		<div id="navOuter">
 *		<div id="navInner">
 *			<ul><li> == Navigation links == </li> [...] </ul>
 *		</div>
 *		</div>
 *		[<div id="navOuterSub">
 *		<div id="navInnerSub">
 *			<ul><li> == Navigation sub links == </li> [...] </ul>
 *		</div>
 *		</div>]
 *
 *		== Main page content stuff ==
 *
 *		<hr />
 *		<div id="floatRight"> == Images & Links == </div>
 *		<div id="footer"> == Footer stuff == </div>
 *	</div>
 *	</div>
 *	</body>
 *	</html>
 */

/*
 * Element selectors
 */
html {
	margin:		0;
	padding:	0;
}

body {
	background:	#f1f1f1;
	color:		#000000;
	font-family:	Helvetica, sans-serif;
	font-size:	100%;
	line-height:	1.4em;
	margin:		0.5em;
	padding:	0;
}

h1, h2 {
	margin:		1em 4em 1em 4em;
}
h1 {
	font-size:	1.6em;
}
h2 {
	font-size:	1.3em;
}

p {
	margin:		1.5em 6em 1em 6em;
	text-align:	justify;
}

ol {
	list-style-type:decimal;
}
ol ol {
	list-style-type:upper-alpha;
}
li {
	line-height:	1.6em;
	margin:		0 6em 0 6em;
}
ul li ul li {
	margin:		0;
	padding:	0;
}

code, pre {
	font-family:	Monaco, "Lucida Console", Courier, monospace;
}
pre {
	margin:		2em 0 2em 8em;
}
code.larger, pre.larger {
}

strong {
	background:	#f1f1f1;
	color:		#000099;
	font-weight:	bold;
}

em {
	background:	#f1f1f1;
	color:		#0000cc;
}

hr {
	border:		none;
	background:	#999999;
	color:		#999999;
	height:		2px;
}

/*
 * Class selectors
 */
div.imageCentered {
	margin:		1em 6em 1em 6em;
	padding:	0.5em;
	text-align:	center;
}

div.forms {
	margin:		1.5em 6em 1em 6em;
}

div.misc {
	margin:		1em 2em 1em 2em;
}

a.feedLink {
	background:	#f1f1f1;
	color:		#333333;
	font-size:	smaller;
	font-weight:	bold;
}
a.feedLink, a:visited.feedLink { text-decoration:none; }
a:active.feedLink, a:hover.feedLink { text-decoration:underline; }

/*
 * ID selectors
 */
#container {
	border:		thin solid #999999;
	background:	#8696bc;
	color:		#000000;
	margin:		0;
	padding:	1em;
}

#content {
	border:		thin solid #999999;
	background:	#f1f1f1;
	color:		#000000;
	width:		100%;
}

#gplusone {
	line-height:	0;
	margin:		0;
	padding:	0;
	width:		65px;
}

#header {
	margin:		0;
	padding:	0.5em 2em 0 2em;
}
#header img {
	border:		none;
	float:		left;
	margin:		0;
	padding:	0.5em 0 0 0;
}
#header table {
	float:		right;
	margin:		0;
	padding:	0;
}
#header table tr {
	margin:		0;
	padding:	0;
}
#header table tr td {
	margin:		0;
	padding:	0;
}
#header table tr td img {
	padding:	0.5em 0 0.5em 0.25em;
}

#navOuter, #navOuterSub {
	border-bottom:	thin solid #999999;
	background:	#f1f1f1;
	color:		#000000;
}
#navOuter {
	margin:		0 2em 0 2em;
	padding:	0;
}
#navOuterSub {
	margin:		0.5em 4em 0 4em;
	padding:	0;
}

#navInner, #navInnerSub {
	white-space:	nowrap;
}
#navInner ul, #navInnerSub ul {
	list-style-type:none;
	margin:		0;
}
#navInner ul {
	padding:	0 0 0 6em;
}
#navInnerSub ul {
	padding:	0 0 0 8em;
}
#navInner li, #navInnerSub li {
	border:		none;
	background:	#dcdcdc;
	color:		#000000;
	display:	inline;
	margin:		0 0.5em 0 0.5em;
	padding:	0.25em;
}
#navInnerSub li {
	font-size:	smaller;
}
#navInner li.currentPage, #navInnerSub li.currentPage {
	background:	#dcdcdc;
	color:		#000000;
}
#navInner li.currentPage a, #navInnerSub li.currentPage a {
	background:	#dcdcdc;
	color:		#990000;
	font-weight:	bold;
}
#navInner a, #navInnerSub a {
	background:	#dcdcdc;
	color:		#333333;
	font-weight:	bold;
}
#navInner a,         #navInnerSub a,
#navInner a:visited, #navInnerSub a:visited {
	text-decoration:none;
}
#navInner a:active, #navInnerSub a:active,
#navInner a:hover,  #navInnerSub a:hover   {
	text-decoration:underline;
}

#floatRight {
	float:		right;
	padding:	1em 2em 2em 2em;
}
#floatRight img {
	border:		none;
	padding:	0 0 0 0.25em;
}

#footer, #footer em {
	background:	#f1f1f1;
	color:		#333333;
}
#footer {
	font-size:	smaller;
	line-height:	1.2em;
	padding:	1em 2em 2em 2em;
}

#success {
	background:	#f1f1f1;
	color:		#009900;
	font-weight:	bold;
}
#failure {
	background:	#f1f1f1;
	color:		#990000;
	font-weight:	bold;
}
