/* stylesheet for oughtful */

body {background-color: #696; color: #333; font-family: Verdana, Helvetica, sans-serif; text-align: center; margin: 0;}

a {text-decoration: none;}
a:link,a:visited {color: #43b;}
a:hover,a:active {color: #da0;}
img {border: 0px;}

/* page layout divs */
div {text-align: left; border: 0px black solid;}
div#page {width: 820px; position: relative; margin-left: auto; margin-right: auto; background-color: #fff; padding: 20px 25px; border-left: 4px #ddd solid; border-right: 4px #ddd solid; overflow: hidden;}
div#top {width: 820px; height: 110px; position: relative;}
div#side {width: 150px; float: left; font-family: Arial, sans-serif;}
div#body {width: 632px; float: right;}

/* misc stuff */
.subtitle {position: absolute; left: 210px; top: 25px; font-size: 0.9em; padding: 0; margin: 0;} /* byline at top of page */
.icon {position: absolute; top: -9px; right: -5px;}
.asterism {display: block; margin-left: auto; margin-right: auto; margin-top: 2.5em; margin-bottom: 2.5em;}
.endnote {font-size: 0.9em;}
.homenote {font-size: 0.9em; background-color: #ded; padding: 5px; margin: 0 0 2em 0; line-height: 1.4em;}

/* blog entries */
.blog {background-color: #fff; border-bottom: 1px dotted #eee; padding-bottom: 30px; margin-bottom: 40px;}
.blogbody {font-size: 0.8em; line-height: 1.5em;}
.blogbody img {border: 1px solid #ccc;}
.blogdate {font-family: Trebuchet MS; font-size: 0.7em; color: #999; text-transform: uppercase; letter-spacing: 1px; margin-top: 0px;}
.blogdate a:link,.blogdate a:visited {color: #999;}
.blogdate a:hover,.blogdate a:active {color: #da0;}
.blogtag a {font-variant: normal; font-size: 0.9em; padding: 0px 2px; background-color: #ded; border: 1px #ded solid;}
.blogtag a:hover,.blogtag a:active {background-color: #fff;}

.blogtitle {font-size: 0.9em; color: #696; font-weight: bold;}
.blogetc {font-family: Trebuchet MS; font-size: 0.7em; color: #999; text-transform: uppercase; clear: both; margin-top: 1.2em; letter-spacing: 1px;}
.quote {margin-left: 30px; margin-right: 30px; margin-top: 1.9em; margin-bottom: 2em; font-style: italic;}
.quoter {position: relative; top: 4px; font-size: 0.9em; font-style: normal;}
.caption {color: #aaa; font-size: 0.8em;}

.noteslist {list-style-type: circle; margin: 0; padding-left: 25px;}
.noteslist li {padding-bottom: 10px;}

/* archives */
h4 {margin-top: 0; font-family: Arial, sans-serif;}
h4 .tagword {font-style: italic;}
ul#archives {list-style: none; font-size: 0.9em; margin-left: 0px; padding: 0px; margin-top: 10px;}
.monthtitle {margin-top: 0; margin-bottom: 0.5em;}
ul.month {list-style: none; font-size: 0.9em; padding-left: 0px; margin-bottom: 2em; margin-left: 10px;}
ul.month ul {display: inline; padding: 0; margin: 0;}
ul.month ul li {display: inline; background: url(images/bullet.gif) no-repeat 1px 6px; padding-left: 11px; margin-left: 0.3em;}

/* sideboxes */
.d3 {background: url(images/d3.gif) 100% 100% no-repeat;}
.d4 {background: url(images/d4.gif) 0 100% no-repeat;}
.d1 {background: url(images/d1.gif) 0 0 no-repeat;}
.d2 {background: url(images/d2.gif) 100% 0 no-repeat;}
.side-body {width: 150px; background-color: #f5f4f5; font-size: 0.75em; margin-bottom: 1.5em;}
.side-head {width: 150px; background-color: #ded; font-size: 0.75em;}
.side-head p {margin: 0; font-size: 1.2em;}
.inside {padding: 8px;}

ul#windowbox {list-style: none; margin: 0; padding: 0;}
#windowbox li {position: relative; margin: 0; margin-bottom: 10px; padding: 0; width: 131px; height: 87px; background: url(images/screen.gif); border: 1px #e4e3e4 solid;}
ul#windowbox li img {opacity: .60; filter: alpha(opacity=60);}
#windowbox li img:hover {opacity: .90; filter: alpha(opacity=90);}

ul.recent-list {list-style: none; margin: 0; padding: 0;}
.recent-list li {padding-left: 26px; margin-bottom: 0.6em;}
.recent-list li a {font-style: italic;}
.book {background: url(images/book.gif) no-repeat 0px 4px;}
.music {background: url(images/music.gif) no-repeat 0px 4px;}
.film {background: url(images/movie.gif) no-repeat 0px 5px;}

ul.links-list {list-style: none; margin: 0; padding: 0;}
.links-list li {padding-left: 14px; margin-bottom: 0.1em; background: url(images/bullet.gif) no-repeat 1px 5px;}

.dropform {margin: 0; margin-top: 1em;}
.dropbox {font-size: 8pt; width: 133px; margin-bottom: 5px;}
.xml-button {border: 1px solid; border-color: #fc9 #630 #330 #f96; padding: 0px 3px; font-size: 7.5pt; font-weight: bold; color: #fff; background: #f60; margin: 0;}

/* special links: date, footer */
.footer {font-size: 0.7em; font-family: Verdana, Helvetica, sans-serif; color: #ddd; padding-top: 0.5em;}
.footer a:link,.footer a:visited {color: #ddd;}
.footer a:hover,.footer a:active {color: #da0;}



/* lightbox 2.03.2 */
#lightbox {position: absolute; left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;}

#lightbox a img {border: none;}

#outerImageContainer {position: relative; background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;}

#imageContainer {padding: 10px;}
#imageContainer img {border: 1px #e4e3e4 solid;}

#loading {position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;}
#hoverNav {position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}

#prevLink, #nextLink {width: 49%;	height: 100%;	background: transparent url(lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(lightbox/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%}

#imageData {padding: 0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em;}

#overlay {position: absolute; top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;	background-color: #000;}