html, html * { margin: 0; padding: 0; font-family: Georgia, Times, serif;}
img { border: 0; }
.clearing {height: 0; clear: both;}
.center { text-align: center;}

/* Color Glossary

burgundy borders - #773635
navigation deep blue bg - #183244
nav white text - #ebebeb
header pastel red bg - #e1d8d8
gold sidebar bg - #e0e0d2
gold sidebar border - #848348
page content pastel blue bg - #d8e1e1
h1 content & HTML bg - #44667A

page a link - #477752
page a link - #466B65

nav a link - #B8CCF4
nav a hover - #3192c1


*/

html {background-color: #44667A;}

body.page { font-size: 16px; line-height: 1.5em; width: 47.25em; border-left:5px #183244 solid; border-right: 5px #183244 solid; margin: 0 auto;}

body.page a:link, body.page a:visited {color: #477752; text-decoration: underline;}      
body.page a:hover, body.page a:active {color: #466B65; }   
body.page #page-content a { font-weight: bolder;}

#navigation {width: 100%; height: 40px; padding; 3px; background-color: #183244; color: #ebebeb; text-align: right;}
#navigation h1 {font-family: Calibri, 'Humanst521 BT', Verdana, sans-serif; font-size: 20px; font-weight:bold; float: left; background-color: #183244;}
#navigation li {display: inline; padding: 0px 0.35em;}

#navigation a:link, #navigation a:visited {color: #B8CCF4; text-decoration: none; font-size: 16px; font-family: Calibri, 'Humanst521 BT', 'Trebuchet MS', Helvetica, sans-serif;}      
#navigation a:hover, #navigation a:active {color: #3192c1; text-decoration: underline;}   
   

#page-header { background-color:#e1d8d8; height: 120px; border-top: 5px #773635 solid; border-bottom:5px #773635 solid;}
#page-header, #page-header * {margin: 0; padding: 0; line-height: auto;}
#page-header .banner {display: block; width: 756px; height:120px;}


#page-footer {position: relative; background-color:#e1d8d8; height: 40px; border-top: 5px #773635 solid; border-bottom:5px #773635 solid;}
#page-footer .owner-credit {position: absolute; bottom:7px; left: 3px; font-size: 15px;}
#page-footer .writer-credit {position: absolute; bottom:7px; right: 3px; font-size: 15px;}


#page-wrapper { background: #d8e1e1 url('images/content-bg.gif') repeat-y left; }
#page-content { margin-left: 200px; background: #d8e1e1 ; /*url('images/27px.jpg') repeat*/border-left: 5px #848348 solid; padding-top: 1.5em;}
#page-main {width: 100%; float: right; margin-left: -200px; }
#page-sidebar {	width: 200px; float: left; font-size: 0.8em; line-height: 1.875em; text-align: center; }
#page-sidebar * { margin-left: 0.5em; font-family: Calibri, 'Humanst521 BT', 'Trebuchet MS', Helvetica, sans-serif;}

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: Calibri, 'Humanst521 BT', 'Trebuchet MS', Helvetica, sans-serif; line-height:1em; font-weight:bolder; margin:0 0.5em 0.75em 1em; padding: 0.25em 0 0.25em 0.25em; color:#fff; background-color: #44667A;}
h2 { font-size:1.2em; line-height:1em; font-weight:normal; margin:0 10% 1.25em 1.6666em; padding: 0.75em 0 0.65em 0.4166em; border-bottom: 0.1em #44667A solid; 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;}

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;}

.index .contact-form table {margin: 0 auto 1em auto; padding-bottom: 2em; text-align: center;} 
.index .contact-form * {font-family: Calibri, 'Humanst521 BT', 'Trebuchet MS', Helvetica, sans-serif;}

div.image {display: inline; position: relative; padding: 12px;}
div.image span.caption {display: block; position: absolute; bottom: -12px; right: 12px; padding: 2px; font-size: 0.625em; font-family: Helvetica, Arial, sans-serif;}

.index #navigation li.index,
.bio #navigation li.bio,
.sharehouse #navigation li.sharehouse,
.excerpt #navigation li.excerpt,
.contact #navigation li.contact,
.faqs #navigation li.faqs,
.backstory #navigation li.backstory
 {display: none;}