/*
Theme Name: Lonely Tree (SEO) Theme
Theme URI: http://darryld.com/
Description: Lonely Tree - This theme is optimized for SEO.  Two column theme with wigetized sidebar.  Theme also includes gravatar enabled Recent Comments Widget (DNB Recent Comments).
Version: 1.0
Author: Darryl D
Author URI: http://darryld.com/
Tags: two column

*/

body, html {
	font: 10pt verdana, arial, sans-serif;
	margin:  5px 0 10px 0;
	padding: 0;
	color: #000;
	background: #333;
	}
	
a, a:visited, a:link, a:active {
	color: #36c;
	text-decoration: none;
	}
	
a:hover {
	color: #c63;
	text-decoration: underline;
	}
	
a img {
	border: none;
	text-decoration: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: georgia, verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	}
	
h1 {
	font-size: 16pt;
	}

h2 {
	font-size: 16pt;
	}

h3 {
	font-size: 14pt;
	}
	
h4 {
	font-size: 12pt;
	}
	
h5 {
	font-size: 8pt;
	}
	
h6 {
	font-size: 6pt;
	}
	
blockquote {
	margin: 0 20px;
	padding: 0 10px;
	background: #eee;
	border: 1px solid #ccc;
	}

.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
	padding: 0;
	}
	
.alignright {
	float: right;
	margin: 5px 0 5px 10px;
	padding: 0;
	}

.left {
	float: left;
	margin: 15px 10px 5px 0;
	padding: 0;
	}
	
.right {
	float: right;
	margin: 15px 0 5px 10px;
	padding: 0;
	}

p {
	line-height: 1.5em;
	}
	
small {
	font-size: 8pt;
	margin: 5px 0 0 0;
	}
	
pre, code {
	overflow: auto;
	}
	
.clear {
	clear: both;
	}


/* Page */

#page {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	border: 1px solid #222;
	}
	

/* Header */

#header {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: url(images/header-bkg.jpg) no-repeat;
	}
	
.title {
	font: 30pt georgia, verdana, arial, sans-serif;
	margin: 0;
	padding: 5px 10px 0 0;
	color: #fff;
	text-align: right;
	}
	
.title a, .title a:active, .title a:link, .title a:visited {
	color: #FFE99F;
	text-decoration: none;
	}
	
.title a:hover {
	color: #ffe99f;
	}
	
.description {
	font-size: 12pt;
	margin: 0;
	padding: 5px 10px 0 0;
	color: #000;
	text-align: right;
	}
	

/* Navbar */

.menu {
	clear: both;
	display: block;
	/* width: 940px; */
	margin: 0;
	padding: 0;
	height: 30px; 
	font: 11pt verdana, arial, sans-serif; 
	/* text-transform: uppercase; */
	/* letter-spacing: .1em; */
	background: #36c;
	text-align: center;
	border-top: 1px solid #039;
	border-bottom: 1px solid #039;
	}

.menu ul {
	margin: 0;
	padding: 0;
	float: left;
	}

.menu li {
	display: inline;
	}
		
.menu ul li.current_page_item a {
	/* background: #444 url(../images/nav-active.gif) repeat-x; */
	color: #fff;
	margin: 0;
	height: 25px;
	padding: 5px 10px 0 10px;
	border-right: 1px solid #039;
	text-decoration: none;
	background: #447CEB;
	}

.menu ul li.current_page_item a:hover {
	color: #fff;
	background: #568DFA;
	/* background: #444 url(../images/nav-active.gif) repeat-x; */
	}

.menu a, .menu a:visited, .menu a:link, .menu a:active {
	float: left;
	color: #ccc;
	margin: 0;
	height: 25px;
	padding: 5px 10px 0 10px;
	background: #36c;
	border-right: 1px solid #039;
	text-decoration: none;
	}

.menu a:hover {
	color: #fff;
	/* background: #555 url(../images/nav-hover.gif) repeat-x; */
	background: #568DFA;
	}
	
	
/* Content */

#content {
	float: left;
	width: 620px;
	margin: 15px 20px 20px 10px;
	padding: 0;
	}
	
.post {
	margin: 0 0 20px 0;
	padding: 0;
	}
	
.post h1, .post h2 {
	margin: 0 0 5px 0;
	padding: 0;
	}
.post h1.home, .post h2.home {
        width: 480px;
        float: right;
        }
.entry {
	float: right;
	width: 480px;
	margin: 0;
	padding: 0;
	}
	
.entry p {
	margin: 0 0 18px 0;
	padding: 0;
	}
	
