html {
	background:#444;
}

/* ---------------------*/
/* Main grid layout */

/* Body background grid for design purposes.  See http://www.subtraction.com/archives/2004/1231_grid_computi.php */
body {
/*	background:url(../images/site/v5/bg-grid.png) repeat-y 50% 0;  */
	text-align:left;
}

/* Fixed width of 960px.  See http://www.cameronmoll.com/archives/001220.html.  I've considered the argument for a fluid layout, but I just want to do this one fixed. */
#custom-doc {
	margin:0 auto;
	width:960px;
}

#hd {
	border-bottom:1px solid #fff;
	height:142px;
	margin:0 25px;
	position:relative;
}

#bd {
	margin-top:25px;
	position:relative;
	text-align:left;
}

#ft {
	border-top:1px solid #fff;
	clear:both;
	margin:0 25px;
	min-height:142px;
}
/* ---------------------*/




/* ---------------------*/
/* General font and colour styles */
body {
	color:#eee;
	font-family:calibri/*probably vista*/,optima/*probably osx; I tried good ol' Helvetica, but it looks too heavy at 14px.  Optima is a surprisingly pleasant match for calibri at this size and weight.*/,verdana /*probably XP*/,sans-serif/*fallback*/;
}

a {
	border-bottom:1px solid #999;
	color:#eee;
	text-decoration:none;
}
	a:hover {
		background-color:#000;
		color:#fff;
	}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

p {
	font-size:108%;
	line-height:1.2857;
	margin:1.2857em 0;
}
	p.center {
		text-align:center;
	}
h4 {
	font-family:Helvetica,Arial,sans-serif;
	font-size:137.8%;
	font-weight:normal;
	line-height:2;
	margin-top:2em;
}
h5 {
	font-family:Helvetica,Arial,sans-serif;
	font-size:123.1%;
	font-style:italic;
	font-weight:normal;
	line-height:1.125;
	margin-top:2.25em;
}
h6 {
	font-family:Helvetica,Arial,sans-serif;
	font-size:108%;
	font-style:normal;
	font-weight:bold;
	line-height:1.2857;
	margin-top:2.5714em;
}

img {
	background-color:#fff;
	border:1px solid #999;
	margin:0;
	padding:5px;
}
	img.left {
		float:left;
		margin:0.3em 0.9em 0.3em 0;
	}
	img.right {
		float:right;
		margin:0.3em 0 0.3em 0.9em;
	}
	
ul {
	margin-left:3em;
	margin-top:1.3846em;
}
ol {
	margin-left:3em;
	margin-top:1.3846em;
}
li {
	font-size:108%;
	line-height:1.2857;
	margin:0.42857em 0;
}
	ol li {
		list-style-type:decimal;
	}
	ul li {
		list-style-type:disc;
	}
	
dl {
	margin-left:2em;
}
dt {
	border-left:0.3em solid #999;
	font-size:108%;
	font-weight:bold;
	line-height:1.2857;
	margin:0.8571em 0 0 0;
	padding-left:0.7em;
}
dd {
	border-left:0.3em solid #999;
	font-size:108%;
	font-weight:normal;
	line-height:1.2857;
	margin:0 0 0.8571em 0;
	padding-left:0.7em;
}

blockquote {
	background-color:#555;
	border:1px solid #bbb;
	margin-left:2em;
	padding:0 1em;
}

table {
	border:1px solid #999;
	border-collapse:collapse;
	width:100%;
}
td,
th {
	border:1px solid #999;
	font-size:108%;
	font-weight:normal;
	line-height:1.2857;
	padding:0.19444em 0.38889em;
	vertical-align:top;
}
th {
	background:#ddd;
	color:#000;
	font-weight:bold;
}

/* ---------------------*/



