/*
THEME NAME: The Human-Powered Home
THEME URI: http://www.thehumanpoweredhome.com
DESCRIPTION: Based upon the Sandbox theme and completely cuztomized for The Human-Powered Home
VERSION: 1.0
AUTHOR: <a href="http://www.jonahcoyote.com/">Jonah Coyote Design</a>
AUTHOR URI: http://www.jonahcoyote.com
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

@import url('css/reset.css');

/* BODY AND FONTS: =body
----------------------------------------------- */
body { background: #f7f5c5 url(images/content-bg.gif) repeat top left; font: 62.5%/1.6 "Palatino", Times, serif; line-height: 62.5%; }
html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }

/* LINKS AND IMAGES: =links
----------------------------------------------- */
a { color: #B6050D; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

/* LAYOUT: =layout
----------------------------------------------- */
#wrapper { width: 100%; background: #f7f5c5 url(images/content-bg.gif) repeat top left; min-height: 100%; height: auto !important; }
#home-inner-wrapper,#inner-wrapper { width: 750px; text-align: center; margin: 0 auto; padding-bottom: 297px; }
#inner-wrapper { padding-bottom: 181px; }
#home-content, #content { float: left; margin-bottom: 25px; text-align: left; float: left; border: 1px solid #d5d5d5; background: #fbfbfb url(images/post-bg.gif) repeat-x 0 0; }
#home-content { width: 480px; margin: 0px 15px 0 0; }
#content { position: relative; width: 100%; top: -35px; padding: 0 0 20px 0; }

#inner-wrapper #primary {  }
#comments { clear: both; }

/* HEADER: =header
to reposition the header contents', adjust the left property of the header
----------------------------------------------- */
#header { 	text-align:center; padding: 20px 0 0 0px; position: relative; background: transparent url(images/body-bg.png) repeat-x top left; }
/*body.home #header { height: 290px; }*/
#header a.png-logo img { position: relative; left: -90px; }
#header .png-logo { top: -2px; position: relative; }
#header a.buy-top { width: 252px; height: 157px; text-indent: -5000px; top: 0px; right: 0; position: absolute; z-index: 11; background: transparent url(images/buy-top.png) no-repeat top left !important; background: transparent url(images/buy-top.gif) no-repeat top left; }

/* NAVIGATION: =nav
----------------------------------------------- */
/* global nav */
div#menu { height: 37px; width: 650px; margin: 0 auto 0 auto; font-size: 1.8em; position: relative; top: -100px; left: 75px; z-index: 12; }
div#menu ul { }
div#menu ul li { float:left; }
div#menu ul,div#menu ul ul { line-height:1; list-style:none; margin:0; padding:0; }
div#menu ul li.current_page_item a { background: #f3ec8c; color: #000; }
div#menu ul a { display:block; border-left: 1px solid #000; padding: 9px 0.4em 9px 0.4em; color: #fff; text-decoration:none; font-weight: normal; }
div#menu ul li.page-item-13 a { border-right: 1px solid #000; }
div#menu ul a:hover {	color: #000; background: #f3ec8c; }
div#menu ul ul ul a { font-style:italic; }
div#menu ul li ul { left:-999em; position:absolute; }
div#menu ul li:hover ul { left:auto; }

/* TYPOGRAPHY: =typography
----------------------------------------------- */
#home-content p, #content p, #content ul, .sidebar ul { font-size: 1.4em; line-height: 1.6em; margin: 0 0 15px 0; }
.sidebar ul { margin: 0; }
#content li, .sidebar li { background: url(images/arrow_right.gif) no-repeat 0 3px; padding: 0 0 0 19px }
.page-header { top: -35px; position: relative; width: 100%; height: 30px; margin: 20px 0 0 0; padding: 10px 0 0px 0; background: #f3ec8c; border: 1px solid #d5d5d5; border-bottom: none; }
.page-header h2 { width: auto; font-size: 1.6em; height: 22px; margin: 0px 0 0px 20px; text-align: left; }

/* LISTS: =lists
----------------------------------------------- */


/* FORMS: =forms
----------------------------------------------- */


/* TABLES: =tables
----------------------------------------------- */
table { width: 100%; border: none; border-collapse: collapse; font-size: 1.4em; line-height: 1.2em; margin: 0 0 25px 0; }
table th { font-size: 1.2em; font-weight: bold; background-color: #B6050D; color: #fff }
table td, table th { border: 1px solid #d5d5d5; padding: 5px; }
table .first-column { width: 15%; }

/* HOMEPAGE: =home
----------------------------------------------- */
.praise { position: relative; top: -50px; left: 45px; height: auto; width: 600px; font-style: italic; text-align: center; margin: 0 auto -20px auto; }
.praise p { text-align: left; font-size: 1.2em; line-height: 1em; letter-spacing: .1em; }
.praise q, #content .page q { background: url(images/quote.gif) no-repeat top left; padding: 10px 0 0 30px; font-size: 1.2em; line-height: 1em; }
#content .page q { font-size: 1.0em; background: url(images/quote.gif) no-repeat 0 -3px; }
.praise cite, #content .page cite { font-size: .8em; padding: 10px 0 10px 20px; font-weight: bold; }
#content .page cite { font-size: .9em; padding: 10px 0 10px 20px; display: block; width: 95%; background: url(images/sep-sm.gif) repeat-x 0 100%; margin: 0 0 30px 0; }
.praise span { text-align: left; position: relative; top: 2px; left: 0px; font-size: 1.4em }
.praise span a { color: #40B3BA; }
.praise a.praise-page { display: block; text-align: right; }

.sidebar { background: #fbfbfb url(images/post-bg.gif) repeat-x 0 35px; text-align: left; float: left; position: relative; z-index: 1; width: 250px; margin-bottom: 15px; border: 1px solid #d5d5d5; }
.sidebar .sidebar-header { width: 100%; height: 30px; padding: 10px 0 0px 0; background: #f3ec8c; border-bottom: 1px solid #d5d5d5 }
.sidebar h3 { font-size: 1.2em; height: 20px; margin: 0px 0 0 20px; }
.sidebar ul { padding: 20px 20px 0px 17px; }
.sidebar p { padding: 20px 20px 15px 35px; font-size: 1.2em; line-height: 1.2em; background: url(images/sep.gif) no-repeat center bottom }
.sidebar .textwidget p { background: none }
.sidebar p a.more-link { margin-top: 5px; display: block; color: #2DACB3; text-align: right; }
.sidebar a.more { background: url(images/more-news-bg.gif) no-repeat center top; color: #fff; width: 210px; height: 24px; display: block; font-size: 1.2em; font-family: Trebuchet MS; text-align: center; margin: -1px 0 10px 20px; padding: 8px 0 0 0 }

/* INTERIOR PAGES: =interior
----------------------------------------------- */
#home-content .page, #content .page, #content .post { padding: 20px; }
#home-content .page { padding: 30px 20px 20px 20px; }
#content .post { background: url(images/sep-sm.gif) repeat-x 0 97%; margin: 0 0 0 20px; width: 90%; }
#content .page { padding: 20px 20px 0px 30px; }
#content .page span.meta { background: url(images/sep-sm.gif) repeat-x 0 70%; padding: 0px 0 30px 0; display: block; }
#content .post p { padding: 20px 0 0 0; }


/* COMMENTS: =comments
----------------------------------------------- */
#comments { background: url(images/sep-sm.gif) repeat-x 0 15px; }
#comments-list { padding: 30px 0 0 0; }
#comments-list li { border-bottom: 1px dotted #000; padding: 10px; }
#comments-list li.alt { background: #c5c5c5; }
.comment-author img { float: left; }
.comment-author span { float: left; font-size: 2em; font-weight: normal; margin: 15px 0 0 10px }
.comment-meta { float: right; padding: 15px 0 0 0 }
#comments-list li p { clear: both; }
#respond { background: url(images/sep-sm.gif) repeat-x 0 15px; padding: 40px 0 0 0; }
#respond h3 { visibility: visible; letter-spacing: 0px }

/* FOOTER: =footer
----------------------------------------------- */
#footer-home-wrapper, #footer-wrapper { background: transparent url(images/footer-home-bg.png) repeat-x !important; background: transparent url(images/footer-home-bg.gif) repeat-x; width: 100%; clear: both; position: relative; z-index: 10; height: 297px; margin-top: -297px; }
#footer-wrapper { background: transparent url(images/footer-bg.png) repeat-x !important; background: transparent url(images/footer-bg.gif) repeat-x; height: 181px; margin-top: -181px; }
#footer { margin: 0 auto; text-align: center; width: 900px; }
#footer-home-wrapper .footer-box { float: left; padding: 23px 5px 0 5px; line-height: 1.4em; font-size: 1.3em; }
#footer-wrapper .footer-box { float: left; padding: 27px 5px 0 5px; line-height: 1.4em; font-size: 1.3em; }
.footer-box a.subscribe { background: url(images/subscribe.png) no-repeat 40px 20px !important; background: url(images/subscribe.gif) no-repeat 20px 20px; text-indent: -5000px; width: 218px; height: 68px; display: block; padding: 0; }
.footer-box a.footer-gear { background: url(images/warped-gear.png) no-repeat 0 20px !important; background: url(images/warped-gear.gif) no-repeat 0 20px; text-indent: -5000px; width: 110px; height: 140px; display: block; padding: 0; }
.footer-box a.buy-bottom { background: url(images/buy-bottom.png) no-repeat 0 0 !important; background: url(images/buy-bottom.gif) no-repeat 0 0; text-indent: -5000px; width: 243px; height: 154px; display: block; padding: 0; }
.footer-box a.new-society { background: url(images/new-society.png) no-repeat 0 30px !important; background: url(images/new-society.gif) no-repeat 0 30px; text-indent: -5000px; width: 151px; height: 98px; display: block; padding: 0; }

/* GALLERY: =gallery
----------------------------------------------- */
#gallery { margin: 0 auto; text-align: center; padding-top: 19px; }

/* SIFR: =sifr
----------------------------------------------- */


/* MISC: =misc
----------------------------------------------- */
.date { color: #B6050D; background: url(images/arrow_right.gif) no-repeat -3px 5px; padding: 0 0 15px 15px; display: block; margin-left: -15px; font-size: 1.8em; font-weight: normal; font-style: italic; line-height: 1em; }
.meta { font-size: 0.8em; }
.sidebar .date { background: url(images/arrow_right.gif) no-repeat -3px 2px; padding: 0 0 0 15px; }
.sidebar span.excerpt p { background: url(images/arrow_right.gif) no-repeat 0px 17px; padding: 15px 0 15px 18px; display: block; margin-left: 15px; font-size: 1.8em; font-weight: normal; font-style: italic; }
span.date { background: url(images/arrow_right.gif) no-repeat -3px 12px; font-size: 2.6em; padding: 10px 0 0 15px; font-weight: normal }
.skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
.back { padding: 0 0 0 17px; margin: 10px 0 0 22px; background: url(images/arrow_left.gif) no-repeat -3px 0px; }
em { font-style: italic; }
strong em,strong { font-weight: bold; }
.clear { clear: both; }
hr { width: 100%; background: #d5d5d5; height: 1px; margin: 20px auto 20px auto; }