html {
        background-color: whitesmoke;
}
body {
        font-family: "Gill Sans", "Gill Sans MT", Georgia, serif;
        color: darkslategray;
}
/* Make current menu item bold as well*/
div.sidebar div.map span.selflink {
	color: darkslategray;
	font-weight: bold;
}
/* For reasons I don't understand getting borders around the image "just right" is way harder then it should be.  So be careful when you mess with this. */
table.img {
	background: whitesmoke;
	margin: 7px; /* for nice text wrapping around image */
}
table.img.align-left {
	margin-left: 0px; /* left side flush */
}
table.img.align-right {
	margin-right: 0px; /* right side flush */
}
table.img td {
    /* This is where style.css sets the border, so disabling here.*/
	border: none;
	margin: 0px;
	padding: 0px;
}
table.img img {
	border: 1px solid silver;
	padding: 4px;
	margin: 0px;
}
.img caption {
	padding-right: .66em;
	color: darkslategray;
	font-size: 80%;
	caption-side: bottom;
	text-align: right;
}


/* tag cloud */
.pagecloud {
	width: 95%;
	text-align: center;
	margin-bottom: .5em;
}

/* disabling to try and get img plugin working
div#content p img {
	margin: .5em;
	padding: 4px;
	border: 1px solid silver;
}

img.left {
	float: left;
}

img.right {
	float: right;
}

/* template customisations */
div.attributionbox {
	width: 192px;
	border: 1px solid silver;
	float: right;
}

/* hide the ugly */
div.feedlink, div#feedlink {
		display: none;
}
div.actions { display: none; } /**/
div.inlineheader span.author { display: none; }
/*div#backlinks {	display: none; }*/