
html * { margin: 0; padding: 0; font-size: 18px; font-family: Georgia, 'Times', 'Times New Roman', serif;}
img { border: 0; }
.clearing {height: 0; clear: both;}
.center { text-align: center;}

/* Color Glossary
link highlights (must be a class) : #8de08f (disabled)

*/

a:link, a:visited {color: #488038; text-decoration: none;}      
a:hover, a:active {color: #4d5420; text-decoration: underline;}   

p {font-size:1em; line-height:1.5em; margin:1.5em 1em 1.5em 2em; padding-left:0.5em;}
div {font-size:1em; line-height:1.5em;}
h1 { font-size:2em; font-family: 'Times New Roman', Times, serif; line-height:1em; font-weight:bolder; margin:0 0 0.75em 0; padding: 0.25em 0 0.25em 0.25em; color:#fff;}
h2 { font-size:1.2em; font-family: 'Times New Roman', Times, serif; line-height:1em; font-weight:bolder; text-transform: uppercase; margin:0 0 1.25em 0; padding: 0.75em 0 0.75em 0.4166em; color:#333; background-color: none;}
h3 { font-size:1em; line-height:1.5em; margin:1.5em 1em 1.5em 2em; padding-left:0.5em; font-weight: bold; text-transform: uppercase;}

ul, ol, pre, blockquote, dl {margin: 0 1em 0 2em;}
dt {padding-left: 1em;}
dd {padding-left: 2.5em;}

pre {font-family: monospace;}
blockquote { padding-left: 2em; padding-right: 2em; font-size: 0.8em; font-weight: normal; line-height: 1.875em; color: #555555;}

.img-inline-left {float: left; margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em;}
.img-inline-right {float: right; margin-left: 1em; margin-top: 0.5em; margin-bottom: 0.5em;}

#navigation ul { line-height: 1.8em; text-align:center;}
#navigation li { display: inline; }
#navigation li a { color: #3e533d; text-decoration: none; text-transform:uppercase; padding: 0.5em 0.5em; font-weight: bold;}
#navigation li a:hover { background-color: #3e533d; color: #38bb3b; }

body.biography #navigation li.biography,
body.jew-lotus #navigation li.jew-lotus,
body.history #navigation li.history,
body.poetry-nonfic #navigation li.poetry-nonfic,
body.dreamwork #navigation li.dreamwork,
body.blog #navigation li.blog,
body.links #navigation li.links,
body.contact #navigation li.contact,
body.index #navigation li.index 
{display: none;}

body.page { text-align: center; background: #fff url('images/page-bg.gif') repeat-x top center;}
body.index { text-align: center; background: #fff url('images/page-bg.gif') repeat-x top center;}

body.index #container { width: 780px; margin: 0 auto; text-align: left;}
body.index #navigation { width: 95%; margin: 0 auto; padding: 5px 0; border-top: 4px #3e533d solid; border-bottom:4px #3e533d solid; }
body.index #page-header { position: relative; width: 100%; height: 150px;} /*background: #d7dabd;*/
body.index #page-footer { background: #fff; }
body.index #page-wrapper {  }/*background: #f1f2ea url(page-background.gif) repeat-y right;*/
body.index #page-main {width: 100%;  float: left; margin-right: -40%; }/*background: #f1f2ea url(main-background.gif) repeat-y right;*/
body.index #page-content { margin-right: 40%;} /*background: #f1f2ea; */ 
body.index #page-sidebar {	width: 30%; float: right; padding-right: 10%; }
body.index #page-wrapper { text-align:center; }
body.index .site-title {display: block; position: absolute; width: 780px; height: 144px; top: 0; left: 0; margin: 0; padding: 0;}
body.index .feature-object {display:block; margin: 0 auto; width: 300px; height: 180px; text-align: center; font-size: 1.4em;}
body.index .feature-object img {display:block; width: 120px; height: 160px; margin: 10px auto;}
body.index .sidebar-feature-object {display:block; margin: 0 auto; width: 180px; height: 160px; text-align: center; font-size: 1.2em;}
body.index .sidebar-feature-object img {display:block; width: 90px; height: 120px; margin: 10px auto;}

body.index #index-menu {width: 780px;  margin: 1em auto; padding-left: 20px;}
body.index #index-menu .item {position: relative; width: 350px; height: 200px; float: left; margin: 0.5em 20px;}
body.index #index-menu .item img {float: left;}
body.index #index-menu .item a {display: block; margin-top: 80px;}


body.page #container { width: 780px; margin: 0 auto; text-align: left;}
body.page #navigation { width: 95%; margin: 0 auto; padding: 5px 0; border-top: 4px #3e533d solid; border-bottom:4px #3e533d solid; }
body.page #page-header { position: relative; width: 100%; height: 150px;} /*background: #d7dabd;*/
body.page #page-footer { background: #fff; }
body.page #page-wrapper {  }/*background: #f1f2ea url(page-background.gif) repeat-y right;*/
body.page #page-main {width: 100%;}/*background: #f1f2ea url(main-background.gif) repeat-y right;*/
body.page #page-content {} /*background: #f1f2ea; */ 
body.page #page-wrapper {}
body.page .site-title {display: block; position: absolute; width: 780px; height: 144px; top: 0; left: 0; margin: 0; padding: 0;}
body.page .page-title {display: block; position: relative; width: 380px; margin: 0px 2em 0px auto; top: 1em; right: 0; font-size: 2em; line-height: 1.1em; text-align: right; vertical-align:middle; color: #2e432d;}
body.page .page-title h1 { text-transform:none; }

.link-highlight {}
#page-footer {position: relative; padding-top: 2em;}
.index #page-footer {height: 5em;}
#page-footer .owner-credit {position: absolute; bottom:7px; left: 3px; font-size: 15px;}
#page-footer .writer-credit {position: absolute; bottom:7px; right: 3px;}
#page-footer .writer-credit, #page-footer .writer-credit a {font-size: 10px;}