/*--------------------------
GREEN LIVING SONOMA STYLESHEET
VALID CSS 2.0
COPYRIGHT 2007 WILDFIREWEB
AUTHOR: Ryan McLaughlin - ryan@wildfireweb.com
CREATED: 6/4/07
REVISED: 7/17/07
---------------------------*/

@import url(/css/wildfirecommon.css);
@import url(/templates/greenliving/css/slatesblogs.css);

body{
font-size: 62.5%;
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
background: #d3d7ae;
}

.adminlinks {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background: #ea892b url(/home/wfw/images/adminlinks_w.jpg) left no-repeat;
color: #eee;
text-align: center;
}

.adminlinks a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.adminlinks a:visited{
color: #fff;
}


.adminlinks a:hover{
color: #fff;
text-decoration: underline;
}

#wrapper{
font-size: 1.2em;
margin: 0 auto;
padding: 0;
width: 63em;
background: #fff;
position: relative;
}

h3{
left: -9999em;
position: absolute;
}

/* HEADER AND NAVIGATIONAL STYLES */

h1{
display: block;
margin: 0 auto;
padding: 0;
font-size: 1em;
width: 55.3em;
height: 4.7em;
background: transparent url(/templates/greenliving/images/title.gif) no-repeat bottom;
text-indent: -9999em;
}

ul#tabs{
list-style: none;
text-align: right;
margin: 0 3em 0 15em;
background: #93b3c6;
padding: 0.5em 0.5em 0.5em 0;
}

ul#tabs li{
display: inline;
margin: 0;
}

ul#tabs li a{
text-decoration: none;
font-size: 1em;
padding: 0.3em 0.4em;
text-transform: lowercase;
color: #fff;
}

html>body ul#tabs li a{
padding: 0.3em 0.4em;
}

ul#tabs li span{
text-decoration: none;
font-size: 1em;
padding: 0.3em 0.4em;
text-transform: lowercase;
color: #6c5400;
}

ul#tabs li a:hover{
color: #6c5400;
}

/* MAIN CONTENT STYLES */

#content{
float: right;
width:32em;
margin: 1.6em 1.2em 3.2em 0;
padding: 0;
font-size: 1.4em;
line-height: 1.2;
color: #333;
}

html>body #content{
width: 33em;
margin-right: 2.2em;
}

#homecontent{
height: 30em;
float: right;
width:44em;
margin: 2em 3em 0 0;
padding: 0;
}

#bluerectangle{
position: absolute;
left: 40em;
background: #93b3c6;
width: 18em;
height: 12em;
margin: 0;
padding: 1em;
}

#picture1{
position: absolute;
left: 15em;
width: 18em;
margin: 0;
padding: 0;
}

#picture2{
position: absolute;
left: 40em;
top: 26em;
margin: 0;
padding: 0;
width: 20em;
}

html>body #picture2{
top: 24em;
}

#picture2 img{
padding: 0 1em 0 0;
}

/* SIDEBAR STYLES */

html>body #sidebar{
width: 10em;
margin: 0 2em;
padding: 0 0 2em 0.3em;
position: relative;
top: -3.8em;
background: transparent url(/templates/greenliving/images/greencircle.png) no-repeat top left;
}

#sidebar span.circle{
display: block;
line-height: 1.2;
}

#sidebar span.column{
display: block;
line-height: 1.6;
margin-top: 5em;
}

/* ABOVE FOOTER WITH CONTACT LINKS */

#lowerinfo{
clear: both;
margin: 0;
padding: 1em 3em 1em 1em;
width: 59em;
background: #93b3c6;
color: #6c5400;
font-style: italic;
font-family: Georgia, Times, serif;
text-align: right;
}

#affiliates{
position: relative;
float: left;
left: 2em;
}


/* FOOTER */

#footer{
clear: both;
font-size: 1.1em;
margin: 0 auto;
padding: 1em 3.5em 1em 0;
width: 65.2em;
background: #fff;
color: #93b3c6;
text-align: right;
line-height: 1.4;
}

#footer a{
color: #93b3c6;
text-decoration: none;
}

#poweredby a{
width: 150px;
height: 20px;
padding: 5px 0;
background: transparent url(/templates/greenliving/images/W_ssml2.gif) no-repeat bottom center;
color: #000;
font-family: Georgia, Times, serif;
}

#resources table{
font-size: 12px;
border-top: 1px solid #999; 
border-bottom: none;
border-left: none;
border-right: none;
}

#resources td, tr{
border: none;
}

#resources td{
border-bottom: 1px solid #999;
padding: 0 8px;
}

/* HOMEPAGE ROLLOVER CSS THINGS */

img.image{ display: none; }

dl#rollover{
margin: 0;
padding: 0;
background: transparent url(/templates/greenliving/images/rolloverbg.gif) no-repeat top left;
height: 283px;
width: 283px;
position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 90%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 90%;}

dd#onedef{ top: 15px; left: 15px;}
dd#onedef a{ position: absolute; width: 25px; height:25px; text-decoration: none;}
dd#onedef a span{ display: none;}
dd#onedef a:hover{ position: absolute; top: -1px; left: -1px;}

dd#onedef a:hover span{
display: block;
text-indent: 0;
vertical-align: top;
color: #fff;
font-size: 1.1em;
font-weight: bold;
position: absolute;
top: -5px;
margin: 0;
padding: 5px 5px 5px 30px;
width: 370%;
}

dd#twodef{ top: 65px; left: 140px;}
dd#twodef a{ position: absolute; width: 25px; height:25px; text-decoration: none;}
dd#twodef a span{ display: none; }
dd#twodef a:hover{position: absolute; top: -1px; left: -1px;}

dd#twodef a:hover span{
display: block;
text-indent: 0;
vertical-align: top;
color: #fff;
font-size: 1.1em;
font-weight: bold;
position: absolute;
top: -60px;
margin: 0;
padding: 5px 5px 5px 30px;
width: 400%;
}

dd#threedef{ top: 102px; left: 12px;}
dd#threedef a{ position: absolute; width: 25px; height: 25px; text-decoration: none;}
dd#threedef a span{ display: none; }
dd#threedef a:hover{position: absolute; top: -1px; left: -1px;}

dd#threedef a:hover span{
display: block;
text-indent: 0;
vertical-align: top;
color: #fff;
font-size: 1.1em;
font-weight: bold;
position: absolute;
top: -55px;
margin: 0;
padding: 5px 5px 5px 30px;
width: 380%;
}

dd#fourdef{ top: 128px; left: 143px;}
dd#fourdef a{ position: absolute; width: 25px; height: 25px; text-decoration: none;}
dd#fourdef a span{ display: none; }
dd#fourdef a:hover{position: absolute; top: -1px; left: -1px;}

dd#fourdef a:hover span{
display: block;
text-indent: 0;
vertical-align: top;
color: #fff;
font-size: 1.1em;
font-weight: bold;
position: absolute;
top: -25px;
margin: 0;
padding: 5px 5px 5px 30px;
width: 420%;
}

dd#fivedef{ top: 185px; left: 70px;}
dd#fivedef a{ position: absolute; width: 25px; height: 25px; text-decoration: none;}
dd#fivedef a span{ display: none; }
dd#fivedef a:hover{position: absolute; top: -1px; left: -1px;}

dd#fivedef a:hover span{
display: block;
text-indent: 0;
vertical-align: top;
color: #fff;
font-size: 1.1em;
font-weight: bold;
position: absolute;
top: -5px;
margin: 0;
padding: 5px 5px 5px 30px;
width: 600%;
}