/*
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.4
Author: Gauson Design
Author URI: http://www.gauson.com
Tags: green, white, two-columns, right-sidebar, fixed-width, flexible-width, theme-options
	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: url(images/bg.png) repeat-y center;
	background-color:#DDD;
	color: #6e7073;
	font: 12px/18px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}
a {
	/*text-decoration:none;*/
	color:#4C787E;
	outline: none;
}
a:hover {
	text-decoration:underline;
	color:#4C787E
}

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

.entry-meta {
	font-size: 90%;
	background: #fff 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: #888;
}

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 {
	height:370px;
	background: url(images/header.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:#FFF;
	text-decoration:none;
}

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

div.mainmenu{
	background: #F8F8F8 url(images/menubar.png) repeat-x top;
	height: 40px;
}
	

/* -- Logo Area --*/
#logo{
	float:left;
	width: 480px;
	height: 75px;
	display:block;
	margin-top: 135px;
	margin-left:160px;
	border: 0;
}
#logo h1 a{
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 0 15px;
	padding: 0;
	color: #2e2f31;
	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: -10px 0px 0px 112px;
	font-size:18px;
	color:#FFFFFF;
}


/* -- 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: 2px;
}

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

.replytext:focus {
	background: #fffff9;
}

.replyarea {
	border: 1px solid #989898;
	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;
color:#FDCF17;
}

#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 */


.lavaLampBottomStyle {
        position: relative;
        height: 40px;
        width: 920px;
        padding: 0px 10px;
        margin: 0px 10px 0px 10px;
        overflow: hidden;
  
        }
.lavaLampBottomStyle li {
        float: left;
        list-style: none;
        }
.lavaLampBottomStyle li.back {
	background-color: #006000; 	
         width: 9px;
         height: 32px;
		 margin-left:0;
         z-index: 8;
         position: absolute;
        }
		
.lavaLampBottomStyle li a {
	font:14px arial;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	outline: none;
	text-align: center;
	top: 9px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
                    }   
					
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
        border: none;
                        }      



.menu {width:745px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}