/*
THEME NAME: obsession with Detail
THEME URI: 
DESCRIPTION: A custom theme for obsessionwithDetail.net
VERSION: 1.0
AUTHOR: Mark Womack
AUTHOR URI:
TAGS: 
*/

@import url('blueprint/screen.css');

body {font-family: Georgia, "Times New Roman", serif; background: #f2f2e8 url(pics/body-bg.png); position: relative; } /* old bg color d4ba8c */

#wrapper {width: 670px; height: auto; margin: 0 auto;}

.header {height: 90px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}

.masthead  {background: #e7e9e0 url(pics/masthead-bg.png)  center top no-repeat; height: 90px; margin: 0; }

.icon {margin: 30px 0; text-align: center;}

.top-nav {font-family: Hoefler Text, serif; font-size: 1.4em; font-style: italic; line-height: 2em; -webkit-text-stroke: 1px transparent;}
.top-nav ul {list-style: none; padding: 0; margin: 30px 0; }
.top-nav li {display: inline; margin-right: 1.6em; }
.last-item {margin-right: 0 !important; }

.nav { border-top: 1px solid #d8d8d3; border-bottom: #d8d8d3; letter-spacing: 1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-family:  "Hoefler Text", "Times New Roman", serif; -webkit-text-stroke: 1px transparent; font-style: italic; font-size: 1.5em; line-height: 2em; overflow: hidden;}

.nav table {margin-bottom: 0; width: 100%;}
#top-nav td{background: #33302b url(pics/nav-bg.png) repeat-x top ; text-align: center; width: 25%; border: 1px solid #5d5d5d; }
#top-nav td:hover {background: #222 url(pics/nav-bg.png) repeat-x bottom ;}
.last-cell  {border-right: none !important;}
.first-cell  {border-left: none !important;}

.fleuron {background:  url(pics/fleuron.png) no-repeat center; height: 40px; width: 100%; text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 0.75em; padding-bottom: 1em; font-size: 2em;}
.bottom-fleuron {border-bottom: none;  border-top: 1px solid #ddd;}

.content {padding: 30px 80px; background: #f9f9f4; text-align: justify; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 2px solid #996;}
.entry-content {font-size: 1.2em; color: #222; }
.entry-content li {list-style-image: url(pics/bullet.png);}

.category-items .entry-content {font-size: 1em; text-align: left;}
.category-items h2 {font-size: 1.5em;}

.post {}

.my-favorites-menu {text-align: center; margin: 0 auto; letter-spacing: 1px; line-height: 2em; color: #8A877D;}

.navigation a {color: #8A877D;}
.navigation a:hover {color: #8c1a23;}
.nav-previous {text-align: left; float: left; width: 50%; }
.nav-next {text-align: right; float: right; width: 50%; }
#nav-above {height: 1em; font-size: 0.9em;}
#nav-below {height: 1em; font-size: 0.9em;}

.entry-meta {font-size: 0.9em; color: #8A877D;}
.entry-meta a {color: #5d5d5d; text-decoration: underline;}
.entry-meta a:hover {color: #8c1a23 !important;}
.single-meta {text-transform: uppercase; color: #8A877D;}
.entry-date { color: #8A877D; margin-bottom: 2em; text-align: center; font-size: 0.9em; letter-spacing: 1px;}
.published {border-bottom: none;}
.comment-link {text-transform: uppercase;}
.spacer {padding: 0 15em;}
.edit-link {text-align: right;}

blockquote {color: inherit; font-style: normal; font-size: 1em; line-height: 1.5em;}

.imagecentre, .imagecenter { display: block; text-align: center; margin: 0 auto 1em}
.imageleft { float: left; margin: 0 10px 10px 0; }
.imageright { float: right; margin: 0 0 10px 10px; }
.imageblock { display: block; margin: 0 0 1em 0; }
.frameit {border: 1px solid #8A877D;}

.contact {text-align: center; font-family: "Hoefler Text", "Garamond", "Times New Roman", serif; font-size: 1.4em; font-style: italic; color: #443; text-shadow: 0 0 1px #fff; -webkit-text-stroke: 1px transparent;}

.double-space li {margin-bottom: 2em;}

#comments-list ul {list-style: none; margin: 0; padding: 0;}
#comments-list .box {background: #f2f2e8; border: 4px solid #fff; }
.author-comment  {background: #e8f2ea !important;}
.comment-author {font-size: 1.2em;}
.comment-meta {line-height: 1em; margin-bottom: 1em; color: #8A877D;}

textarea {width:98%;}

.archives-page {font-size: 1em;}
.archive-months, .archive-categories {position: relative; }
.archive-months h3, .archive-categories h3, .archive-topics h3 {text-align: left; padding-top: 1em;}
.archive-topics {font-family: "Hoefler Text", "Times New Roman", serif;}
.archive-topics a {color: #8A877D;}
.archive-topics a:hover {color: #8c1a23;}
.archive-months ul, .archive-categories ul{list-style: none; padding-left: 0; }
.archive-months a, .archive-categories a{font-size:1.2em; padding-left: 5px; text-decoration: none !important;}
.archive-months a:hover, .archive-categories a:hover{text-decoration: underline !important;}
.archive-months li, .archive-categories li{border-bottom: 1px solid #ddd; line-height: 2.5em; width: 220px; list-style-image: none !important;}
.cat-count, .month-count {color: #8A877D; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px;}
.month-count {position: absolute; right: 15px;}
.cat-count {position: absolute; right:  15px; }

.footer {background: #222 url(pics/footer-bg.png)  ; height: auto ; color: #5d5d5d; padding: 0px 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: left;}
.footer hr {background: #5d5d5d;}
.footer .colborder {border-right: 1px solid #5d5d5d;}
.footer .xoxo {list-style: none;}
.footer ul {list-style: none; padding-left: 1em; margin: 0; }
.footer ul ul {line-height: 1.5em;}
.footer ol {list-style: upper-roman; line-height: 2em; padding-left: 2em; margin: 0;}
.footer ol ol {list-style:lower-roman; line-height: 1.5em;}
.footer .fleuron {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}

.search-box {padding: 30px 0; text-align: center; border-bottom: 1px solid #5d5d5d;}
input.text {width: 220px;}

.footer-columns {padding-left: 40px; padding-right: -40px; height: auto; }

.footer-column-one { }
.footer-column-one .side-bar-one h3 {font-family: Georgia, "Times New Roman", serif; font-size: 1em; text-align: left; color: #5d5d5d; margin-bottom: 0; line-height: 1.5em; text-transform: uppercase; -webkit-text-stroke: 0; }
.footer-column-one li {padding-bottom: 2em;}
.footer-column-two { }
.footer-column-three { }
.footer-column-three .side-bar-two h3 {display: none; list-style: none !important;}
.footer-column-three ul {list-style: circle; }
.footer-column-one, .footer-column-two, .footer-column-three { padding-top: 20px; min-height: 320px; }
ul.links-list {margin-bottom: 3em;}
.contact-mail-link {text-align: center; margin: 0 auto; font-size: 0.9em;}

.sub-footer {font-size: 0.9em; color: #8A877D; line-height: 2em; text-align: center; padding: 20px 0; }
.sub-footer a {color: #5d5d5d; text-decoration: none;}
.sub-footer a:hover {color: #8c1a23; text-decoration: underline;}
table.sub-footer-table {width: 50%; margin: 0 auto;}
.sub-footer-table td{text-align: center;}

h1, h2, h3 {font-family: "Hoefler Text", Garamond, "Times New Roman", serif; text-align: center; color: #313131; letter-spacing: 1px; -webkit-text-stroke: 1px transparent; }
.footer h3 {color: #ccc;}
h4 {letter-spacing: 1px; -webkit-text-stroke: 1px transparent; color: #444;}

a {color: #8c1a23; text-decoration: none; outline: none;}
a:hover {color: #cc1c04; text-decoration: underline;}
.entry-content a {text-decoration: underline;}
.nav a {text-decoration: none; color: #996; padding: 20px 40px;}
.nav a:hover {color: #dcdcdc; }
.top-nav a {text-decoration: none; color: #777; }
.top-nav a:hover {color: #8c1a23;}
.current-page a {color: #efefef;}
h1 a, h2 a, h3 a {color: #4a4a39; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #8c1a23; text-decoration: none;}
.contact a {color: #4a4a39; text-decoration: none;}
.contact a:hover {color: #8c1a23; text-decoration: underline;}
.footer a {color: #999; text-decoration: none;}
.footer a:hover {color: #efefef; text-decoration: underline;}

img#wpstats { width: 0px; height: 0px; padding: 0px; border: none; overflow: hidden; }

.edit-link {font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9em;}
.edit-link a {color: #999;}

.times-new-roman {font-family: "Times New Roman", serif;}
.garamond {font-family: "Garamond", "Times New Roman", serif;}
.hoefler-text {font-family: "Hoefler Text", "Times New Roman", serif; font-size: 15px; color: #222;}
.optima {font-family: Optima, "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 15px; color: #222;}