body {
	color: #000033; margin: 0px;
	background:white url(/allthings/template/images/bm17_scylla.jpg) scroll no-repeat 0% 0%;
	font:.9em "Franklin Gothic",Helvetica,sans-serif;
}

html,body {
	position:relative;
	height:100%;
}

div#content {
	position: absolute;
	top:0px; left:285px;
	width:35em;
	border-left:1px solid #98BAC1;
	padding-top:285px;
}

div.article {
	margin:0px 0px 2em 2em;
	padding:10px .5em .5em;
	position:relative;
}

div.article p {
	margin:0px 0px .5em; padding:0px;
	text-indent:1em;
	line-height:1.1em;
	word-spacing:.1em;
}

div.article p.article_footer {
	padding:2px 0;
	margin:8px 0;
	color:#88AAB1;
	background-color:transparent;
	border-bottom:1px dotted #88AAB1;
	font:smaller Palatino,serif;
}

div.article div.poem {
	margin:.2em 2em;
}

div.poem p {
	margin:0;
	text-indent:0;
	line-height:1.2em;
}

div.poem p.stanza {
	margin-top:1.5em;
}

div.poem p.indented {
	margin-left:2em;
}

ul.sidelink {
	position:absolute;
	top:1.8em;
	left:-285px;
	width:285px;
	border:0 dotted #88AAB1;
	border-width:1px 0 0 1px;
	padding-top:.5em;
}

ul.sidelink li {
	width:200px;
}

h1,h2,h3,h4,h5,h6 {
	color:#98BAC1;
	font:italic normal bold larger Palatino,serif;
	margin:.2em 0;
	padding:0;
}
h1 { font-size:1.3em; }
h2 { font-size:1.1em;}

div#sidebar {
	position:absolute;
	top:285px; left:0px;
	padding-left:2em;
	width:285px;
}

div#sidebar ul {
	color:#98BAC1;
	margin-bottom:1em;
	border-top:1px dotted #88AAB1;
	width:75%;
}

ul {
	list-style:none outside;
	padding:0px; margin:0px;
}

li {
	padding-left:12px;
	background:transparent url(/allthings/template/images/bullet.png) scroll no-repeat 0 .25em;
	margin:2px 0 2px 1em;
	line-height:1.5em;
}

div#wrapper {
	position:relative;
	height:100%;
	width:100%;
}

div#copyright {
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	padding:.2em;
	font-size:x-small;
}

p.smallnote {
	font-size:x-small;
	color:#666;
	background-color:transparent;
}

form {
	background-color:#e0efef;
	text-align:right;
	margin:0;
	padding:4px;
	text-indent:0;
}

p.form_line {
	width:100%;
	height:1.5em;
	border-bottom:1px dotted white;
	display:block;
	margin:0; padding:5px 0;
	text-indent:0;
	text-align:left;
}

p.form_line label {
	display:block;
	width:30%;
	float:left;
	margin:0; padding:0;
	text-indent:0;
}

p.form_line input.text_field {
	width:70%;
	margin:0; padding:0;
}

textarea.text_field {
	width:95%;
	height:55px;
	margin:4px;
	padding:0;
	text-indent:0;
}


input.submit_button {
	background-color:#fff;
	color:#333;
	border:1px solid #333;
}

div.comment {
	margin:.5em;
	padding:2px;
	border:0 dotted #98BAC1;
	border-width:1px 0;
	text-indent:0;
}

div.comment p {
	margin:1px 0; padding:0; text-indent:0;
}

div.comment span.label {
	margin-bottom:1px;
	display:block;
	float:left; clear:left;
	font-weight:bold;
	width:15%;
}

div.comment span.value {
	display:block;
	color:#366;
	margin-left:15%;
}