/* ---------------------*/
/* Comments form */
div.commentform {
	background:url(../images/site/v5/top-border-entry.gif) repeat-x 0 0;
	margin-bottom:2em;
	padding-top:1em;
	position:relative;
	width:100%;
}
	div.commentform form {
		width:430px;
	}
	#bd div.commentform h3.secondlevel {
		line-height:1;
		margin-bottom:0.2em;
	}
	div.commentform input.text {
		border:1px solid #999;
		display:block;
		font-size:108%;
		margin-bottom:1em;
		padding:0.2em 0;
		width:100%;
	}
	div.commentform button {
		padding:0 1em;
	}
	div.commentform button {
		font-family:Helvetica,Arial,sans-serif;
		font-weight:normal;
		padding:0.5em 1em;
	}
	div.commentform p span.explain {
		font-size:93%;
	}
	div.commentform textarea {
		border:1px solid #999;
		font-size:108%;
		margin-bottom:1em;
		padding:0.2em 0;
		width:100%;
	}
	div.commentform div.captcha {
	}
		div.commentform div.captcha div.label {
			font-family:Helvetica,Arial,sans-serif;
			font-size:138.5%;
			line-height:1;
			margin-bottom:0.2em;
		}
		div.commentform div.captcha input#captcha_code {
			margin:0.5em 0;
			width:150px;
		}
		div.commentform div.captcha img {
			padding:0;
		}
		div.commentform div.captcha p {
			margin-top:0;
		}

/* ---------------------*/





/* ---------------------*/
/* Header visual styles.  Note that the visual prominence of headers may be different than the <hN> heading level in the HTML document. */
.banner {
	bottom:17px;
	color:#999;
	font-family:Helvetica,Arial,sans-serif;
	font-size:288%;
	left:0;
	line-height:1.2;
	position:absolute;
	width:455px;
}
	.banner a {
		border:none;
		color:#999;
	}
	.banner .sub {
		display:none;
	}

h1.toplevel,
h2.toplevel {
	color:#fff;
	font-family:Helvetica,Arial,sans-serif;
	font-size:197%; /* YUI CSS: 26px */
	font-weight:normal;
	line-height:1.3846; /* 36px */
	margin-top:0;
	position:relative;
}

h2.secondlevel,
h3.secondlevel,
h4.secondlevel {
	font-family:Helvetica,Arial,sans-serif;
	font-size:138.5%;  /* YUI CSS: 18px */
	line-height:2;
	margin-top:0;
	position:relative;
}
/* ---------------------*/



/* ---------------------*/
/* General sidebar styles */
#side .section {
	background:url(../images/site/v5/top-border-side.gif) repeat-x 0 0;
}
#side ul {
	margin-left:1.5em;
}
#side ul.archivelist {
	margin-top:0;
}
#side li i.identity {
	color:#999;
}
#side section-container {
	clear:both;
}
/* ---------------------*/




/* ---------------------*/
/* Main index page */
#body-index {
}
	#body-index #custom-doc {
		background:url(../images/site/v5/white.gif) repeat-y 480px 0;
	}
	#body-index #bd {
	}
		#body-index #bd #blog {
			float:left;
			margin-left:25px;
			width:430px;
		}
			#body-index #bd #blog h2 {
			}
				#body-index #bd #blog h2 a {
					border:none;
				}
			#body-index #bd #blog .entry {
				background:url(../images/site/v5/top-border-entry.gif) repeat-x 0 0;
				clear:both;
				margin-bottom:5em;
				overflow:hidden;
				position:relative;
			}
				#body-index #bd #blog .entry .meta {
					background:url(../images/site/v5/top-border-meta.gif) repeat-x 0 100%;
					overflow:hidden;
				}
					#body-index #bd #blog .entry .meta .posted {
						float:left;
					}
					#body-index #bd #blog .entry .meta .commentscount {
						float:right;
					}
					#body-index #bd #blog .entry .meta .time {
						color:#999;
						font-size:66.6666%;
					}

		#body-index #bd #side {
			float:right;
			margin-right:25px;
			width:430px;
		}
			#body-index #bd #side .section-container {
				clear:both;
				margin-bottom:4em;
				overflow:hidden;
			}
			#body-index #bd #side .half {
				float:left;
				margin-left:50px;
				width:190px;
			}
			#body-index #bd #side .first{
				margin-left:0;
			}
			#body-index #bd #side .section h3 {
				margin-top:1em;
			}
			#body-index #bd #side ul.archivelist {
				clear:both;
				margin:0 0 1em 0;
				overflow:hidden;
				padding:0 0 1px 0;
				position:relative;
			}
				#body-index #bd #side ul.archivelist li {
					float:left;
					list-style-type:none;
					margin:0 1em 0 0;
					padding:0;
				}
			#body-index #bd #side #feeds ul {
				margin:0 0 1em 0;
			}
				#body-index #bd #side #feeds li {
					background:url(/martin/images/site/v5/feed.png) no-repeat 0 0;
					list-style-type:none;
					padding-left:20px;
				}

