html, body {
	background: #fff;
	color: #000;
	font-family: georgia;
	font-size: 100%;
	margin: 0;
	padding: 0;
	height: 100%; /* 100 % height */
}

html>body #wrap {height:100%;} /* 100 % height */

#wrap {
}

#header {
	display: inline;
	background-image: url('http://gregorlove.com/images/structure/header_background.png');
	/*background-image: url('http://www.gregorlove.com/4/images/header3.gif');
	background-repeat: no-repeat;*/
	height: 120px;
	overflow: hidden;
	width: 100%;
}

html>body #header {
	position: fixed;
	z-index: 10; /* Prevent certain problems with form controls */
}

html>body #content-wrap { height:100%; } /* 100 % height */

#content-wrap {
	background: #fff;
	margin: 0 auto;
	min-width: 725px;
	max-width: 56em;
}

html>body #content { padding: 120px 0 20px 0.6em; } /** was 175px on top**/

#footer {
	background-color: #e6f8d5;
	border-top: 1px solid #ccc;
	font-family: tahoma, verdana, arial, helvitica, sans-serif;
	font-size: 0.6em;
	height: 15px;
	padding-top: 2px;
	text-align: center;
	width: 100%;
}

#footer p {
	margin: 0;
	padding: 0;
}

html>body #footer {
	position: fixed;
	bottom: 0;
	z-index: 10; /* Prevent certain problems with form controls */
}

#header {
	background-color: #fff;
}


/**********************************/
/**          My Styles           **/
/**********************************/

/** GENERAL STYLES **/

a:link, a:visited {
	/* color: #BBAF9B; lt brown */
	color: #349733;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #D49544;
	font-weight: normal;
	text-decoration: underline;
}

a:link.bold, a:visited.bold, a:hover.bold {
	font-weight: bold;
}

img { border: 0; }

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

	.content {
		width: 500px;
	}

	.sidebar {
		width: 200px;
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: block; }

input, textarea, select {
	border: 1px solid #ccc;
	font-family: verdana, arial;
	font-size: 0.95em;
}

input.contact, textarea.contact {
	font-family: georgia;
	font-size: 32px;
}

code {
	color: #777;
	font-size: 1.2em;
}

.error {
	color: #CC0000;
}

/** MAIN CONTENT STYLES **/

#main-content {
	border-top: 0px solid red;
	float: left;
	margin: 0.3em 0 0 0;
	min-width: 500px;
	padding-bottom: 1em;
	width: 70%;
}

	#main-content div.subnav {
		border-bottom: 0px solid #c0c0c0;
		/*font-family: tahoma, verdana, arial, helvitica, sans-serif;*/
		font-size: 0.75em;
		/*margin: 0 0 2px 0;*/
		padding: 0.4em 0 0.4em 0;
		text-align: center;
	}

	#main-content p, #main-content ul li {
		font-size: 0.8em;
		line-height: 1.8em;
		margin: 1em 0;
		padding: 0;
	}

	#main-content p.success {
		color: #349733;
	}

	#main-content p.footer, #main-content p.instruction {
		font-size: 0.68em;
		line-height: 1.5em;
	}

	#main-content p.bookmark {
		text-align: right;
		margin: 0;
	}

	#main-content p.postmetadata {
		font-size: 0.68em;
		font-family: tahoma, verdana, arial;
		line-height: 1.5em;
		margin: 0 0 2.5em 0;
		padding: 10px;
		background-color: #F6F6F6;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
	}

	#main-content p.date {
		color: #888;
		font-size: 0.68em;
		margin: -0.4em 0 0 0;
		padding: 0;
	}

	#main-content p.section {
		font-size: 0.9em;
		margin: 1.3em 0 0.4em 0;
		padding: 0;
	}

	#main-content p.app {
		margin: 0.35em 0;
		padding: 0;
	}

	#main-content p.app label {
		font-size: 0.9em;
	}

	#main-content p.small {
		font-size: 0.7em;
		margin: 0.35em 0;
	}

	#main-content div.quote, #main-content blockquote {
		border-left: 2px solid #c0c0c0;
		margin: 0.5em 0 0 1.7em;
		padding: 0 0 0 0.8em;
	}

	#main-content div.quote p, #main-content blockquote p {
		font-size: 0.68em;
		line-height: 1.5em;
	}

	#main-content div.comment {
		border-left: 2px solid #ffffff;
		font-size: 0.68em;
		margin: 0 1em 1em 0;
		padding: 1em 0 0 1em;
	}

	h3#comments {
		margin-top: -120px;
		padding-top: 120px;
	}

	#main-content div.comment p {
		font-size: 1em;
		line-height: 1.3em;
	}

	#main-content div.comment:hover {
		background-color: #F6F6F6;
		border-left: 2px solid #C6F29D;
	}

	#main-content a:link, #main-content a:visited, #main-content a:hover {
		font-weight: bold;
	}

	#main-content p.tags {
		word-spacing: 1.5em;
	}

	#main-content p.tags a {
		font-weight: normal;
	}

	td.cm_image {
		padding: 0 5px 0 5px;
	}

	td.cm_text {
		font-size: 0.7em; /*11px;*/
		line-height: 1.2em;
	}

