/*
Theme Name: lonelytree
Theme URI: http://www.gauson.com/themes/?wptheme=lonelytree
Description: LonelyTree is a theme inspired by the global warming conditions around the world and in part dedicated to the bush fires.  The theme is simple with two columns, fixed width, widget ready,  valid CSS and valid XHTML and compatible with wordpress 2.7. LoneyTree Wordpress Theme by Designed by <a href="http://www.gauson.com">Gauson Design</a>.
Version: 1.3
Author: Gauson Design
Author URI: http://www.gauson.com
Tags: green, white, two-columns, right-sidebar, fixed-width
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* - BASIC CSS - */

*{
	margin: 0;
	padding: 0;
	text-decoration: none;
}

html, body {line-height: 1}

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff url(images/bg.png) repeat-y center;
	color: #6e7073;
	font: 12px/18px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	/* ===== MODIFICATIONS ===== */
	text-align: justify;
}
a {
	text-decoration:none;
	color:#880000;
	/*color:#060;*/
	outline: none;
}
a:hover {
	text-decoration:underline;
	color:#333333;
}

.additional-meta {
	font-size: x-small;
	background: #ffffff url(images/bg-meta.gif) repeat-x left top;
	padding: 5px 5px 5px 5px;
	margin-bottom:5px;
}

.entry-meta {
	font-size: 90%;
	background: #ffffff url(images/bg-meta.gif) repeat-x left top;
	margin-top:15px;
	padding: 5px 5px 5px 5px;
	clear:both;
}

.meta-date {
	float:left;
	padding: 0 10px 0 15px;
	background: url(images/bg-meta-date.gif) no-repeat 0px 4px;
}
.meta-comments {
	background-repeat: no-repeat;
	float: right;
	padding: 0 10px 0 15px;
	background: url(images/bg-meta-comments.gif) no-repeat 0px 4px;
}

blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1em 1em;
	background: #f4f4f4;
	border: solid 1px #e1e1e1;
	font-style: italic;
	color: #939494;
}

blockquote p {
	color: #444444;
	padding: 1em 1em;
}

blockquote * {
	font-family: georgia, arial;
	line-height: 1.5em;
}


hr {	
	display: block;
	border: none;
	margin: 0.5em auto;
	background-color: #888888;
}

pre{
	white-space: normal;
}
img{
	border: 0;
}

p{
	line-height: 140%;
	margin: .5em 0 1.3em;
}

table {border-collapse:collapse;}

fieldset{
	padding: 10px;
}

.clear {clear: both}

/* -- LISTS -- */

ul {
	margin:0;
	padding:0;
}
ul li {
	margin-left:5px;
	padding:0;
}
li {
	list-style-type:none;
	margin-bottom: 4px;
}
ol {
	list-style-type: decimal;
}
.disc {list-style-type:disc;
}

/* lists inside posts */

.entry-content ul ol {
	margin-left:0;
}
.entry-content ul li {
	margin-left:1.5em;
	list-style:disc;
	list-style-position:inside
}
.entry-content ul li ol {
	margin-left:1.5em;
}
.entry-content ol li {
	margin-left:1.5em;
	list-style: decimal;
	list-style-position:inside
}
.entry-content ol li li {
	margin-left:2em;
}


/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {
	margin:0;padding:0; 
	line-height:1.8em;
}

h2.entry-title {
	font-size:180%;
}

h2#comments{
	margin:20px auto 10px;
	font-size:140%;
}

/* headings inside posts */

.entry-content h3 {
	font-size:140%;
}
.entry-content h4 {
	font-size:120%;
}
.entry-content h5 {
	font-size:100%;
}
.entry-content h6 {
	font-size:90%;
}

/* -- MAIN DIV'S -- */

#wrapper {
	background:#2e2f31;
	margin:0 auto;
	width:1000px;
}

#header-wrapper {
	height:370px;
	margin:0 auto;
	padding:0;
}

#header {
	height:370px;
	background: url(images/header-bg.jpg) no-repeat top;
	margin:0 auto;
	padding:0;
}

#footer {
	height:40px;
	overflow:hidden;
	margin:20px auto;
	clear:both;
	float:none;
	text-align:center;
	padding: 20px 0;
}

#footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

div.container{
	background:#F8F8F8;
	overflow:hidden;
	margin: 0px 20px;
}

#topbar{
	background:#F8F8F8 url(images/menubar.png) repeat-x top;
	text-decoration:none;
	height:50px;
	width:960px;
	overflow:hidden;
	margin: 5px 20px 0px 20px;
}