/* ---------------------*/




/* ---------------------*/
/* Individual entry archive page */
body#body-entry {
}
	#body-entry #custom-doc {
		background:url(../images/site/v5/white.gif) repeat-y 720px 0;
	}
	#body-entry #bd {
	}
		#body-entry #bd #blog {
			background:url(../images/site/v5/top-border-entry.gif) repeat-x 0 0;
			float:left;
			margin:0 25px 5em 25px;
			position:relative;
			width:670px;
		}
			#body-entry #bd #blog .entry {
			}
				/* Entry content */
				#body-entry #bd #blog .entry .content {
					min-height:20em;
					width:430px;
				}
					#body-entry #bd #blog .entry .content .toplevel {
						background-image:none;
					}

				/* Entry meta details */
				#body-entry #bd #blog .entry .meta {
					position:absolute;
					right:0;
					top:0;
					width:190px;
				}
					#body-entry #bd #blog .entry .meta h3 {
						line-height:2;
						position:relative;
						top:0.1111em; /* Push downwards to match the baseline of the main entry title */
					}
						#body-entry #bd #blog .entry .meta .posted .time {
							color:#999;
							font-size:66.6666%;
						}
					#body-entry #bd #blog .entry .meta p.previous {
						background:url(../images/site/v5/top-border-meta.gif) repeat-x 0 0;
						padding-top:1.2857em;
					}
		
				/* Entry comments */
				#body-entry #bd #blog .entry .comments {
					margin-top:3em;
				}
					#body-entry #bd #blog .entry .comments h2 {
						background-image:none;
						margin-bottom:1em;
					}
					#body-entry #bd #blog .entry .comments div.comment {
						background:url(../images/site/v5/top-border-entry.gif) repeat-x 0 0;
						margin-bottom:2em;
						position:relative;
						width:100%;
					}
						#body-entry #bd #blog .entry .comments div.comment div.meta {
							position:absolute;
							right:0;
							text-align:left;
							top:0;
							width:190px;
						}
							#body-entry #bd #blog .entry .comments div.comment div.meta span.time {
								color:#999;
								font-size:66.6666%;
							}
						#body-entry #bd #blog .entry .comments div.comment div.content {
							min-height:5em;
							width:430px;
						}

		
		/* Sidebar */
		#body-entry #bd #side {
			float:right;
			margin-right:25px;
			position:relative;
			width:190px;
		}
			#body-entry #bd #side div.section {
				margin-bottom:3em;
			}
			#body-entry #bd #side ul.reviews {
				margin-left:0;
			}
				#body-entry #bd #side ul.reviews li{
					line-height:18px;
					list-style-type:none;
					padding-left:60px;
					position:relative;
				}
				#body-entry #bd #side ul.reviews span.rating {
					left:0;
					position:absolute;
					top:0;
				}
					#body-entry #bd #side ul.reviews span.rating img {
						background:none;
						border:none;
						padding:0;
					}
			#body-entry #bd #side ul.recentlist {
				margin-bottom:1em;
				margin-top:0;
			}
				#body-entry #bd #side ul.recentlist li {
				}
				#body-entry #bd #side ul.recentlist span.posted {
					color:#999;
					font-style:italic;
				}
			#body-entry #bd #side ul.archivelist {
				clear:both;
				margin:0 0 1em 0;
				overflow:hidden;
				padding:0 0 1px 0;
				position:relative;
			}
				#body-entry #bd #side ul.archivelist li {
					float:left;
					list-style-type:none;
					margin:0 1em 0 0;
					padding:0;
				}
/* ---------------------*/



