body {
	background-color: white;
	color: black;		
	font-family: Georgia, Trebuchet MS, Helvetica, Verdana;
	margin: 3em 1em 2em 5em;
	x-width: 520px;
}

a {
	text-decoration: none;
	color: inherit;
}

.comment a {
	color: inherit;
}

h1,h2,h3,h4,h5 {
	font-family: Helvetica, Verdana;
	font-weight: bold; 
}

.post { 
	clear: both; 
	margin: 0.5em 0 3em 0; 
	width: 520px;
}

.comments {
	x-background-color: #eee;
	clear: both; 
	margin: 1em 0.25em 0 0; 
	padding: 0.25em 0.75em 0.5em; 
	border: 1px solid #ccc; 
	font-size: 90%; 
}

.comment {clear: left; margin: 0.5em 0; }

.comment_author { 
	display: inline; 
	font-size: 100%; 
	margin: 0 0.25em 0 0; 
}

.comment_content { 
	display: inline; 
}


textarea, input { 
	font-size: inherit;
	font-family: inherit;
	border: 1px solid #ccc;
	padding: 2px;
}

button {
	border: 1px outset #888;
	font-size: 80%;
	font-family: Heletica, Verdana, sans-serif;
}
button:active {
	border: 1px inset #888;
	background-color: #ccc;
}
label {
	font-size: 80%;
	font-family: Heletica, Verdana, sans-serif;
}

/* classes for dynamic control of document */

.container_closed .visible_when_open { display: none; }
.container_open .visible_when_closed { display: none; }
.container_closed .visible_when_closed { display: block; }