/*
name: Bamboo Dream
designer: Parker Torrence
designer_url: http://webdesign.parkertorrence.com
description: A zenful Bamboo Dream
layouts: one-column, two-column-left, two-column-right, three-column
*/
body { 
 font: 62.5%/1.7em Verdana, "Trebuchet MS", Helvetica, arial, sans-serif; 
 background: #f7f7ed url('images/bg_main.jpg') no-repeat center top;
 color: #020500;
}

img { border:none; }

a {
 color: #6b6a54;
 text-decoration: none;
}
a:hover {
 color: #323530;
 text-decoration: underline;
}
h2, h3, h4, h5, h6, p, ol, ul, pre
{
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}
h2, h3, h4, h5, h6, p {
 margin-left: 3%;
 margin-right: 3%;
}
h1, h2, h3, h4, h5, h6 {
 font-weight: 600;
}
h1 {
 font-size: 2.2em;
 margin: 1em 0 1em 20%;	
 font-variant: small-caps;
 letter-spacing: 0.6em;
 word-spacing: 0.75em;
}
h1 a {
 color: #323530;
 text-decoration: none;	
}
h1 a:hover {
 color: #323530;
 text-decoration: underline;	
}
h2 {
 font-size: 1.8em;
}
.module-header {
 background: #f7f7ed url('images/bg_subtitle.jpg') no-repeat right center;
 padding: 0.4em 0 0.6em 2%;
 width: 90%;
 font-size: 1.6em;
}
h3 {
 font-size: 1.6em;
}
h4 {
 font-size: 1.4em;
}
h5 {
 font-size: 1.2em;
}
h6, p {
 font-size: 1.1em;
}
blockquote {
 margin: 0;
 padding: 0.75em 2% 0.5em 3em;
 background: url('images/bg_quote.gif') no-repeat 0.5em 0.25em;
}
acronym {
 text-decoration: none;
 background: #eee;
}

#container
{
 width: 90%;
 background: url('images/spiritstick.jpg') repeat-x left bottom;
}
#alpha, #gamma {
 width: 20%;
}
#beta { width: 58% }

#banner {
 background: url('images/spiritstick.jpg') repeat-x right bottom;
 padding-left: 0.5em;
 height: 8em;
}
#pagebody {
 background: url('images/spiritstick2.jpg') repeat-y right top;
}
#pagebody-inner {
 background: url('images/spiritstick2.jpg') repeat-y left bottom;
 padding-left: 0.5em;
}
.entry-header {
 background: url('images/spiritstick.jpg') repeat-x left top;
 padding-top: 0.9em;
 margin-left: 2%; margin-right: 2%;
}
.entry-header A, .entry-header A:hover, .entry-header A:visited { color:#020500 !important; text-decoration:none !important; }	
p.entry-footer {
 background: url('images/spiritstick.jpg') repeat-x right bottom;
 padding-bottom: 1em;
 margin-left: 0; margin-right: 0;
}
.entry-footer {
 font-size: 0.9em;
}
.post-footers {
 color: #abaa94;
}
#banner-description {
 text-align: right;
 margin: 1em 20% 1em 0;	
}
#banner-description, .date-header {
 color: #8b8a74;	
}
label {
 font-size: 0.9em;
 text-transform: lowercase;
 color: #51200f;	
}
input {
 width: 80%;
 border: 1px solid #51200f;
 background: #f7f7ed url('none');
 color: #351307;	
}
* html input {
 width: 40%;
 cursor: hand;	
}
* html input#submit {
 width: 80%;	
}
input[type="submit"] {
 width: 40%;
 margin-top: 0.2em;
 border: 1px solid #51200f;
 color: #51200f;
 background: url('images/bg_subtitle.jpg') no-repeat left center;
 cursor: pointer;	
}

input#submit:focus, input#submit:hover  {
 background: #fff url('none');
 color: #222;	
}
.entry-body ul li {
 list-style-image: url('images/li_bamboo.jpg');	
}

/* Comments Form elements */
h2.comments-open-header {
 margin: 1em 2% 0.5em;
 text-transform: lowercase;
}
#comments-open-data label,
#comments-open-text label {
 font-size: 0.9em;
 text-transform: lowercase;
 color: #51200f;	
}
#comments-open-data input,
#comments-open-text textarea {
 display: block;
 width: 80%;
 border: 1px solid #51200f;
 background: #f7f7ed url('none');
 color: #351307;	
}
lable input#comment-bake-cookie {
 display:block;
 border: 1px solid #51200f;
 background: #f7f7ed url('none');
 color: #351307;	
 width: 10px;
}
#comments-open-data input:focus,
#comments-open-text textarea:focus {
 background: #fff url('none');
 color: #222;	
}
#comments-open-footer input#comment-preview,
#comments-open-footer input#comment-post {
 width: 40%;
 margin-top: 0.2em;
 border: 1px solid #51200f;
 color: #51200f;
 background: url('images/bg_subtitle.jpg') no-repeat left center;
 cursor: pointer;	
}
* html #comments-open-footer input#comment-preview,
* html #comments-open-footer input#comment-post {
 cursor: hand;	/* this is not valid css but IE needs it to look good */
 width: 40%;
 padding: 0;
}
#comments-open-footer input:hover#comment-preview,
#comments-open-footer input:hover#comment-post {
 background: #fff url('none');
 color: #222;	
}

/* body.layout-one-column adjustments */

body.layout-one-column #container
{
 width: 760px;
}
body.layout-one-column #alpha {
 width: 94%;
 margin-left: 3%;
}
body.layout-one-column h1 { 
 margin: 1em 0 1em 10%;
}	
body.layout-one-column #banner-description {
 text-align: right;
 margin: 1em 10% 1em 0;	
}

/* body.layout-two-column-left adjustments */

body.layout-two-column-left #alpha {
 width: 23%;
 margin-left: 2%;
}
body.layout-two-column-left #beta {
 width: 71%;
 margin-left: 2%;
}
body.layout-two-column-left h1 { 
 margin: 1em 0 1em 25%;
}	
body.layout-two-column-left #banner-description {
 text-align: right;
 margin: 1em 10% 1em 0;	
}

/* body.layout-two-column-right adjustments */

body.layout-two-column-right #beta {
 width: 23%;
 margin-left: 2%;
}
body.layout-two-column-right #alpha {
 width: 71%;
 margin-left: 2%;
}
body.layout-two-column-right h1 { 
 margin: 1em 0 1em 10%;
}	
body.layout-two-column-right #banner-description {
 text-align: right;
 margin: 1em 25% 1em 0;	
}