/* ---------------------*/
/* Yearly blog entry archive page */
body#body-yearlyarchive {
}
	#body-yearlyarchive #custom-doc {
		background:url(../images/site/v5/white.gif) repeat-y 935px 0;
	}
	#body-yearlyarchive #bd {
		margin-left:25px;
		width:910px;
	}
		#body-yearlyarchive #bd h1 {
			margin-bottom:1.3846em;
		}
		#body-yearlyarchive #bd #entries {
			border:none;
			margin-bottom:2em;
		}
			#body-yearlyarchive #bd #entries tr {
				padding-bottom:2em;
			}
			#body-yearlyarchive #bd #entries th,
			#body-yearlyarchive #bd #entries td {
				background:transparent;
				border:none;
				margin:0;
				padding:0;
			}
			#body-yearlyarchive #bd #entries th {
				color:#fff;
				font-family:Helvetica,Arial,sans-serif;
				font-size:138.5%;  /* YUI CSS: 18px */
				font-weight:normal;
				line-height:2;
				margin-top:0;
				padding:0 0 0 0;
				position:relative;
			}
			#body-yearlyarchive #bd #entries td {
				background-color:#4a4a4a;
				padding:0.5em 0;
			}
			#body-yearlyarchive #bd #entries tr.alt td {
				background-color:transparent;
			}

			#body-yearlyarchive #bd #entries .title {
				padding-right:50px;
				width:430px;
			}
				#body-yearlyarchive #bd #entries th.title span {
					display:block;
					background:url(../images/site/v5/top-border-entry.gif) repeat-x 0 0;
				}
			#body-yearlyarchive #bd #entries .category {
				padding-right:50px;
				width:110px;
			}
				#body-yearlyarchive #bd #entries th.category span {
					display:block;
					background:url(../images/site/v5/top-border-meta.gif) repeat-x 0 0;
				}
			#body-yearlyarchive #bd #entries .date {
				padding-right:50px;
				width:110px;
			}
				#body-yearlyarchive #bd #entries th.date span {
					display:block;
					background:url(../images/site/v5/top-border-meta.gif) repeat-x 0 0;
				}
			#body-yearlyarchive #bd #entries .comments {
				padding-right:0;
				width:110px;
			}
				#body-yearlyarchive #bd #entries th.comments span {
					display:block;
					background:url(../images/site/v5/top-border-meta.gif) repeat-x 0 0;
				}

			#body-yearlyarchive #bd .archivelist {
				list-style-type:none;
				margin:0 0 3em 0;
			}
				#body-yearlyarchive #bd .archivelist li {
					display:inline;
					margin-right:2em;
				}

/* ---------------------*/



/* ---------------------*/
/* Quick reviews yearly archive page */
body#body-quickreviewsyearly {
}
	#body-quickreviewsyearly #custom-doc {
		background:url(../images/site/v5/white.gif) repeat-y 935px 0;
	}
	#body-quickreviewsyearly #bd {
		margin-left:25px;
		width:910px;
	}
		#body-quickreviewsyearly #bd h1 {
			margin-bottom:1.3846em;
		}
		#body-quickreviewsyearly #bd #reviews {
			border:none;
			margin-bottom:2em;
		}
			#body-quickreviewsyearly #bd #reviews tr {
				padding-bottom:2em;
			}
			#body-quickreviewsyearly #bd #reviews th,
			#body-quickreviewsyearly #bd #reviews td {
				background:transparent;
				border:none;
				margin:0;
				padding:0;
			}
			#body-quickreviewsyearly #bd #reviews th {
				color:#fff;
				font-family:Helvetica,Arial,sans-serif;
				font-size:138.5%;  /* YUI CSS: 18px */
				font-weight:normal;
				line-height:2;
				margin-top:0;
				padding:0 0 0 0;
				position:relative;
			}
			#body-quickreviewsyearly #bd #reviews td {
				background-color:#4a4a4a;
				padding:0.5em 0;
			}
			#body-quickreviewsyearly #bd #reviews tr.alt td {
				background-color:transparent;
			}

			#body-quickreviewsyearly #bd #reviews .rating {
				padding-right:50px;
				width:190px;
			}
				#body-quickreviewsyearly #bd #reviews th.rating span {
					display:block;
					background:url(../images/site/v5/top-border-meta.gif) repeat-x 0 0;
				}
			#body-quickreviewsyearly #bd #reviews .books {
				padding-right:50px;
				width:310px;
			}
			#body-quickreviewsyearly #bd #reviews .films {
				width:310px;
			}
				#body-quickreviewsyearly #bd #reviews th.books span,
				#body-quickreviewsyearly #bd #reviews th.films span{
					display:block;
					background:url(../images/site/v5/top-border-entry.gif) repeat-x 0 0;
				}

			#body-quickreviewsyearly #bd #reviews p {
				font-size:123.1%;
				line-height:1.5;
				margin:0 0 0 0;
				text-align:left;
			}
			#body-quickreviewsyearly #bd #reviews td.rating img {
				background-color:transparent;
				border:none;
				padding:0;
				margin:0;
			}
			#body-quickreviewsyearly #bd #reviews div.item {
				margin:0 0 1.84615em 0;
				overflow:hidden;
				position:relative;
			}
				#body-quickreviewsyearly #bd #reviews div.item img {
					border:1px solid #999;
					float:left;
					height:48px;
					padding:0;
				}
				#body-quickreviewsyearly #bd #reviews div.item p.title {
					font-style:italic;
					margin:0 0 0 48px;
				}
	

			#body-quickreviewsyearly #bd .archivelist {
				list-style-type:none;
				margin:0 0 3em 0;
			}
				#body-quickreviewsyearly #bd .archivelist li {
					display:inline;
					margin-right:2em;
				}

