body, p, h1, h2, h3, h4, h5, h6, li, td, th, dd, dt {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: black;
}

body {
	margin:0px;
	background-color: #ffffff;
	color: #000000;
}

h1, h2, h3, h4, h5, th {
	margin:2px;
	font-weight: bold;
}

pre {
	background-color: white;
	padding: 7pt;
	font: 9pt "Courier New", Courier, mono;
	white-space: pre;
	width: 100%;
}

code {
	color: red;
	font-family: "Courier New", Courier, mono;
}

img {
	max-width: 100%;
	height: auto;
}

a { font-weight: bold;}	
a.slylink { color: black;}	
a:link    { text-decoration:none;      }
a:visited { text-decoration:none;      }
a:active  { text-decoration:underline; }
a:hover   { text-decoration:underline; }
.top
{
	cursor: hand;
}

table.prettytable {
	background: #f9f9f9;
	border: 1px #aaa solid;
	border-collapse: collapse;
	font-size: 95%;
}
table.prettytable th {
	background: #E9E9E9;
}

h1.title {
	font-family: Arial , Verdana, Helvetica,  sans-serif;
	font-weight: bold;
	color: black;
}


#toppanel {
	padding:2px;
	background-color: white;
	background-image: url("./titlebg.png");
	background-repeat: no-repeat;
	background-position: left top;
}

#contentpanel {
	margin:0px;
	padding:10px;
}
	
#menupanel {
	padding:10px;
	border-top: solid;
	border-width: 2px;
	border-color: #777777;
}

.menulink {
	line-height:28px;
}


@media (min-width: 500px) {
	
	/* 2 column layout with some cross-browser tricks from bluerobot.com */
	#contentpanel {
		margin:0px 0px 0px 200px;
		padding:10px;
	}

	.menulink {
		line-height:32px;
        }
	
	#menupanel {
		position:absolute;
		top:80px;
		left:0px;
		width:174px;
	 	padding:10px;
		padding-left: 6px;
		padding-bottom: 60px;
	
		text-align:right;
		border-top: none;
		border-right: solid;
	        border-color: #777777;
	
	/* ugly brilliant hack that protects IE5/Win from its own stupidity. */
		voice-family: "\"}\"";
		voice-family:inherit;
		}
	/* "be nice to Opera 5" hack */
	body>#Menu {width:150px;}
}

div.modifiedDate {
	width:100%;

	border-top:solid;
	border-width: 1px;
	border-color: #777777;

	text-align:right;
	font: 0.8em;
}

div.pictureframe {
	float: right;
	background-color: #EEEEEE;
	border-style:solid;
	border-width: 1px;
	border-color: #777777;
	padding: 2px;
	margin: 5px;

	text-align:center;
	font: 0.8em;
}

.commandLine {
	font-family: "Courier New", Courier, mono;
}

.imageCaption {
	font-weight: bold;
}



.feed {
	padding:3px;
	border:1px solid #999;
	font-size:0.8em;
}
.feedItemTitleStrip {
	background:#EEE;
}

.feedItemTime {
	float:right;
	font-size:0.8em;
}

.feedItemReadMoreLink {
	font-weight:normal;
	font-style:italic;
	font-size:0.8em;
	white-space: nowrap;
}



#homepagefeeds #wwwharrywoodcouk_blog_feed_  {
	font-size:1em;
}

.columns {
	clear:both;
}
.columns .column {
	float:left;
	margin:15px;
}

.columns ul {
	margin-top:0px;
}



/* --- Wordpress customisation ---*/

.widget-area#secondary ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

h1.widget-title {
	font-size:1.05em;
	margin-top:1.5em;
}
.widget a {
	font-weight: normal;
}

li.recentcomments {
	margin: 0.6em 0;
}

.widget_recent_entries li {
	margin: 0.6em 0;
}

h2.comments-title {
	font-size:1em;
}

li.comment {
	padding-top:0.6em;
	margin-top:1.2em;
	border-top:solid 1px #CCC;
}
.entry-title {
	margin-top:0.8em;
}
.entry-meta {
	font-size: 0.9em;
	font-style: italic;
}
.entry-meta a {
	font-weight: normal;
}
.entry-meta .entry-date {
	padding-right:0.6em;
}
.entry-meta .byline {
	display:none;
}
.entry-footer {
	margin-bottom:2.0em;
	padding:1.0em 0px;
	clear:both;
	border-bottom:solid 2px #CCC;
	font-size:0.9em;
	font-style: italic;
}
.entry-footer a {
	font-weight: normal;
}
ol.comment-list {
	list-style-type: none;
}
.comment-metadata {
	width:18em;
	float:right;
	text-align:right;
	font-size: 0.9em;
	margin-top:-2.5em;
}
.comment-metadata a {
	font-weight: normal;
}

form.comment-form p label {
	width: 8em;
	float:left;
	margin-right:10px;
	display: inline-block;
	text-align:right;
}
.cat-links {
	margin-right:1em;
}
.form-allowed-tags {
	font-size:0.9;
	color:BLACK;
}