/*  
Theme Name: Living Lightly
Theme URI: http://livinglightly.ca
Description: Custom CSS
Version: 1.0
Author: Elran Oded
Author URI: http://www.touchbasic.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
Modified by: DelTork Feb 29 2008, may 31st, 2009
*/

/* Begin Typography & Colors */

/* 
 color:#333; dark gray
 color:#777; light gray
 color:#765951;	brown
 color:#339933;	dark green
 color:#63a347; mid green
 color:#99CC66;	light green
 color:#c87d2c; orange 
*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color:#fff; 
	color: #333;
	text-align: center;
}

#page {
	background-color: #fff;
	text-align: left;
}

#footer {
	background-color: #765951;
	color: #bbb;
	border: none;
}

#content, #catdesc {
	font: normal 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.narrowcolumn .entry {
	font-size: 1.3em;
	text-align: left;
}

.narrowcolumn .postmetadata {
	font-size: 1.0em;
}

.nocomments, .postmetadata, strike {
	color: #777;
}

a {
	color: #c87d2c;	
	text-decoration: none;
}

a:hover {
	color: #765951;
	text-decoration: underline;
}

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

h1 a, h1 a:visited {
	color: #63a347;
	text-decoration: none;
}

h2 a, h2 a:visited {
	color: #777;
}

h4 a, h4 a:visited {
	color: #333;
}

h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
}

h2 a:hover {
	color: #c87d2c;	
	text-decoration: none;
}

#footer a, #footer a:visited {
	color: #bbb;
}

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

#catdesc a, #catdesc a:visited {
	font-weight:bold;
	text-decoration:underline;
}

#candopage h2 a, #candopage h2 a:visited {
	color:#99CC66;
}

#candopage h2 a:hover {
	color: #63a347;
}

ul#navbar li a, ul#navbar li a:visited {
	color: #63a347;
}

ul#navbar li ul li a, ul#navbar li ul li a:visited {
	color: white;
}

h1 a:hover, ul#navbar li a:hover {
	color:#99CC66;
	text-decoration: none;
}

ul#navbar li ul li a:hover {
	color: gray;
}

ul#navbar li a.current_page_item {
	color:#99CC66;
  text-decoration:underline;
}

#sidebar ul#exchangelist li a, #sidebar ul#exchangelist li a:hover, #sidebar ul#exchangelist li a:visited   {
	display:block;
	padding:10px;
	text-decoration: none;
}

#sidebar ul#exchangelist li a.current_page_item {
	background-color: #fff4d0;
}

.postmetadata a, .postmetadata a:visited, .cc a, .cc a:visited {
	color:#777;
}

/* End Typography & Colors */

/* Begin Structure */
body {
	margin: 0 0 2px 0;
	padding: 0; 
}

#page {
	width: 990px;
	margin: 0px auto;
	padding: 0px;
}

#header {
	margin: 0 auto;
	padding: 0;
}



#headerimg {

	margin: 0px;

	padding: 0;

	}



#footer {

	width:990px;

	padding: 0;

	margin: 0 auto;

	clear: both;

	}



#footer p {

	margin: 0;

	padding: 5px;

	text-align: center;

	}



#catdesc {

	padding:10px 15px;

	}



#underll {

	border-top:1px solid #c87d2c;

	border-bottom:1px solid #c87d2c;

	padding:15px 0 0 0;

	margin:2em;

	width:500px;

	height:95px;

	}



#underll .readmore {

	margin:10px 50px 0 0;

	}



#candopage .candoitem {

	width:140px;

	float:left;

	margin-right:10px;

	padding:0px 15px 10px 15px;

	}



.narrowcolumn {

	margin: 0;

	padding: 0 0 20px 0;

	width:720px;

	float:right;

	}



.homepage {

	height: 600px;

	background: #fff url('images/frontpage.jpg') no-repeat bottom right;

	}



.homepage .post, .homepage .entry {

	margin:0;

	padding:0;

	}



.post {

	margin: 0 0 40px 0px;

	}



.readmore {

	display: block;

	text-align:right;

	}



.post hr {

	display: block;

	}



.narrowcolumn .postmetadata {

	padding-top: 5px;

	}



.postmetadata {

	clear: left;

	}



/* End Structure */







/* Begin Headers */



h1, h2, h3 {

	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight: bold;

	}



h1 {

	color:#99CC66;		

	text-decoration: none;

	font-size: 4em;

	margin: 15px 0px 10px 0px;

	}



#header h1 {

	float:left;

	font-size: 4.8em;

	line-height: 1.2em;

	letter-spacing: 0.1em;

	padding: 10px 0px 15px 20px;

	margin:0;

	width:200px;

	}



.homepage h1 {

	font-size: 6.9em;

	line-height: 1.2em;

	letter-spacing: 0.1em;

	margin:20px 0 0 10px;

	width:200px;

	}

