/* ********************************************************************** */

.section-break {
	clear: both;
}

/* ********************************************************************** */

.underline {
	text-decoration: underline;
}

.strike {
	text-decoration: line-through;
}

.left {
	text-align: left;
}

.centre, .center {
	text-align: center;
}

.right {
	text-align: right;
}

.indent {
	margin-left: 2.5em;
}

.highlight {
	background: #ff0;
}

.smiley {
	vertical-align: middle;
}

.quote,
.code-quote,
.php-quote {
	margin-bottom: .8em;
}

	.quote-head {
		margin: 0;
	}

		.quote-head p {
			margin: 0;
			padding-top: .8em;
			font-weight: bold;
		}

	.quote-body {
		margin: 0 .5em;
		padding: 0 .5em;
		background-color: #f7f7f7;
		border: 1px dotted #ccc;
		color: #333;
	}

	.quote-line {
		color: black;
	}

.php-background {
	background: #fff;
}

.php-comment {
	color: #ff8000;
}

.php-default {
	color: #00b;
}

.php-html {
	color: #000;
}

.php-keyword {
	color: #070;
}

.php-string {
	color: #d00;
}

.numeric {
	text-align: right;
}

/* ********************************************************************** */

.major-subwindow {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: auto;
}

.minor-subwindow {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: auto;
}

.article-body .fixed-width {
	overflow: auto;
}

	table.standard td,
	table.standard th {
		vertical-align: top;
		padding: .25em;
	}

	table.standard thead .colhead th {
		font-family: sans-serif;
		border-bottom: 1px solid black;
	}

	table.standard .artist {
		text-align: right;
		font-weight: bold;
		width: 50%;
	}

	table.standard .title {
		text-align: left;
		width: 50%;
	}

table.grid {
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px solid black;
	font-size: 90%;
overflow: hidden;
}

	table.grid td,
	table.grid th {
		vertical-align: top;
		padding: .25em;
	}

	table.grid thead .colhead th {
		font-family: sans-serif;
		text-align: left;
		border-bottom: 2px solid black;	
	}

	table.grid thead .colhead th.numeric {
		text-align: right;
	}

table.grid tbody th {
		text-align: left;
}

table.grid tbody th.numric {
		text-align: right;
}

	table.grid tbody td, 
	table.grid tbody th {
		border-bottom: 1px dotted black;
	}

dl.table {
	border-bottom: 1px dotted black;
	margin-left: 2em;
}

	dl.table dt {
		border-top: 1px dotted black;
		border-bottom: 1px dotted black;
		font-weight: bold;
		font-size: 100%;
	}

	dl.table dd {
		margin-left: 2em;
		padding-left: 0;
	}

		dl.table dd p {
			margin-top: .25em;
		}

		dl.table dd ul {
			margin-top: 0;
			padding-top: 0;
		}

.caption {
	text-align: right;
	font-style: italic;
	font-size: 80%;
}

.list-header {
	margin-bottom: 0.25em;
}

.code-block {
	margin: .5em;
	padding: .5em;
	background-color: #f7f7f7;
	border: 1px dotted #ccc;
	color: #333;
}

/* ********************************************************************** */

body {
	font-family: georgia, serif;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: sans-serif;
}

a img {
	border: 0;
}

blockquote {
	margin-left: 1em;
	margin-right: 0;
	border-left: 2px solid black;
	padding: 0 1em;
}

var {
	font-family: monospace;
}

/* ********************************************************************** */

#page {
	margin: 0 auto;
	width: 51em;
	text-align: left;
}

/* ********************************************************************** */

#page-head {
	text-align: center;
	border-bottom: 3px double black;
}

	#page-head #ph-title {
		margin: 0;
		font-size: 200%;
		font-weight: bold;
	}

/* ********************************************************************** */

#pb-main {
	width: 35em;
	float: left;
}

#pb-secondary {
	width: 15em;
	float: right;
}

/* ********************************************************************** */

#pb-secondary .box h2 {
	border-bottom: 1px solid black;
	font-size: 100%;
}

#pb-secondary .box p,
#pb-secondary .box li {
	font-size: 80%;
}

#pb-secondary ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

	#pb-secondary ul li {
		background: transparent url(default/bullet.gif) no-repeat 0 .3em;
		margin-left: 0;
		padding-left: 15px;
	}

/* ********************************************************************** */

#page-foot {
	text-align: center;
	border-top: 3px double black;
}

	#page-foot #copyright {
		margin: 0;
		font-size: 80%;
		color: #666;
	}

/* ********************************************************************** */

#front-page h2 {
	margin: .8em 0 0;
	font-weight: bold;
	font-size: 100%;
	border-bottom: 1px solid black;
}

/* ********************************************************************** */

.time-log .date {
	font-family: sans-serif;
	font-weight: bold;
}

.time-log .time {
	font-weight: bold;
}

