body{background-color:#fff;color:#888;font-size:0.78em;font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;line-height:1.4;margin:0;padding:0;}a{background-color:inherit;color:#e55c00;text-decoration:underline;}a:hover{background-color:inherit;color:#00b224;}h1,h2,h3,h4,h5{font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;font-weight:bold;line-height:normal;margin:0;padding:0;}h1{font-size:3.2em;line-height:1em;}h1 a{text-decoration:none;}h2{font-size:1.8em;}h3{font-size:1.5em;}h4{font-size:1.2em;margin:0.5em 0 0 0;}h5{font-size:1.1em;margin:0.3em 0 0 0;}p{margin:0.3em 0 0 0;}#page{width:75em;min-width:25em;max-width:98%;text-align:left;margin:0 auto 0 auto;}#sidebar{width:20%;text-align:left;overflow:auto;margin:3em 0 0 1em;padding:0 1px 0 0;}#header{width:77%;float:left;}#content,#footer{width:77%;float:left;}#columnbox,#columnbox2,#columnbox3{width:31%;float:left;text-align:left;padding-left:1%;overflow:hidden;}#columnbox ul,#columnbox2 ul,#columnbox3 ul{list-style-type:none;margin:0;padding:0;}#columnbox h4,#columnbox2 h4,#columnbox3 h4{background:url('images/hr_dot_black.gif') 0 100% repeat-x;}#columnbox h3,#columnbox2 h3,#columnbox3 h3{background:url('images/hr_line_grey.gif') 0 100% repeat-x;}#columnbox img,#columnbox2 img,#columnbox3 img{height:16px;width:16px;margin:0 0.5em 0 0;padding:0;}#sidebar h2{font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;font-size:1.2em;margin:0;padding:0.5em 0 0.4em 0;}#sidebar ul{list-style-type:none;margin:0;padding:0;}#sidebar ul ul{margin:0 0 1em 0;}#sidebar ul ul li:before,#searchform p:before{content:"";}#sidebar ul ul li{margin:0 0 0.24em 0;}#sidebar ul ul ul{margin:0;}#sidebar ul ul ul{margin:0 0 0 1em;}#sidebar ul ul ul li:before{content:" ";}#searchform .s{font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif;width:8em;margin:1em 0 0.24em 0;padding:0;}#header{margin:1em 0 1em 0;}#footer{clear:both;margin:4em 0 1em 0;padding:0.2em 0 0 0;border-top:1px solid #888;font-family:'Lucida Grande',Arial,Verdana,Sans-Serif;}#content{background-color:inherit;color:#393e4c;}h2.pagetitle{background-color:#ffffff;color:inherit;padding:0.5em 0 0.4em 0.2em;margin:0 0 0em 0;text-decoration:none;}.navigation{margin:0 0 1.6em 0;padding:0 0 1px 0;font-family:'Lucida Grande',Arial,Verdana,Sans-Serif;font-size:1.2em;}.alignright{float:right;}.alignleft{float:left;}.snap-to-fit{clear:both;visibility:hidden;}.post{margin:0 0 3em 0;}.post+.post h2{padding:0.2em 0 0 0;border-top:1px solid #888;}.post h2 a,.post h3 a{background-color:inherit;color:#393e4c;text-decoration:none;}.post h2 a:hover,.post h3 a:hover{background-color:inherit;color:#e55c00;}.entry{width:100%;font-size:1.2em;margin:0 0 1em 0;overflow:auto;}.entry a{background-color:inherit;text-decoration:none;}.entry a:visited,.commentlist p a:visited{background-color:inherit;color:#ff6633;}.entry a:hover{background-color:inherit;text-decoration:underline;color:#e55c00;}small,.postmetadata,blockquote,strike{font-size:1em;line-height:1.5em;color:#888;background-color:inherit;}.postmetadata{margin:0.3em 0 1em 0;}.alt{background-color:#f7f7f7;color:inherit;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:0.5em 1em 0.5em 1em;margin:0;}.nowrap{white-space:nowrap;}h3.comments{margin:2em 0 1em 0;}.commentlist{padding:0;text-align:justify;}.commentlist li{margin:1.6em 0 0.4em 0;padding:0.6em 1em 0.4em 1em;list-style:none;font-weight:normal;}.commentlist li,#commentform input,#commentform textarea{font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif;}.commentlist p{margin:1em 0.6em 1em 0;font-weight:normal;line-height:1.5em;text-transform:none;}.commentlist cite{font-weight:bold;font-style:normal;font-size:1.2em;}#commentform p{margin:0.6em 0;}#commentform input{width:16em;padding:0.25em;margin:0.6em 0.6em 0 0;}#commentform textarea{width:100%;margin:0.6em 0 0 0;}#commentform #submitcomment{margin:0;float:right;}.awaitingmoderation{border:1px solid #4f62a8;}.nocomments{font-weight:bold;}.problem{color:#4f62a8;background-color:inherit;}hr{margin:0;padding:0;}hr.dotted{background:url('images/hr_dot_black.gif') center 100% repeat-x!important;border:none;height:3;}	}

/*	Image defaults
	Safari bug squishes image out of aspect when shrinking for max-width: 100% here
	But current (November 06) Web-kit builds seem to have fixed this so next release might be OK
	Removing the max-width line allows large images to be full size: scroll to see all */
img {
	max-width: 100%;
	padding: 0;
	margin: 0;
	}

a img {
	border: none;
	}

/*	Using these classes with img elements is preferable to align="..." attribute */
img.centered {
	display: block;
	margin: 0.6em auto 0.6em auto;
	}

/*	The actual alignment is done by the general .alignleft rule above
	Typical usage would be for a leading  small picture with text flowing past its right edge */
img.alignleft {
	margin: 0.6em 0.9em 0.6em 0;
	}

img.alignright {
	margin: 0.6em 0 0.6em 0.9em;
	}

/*	Lists inside posts
	The html>body prefix is not understood by IE which therefore doesn't read these rules
	as the stylized bullets don't work in IE anyway */
html>body .entry ul {
	margin: 0;
	padding: 0 0 0 2em;
	text-indent: 0em;
	}

html>body .entry li {
	margin: 0.8em 0 0.9em 1.1em;
	}

.entry ul li:before {
	content: "";
	}

.entry ol {
	padding: 0 0 0 2em;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

ol li {
	list-style: decimal outside;
	}

/*	Code should be used for just a few words.. */
code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

/*	..and the pre tag works better for whole code excerpts */
pre {
	background-color: #f7f7f7;
	color: black;
	padding: 0.6em 0 0.6em 0.6em;
	margin: 0 0 1em 0;
	font: 1.1em 'Courier New', Courier, Monospace;
	white-space: pre;
	overflow: auto;
	border: 1px solid #ddd;
	}

/*	Horrible hack to try to stop IE6 overflowing on long lines in pre elements.
	IE needs a width to turn on overflow, but 100% here with padding leads to the
	overflow scroller itself causing the entry to overflow in turn. Nasty.
	So this just truncates the pre block. Also nasty, but slightly less ugly.
	(The * html prefix selects IE out of all browsers as its the only one to think
	there is a super-element surrounding the html one) */
* html pre {
	width: 30em;
	}

acronym, abbr, span.caps {
	font-size: 1em;
	letter-spacing: .08em;
	cursor: help;
	}

acronym, abbr {
	border-bottom: 0.2em solid #ddd;
	}

blockquote {
	margin: 1.6em 2.8em 0 1.4em;
	padding: 0 0 0 2em;
	border-left: 0.6em solid #ddd;
	}

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

/*	Here we start on styling for the standard calendar widget or my skimmed version */
#wp-calendar {
	empty-cells: show;
	margin: 0 0 0.6em auto;
	}

/*	Match the sidebar h2 settings so the month caption appears as any other heading.
	Width 100% seems required for Firefox to right-align the caption. */
#wp-calendar caption {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	line-height: normal;
	margin: 0;
	padding: 0.5em 0 0 0;
	width: 100%;
	}

/*	The header cells with letters demarking days and the data cells holding numbers
	should have the same settings if they are to align */
#wp-calendar th, #wp-calendar td {
	font-style: normal;
	text-transform: lowercase;
	text-align: center;
	padding: 0 0 0 1px;
	margin: 0;
	}

#wp-calendar a {
	text-decoration: none;
	display: block;
	}

#wp-calendar #next a {
	text-align: right;
	}

#wp-calendar #prev a {
	text-align: left;
	}

/*	Add space below standard text widgets so as to match other sidebar items */
li.widget_text {
	margin: 0 0 1.24em 0;
	}

/*	RSS widget titles are also links but are shown in normal text colour */
li.widget_rss h2 a {
	background-color: inherit;
	color: #888;
	}

/*	..so we highlight them in orange as they are moused over */
li.widget_rss h2 a:hover {
	background-color: inherit;
	color: #e55c00;
	}

/*	Set size of embedded audio players in sound attachments (generous height so pad a little) */
.audio_object {
	width: 100%;
	height: 100px;
	}

/*	Set size of embedded video in video attachments. Note the height is just a generous
	guess as there seems no simple way to find the actual video height */
.video_object {
	width: 100%;
	height: 400px;
	}