h2 {
	color: #777;
	text-decoration: none;
	font-size: 1.7em;
	margin: 30px 0 0;
	text-align: left;
	clear:both;
}

h2.pagetitle {
	font-size: 1.8em;
	margin: 30px 0;
	text-align: center;
}

img.pagetitle {
	display: block;
	margin: 10px auto;
}

#sidebar h2 {
	text-decoration: none;
}

#candopage h2 {
	font-size:2.2em;
	display:inline;
}



h3 {

	color: #333;

	text-decoration: none;

	font-size: 1.3em;

	padding: 0;

	margin:0;

	}



.post h3 {

	text-align:left;

	}





h3.comments {

	padding: 0;

	margin: 40px auto 20px;

	}



#sidebar h4 {

	background-color:#99CC66;

	text-align:center;

	padding: 0px;

	margin: 0px 10px;

	color: #333;

	}



/* End Headers */







/* Begin Images */

a img {

	border: none;

	}



p img {

	padding: 0;

	max-width: 100%;

	}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.candoitem img {

	margin-bottom:-0.6em;

	margin-right:0.8em;

	}



#headerimg img {

	float:right;

	border:1px solid #777;

	}



#underll img {

	border:1px solid #777;

	float:left;

	margin:0px 15px;

	}



img.mailto {

	margin:0 0 -3px 4px;

	}



/* End Images */







/* Begin Lists */



.entry  ul, .entry ol {

	margin:25px;

	padding: 10px 0 0 30px;

	font-size:0.9em;

	}



.entry li {

	margin: 7px 0 8px 10px;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;
	list-style-image: none;

	}



.homepage .post ul {

	font: bold 1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	margin:65px 0px 0px 10px;

	}



.homepage .post ul li { 

	list-style-type:none;

	list-style-image: url(images/bullet_yellow.jpg); 

	}



#projectpage ul {

	font:bold 1.6em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	margin:0px 0px 50px 50px;

	padding:0px;

	float:left;

	}



#projectpage ul li { 

	list-style-type:none;

	list-style-image: url(images/bullet_go.jpg); 

	}



ul#linkslist {

	margin:40px 20px;

	list-style-type:none;

	}



ul#linkslist li.linkcat {
	font-size:1.5em;
	color: #63a347;
	font-weight:bold;
}

ul#linkslist li ul {
	font-size:0.9em;
}

ul#navbar {
	font-size:1.7em;
	margin: 0px 0px 0px 0px;
	text-align:right;
}

ul#navbar li {
	display:inline;
	padding-top:20px;
}

ul#navbar li ul {
	border: 2px solid #765951;
	margin-left: -.5em;
}

ul#navbar li ul li {
	display:block;
	text-align: left;
	background-color: #99CC66;
	color: white;
	font-color: white;
	padding: 2px 10px 2px 4px;
}

#sidebar ul, #sidebar ol {
	font-size:1em;
	padding:0px;
	margin:5px 0px 30px 0px;
	list-style-type:none;
}

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

#sidebar ul li, #sidebar ol li {
	color: #777;
	margin: 0px 0px 0px 40px;
	padding: 0;
}

#sidebar ul ul li, #sidebar ol ol li {
	color: #777;
	margin: 2px 0px 2px 10px;
	padding: 0;
	font-size: smaller;
	list-style-image: none; 
}

#sidebar .current_page_item {
	list-style-image: url(images/bullet_go_low.jpg); 
}

#sidebar ul#exchangelist {
	padding:0px;
	margin:0px;
}

#sidebar ul#exchangelist li   {
	margin:0px;
	list-style-type: none;
	list-style-image: none;
	border-bottom: 2px solid #99CC66;
}

#sidebar ul#exchangelist li:hover {
	background-color: #fff4d0;
}

/* End Entry Lists */

/* Begin Form Elements */

#searchform {

	padding: 0px; 

	}



#sidebar #searchform, #nosearch #searchform {

	width:220px;

	margin: 40px auto;

	padding: 0px; 

	}



#urlform {

	padding: 0px 5px; 

	font-weight:bold;

	color:#339933;	

	}



#urlform label { 

	display:block; 

	}



#urlform #u {

	width: 220px;

	padding: 3px;

	margin:0 5px 0 0;

	float:left;

	}



#searchform #s {

	width: 128px;

	padding: 3px;

	margin:0;

	float:left;

	}





#searchsubmit, #urlsubmit {

	margin-left:5px;

	border-top:1px solid #eee;

	border-right:1px solid #777;

	border-bottom:1px solid #777;

	border-left:1px solid #eee;

	}



#searchsubmit:hover, #urlsubmit:hover {

	border-top:1px solid #777;

	border-right:1px solid #eee;

	border-bottom:1px solid #eee;

	border-left:1px solid #777;

}



#sidebar form {

	margin: 0;

	}



.entry form {

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

	}