.time-log dt {
	margin: 1em 0 0;
	padding: 0;
}

	.time-log dd {
		background: transparent url(default/bullet.gif) no-repeat 0 .3em;
		padding: 0 0 0 15px;
		margin: 0;
	}

		.time-log dd p {
			margin: 0;
		}

		.time-log dd p+p {
			margin-top: .75em;
		}

		.time-log dd p.log-author {
			margin-top: 0;
			margin-bottom: .5em;
			color: #666;
			font-size: 80%;
		}

/* ********************************************************************** */

.front-article {
	margin: 1em 0;
}

	.front-article h3 {
		margin: 0;
		font-size: 120%;
		font-weight: bold;
	}

	.front-article p {
		margin: 0;
	}

	.front-article .front-article-foot {
		color: #666;
		font-size: 80%;
	}

/* ********************************************************************** */

.article-search-head {
	background: #eee;
	margin: .8em 0 0;
	padding: .25em;
}

	.article-search-head p {
		font-style: italic;
		margin: 0;
	}

.article-title {
	margin: 0 0 1em;
	padding: .8em 0 0;
}

	.article-title h1 {
		margin: 0;

	}

	.article-title .byline {
		width: 50%;
		margin: 0;
		border-top: .2em solid black;
		text-align: right;
	}

.article-precis {
	margin: 0 1em;
	font-style: italic;
	border: 1px dashed black;
	width: 50%;
	float: right;
	margin: 0 0 1em 1em;
}

	.article-precis p {
		margin: 0;
		padding: .25em;
	}

.article-date {
	float: right;
	text-align: right;
	margin: .8em 0 1em 1em;
}

.article-date p {
	margin: 0;
	font-size: 80%;
}

/* ********************************************************************** */

	.comments-header {
			border-bottom: 1px solid black;
		}

		.comments-header h2 {
				margin: .8em 0 0;
				font-weight: bold;
				font-size: 100%;
			}

.comments-link {
	background: #eee;
	padding: .25em;
	font-style: italic;
}

/* ********************************************************************** */

.addcomments {
	clear: both;
}
	
	.addcomments ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		.addcomments li {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		.addcomments .comments-personal li {
			width: 11em;
			float: left;
			margin-right: .5em;
			margin-top: .5em;
		}

			.addcomments .comments-personal label {
				display: block;
				width: 5em;
				clear: both;
				float: left;
				font: 80% sans-serif;
				font-weight: bold;
			}

			.addcomments .comments-personal input {
				width: 100%;
			}

	.addcomments .comments-comment {
		clear: both;
		display: block;
		margin: 0;
		width: 23em;
		float: left;
	}

		.addcomments .comments-comment label {
			clear: both;
			display: block;
			width: 100%;
			font: 80% sans-serif;
			font-weight: bold;
		}

		.addcomments .comments-comment textarea {
			width: 100%;
		}

	.addcomments .comments-options {
		float: right;
		display: block;
		width: 11.5em;
		margin-top: 1.2em;
	}

		.addcomments .comments-options .comments-form-mode label {
			font-family: sans-serif;
			font-weight: bold;
		}

		.addcomments .comments-options li {
			clear: both;
			font-size: 80%;
		}

			.addcomments .comments-options input {
				float: left;
			}

			.addcomments .comments-options select {
				margin-left: 1em;
				margin-bottom: 1em;
			}


	.addcomments .comments-submit {
		clear: both;
	}

	.addcomments .notice {
		background: #eee;
		margin: .8em 0;
		padding: .25em;
		font-style: italic;
		font-size: 80%;
	}

.comments-comment {
	clear: both;
}

	.comments-comment h2 {
		border-bottom: 1px solid black;
		margin: .8em 0 0;
		font-weight: bold;
		font-size: 100%;
	}

	.comments-comment .gravatar {
		float: left;
		margin: 0 5px 5px 0;
		padding: 1em 0 0;
	}

/* ********************************************************************** */

.search-title {
	margin: 0 0 1em;
	padding: .8em 0 0;
}

	.search-title h1, 
	.search-title p {
		margin: 0;
	}

.search-result {
	margin-bottom: 1em;
}

.search-result h2 {
	margin: 0;
	font-size: 120%;
	font-weight: bold;
}

.search-result p {
	margin: 0;
}

.search-result .search-foot {
	color: #666;
	font-size: 80%;
}

/* ********************************************************************** */

.log-title {
	margin: 0 0 1em;
	padding: .8em 0 0;
}

	.log-title h1, 
	.log-title p {
		margin: 0;
	}

/* ********************************************************************** */

.index-control p {
	text-align: center;
	margin-left: 30%;
	margin-right: 30%;
}

	.index-control p .backwards {
		display: block;
		width: 75%;
		float: left;
		text-align: left;
		margin-left: -75%;
	}

	.index-control p .forwards {
		display: block;
		width: 75%;
		float: right;
		text-align: right;
		margin-right: -75%;
	}

/* ********************************************************************** */