/** SIDEBAR STYLES **/

#sidebar {
	border-top: 0px solid red;
	display: inline;
	float: right;
	margin: 0.3em 0 0 0;
	min-width: 200px;
	width: 29%;
}

	dl#list {
		font-size: 0.7em;
		margin: 0;
		padding: 0;
	}

	dl#list dd {
		line-height: 1.5em;
		margin: 0;
		padding: 0;
	}

	dl#list dd.spaced {
		margin-bottom: 1em;
	}

	dl#list dd.indent {
		margin-left: 1em;
		/*text-indent: 1em;*/
	}

	#sidebar h3 {
		border-bottom: 1px solid #000;
		padding: 0em 0 0.3em 0.3em;
	}

	div.module {
		border-bottom: 1px solid #ccc;
		padding: 0 0 0.5em 0.3em;
	}

		div.module h4 {
			margin: 0.1em 0 0.3em 0;
		}

		div.module p {
			font-size: 0.7em;
			line-height: 1.5em;				
			margin: 0;
			padding: 0.5em 0;
		}

		div.module p.indent {
			text-indent: 1em;
		}

	#delicious ul {
		margin: 0 0 0 1.5em;
		padding: 0;
	}

	li.delicious-post, li.small {
		font-size: 0.68em;
		line-height: 1.25em;
		margin: 0.7em 0 0.7em 0;
		padding: 0;
	}

/** HEADER AND NAVIGATION **/

ul#navigation {
	bottom: 0;
	right: 0;
	display: inline;
	margin: 0 70px 8px 120px;
	position: absolute;
}

ul#navigation li {
	display: inline;
	letter-spacing: 0.15em;
	list-style: none;
	margin: 0;
	padding: 0px 10px 0px 10px;
}

ul#navigation li a:link, ul#navigation li a:visited {
	color: #ffffff;
	font-family: tahoma, verdana, arial;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
}

ul#navigation li a:hover {
	color: #3a3a3a;
	font-family: tahoma, verdana, arial;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
}

dl#subnav {
	font-family: tahoma;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0.5em 0.3em;
}

dl#subnav dd {
	line-height: 1.3em;
	margin: 0;
	padding: 0
}

dl#subnav a:link, dl#subnav a:visited {
	color: #999;
}

dl#subnav a:hover {
	color: #3a3a3a;
}

/** HEADING STYLES **/

h2 {
	font-size: 1.16em;
	margin: 0;
	padding: 0;
}

h2 a:link, h2 a:visited, h2 a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

h2 a:hover {
	color: #349733;
	/* color: #beec91; lt green */ /*#C6F29D;*/
}

h3 {
	font-size: 1em;
	margin: 0;
}

h4 {
	font-size: 0.7em;
	margin: 0;
}

/** COMMENT FORM **/
#commentform {
	background: #F6F6F6; /*#ddd;*/
	margin-top: 1.2em;
	padding: 1em;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

#commentform label {
	font-size: 0.8em;
}

div.formrow {
	clear: both;
	margin: 0.9em 0 0.9em 0;
}

div.formrow label.fl {
	float: left;
	width: 110px;
}

div.cposted_date {
	color: #ccc;
	float: right;
	font-family: tahoma, verdana, arial;
	font-size: 1.8em;
	margin-right: 0.9em;
}

/** BLOG CALENDAR **/
table.calendar {
	font-size: 0.7em;
	margin: 0 auto;
	text-align: center;
}

caption {
	margin: 0px auto;
	text-align: center;
}

table.calendar td {
	font-family: verdana;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	width: 1.5em;
	vertical-align: top;
}

table.calendar td a:link, table.calendar td a:visited {
	background-color: transparent;
	display: block;
	text-decoration: none;
}

table.calendar td a:hover {
	background-color: #F6F6F6;
	color: #D49544;
	display: block;
	height: 1.5em;
	margin: 0;
	padding: 0;
	width: 1.4em;
}

/** Positioning and alignments **/
.left	{ text-align: left; }
.right	{ text-align: right; }
.center { text-align: center; }
