/*
----------------------------------------------------------
Based on "Trees" by Christopher Ware http://exploding-boy.com/

===== CONTENTS =====

	1: Page Structure 
	2: Headings
	3: Entry Contents
	4: Comments
	5: Navigation
	6: Bottom Columns
	
====================

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


/*- 1: Page Structure---------------------------------- */

/** {
	margin: 0;
	padding: 0;
}*/
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	color: #666;
	font-family: Arial, Helvetica, San-serif;
	margin: 0 auto;
	background: #ddd url(../images/dogfather.gif) no-repeat left top;
	background-attachment: fixed;
	min-width:800px;
}
#wrap {
	width: 505px;
	margin: 0 auto;
	text-align: left;
	font: 12px/19px Arial, Helvetica, San-serif;
	background: #FFF url(../images/bordershadow.gif) repeat-y right top;
}
#heading {
	background: #ddd url(../images/bordershadowhead.gif) no-repeat left bottom;
}
#content {
	text-align: left;
	padding: 20px;
}
#footer {
	background: url(../images/bordershadowdivider.gif) no-repeat left top;
	padding-top: 30px;
	clear: both;
	text-align: center;
	padding-bottom: 3px;
	font-size:90%;
}

/*- 2: Headings---------------------------------------- */

.section-header {
	position: relative;
	height: 78px;
	overflow: hidden;
}
.section-header span {
	position: absolute;
	width: 100%;
	height: 100%;
}
#header-logo-heading {
	padding: 00px 0 17px 0px;
	margin-bottom:0px;
	width: 171px;
	height: 141px;
	color: #333;
}
#header-logo-heading span {
	/*background: url(../images/logo.gif) no-repeat;*/
}
h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	/*letter-spacing: -1px;*/
	color: #3366FF;
	font-weight: normal;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 22px;
	font-weight:500;
}
h3 {
	font-size: 16px;
	margin-bottom: 0px;
}
h4 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 2px solid #eaeaea;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color: #104C7F;
	text-decoration: none;
}
h2 a:hover, h2 a:active, h3 a:hover, h3 a:active {
	color: #6698CB;
	text-decoration: none;
}

/*- 3: Entry Contents---------------------------------- */

blockquote {
	margin: 10px 0;
	padding: 0 0 0 12px;
	/*border-left: 4px solid #ddd;*/
	/*font-style: italic; doesn't work properly in IE6 -DRH*/
	font-family:"Comic Sans MS", Georgia, "Times New Roman", Times, serif;
	background: url(../images/quotes1.png) left top no-repeat;
text-indent: 25px;
}
.author {
	text-align:right;
	margin-top:-10px;
}
code, pre, var {
	padding: 0 30px 20px 0px;
	font: 12px 'Courier New', Courier, Monospace;
	color: #104C7F;
	width: 90%;
	overflow: auto;
}
.center {
	text-align: center;
}
.alignleft {
	float: left;
	margin: 0 7px 0 0;
	display: inline;
}
p {
	margin-top: 10px;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.alignright {
	float: right;
	margin: 0 0 0 7px;
	display: inline;
}
img.noborder {
	border: none;
	display: block;
	margin: 0 auto;
}
ol {
	margin-left: 30px;
}
textarea {
	width: 453px;
}
#content .more {
	margin-top: -10px;
	text-align: right;
}
.entry {
	padding-bottom: 10px;
}
.entry ul {
	padding-top: 0px;
	margin-top:0px;
	/*margin-bottom:0px;*/
}
.aside {
	font: 11px/17px Arial, Helvetica, San-serif;
	padding-bottom: 0px;
}
.posted {
	color: #999;
	font-size: 11px;
	margin-top: 3px;
}
a:link, a:visited {
	color: #6698CB;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
.posted a:link, .posted a:visited {
	color: #666;
	text-decoration: none;
}
.posted a:hover, .posted a:active {
	color: #999;
	text-decoration: underline;
}
.navlinks {
	padding-bottom: 10px;
}

/*- 5: Navigation-------------------------------------- */

.hidden-elements {
	position: absolute;
	left: -9999px;
	width: 0;
	overflow: hidden;
}
#navigation {
	float: right;
	margin-top: -45px;
	padding-right: 10px;
}
#navigation ul li {
	display: inline;
	float: left;
	padding: 0 10px 0 0;
	background: none;
}
#navigation ul li a {
	letter-spacing: -1px;
	text-transform: lowercase;
	text-align: center;
	font: 14px 'Century Gothic', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#navigation ul li a:link, #navigation ul li a:visited {
	text-decoration: none;
	color: #666;
	overflow: hidden;
}
#navigation ul li a:hover {
	color: #ddd;
	/*color: #3366FF;*/
	/*border: #999999 1px solid;*/
	background-color:#999;
}

/*- 6: Bottom Columns---------------------------------- */

#flickr {
	margin: 0 auto;
	background: url(../images/bordershadowdivider.gif) no-repeat left top;
	text-align: center;
	padding: 50px 0 12px;
}
#flickr img {
	padding: 5px;
	width: 50px;
	height: 50px;
	border: 1px solid #DDD;
	margin: 0 6px;
	background: #F2F2F2;
}
#flickr a:hover img {
	border: 1px solid #6698CB;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#comments, #entries {
	float: left;
}
#bottom {
	font: /*11px/16px*/ Arial, Helvetica, San-serif;
	background: url(../images/bordershadowdivider.gif) no-repeat left top;
	padding: 20px 20px 20px;
}
/*#bottom p h4 {
	margin-top: 0px;
	}
#bottom h4 {
	margin-top: 0px;
	}*/
#comments {
	padding-left: 20px;
}
#comments ul, #entries ul {
	padding-top: 5px;
	width: 220px;
	list-style: none;
	margin-left:5px;
}
* html #comments ul li a, * html #entries ul li a, #footer {
	height: 1%;
}
* html #bottom{
	padding: 30px 20px 10px;
	margin-bottom: 15px;
}
#comments ul li a, #entries ul li a {
	display: block;
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #F2F2F2;
	background: url(../images/arr.gif) no-repeat 5px 50%;
	padding: 4px 4px 4px 15px;
}
#comments ul li a:hover, #entries ul li a:hover {
	background-color: #F2F2F2;
}
/* David's */
.notice {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:130%;
	/*font-style:italic; IE6 does not like this*/
	letter-spacing:2px;
}
.serif {
	font-family:"Times New Roman", Times, serif;
	color:#333;
	
}