/* stylesheet for shelley miller */

body {background: #694829 url(images/background.gif) center 50px no-repeat; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0;}

/*
#bdb9a7 light
#bcb7a2 light-yellow (menu, header, caption)
#b7b199 mid-yellow
#ada791 mid-brown (borders)
#9a9486 dark (page, image borders)
#817c6f darker (title text, bar dot, image bottom border)
#a39e87 dark-yellow (bar)
*/


/* misc stuff */
a {text-decoration: none;}
a:link,a:visited {color: #3b5576;}
a:hover,a:active {color: #ffffff;}

img {border: 0px;}
.anchor {font-size: 0; height: 0; clear: both;}

div {text-align: left; border: 0px #bbbbbb solid;}
div#title {position: relative; top: 46px; width: 760px; margin-left: auto; margin-right: auto; z-index: 3;}
div#borders {position: relative; width: 100%; height: 490px; top: 48px; padding-bottom: 24px;}
div#page {position: relative; width: 760px; /*height: 490px;*/ margin-left: auto; margin-right: auto; background-color: #ada791; border-color: #ada791; border-style: solid; border-width: 2px 1px 0px 2px;}
div#body {position: relative; width: 632px; height: 470px; background-color: #a9a696; float: right;}
div#menu {position: relative; width: 128px; height: 470px; float: left; font-size: 0.7em; background-color: #bcb7a2; z-index: 2;}
div#bar {clear: both; position: relative; width: 100%; /*height: 20px;*/ background-color: #a39e87; font-size: 0.75em;}

#caption {display: none; width: 632px; height: 24px;
 position: absolute; left: 128px;
 background-color: #bcb7a2; color: #333333; border-bottom: 1px #9a9486 solid;
 padding: 8px 0px; text-align: left;}
 
#caption-title {margin: 0; font-weight: bold;}
#caption-date {margin: 0; font-size: 0.9em;}

#header {display: block; width: 625px; height: 24px;
 position: relative; top: 0px; left: 0px;
 background-color: #bcb7a2; color: #333333;
 padding: 8px 7px 8px 0px; text-align: left; font-size: 0.7em; overflow: hidden;}

#menu ul {position: relative; margin: 0; padding: 0;}
#menu li {margin: 0; padding: 0; /*list-style-image: url(images/bullet.gif);*/ padding-left: 10px; list-style: none; background: url(images/bullet.gif) -2px 3px no-repeat;}
.thumb {width: 30px; height: 30px; margin-right: 6px; margin-top: 6px; border: 1px #817d72 solid; float: left;}
.thumb2 {width: 30px; height: 24px; border: 1px #817d72 solid; margin-top: -1px; margin-left: 10px; float: right;}
.thumb:hover, .thumb2:hover {border: 1px #ffffff solid;}
.head-title {float: left;}
#bookmark {display: none; width: 32px; height: 7px; background-color: #817c6f; position: absolute;}

#panel {position: relative; width: 632px; height: 432px; overflow: auto;}
.bodypanel {border-top: 1px #9a9486 solid; display: none;}
.panel-image {float: left; margin-right: 14px; border-right: 1px #9a9486 solid; border-left: 1px #9a9486 solid; border-bottom: 4px #817c6f solid;}
.panel-text {font-size: 0.8em; line-height: 1.3em; margin-top: -0.5em; margin-right: 14px;}
.full {margin: 0;}
.long {width: 590px; margin-left: 14px; margin-right: 0;}
.off-top {border-top: 1px #9a9486 solid;}
.quote {font-size: 0.9em; font-style: italic; margin-bottom: 0.3em;}
.quoter {font-size: 0.9em; font-style: italic; margin-top: 0;}
.superscript {position: relative; top: -5px; font-size: smaller;}

#bar-caption {position: relative; margin-left: 130px; width: 515px; line-height: 1.4em; padding-top: 1px; padding-bottom: 2px; color: #4a4a4a;}
.panel-caption {display: none;}
.prev-next {position: absolute; top: 1px; right: 6px; margin: 0;}

#loading {position: absolute; top: 175px; left: 230px; width: 150px; font-style: italic; font-size: 0.8em; color: #444; text-align: center;}
#loading p {margin-top: 8px;}

#news {width: 585px; font-size: 0.8em; line-height: 1.3em; margin: 14px;}

.cv {width: 585px; font-size: 0.7em; line-height: 1.3em; margin: 1em 14px; padding: 1em 0px; border-bottom: 1px #9a9486 solid;}
.post {width: 100%; margin: 0.5em 0px; padding: 0.5em 0px 1em; border-bottom: 1px #9a9486 solid;}
.printonly {display: none;}
.displayonly {display: inline;}
.cv h2, #news h2 {font-size: 1.4em;}
.cv h3, #news h3 {font-size: 1.2em;}
.cv h4, #news h4 {font-size: 1em;}
.cv table {width: 100%;}
.cv table td {vertical-align: top; padding-bottom: 1.8em;}
.cv ul {position: relative; list-style-type: square; margin: 0; padding: 0; padding-left: 20px;} /* padding-left prevents bullets from disappering in ie */
.cv ul li {padding-bottom: 0.3em;}
.cv ul.single-list {padding-left: 20px; padding-bottom: 1.8em;}

ul#archives-list {font-size: 0.9em;}
.date-header {margin-bottom: 0;}
.post-title {margin-top: 0; margin-bottom: 1em; font-weight: bold; color: #333300;}
.post img {border: 1px #9a9486 solid;}
.post blockquote {margin: 1em 20px;}
.post blockquote p {margin: .75em 0;}
.blogger-labels {display: none;}