/* ---------------------*/


/* ---------------------*/
/* Something nice yearly archive page */
body#body-somethingniceyearly {
}
	#body-somethingniceyearly #custom-doc {
		background:url(../images/site/v5/white.gif) repeat-y 935px 0;
	}
	#body-somethingniceyearly #bd {
		margin-left:25px;
		width:910px;
	}
		#body-somethingniceyearly #bd h1 {
			margin-bottom:1.3846em;
		}
		#body-somethingniceyearly #bd #somethingnice {
			border:none;
			margin-bottom:2em;
		}
			#body-somethingniceyearly #bd #somethingnice tr {
				padding-bottom:2em;
			}
			#body-somethingniceyearly #bd #somethingnice th,
			#body-somethingniceyearly #bd #somethingnice td {
				background:transparent;
				border:none;
				margin:0;
				padding:0;
				vertical-align:top;
			}
			#body-somethingniceyearly #bd #somethingnice th {
				color:#fff;
				font-family:Helvetica,Arial,sans-serif;
				font-size:138.5%;  /* YUI CSS: 18px */
				font-weight:normal;
				line-height:2;
				margin-top:0;
				padding:0 0 0 0;
				position:relative;
			}
			#body-somethingniceyearly #bd #somethingnice td {
				background-color:#4a4a4a;
				padding:0.5em 0;
			}
				#body-somethingniceyearly #bd #somethingnice td p {
					font-size:100%;
					margin:0 0 1em 0;
					text-align:left;
				}
			#body-somethingniceyearly #bd #somethingnice tr.alt td {
				background-color:transparent;
			}

			#body-somethingniceyearly #bd #somethingnice .title {
				padding-right:50px;
				width:270px;
			}
				#body-somethingniceyearly #bd #somethingnice th.title span {
					display:block;
					background:url(../images/site/v5/top-border-meta.gif) repeat-x 0 0;
				}
			#body-somethingniceyearly #bd #somethingnice .notes {
				padding-right:50px;
				width:430px;
			}
				#body-somethingniceyearly #bd #somethingnice th.notes span {
					display:block;
					background:url(../images/site/v5/top-border-entry.gif) repeat-x 0 0;
				}
			#body-somethingniceyearly #bd #somethingnice .date {
				width:110px;
			}
				#body-somethingniceyearly #bd #somethingnice th.date span{
					display:block;
					background:url(../images/site/v5/top-border-meta.gif) repeat-x 0 0;
				}

			#body-somethingniceyearly #bd .archivelist {
				list-style-type:none;
				margin:0 0 3em 0;
			}
				#body-somethingniceyearly #bd .archivelist li {
					display:inline;
					margin-right:2em;
				}
/* ---------------------*/





/* ---------------------*/
/* Comment preview index page */
#body-commentpreview {
}
	#body-commentpreview #custom-doc {
		background:url(../images/site/v5/white.gif) repeat-y 480px 0;
	}
	#body-commentpreview #bd {
	}
		#body-commentpreview #bd #blog {
			float:left;
			margin-left:25px;
			width:430px;
		}
			#body-commentpreview #bd #blog .entry .comments div.comment {
				background:url(../images/site/v5/top-border-entry.gif) repeat-x 0 0;
				margin-bottom:2em;
				position:relative;
				width:100%;
			}

		#body-commentpreview #bd #side {
			float:right;
			margin-right:25px;
			width:430px;
		}
/* ---------------------*/


/* ---------------------*/
/* Comment confirmation page */
#body-commentconfirmation {
}
	#body-commentconfirmation #bd {
		margin-left:25px;
		margin-right:25px;
	}
/* ---------------------*/