.postdata {
	float: left;
	width: 120px;
	margin: 0 20px 0 0;
	padding: 0;
	}
	
.pd-title {
	color: #2C8F24;
	font-size: 8pt;
	font-weight: bold;
	margin: 5px 0 3px 0;
	padding: 0;
	}
	
.pd-data {
	color: #000;
	font-size: 8pt;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
.single-post {
	margin: 10px 0;
	padding: 0;
	}



/* Sidebar */

#sidebar {
	width: 300px;
	float: right;
	margin: 0 10px 20px 0;
	padding: 0;
	}
	
#sidebar .sidebar-menu {
	margin: 0 0 6px 0;
	padding: 4px 0 5px 0;
	font-size: 11pt;
	color: #2C8F24;
	font-weight: bold;
	}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#sidebar ul li {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
#sidebar ul li ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
#sidebar ul li ul li {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#sidebar ul li ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#sidebar ul li ul li ul li {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
	
/* Comments */

.commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.commentlist li {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	list-style: none;
	}
	
.commentlist li .avatar { 
	float: right;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	margin: 0 0 10px 10px;
	padding: 5px;
	background: #fff;
	}
	
.children { padding: 0; margin: 10px 0 0 0; }	
	
.even { 
	background: #fff;
	color: #000;
	border: 1px solid #80A6C9;
	}
	
.alt, .odd {
	background: #eee;
	color: #000;
	border: 1px solid #80A6C9;
	}
	
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.bypostauthor  {
	background: #ADCEED;
	border: 1px solid #80A6C9;
	}
	
#respond {
	margin: 20px 0 0 0;
	padding: 0;
	}
	
#respond h3, h3#comments {
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: bold;
	}
	
#respond textarea {
	/* width: 624px; */
	width: 99%;
	}
	

/* Footer */

#footer {
	text-align: center;
	border-top: 1px solid #000;
	color: #ccc;
	background: #36c;
	height: 35px;
	margin: 0;
	padding: 15px 0 0 0;
	}
	
#footer a, #footer a:active, #footer a:link, #footer a:visited {
	color: #ccc;
	text-decoration: underline;
	}
	
#footer a:hover {
	color: #fff;
	}
	
	
/* Single Page / Next Page Navigation / Comment Navigation */

.navigation {
	width: 620px;
	margin: 0;
	padding: 0;
	}
	
.navleft {
	float: left;
	width: 305px;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	text-align: left;
	}
	
.navright {
	float: right;
	width: 305px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: right;
	}
	
.comment-navigation {
	width: 620px;
	margin: 0;
	padding: 0;
	}
	
.comment-navleft {
	float: left;
	width: 305px;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: left;
	}
	
.comment-navright {
	float: right;
	width: 305px;
	margin: 0;
	padding: 0;
	text-align: right;
	}


/* Feed Button */

#feed {
	margin: 0;
	padding: 0;
	float: right;
	width: 310px;
	}
	
.feed-l {
	float: left;
	width: 235px;
	font-size: 11pt;
	font-weight: bold;
	margin: 15px 0 0 0;
	}
	
.feed-r {
	float: right;
	width: 75px;
	text-align: right;
	}
	
	
/* Calendar */
#calendar {
	width: 300px;
	}
	
#calendar_wrap {
	width: 100%;
	border: 1px solid #333;
	}
	
#wp-calendar {
	width: 100%;
	height: 220px;
	background: #999;
	border-collapse: collapse;
	border-spacing: 0;
	}
	
#wp-calendar table {
	border: 1px solid #333;
	}
	
#wp-calendar caption {
	background: #36c;
	color: #fff;
	font-weight: bold;
	padding: 7px 0 8px 0;
	text-align: center;
	letter-spacing: .1em;
	border-bottom: 1px solid #333;
	}

#wp-calendar table thead {
	border: 1px solid #333;
	}
	
#wp-calendar th {
	border: 1px solid #333;
	background: #ccc;
	color: #000;
	font-weight: bold;
	}
	
#wp-calendar .pad {
	background: #999;
	border: none;
	}
	
#wp-calendar td {
	border: 1px solid #333;
	background: #fff;
	text-align: center;
	}

#wp-calendar td:hover {
	background: #c63;
	color: #ccc;
	}
	
#wp-calendar td:hover .pad:hover {
	background: #999;
	}
	
#wp-calendar td a, #wp-calendar td a:link, #wp-calendar td a:visited, #wp-calendar a:active {
	display: block;
	color: #36c;
	text-decoration: underline;
	font-weight: bold;
	}
	
#wp-calendar td a:hover {
	display: block;
	color: #fff;
	background: #c63;
	}