#topbarpages{
	width:600px;
	height:50px;
	overflow:hidden;
	float:left;
}

#topbarsearch{
	width:360px;
	height:50px;
	overflow:hidden;
	float:right;
}

#topbar ul {
	margin: 0;
	padding: 25px 0 0 10px;
	list-style: none;
	line-height: normal;
}

#topbar li {
	display: block;
	float: left;
}

#topbar a {
	color:#888888;
	display: block;
	float: left;
	margin-right: 17px;
	padding: 7px 15px;
	text-decoration: none;
	font: 12px/18px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}

#topbar a:hover { 
	text-decoration: underline;
}

#topbar .current_page_item a {
	color:#ffffff;
}

/* -- Logo Area --*/
#logo{
	float:left;
	width: 380px;
	height: 75px;
	display:block;
	margin-top: 135px;
	margin-left:60px;
	border: 0;
}
#logo h1 a{
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 0 15px;
	padding: 0;
	color: #2e2f31;
	/*color: #750000;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	outline:none;
}
#logo h1 a:hover {
	text-decoration:none;
}
#logo h2{
	letter-spacing: 1px;
	margin: 0 0 0 15px;
	font-size:14px;
	color:#8E8E8E;
}


/* -- POSTS -- */
.post-index {
	margin:0 0 10px;
}
#post-single {
	margin:0 0 20px;
}
.posts-wrap {
	float:left;
	clear:none;
	width:600px;
	padding: 0 15px;
}

/* -- SIDEBARS --*/

.sidebar-wrap {
	padding-top:20px;
	padding-right:5px;
	margin:0 auto;
	overflow:hidden;
	float:left;
	clear:none;
	width:310px;
}
.sidebar {
	width:100%;
	clear:none;
}

/* -- 404-PAGE --*/

.error404 {
	margin:0;
	width:100%;
}
.error404 h1,.error404 h2 {
	margin: 10px auto;
}

/* -- COMMENTS -- */

#combox {
	border-top: 5px solid #989698;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

h4#respond {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding-bottom: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ddd;
}

h3#comments {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding-bottom: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ddd;
}

form#commentform{
	margin:10px;
}

ol.commentlist {
	list-style-type: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 5px solid #323232;
}

ol.commentlist li {
	background: #f8fcef;
	border: 1px solid #eee;
	padding: 15px;
	margin-top: 20px;
}

ol.commentlist li.alt {
	background: #FFF;
	border: 1px solid #eee;
	padding: 15px;
	margin-top: 20px;
}

.avatar {
	float: left;
	display: inline;
	width: 64px;
	margin-right:5px;
}

.avatar img {
	border: 2px solid #ddddd4;
}

.commentbody {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 410px;
}

.commentbody em {
	font-size: 11px;
}

p.comment_author, p.comment_author a {
    font-weight: bold;
	color: #666;
	font-size: 11px;
}

p.comment_author a:hover {
	font-weight: bold;
	color: #006000;
}

p.comment_time {
	line-height: 1.5em;
	color: #999;
	font-size: 11px;
	font-family: tahoma;
}

.comment_text {
	line-height: 1.5em;
	color: #666;
	margin-top: 15px;
	font-size: 11px;
}

.reply form {
	width: 488px;
}

.reply p {
	margin-top: 10px;
	font-size: 11px;
}

.reply fieldset {
	vertical-align: middle;
	display: inline;
}

.reply input {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
}

.reply textarea {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
}

.reply label {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma;
	margin-left: 10px;
}

.replytext {
	border: 1px solid #eee;
	width: 200px;
	padding: 7px;
	margin: 5px;
	background-color:#E2ECF5;
	color: #366799;
}

.replytext:focus {
	background: #fffff9;
}

.replyarea {
	border: 1px solid #eee;
	line-height: 1.5em;
	padding: 5px;
	width: 510px;
	height: 120px;
	background-color:#E2ECF5;
	color: #37699B;
}

.replyarea:focus {
	background: #fffff9;
}

.replybutton {
	text-align: center;
	width: 100px;
	height: 35px;
	padding: 5px;
	font-weight: bold;
	color: #212121;
	cursor: pointer;
	float:right;
	margin-right:30px;
}

/* no border on smilies */
img.wp-smiley, .post img.wp-smiley{
  padding: 0;
  margin: 0;
  border: 0;
}

/*-- table --*/
table{
  margin: .5em 0 1em;
  border-bottom: 2px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
}


table td, table th{
  text-align: center;
  padding: .3em .5em;
  border-top: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}

