BODY {
	background-color: #FFFFFF;
	line-height: 140%;
	font-family: "Dejavu Sans", "Arial", helvetica, sans;
	margin: 0;
	border: 0;
	padding: 0;
}

/* IE hack; note the 'wrong' url */
.transparent {
	behavior: url(../iepngfix.htc);
}

.body
{
	display: block;
	margin-top: 3em;
	margin-left: 4em;
	margin-right: 4em;
	margin-bottom: 3em;
}

H1, H2, H3, H4 {
	clear: both;
	margin-left: -30px;
	line-height: 120%;
}

.published {
	clear: both;
	margin-left: -30px;
	font-size: 60%;
	color: #808080;
}

P {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	text-align: justify;
}

HR {
	margin-top: 4em;
	margin-bottom: 4em;
	margin-left: 25%;
	margin-right: 25%;
}

PRE {
	font-family: courier;
	font-size: small;
	white-space: pre;
	margin-left: 1em;
	margin-right: 1em;
	padding: 2%;
	border-left: 3px solid #656d6f;
	padding: 1em;
	background-color: #d6bdd2;
}

.titlebar {
	width: 100%;
	height: 96px;
	background-image: url(sky-background.jpg);
	background-repeat: repeat-x;
}

.titlebar-cow {
	float: left;
	border: 0;
}

.titlebar-text {
	margin-top: 60px;
	margin-right: 4px;
	float: right;
	border: 0;
}
	
.navbar {
	background-color: #656d6f;
	width: 100%;
	height: 2em;
}

.navbar A {
	color: #d2d6bd;
	text-decoration: none;
	border-bottom: 1px solid #d2d6bd;
}

.navbar A:visited {
	border-bottom-style: dashed; 
}

.subpagenav {
	height: 2em;
	width: 100%;
	font-size: 75%;
}

.subpagenav .left, .subpagenav .middle, .subpagenav .right {
	width: 33%;
}

.left {
	padding-left: 1em;
	text-align: left;
}

.right {
	padding-right: 1em;
	text-align: right;
}

.middle {
	text-align: center;
}

.bottombar {
	background-color: #656d6f;
	color: #d2d6bd;
	height: 2em;
	width: 100%;
	font-size: 75%;
}

.center {
	display: table-cell;
	vertical-align: middle;
}
		
.link {
	margin-left: 1em;
	margin-right: 1em;
	border-left: 3px solid #656d6f;
	padding: 0.75em;
	background-color: #d2d6bd;
	font-size: 90%;
}

IMG.link-img {
	border: 0;
	vertical-align: middle;
	padding-right: .3em;
}

.block {
	border: 1pt solid #808080;
	font-family: courier;
}

.alltags_numpages, .allpages_pubdate {
	font-size: 90%;
	color: #808080;
}

.taglist {
	margin-top: -0.75em;
	margin-bottom: 1em;
	font-size: 90%;
	color: #808080;
}

/* --- Gallery stuff --- */

.photoframe {
	display: inline-table;
	vertical-align: middle;
	margin: 2em;
}

.photo {
	margin: 0;
	padding: 0;
	width: 256px;
	height: 256px;
	text-align: center;
	vertical-align: middle;
}

.photocaption {
	width: 256px;
	font-size: 75%;
	text-align: center;
}

/* --- Commentator stuff --- */

.comments-title {
	text-align: center;
	margin: 0;
}
	
.comments {
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;
	width: 80%;
}

.comments TD {
	vertical-align: top;
}

#commentator-viewer {
}

.commentator-comment, .commentator-highlightedcomment {
	margin: 1em;
	border-left: 3px solid #656d6f;
	padding: 1em;
	font-size: 90%;
}

.commentator-comment
{
	background-color: #bdd2d6;
}

.commentator-highlightedcomment
{
	background-color: #d6bdbd;
}

.commentator-comment .commentator-published,
.commentator-highlightedcomment .commentator-published {
	clear: both;
	font-size: 80%;
	color: #808080;
}
	
.commentator-comment H4,
.commentator-highlightedcomment H4 {
	color: #000;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	line-height: 100%;
}
	
.commentator-comment .commentator-text,
.commentator-highlightedcomment .commentator-text {
	margin-left: 2em;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	text-align: justify;
	overflow: auto;
}
	
.commentator-poster {
	margin: 1em;
	border-right: 3px solid #656d6f;
	padding: 1em;
	background-color: #cde2e6;
	font-size: 90%;
}

.commentator-poster .gwt-TextBox, .commentator-poster .gwt-RichTextArea {
	background-color: #fff;
}