/* Word! */

/* standard elements */
* { font-family: Georgia, serif; }
#content { width: 500px; margin-left: auto; margin-right: auto; font-size: 0.8em; position: relative; }
h1 { font-size: 2.4em; margin-bottom: 0.4em; color: #000; }
h2 { font-size: 2em; font-weight: bold; }
h3 { font-size: 1.6em; margin-bottom: 0.5em; }
h4 { font-size: 1em; font-weight: bold; }
h5 { font-size: 0.8em; font-weight: bold; }
h6 { font-size: 0.6em; font-weight: bold; }
small { font-size: 0.7em; }
a:visited { color: #000; }
a:hover { color: red; }

/* layout elements */
#top { background: #111 url('/images/header-vectors.gif') no-repeat 80% bottom; color: #FFF; }
#header { width: 500px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 1em; }
#header a { color: #FFF; background: #111 url('/images/newlogo.gif') no-repeat right; margin-left: -9999px; margin-right: 100px; padding-top: 0.5em; display: block; height: 6em; }
#header h1 a { margin-right: -9999px; }
#header h1 { font-weight: bold; font-size: 3em; margin: 0; }
#header h2 { font-weight: bold; font-size: 1em; margin: 0.8em 0 0.8em 0; color: #7f7f7f; }
#header h3 { font-size: 0.65em; color: #cdcdcd; }
#footer { text-align: center; font-size: 1.1em; margin-top: 2em; }
#blogfooter { margin-top: 1em; }
#fave { width: 512px; text-align: center; margin-bottom : 1em; }
#fave img { border: 6px solid #1f1f1f; }
#fave div.caption { text-align: right; font-style: italic; font-size: 0.8em; }
#mid { width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 1em; }
#mid ul.nav { height: 1.6em; }
#mid ul.nav li { float: left; margin-right: 1em; text-align: center; }
#mid ul.nav li a { display: block; background-color: #696969; color: #fff; width: 6em; padding: 0.2em; text-decoration: none;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#mid ul.nav li a:hover { background-color: #cdcdcd; color: #000;}
#mid ul.nav li.active a { border-bottom: 1px solid #fff; background-color: #fff; color: #000; }
div.spacer { height: 0; clear: left; }
form.search { width: 22em; float: left; }

/* life-stream styles*/
/*#stream ul { border-left: 4px solid #3F3F3F; }*/
#stream ul li a img { border: 0; }
#stream ul { list-style-type: none; }
#stream ul > li { padding: 0.5em; border-left: 4px solid #3F3F3F; }
#stream ul > li.alt { background-color: #f5f5f5; }
#stream ul > li span.date { margin-left: 2em; color: #cdcdcd; font-size: 0.7em; }
#stream ul > li a.service img { float: left; margin-right: 0.5em; opacity: 0.2; }
#stream ul > li p { margin-left: 2em; }
#stream ul.media { margin-left: 1.5em; }
#stream ul.media li { float: left; margin-right: 0.2em; border: 0; }
#stream ul li.divider { border: 0; }
#stream ul li.date { font-size: 1.4em; margin-left: -3em; position: absolute; width: 2em; text-align: center; padding: 0.2em; color: #1F1F1F; background-color:#3F3F3F; color: #fff; }
#stream ul li.date sup { font-size: 0.5em; position: relative; top: -0.9em; }

/* "normal" page styles */
.storycontent { line-height: 1.4em; text-align: justify; }
.storycontent p { margin: 1em 0; }
.storycontent strong { font-weight: bold; }
.storycontent > ul { margin-left: 1em; }
.storycontent h3 a { color: #000; text-decoration: none; }

/* form styles */
.input_label_small { float: left; width: 7em; font-weight: bold; }
.input_label_large { float: left; width: 8em; font-weight: bold; }

/* blog styles */
ol.commentlist { margin-top: 1em; }
ol.commentlist li { margin-bottom: 2em; }
ol.commentlist img.avatar { float: left; margin: 0.5em; }
ol.commentlist p { line-height: 1.4em; margin-bottom: 1em; }
div.post { margin-bottom: 2em; }
div.storycontent ol { margin-left: 4em; }
div.storycontent ol li { list-style-type: decimal; margin-bottom: 0.5em; }
div.post div.feedback a { text-decoration: none; }
div.storycontent blockquote, div.post blockquote { background-color: #f5f5f5; margin-left: 3em; padding-left: 0.5em; border-left: 1px solid #1f1f1f; }
span.meta { font-size: 0.8em; }

/* contact form */
form.contact, form.addcomment { background-color: #1f1f1f; color: #cdcdcd; padding: 10px; width: 27em; font-size: 1.2em; }
form.contact input, form.addcomment input, form.contact textarea { margin-bottom: 1em; }
form.contact, form.addcomment { padding: 1.5em; }
form.contact textarea { width: 27em; }
/*form.contact ul li input, form.contact ul li textarea, form.addcomment ul li input, form.addcomment ul li textarea { margin-top: 0.25em; margin-bottom: 1em; }
input.submit {
border: 1px solid #fff;
background-color: #efefef;
font-weight: bold;
padding: 0.2em 1em 0.2em 1em;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow:0 1px 3px rgba(255, 255, 255, 0.5);
}
input.submit:hover { background-color: orange; }
input.submit:active { background-color: red; }*/