table th{
	background-color: #d1d1d1;
	border-bottom: 2px solid #d1d1d1;
}

table tr.odd{
	background-color: #E2E2E2;
}

table tr:hover {
  background: #E2E2E2;
}

#column {
	float: left;
	width: 540px;
	margin-top: 5px;
	margin-right: 20px;
	background: #fff;
}

.post {
	margin-top: 10px;
}
.post-top {
	width: 540px;
	height: 10px;
}

.post-bottom {
	width: 540px;
	height: 10px;
}

.entry {
	background: #FFF;
}

.entry h2 {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	line-height: 1.3em;
	font-size: 20px;
  font-weight: bold;
}

.entry h2 a {
	line-height: 1.3em;
	font-size: 20px;
	color: #006178;
	font-weight: bold;
}

.entry .date {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	color: #999;
	padding-bottom: 5px;
	font-size: 0.7em;
	line-height: 1.3em;
}

.comments a:hover {
	color: #006178;
}

/* -- ALIGNMENTS --*/
img.alignright {
	float:right;
	clear:none;
	margin:0 0 1em 1em;
}
img.alignleft {
	float:left;
	clear:none;
	margin:0 1em 1em 0;
}
img.aligncenter {
	display: block;
	margin:1em auto;
	text-align:center;
}
img.alignnone {
	margin:0 0.5em 0 0;
}

/* -- NAVIGATION --*/
div.navigation {
	width:100%;
	height:auto;
	float:left;
	clear:both;
	padding: 10px 0px;
}

.navigation-index {
}

.nav-next {
	float:right;
	clear:none;
	width:48%;
	text-align:right;
}

.nav-prev {
	float:left;
	clear:none;
	width:48%;
	text-align:left;
}

.wp-caption {
	background-color:#EEE;
	border: 1px solid #E7E8E6;
	-moz-border-radius: 4px;
	padding-top:5px;
	margin:4px 10px;
	text-align:center;
	color: #8d8b8b;
}

.wp-caption img, .post .wp-caption img{
  margin: 0;
  border: 0;
  padding: 0;
}

.wp-caption.alignleft{
	margin-left: 0px;
}

.wp-caption.alignright{
	margin-right: 0;
}

/** WIDGETS CSS */

.widget{
  margin: 1em 0 1.8em 0;
}

.widget ul ul{
  margin: .4em 0 1em .8em;
}

/*-- sidebar  begins-- */

#sidebar h2,  h3.widgettitle {
	text-align:right;
	font-style:oblique;
	border-bottom: 1px solid #999;
}

#sidebar ul, #sidebar ul ol {
	margin: 0 0px 0 5px;
	padding: 0;
	}

#sidebar ul li {
	list-style: none;
	list-style-image:none;
	margin-bottom: 15px;
	}

#sidebar ul li ul li {
	margin-left: 2px;
}

#sidebar ul li ul li a,   .widget ul li a{
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left:14px;
	background:url(images/arrow.png) 0 6px no-repeat;
	margin-bottom: 1px;
}

#sidebar ul li.recentcomments a {
	background-image: none;
	padding-left: 0;
}

#sidebar ul li.recentcomments {
	background: url(images/arrow.png) left center no-repeat;
	padding-left: 1.5em;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}



/*-- Sidebar end --*/	


/* sidebar search */

#searchtab{
	background: transparent url(images/search-bg.png) no-repeat left top;
}

#searchtab .inside{
  background: transparent url(images/search-go.png) no-repeat right top;
  height: 30px;
  position: relative;
}

#searchtab input{
  border: 0;
  background: none;
  font-size: 12px;
  padding: 0px;
}

#searchtab input.searchfield, #searchtab input#s{
  position: absolute;
  top: 4px;
  left: 30px;
  color: #6e7073;
  padding: 1px 6px;
  margin: 0;
}

#searchtab input.searchfield:focus, #searchtab input#s:focus {
	color: #111;
}

#searchtab input.searchbutton, #searchtab input#searchsubmit{
	position: absolute;
	right: 22px;
	top: 5px;
	color: #D6D6D6;
	font-weight:bold;
	text-transform: uppercase;
	padding: 0px;
	margin: 0;
	cursor:pointer;
}

#searchtab label{
	display: none;
}
#searchtab input.searchbutton:hover {
	color: #FFF;
}

/* Begin Calendar */

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 100%;
}

	#wp-calendar caption {
	font-size: 120%;
	font-weight:bold;
	padding:2px;
	margin: 0 0 5px 0;
	background: #d1d1d1;
	text-align: center;
	width: 100%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar td {
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; 
}/* End Calendar */