/** Basic page elements */
html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 85%;
	color: #272B0D;
	background-color: #F3F5EB;
	padding-bottom: 2em;
}

h1, h2, h3, h4 {
	font-family: Garamond, 'Times New Roman', serif;
	color: #182B0D;
}

a img { border: none; }

a:link      { color: #526A4E; }
a:visited   { color: #4E6A58; }
a:hover     { color: #3E6722; }
a:active    { color: black; }

/** The whole page */
div#page {
	width: 65em;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0;
}

/** Top part */
div#banner {
	margin: 0;
	height: 176px;
	background-image: url('/images/banner-sm.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

/** header contains the nav bar */
div#header {
	position: relative;
	height: 2.5em;
	margin-bottom: 1em;
	background-color: #D2E3CA;
	background-image: url(/images/header_gradient.png);
	background-repeat: repeat-y;
	background-position: top left;
}

/** Nav bar in the header */
div#navbar {
	position: absolute;
	right: 1em;
	bottom: 0.5em;
}

div#navbar ul, div#navbar form, div#navbar form p {
	display: inline; /* so they don't line break */
}

div#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navbar li {
	display: inline;
	margin: 0;
	padding: 0 1em;
	border-right: 0.08em solid #646B4A;
}

div #navbar li:last-child {
	border-right: none;
}

div#navbar ul li a {
	text-decoration: none;
}

div#navbar ul li a:hover {
	text-decoration: underline;
}

/** container for main and sidebar */
div#maincontainer {
	padding: 0 10px;
}

/** Left part with main content */
div#main {
	width: 46em;
	max-width: 1100px;
	float: left;
	padding: 10px;
	background-color: #FCFCF8;
}

div#maintitle {
    border: 0.08em solid #D2E3CA;
	padding: 1em;
	margin-bottom: 1em;
	background-color: #F8FCF8;
}

div#maintitle h1, div#maintitle h2 {
	margin: 0;
	color: #3B4C38;
}

div#maintitle h1 i#postcount {
	font-style: normal;
	font-size: 80%;
	float: right;
}

/** Sidebar on right */
div#sidebar {
	width: 14em;
	max-width: 300px;
	float: right;
}

div#sidebar h2 {
	font-family: Garamond, 'Times New Roman', serif;
	margin-bottom: 0;
	text-align: center;
}

div#sidebar div#archives ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#sidebar div#archives ul li {
	border-bottom: 0.08em solid #96A136;
}

div#sidebar div#archives ul li:last-child {
	border-bottom: none;
}

div#sidebar div#archives ul li p.archiveyear {
	margin: 0;
	padding: 0.25em;
	background-color: #5F694D;
	color: white;
}
	
div#sidebar div#archives ul li p.archivethismonth {
	margin: 0;
	padding: 0.3em 0.3em 0.3em 2em;
	background-color: #EEF5EB;
}

div#sidebar div#archives ul li a {
	display: block;
	padding: 0.3em 0.3em 0.3em 2em;
	background-color: #D2E3CA;
	color: #3D4216;
	text-decoration: none;
}

div#sidebar div#archives ul li a:hover {
	background-color: #99C289;
	color: white;
}

div#sidebar p.randomimage {
	margin-top: 0;
}

div#sidebar p.randomimage img {
	display: block;
	margin: 0 auto;
	padding: 0.6em;
	background-color: #DFECDA;
}

/** Footer */
div#footer {
	clear: both;
	font-size: 85%;
	padding: 1em;
}

/*
div#footer hr {
	border: none;
	color: #E2DEB1;
	background-color: #E2DEB1;
	height: 1px;
	width: 40%;
	margin-left: 0;
}
*/

/*
Might be necessary for IE6? Not sure.

* html #footer {
	height: 1px;
}

*/

/** Blog post container */
div.blogpost {
	border: 0.08em solid #D2E3CA;
	padding: 1em;
	margin-bottom: 1em;
}

div.blogpost h2.blogtitle,
div.blogpost h4.blogdate,
div.blogpost div.blogfooter {
	margin: 0;
}

div.blogpost h2.blogtitle a,
div.blogpost div.blogfooter a {
	text-decoration: none;
}

div.blogpost h2.blogtitle a:hover,
div.blogpost div.blogfooter a:hover {
	text-decoration: underline;
}

div.blogpost hr.blogtoprule {
	border: 0;
	width: 40%;
	height: 1px;
	color: #F7F6E9;
	background-color: #F7F6E9;
	margin-left: 0;
}

div.blogpost div.blogbody {
	padding: 0.5em;
}

div.blogpost div.blogfooter {
	text-align: right;
	font-size: 80%;
}

div.blogpost div#blogcomments {
	font-size: 90%;
	width: 85%;
}

div.blogpost div#blogcomments hr {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	width: 75%;
	color: #E2DEB1;
	background-color: #E2DEB1;
}

div.blogpost div#blogcomments div.blogcomment {
	margin: 0.5em;
	padding: 0.5em;
	border: 0.08em solid #E9E6C3;
}

div.blogpost div#blogcomments div.blogcomment i.commenttime {
	font-style: normal;
}

div.blogpost div#blogcomments form.commentform {
	margin: 0.5em;
}

div.blogpost div#blogcomments form.commentform table tr td:first-child {
	text-align: right;
}

div.blogbody li {
	margin-bottom: 0.5em;
}

table.blogprevnext {
	width: 100%;
	font-size: 85%;
	margin-bottom: 0.3em;
}

table.blogprevnext a       { text-decoration: none; }
table.blogprevnext a:hover { text-decoration: underline; }

table.blogprevnext td.blogprevlink { text-align: left; }
table.blogprevnext td.blognextlink { text-align: right; }

/** Source code listings in blog posts */
pre.sh_sourceCode {
	padding: 1em;
	border: 1px dotted #BBBBAB;
}

div.searchresult {
	border: 0.08em solid #D2E3CA;
	padding: 1em;
	margin-bottom: 1em;
}

div.searchresult b.searchresulttitle {
	font-size: 120%;
	font-weight: normal;
}

div.searchresult i.searchresulturl {
	font-style: normal;
	font-size: 80%;
}

/** The lightbox */
#lightbox {
	background-color: black;
	padding: 20px 20px 10px 20px;
}

#lightboxDetails {
	padding-top:5px;
}

#lightboxCaption {
	float: left;
	color: white;
	font-size: 90%;
}

#lightboxClose {
	float: right;
}

#lightboxClose a {
	color: white;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
}