/*
 Theme Name: indexical
 Theme URI: http://www.matthewhollett.com/indexical/
 Description: Theme for indexical.
 Version: 1.0
 Author: Matthew Hollett
 Author URI: http://www.matthewhollett.com/
*/

/* stylesheet for indexical */

body {background-color: #555; color: #222; font-family: Georgia, Times New Roman, serif; text-align: center; margin: 0; margin-top: 80px;}

a {text-decoration: none;}
a:link,a:visited {color: #c58f54;}
a:hover,a:active {color: #eebe60; text-decoration: underline;}
a img {border: none;}

div, ul {text-align: left; border: 0px #ddd solid;}
.anchor {font-size: 0; height: 0; clear: both;}


/* headbar */
#headbar {position: fixed; top: 0; left: 0; width: 100%; height: 50px; background-color: #222; opacity: .80; filter: alpha(opacity=80); z-index: 20;}
#head {position: relative; width: 822px; margin: 0 auto;}
#head-title {position: absolute; top: 14px; left: 19px; margin: 0; font-size: 1.5em;}

#head ul {position: absolute; top: 15px; right: 20px; width: 550px; list-style: none; text-align: right; margin: 0;}
#head ul li {display: inline; margin: 0 0 0 20px;}
#head ul li.page_item {vertical-align: middle;}
#head ul li.current_page_item a {color: #999; cursor: default;}
#head ul li.current_page_item a:hover {text-decoration: none;}

#head select {display: inline; font-size: 0.8em; color: #222; padding: 2px; border: 1px #bbb solid;}
#head select {text-transform: lowercase;}
#head select option.dummy {margin-bottom: 5px;}

#head #searchform {display: inline; margin: 0;}
#head #searchform #s {display: inline; width: 100px; font-size: 0.8em; color: #bbb; padding: 3px 2px; margin: 0; border: 1px #bbb solid;}


/* notebar */
#notebar {position: relative; width: 822px; margin: 0 auto; color: #aaa; background-color: #666;}
#notebar .notebar-inside {display: block; padding: 5px 20px 6px 20px; margin: 0;}
#notebar p {display: inline; padding: 0; margin: 0;}
#notebar .notebar-title {color: #f0f0f0; font-size: 0.85em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-variant: small-caps;}
#notebar .notebar-content {display: inline; font-size: 0.8em;}
#notebar .notebar-date {}



/* pagebar */
#pagebar {position: fixed; top: 50px; left: 0; width: 100%; height: 30px; background-color: #605a52; z-index: 20;}
#page {position: relative; width: 822px; margin: 0 auto;}

#page-prev {width: 100px; height: 30px; position: absolute; top: -4px; left: -100px;}
#page-next {width: 100px; height: 30px; position: absolute; top: -4px; right: -100px;}
.page-prev-title {float: left; display: block; width: 78px; text-align: right; font-size: 0.7em; font-family: Arial, Verdana, sans-serif; padding-top: 5px; line-height: 1.2em;}
.page-prev-arrow {float: right; display: block; width: 18px; text-align: right; font-size: 1.9em;}
.page-next-title {float: right; display: block; width: 78px; text-align: left; font-size: 0.7em; font-family: Arial, Verdana, sans-serif; padding-top: 5px; line-height: 1.2em;}
.page-next-arrow {float: left; display: block; width: 18px; text-align: left; font-size: 1.9em;}
#page-prev a:hover, #page-next a:hover {text-decoration: none;}

#page-title {color: #999; margin: 0; padding: 5px 20px; font-size: 0.9em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-variant: small-caps;}



/* bottom of posts */
.afterposts {position: relative; width: 822px; background-color: #f0f0f0; margin: 0 auto; font-size: 0.8em;}
.afterposts a:link, .afterposts a:visited {color: #bbb;}
.afterposts a:hover, .afterposts a:active {color: #eebe60; text-decoration: underline;}
.page-prev-bottom {width: 350px; float: left; text-align: left; margin: -0.5em 20px 1em 20px;}
.page-next-bottom {width: 350px; float: right; text-align: right; margin: -0.5em 20px 1em 20px;}



/* post */
.post {position: relative; width: 822px; background-color: #f0f0f0; margin: 0 auto;}

.post-head {position: relative; background-color: #ccc; color: #fff; padding: 5px 20px; border-top: 1px #999 solid; z-index: 10;}
.post-title {}
.post-date {}
.post-edit {}

ul.post-menus {position: absolute; top: 5px; right: 20px; list-style: none; font-size: 0.9em; text-align: right; padding: 0; margin: 0; z-index: 10;}
ul.post-menus li {float: left; position: relative; padding: 0px 12px 10px 5px; margin: 0 0 0 8px; background: url("images/droparrow.png") no-repeat 100% 35%;}
ul.post-menus li:hover {background-color: #f0f0f0; color: #999;}
ul.post-menus li:hover ul {display: block;}
ul.post-menus ul {display: none; position: absolute; top: 23px; right: -1px; list-style: none; background-color: #f0f0f0; border: 1px #ccc solid; border-top: 0; padding: 0; margin: 0;}
ul.post-menus ul li {float: none; display: block; min-width: 90px; font-size: 0.85em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; text-align: right; padding: 4px 6px; margin: 0; background: none;}
ul.post-menus ul li:hover {background-color: #fff;}
/*
ul.post-menus li ul li a {padding: 5px 10px 0px 10px; background: none;}
ul.post-menus li ul li a:hover {background-color: #fff;}
*/

.post-body {position: relative; font-size: 0.9em; line-height: 1.5em; padding: 20px;}
.post-body p:first-child {margin-top: 0;} /* remove margin from first p in .post-body (only if p is very first element) */
.post-body img {border: 1px #ddd solid; margin: 5px 0;} /* margin widens vertical space between two images. */
.post-body > p:first-child img {margin-top: 0;} /* remove margin from img in first p in post-body. */

.post-image-caption img {margin-bottom: 0;}
.post-image-caption-text {margin-top: 0.25em; font-size: 0.8em; color: #999;}


/* post comments */
.post-comments {position: relative; padding: 0px 20px 20px 20px;}
.post-comments-control {position: relative; font-size: 0.8em; color: #bbb; margin: 0 0 1em 3px; padding: 0 0 2px 15px; border-bottom: 1px #ccc dotted; cursor: pointer;}
.post-comments-control:hover {color: #eebe60; text-decoration: underline;}
.expand-plus {background: url("images/expand-plus.gif") no-repeat 0 50%;}
.expand-minus {background: url("images/expand-minus.gif") no-repeat 0 50%;}
.post-comments-control-title {font-style: italic;}

.post-comments-content {display: none; padding-bottom: 60px; font-size: 0.9em;}
.post-comments-title {font-size: 1.3em;}

ol.post-comments-list {margin: 0 30px; padding: 0; text-align: justify;}
.post-comments-list li {list-style: none; font-size: 0.95em; margin: 2em 0 2.5em 0; padding: 0 0 1.5em 0; border-bottom: 1px #bbb solid;}
.post-comments-list li.oddnumber {} /* every second comment */
.post-comments-list p {line-height: 1.4em;}
.post-comments-list cite {font-style: normal;	font-size: 1.2em;} /* comment author name and link */

.post-comments-meta {color: #777; font-size: 0.9em;} /* date, edit link, etc. */
.post-comments-notice {font-size: 0.8em; background-color: #fee8c5; padding: 2px 4px;} /* "Must be approved" notice */

.post-comments-form {}
.post-comments-form p {font-family: 'Lucida Grande', Verdana, Arial, sans-serif;	margin: 0;}
.post-comments-form-input {width: 250px;	padding: 3px 5px;	margin: 0 3px 5px 0;	vertical-align: top; font-family: 'Lucida Grande', Verdana, Arial, sans-serif;}
.post-comments-form textarea {width: 600px; margin: 0.5em 0 0 0; padding: 5px; font-size: 0.95em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; border: 1px #bbb solid;}
.post-comments-form-submit {margin: 0.5em 0;}


/* foot */
#foot {position: relative; clear: both; width: 822px; text-align: right; font-size: 0.75em; color: #999; margin: 0 auto;}
#foot p {margin: 0 0 1em 0; padding-top: 5px;}
#foot a:link, #foot a:visited {color: #bbb;}
#foot a:hover, #foot a:active {color: #eebe60; text-decoration: underline;}
.feed-link {margin-left: 3px; padding: 0 0 0 15px; background: url("images/feed-icon-10px.png") no-repeat 0 55%;}


/* about */
#about-page {position: relative; width: 822px; padding: 0; margin: 0 auto;}
#about-page .post {float: left; width: 600px; background-color: #f0f0f0; margin: 0;}
#links {float: right; width: 222px; padding: 0; margin: 0; background-color: #fff;}

#links h4 {color: #222; padding: 0; margin: 0; font-size: 1.1em; font-weight: normal;}
#links ul li h2 {color: #666; font-size: 1em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-weight: normal; font-variant: small-caps; margin-bottom: 0;} /* link categories */
#links ul {list-style: none; padding: 0; margin: 0;}
#links ul li {padding: 0; margin: 0; font-size: }
#links ul li ul {list-style: none; padding: 0; margin: 0;}
#links ul li ul li {margin: 0; padding: 0 0 0 10px; background: url(images/bullet.png) -1px 0.5em no-repeat;}


/* archive */
#archive-page {position: relative; width: 822px; padding: 0; margin: 0 auto;}
#archive-page .post {float: left; width: 600px; background-color: #f0f0f0; margin: 0;}
#archive-page ul {list-style: none; padding: 0; margin: 0;}
#archive-page ul li {margin: 0; padding: 0 0 0 10px; background: url(images/bullet.png) -1px 0.5em no-repeat;}

.archiveli-middot {color: #aaa;}
.archiveli-date {color: #aaa;}

#tags {float: right; width: 222px; padding: 0; margin: 0; background-color: #fff;}
#tags h4 {color: #222; padding: 0; margin: 0; font-size: 1.1em; font-weight: normal;}
#tags ul {list-style: none; padding: 0; margin: 0;}
#tags ul li {margin: 0; padding: 0 0 0 10px; background: url(images/bullet.png) -1px 0.5em no-repeat;}


/* iofl */
#iofl .iofl-line {width: 780px; height: 1px; border: 0; margin: 0;} /* margin widens vertical space between two images. */