/* End Form Elements */







/* Begin Comments */





.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform {

	margin-bottom:20px;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}



/* End Comments */







/* Begin Sidebar */



#sidebar {

	color:#666;

	width:240px; 

	font: 1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	margin:0;

	padding: 40px 0 20px 0;

	}

#sidebar p {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 5px 15px 30px 15px;
	text-align:justify;
	line-height: 1.2em;
	letter-spacing: .01em;
}

#sidebar p.tag-cloud {
	text-align:center;
}

#sidebar p.tag-cloud a {
	padding: 4px 4px;
}


#sidebar .hotair {

	background: #fff url(images/hotair.jpg) no-repeat center;

	width:190px;

	text-align:left;

	font: 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	border:1px solid #bbb;

	padding:10px 15px;

	margin: 30px auto;

	}



#sidebar .hotair strong { 

	font: 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	display:block;

	text-align:center;

	margin-bottom:10px;

	}



#sidebar .hotair:hover {

	border:1px solid #eee;

	}



#sidebar blockquote {

	font: 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	margin: 0px 15px 30px 15px;

	}



#sidebar em {

	font-size:0.8em;

	font-variant:small-caps;

	line-height: 1.2em;

	}



#sidebar ul#exchangelist {

	margin: 0px 10px 30px 10px;

	}



/* End Sidebar */







/* Begin Various Tags & Classes */



.alt {

	margin: 0;

	padding: 10px;

	background-color: #f8f8f8;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}



blockquote {

	background: #fff url(images/blockquote.png) no-repeat top left;

	padding:0 0 0 2em;

	color: #777;

	}



.entry blockquote {

	display:block;

	clear:both;

	width:80%;



	}



.entry blockquote p {

	margin:2em auto;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



cite {

	text-decoration: none;

	}



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.8em;

	line-height: 1.5em;

	color: #777;

	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps {

	font-size: 0.9em;

	letter-spacing: .07em;

	}



.marginleft { 

	margin-left:15px; 

	}



.marginright { 

	margin-right:15px; 

	}



acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}





.center {

	text-align: center;

	}



.right {

	text-align: right;

	}



.left {

	text-align: left;

	}



.under {

	text-decoration: underline;

	}



hr {

	display: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin:60px 0;

	font-size:0.8em;

	}



.alignright {

	float: right;

	margin: 10px 5px 10px 25px;

	}



.alignleft {

	float: left;

	margin: 10px 25px 10px 5px;

	}



.clearboth {

	clear:both;

	}



.cc {

	text-align:center;

	font-size:0.8em;

	font-style:italic;

	color:#777;

	padding:5px;

	border:1px solid #777;

	}
	/* addition by DELTORK*/

.hidden {

          display:inline;

          z-index:-1;

		  position:absolute;

		  filter:alpha(opacity=0);

		  opacity:0;

		  top:140px;

        }

.subMenu {
	display:inline;
	z-index:20;
	position:absolute;
	filter:alpha(opacity=100);
	opacity:1;
	top:140px;
	padding:0;
}

.subSideMenu{

         display:inline; 

/*inline;
         z-index:20;
		 position:absolute;
		 filter:alpha(opacity=100);
		 
		  opacity:1;
			border:1px solid #eee;
		  top:220px;
		  left:220px;
		  background-color:white;
		  padding:20px;
		 
		*/
         font-size:12pt;
        }
.small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.8em;

	line-height: 1.5em;

	color: #777;

	}
.closebar{position:fixed; height:20px;  text-align:right;  left:25%; top:20%; width:50%; cursor:pointer; cursor:hand;  color:white; background-color:#63a347; padding:10px 20px;  border:2px solid rgb(200, 125, 44);}


/* End Various Tags & Classes*/

#donate-button {
	margin-left: 18px;
	margin-bottom: 20px;
}
/* deltork addition */
.blackscreen {display:none; position:absolute; position:fixed; top:0px; left:0px; right:0px;  bottom:0px;  background:#333; z-index:10; filter:alpha(opacity=65); opacity:0.65; }
.dialog { display:none; position:absolute; position:fixed; top:5%; left:10%; right:10%; bottom:5%;/*width:100%; height:100%; */background:#fff; z-index:150000; border:1px solid  color:#c87d2c;  }
.dialog #dialogContent {min-height:95%; overflow:auto; top:35px; left:0px; bottom:0px; right:0px; position:absolute; z-index:10000}
.dialog .titleBar{ text-align:right; position:absolute; top:0px; right:0px; left:0px; width:100%; background: #63a347 url(../img/topM.png); color:white; background-position:bottom; background-repeat:repeat-x;}

.close{ background:url(../img/close.png) no-repeat right; padding:0px; padding-right:40px; color:#aaa; cursor:hand; cursor:pointer;}
.close:hover{background:url(../img/closeHover.png) no-repeat right; color:white;}