/* reset thanks to Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
	padding: 1em 0 1em 1em;
	background-color: #fafafa;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { text-decoration: none; }
a:link { color: #c9260d; border-bottom: 0.01em solid #c9260d; }
a:visited { color: #808080; border-bottom: 0.01em solid #808080; }
a:hover { color: #c97b0d; border-bottom: 0.01em solid #c97b0d; }
	a.small { font-size: 80%; }
	a.medium { font-size: 100%; }
	a.large { font-size: 120%; }
	a.selected { background-color: #c9ac0d; padding: 0.2em; color: white; border-bottom: 0; }

h1 { color: #c97b0d; font-size: 1.9em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0.5em; font-weight: bold; clear: both; }
	h1 a:link, h1 a:visited { color: #c9260d; border-bottom: 0.01em dotted #c9260d; }
	h1 a:hover { border-bottom: 0.01em solid #c9260d; }
	h1 .cattitle { color: #c9ac0d; }
	
h2, h2 a:link, h2 a:visited { color: #5695d8; font-size: 1.2em; font-weight: normal; }
	h2 { margin-bottom: 0.1em; }
	h2 a:link, h2 a:visited {  border-bottom: none; }
	h2 a:hover { border-bottom: 0.01em solid #5695d8; }
	
h3, h4 {
	line-height: 1.5;
}

	h3 { font-size: 1.1em; }
	h3.archives { margin-bottom: -0.9em; }
	h4 { font-size: 1em; color: #808080; }
	li h4 { margin-top: 0.9em; }
	
	ul.pages,
	ul.usability { margin-bottom: 0.25em; font-size: 0.9em; line-height: 1.5; }
		ul.usability { float: right; margin-right: 0.7em; }
		ul.pages li,
		ul.usability li { display: inline; margin-right: 0.9em; }
		ul.usability li { margin-right: 0.3em; }
	
	.post, .page { width: 29.5em; float: left; }
	.post .pad, .page .pad { width: 28.5em; }
	
	.entry {
		min-height:22.05em;
		height:auto !important;
		height:22.05em;
	}
	
	#content p,
	#commentform p { line-height: 1.5; margin-bottom: 0.9em; }
		p.navlink { clear: both; }
	
		
		#content p.postmetadata {
			padding: 0.9em;
			border-top: 0.01em dotted black;
			border-bottom: 0.01em dotted black;
		}
		
		#commentform p.first { margin-bottom: 1.8em; }
		#commentform small { font-size: 0.9em; }
		#commentform p label { margin-bottom: 0.9em; }
		#commentform textarea { width: 99%; }
		#commentform input.text { width: 99%; }
		
	#content small { display: block; line-height: 1.5; font-style: italic; margin-bottom: 0.9em; }
	
	div#commentsection { width: 28.5em; float: left; }
		div#commentsection p { margin-bottom: 0.9em; font-size: 0.75em; }
		
	ol.commentlist {
		line-height: 1.5;
		margin-bottom: 0.9em;
	}
	
		ol.commentlist li {
		
			padding: 0.9em 0.9em 0 0.9em;
			border-bottom: 0.01em dotted black;
			
		}
		
		ol.commentlist li.even {
			background-color: #fafafa;
		}
		
		.commentmetadata {
			display: none;
		}
		
	#respond {
		line-height: 1.5;
	}
	
	blockquote { padding: 0 0.9em; font-size: 0.9em; }
	
	ul.archives {
		line-height: 1.5;
		margin-bottom: 0.9em;
	}
	
	.post object,
	.post embed,
	.post img { width: 28.5em; height: 18.05em; }

#footer {
	text-align: left;
	clear: both;
}