/***
 * General styling
 */

html {
	background-color: #000;
	color: #449;
	font-family: Georgia, serif;
	font-size: 95%  /* Just to be pragmatic */
}

body {
	width: 60em;
	margin: 1em auto
}

p {
	margin: 1em 0  /* Because IE defaults to zero bottom margin */
}

h1 {
	font-size: 176%
	margin-bottom: 1.5em;
	border: 1px solid #114;
	padding: .15em;
	font-weight: normal;
	text-align: center;
	margin-bottom: 1em
}

h2 {
	font-size: 133%;
	color: #fc6;
	font-weight: normal;
	margin: 1.5em 0 1em 0
}

.image-left {
	float: left;
	margin: 0 1em 1em 0
}

.image-right {
	float: right;
	margin: 0 0 1em 1em
}

form fieldset legend {
	display: none
}

form label {
	display: block;
	float: left
}

form input,
form textarea
{
	border: 1px solid #888
}

code
{
	background-color: #080822
}

ins
{
	text-decoration: none;
	color: #fc6
}


/***
 * Left side of the page
 */


#left {
	position: fixed;
	width: 17em;
	border-top: 1px solid #114;
	font-size: 105%
}

#header {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	margin: .5em 0
}

#subheader {
	font-size: 200%;
	font-weight: bold;
	color: #226;
	text-align: center;
	margin: .5em 0;
	padding-bottom: .5em;
	border-bottom: 1px solid #114
}

#left ul {
	list-style-type: none;
	margin: 1em 0 1em 0;
	padding: 0 0 1em 0;
	text-align: center;
	font-size: 115%;
	border-bottom: 1px solid #114
}

#left ul li {
	margin: 0;
	padding: 0;
	width: 100%  /* hasLayout */
}

#left a,
#left a:visited {
	display: block;
	color: #449;
	text-decoration: none
}

#left li:hover a:before {
	content: "❇ ";  /* ♥ ☮ ☭ */
	color: #fff
}

#left li:hover a:after {
	content: " ❇";  /* ♥ ☮ ☭ */
	color: #000
}

p#copyright {
	color: #226
}


/***
 * Right side of the page
 */

#right {
	margin-left: 19.5em;
	border-top: 1px solid #114;
	color: #99c;
	font-family: Verdana, sans-serif;
	text-align: justify
}

#right a {
	color: #ccf
}

#right a:visited {
	color: #aab
}



/*
body {
	font-family: Verdana, sans-serif;
	background-color: #569;
	text-align: justify
}

p#header {
	margin: .5em auto;
	width: 26.25em;
	font-size: 200%;
	text-align: right
}

p#header a {
	color: #fff;
	text-decoration: none;
	padding: .5em;
	margin-right: -.5em
}

ul#menu, ul#menu-admin {
	width: 52.5em;
	margin: 1em auto;
	list-style-type: none;
	padding: 0
}

ul#menu li, ul#menu-admin li {
	display: inline;
	padding-right: 1em
}

ul#menu a, ul#menu-admin a {
	color: #fff
}

div#content {
	overflow: hidden;
	width: 50.5em;
	padding: 0 1em;
	margin: 1em auto;
	background-color: #bda;
	border: 2px solid #000
}

a {
	color: #457
}

h1 {
	text-align: center;
	background-color: #dab;
	margin: 0 -.5em;
	border-bottom: 2px solid #000;
	padding: .25em 0
}

ul, ol {
	margin: 0 0 1em 2.5em;
	padding: 0
}

table {
	margin: 1em 0
}

input,
textarea,
select {
	border: 1px solid #000
}

a img {
	border: 1px solid #000
}

blockquote p:before {
	content: "“"
}

blockquote p:after {
	content: "”"
}


//  Floating images


.image-left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em
}

.image-right {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em
}


 //  Default form layout


form fieldset {
	border: 1px solid #000;
	margin: 1em 0
}

textarea {
	width: 28em
}

*/