/*
Theme Name: Bureau of Betterment
Theme URI: http://bureauofbetterment.com/
Description: Custom theme for the Bureau of Betterment
Version: 1.0
Author: Darin Richardson
Author URI: http://delineate.net/
Tags: 

*/

/*--- RESETS ---*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/*--- SITE ---*/

html,
body {height: 100%;}
body {background: #FFF; font: 11px/17px Helvetica, Arial, sans-serif;}

a {color: #689a95; text-decoration: none; font-style: normal;}
a:hover {text-decoration: underline;}

.more a {font-style: italic; color: #000;}

form button {margin: 0; padding: 0; border: 0; background: none;}
input {-webkit-box-sizing: border-box; -moz-box-sixing: border-box;}

.weak {font-style: italic; color: #666;}

.one-quarter {width: 106px; margin-left: 24px; float: left; clear: none;}
.one-third {width: 150px; margin-left: 25px; float: left; clear: none;}
.half {width: 238px; margin-left: 24px; float: left; clear: none;}

.project-description {margin: 0 0 20px 0; font-style: italic; font-size: 14px; line-height: 22px;}
.credits {font-style: italic;}

table.side-projects {margin: 10px 0; background: url(images/bg_dotted_line.png) repeat-x top left;}
table.side-projects tr td {min-height: 50px; padding: 9px 10px 10px 0; background: url(images/bg_dotted_line.png) repeat-x bottom left; vertical-align: middle; font-size: 12px; font-weight: bold;}
table.side-projects tr td:first-child {vertical-align: top;}
table.side-projects tr:first-child td {padding-top: 10px;}

#container {width: 880px; min-height: 100%; margin: 0 auto; position: relative;}

#header {margin: 0 0 30px; padding: 60px 0 10px; position: relative; border-bottom: 5px solid #000;}
#header h6 {width: 150px; height: 47px; margin: 0; float: left;}
#header h6 a {width: 150px; height: 47px; display: block; overflow: hidden; text-indent: -999em; background: url(images/logo.png) no-repeat;}
#header ul {position: absolute; bottom: 10px; right: 0;}
#header li {padding: 0 0 0 30px; float: left; line-height: 12px; font-weight: bold;}
#header li:first-child {background: none;}
#header li.current a {color: #000;}

#content {padding: 10px 0 80px;}

#content .first {margin-left: 0;}

#content h2 {font-size: 15px; font-weight: bold}
#content .section-divider {margin: 30px 0 10px; padding: 20px 0 0; background: url(images/bg_dash.png) no-repeat top left;}

#content p {margin: 0 0 10px;}

#content #intro {margin: -20px 0 0; padding: 0 0 30px; font-size: 16px; line-height: 29px;}
#content #intro p {margin: 0;}
#content #intro a {font-size: 11px;}

#content #jumpers {margin: 0 0 20px; padding: 11px 0; line-height: 14px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
#content #jumpers p {margin: 0 0 10px; padding: 0 0 10px; font-style: italic; font-size: 13px; border-bottom: 1px solid #000;}
#content #jumpers ul {margin: 0; padding: 0 0 5px;}
#content #jumpers li {width: 165px; padding: 2px 10px 0 0; float: left;}
#content #jumpers li a {font-style: italic; color: #000;}
#content #jumpers li a:hover {text-decoration: none; border-bottom: 1px dotted #000;}

#content p.back a {font-weight: normal; font-style: italic; color: #000;}

#content .wp-caption {margin: 20px 0; font-size: 11px;/* text-transform: uppercase; font-weight: bold; letter-spacing: 1px;*/}
#content .wp-caption p {margin-bottom: 5px; font-style: italic;}
#content .wp-caption img {display: block;}

#content .alignnone {margin: 20px 0; display: block;}
#content .alignleft {margin: 0 10px 10px 0; float: left;}
#content .alignright {margin: 0 0 10px 10px; float: right;}

#guts {}

#guts ul,
#guts ol {margin-left: 2em;}

#guts ul.bullets {margin-bottom: 10px; list-style: square;}

#guts form input[type="text"],
#guts form textarea {width: 100%; -webkit-box-sizing: border-box;}
#guts form ol {margin: 0; list-style: none;}
#guts form li {margin: 0 0 10px; padding: 0; clear: both;}
#guts form label {font-weight: bold; font-style: normal; font-size: 11px; color: #000;}
#guts form label span {font-weight: normal; font-size: 10px; color: #999;}
#guts form li.actions {clear: both;}
#guts form li.actions button {font-size: 13px; font-weight: bold; font-style: normal; color: #689a95;}
#guts form li.actions button:hover {cursor: pointer; text-decoration: underline;}

#guts a.zoom {display: block;}
#guts a.zoom:hover {background: url(images/bg_image_zoom.png) no-repeat 50% 50%;}
#guts a.zoom img {position: relative; z-index: -10;}

#guts .gallery {position: relative;}
#guts .gallery ol {margin: 0 0 10px;}
#guts .gallery ol li {margin: 0 8px 8px 0; float: left;}
#guts .gallery ol li a,
#guts .gallery ol li img {display: block;}
/* Javascript enabled gallery */
/*#guts .js.gallery ol {margin-top: 10px; }*/
#guts .js.gallery ol li img.full-size {position: absolute; top: 0; left: 0;}
#guts .js.gallery ol li img.attachment-thumbnail {opacity: 0.3;}
#guts .js.gallery ol li.current img.attachment-thumbnail,
#guts .js.gallery ol li:hover img.attachment-thumbnail {opacity: 1.0;}
#guts .js.gallery ol li.current a {cursor: default;}
#guts .gallery .next,
#guts .gallery .previous {width: 50%; position: absolute; top: 0;}
#guts .gallery .next {right: 0;}
#guts .gallery .previous {left: 0;}
#guts .gallery .next:hover,
#guts .gallery .previous:hover {cursor: pointer; background: url(images/bg_gallery_arrows.png) no-repeat 0 50%;}
#guts .gallery .next:hover {background-position: 100% 50%;}

#sidebar {width: 205px; padding: 0; float: right;}

#footer {width: 880px; margin: 20px 0; padding: 10px 0; position: absolute; bottom: 0; color: #BBB;}

/* Page and section specifics */
.home #content h2 {margin: 0 0 20px; padding: 0 0 7px; overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: top left; border-bottom: 1px solid #000; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: .05em;}
.home #content table.side-projects { background: none;}
.home #content table.side-projects tr:first-child td {padding-top: 0;}
.home #content #case-studies > p a,
.home #content #latest > p a,
.home #content #side-projects > p a {font-family: Georgia, Times, serif; font-weight: normal; font-style: italic; color: #000;}
.home #content #case-studies {width: 470px; margin: 0 25px 30px 0; float: left; position: relative;}
.home #content #case-studies > p {position: absolute; top: -1px; right: 0;}
.home #content #case-studies h2 {background-image: url(images/title_case-studies.png);}
.home #content #case-studies li {width: 150px; margin: 0 0 10px 10px; padding: 0; float: left;}
.home #content #case-studies li.row {margin-left: 0;}
.home #content #case-studies li img {display: block;}
.home #content #case-studies > p {text-align: right;}
.home #content #latest {width: 180px; margin: 0 25px 30px 0; float: left;}
.home #content #latest h2 {background-image: url(images/title_etc-blog.png);}
.home #content #latest h3 {font-size: 12px; -webkit-text-stroke: 0;}
.home #content #latest li {margin-bottom: 15px;}
.home #content #latest > p {margin: 20px 0 0; padding: 20px 0 0; background: url(images/bg_dash.png) no-repeat top left; font-weight: bold;}
.home #content #side-projects {width: 180px; margin: 0 0 30px; float: left;} 
.home #content #side-projects h2 {background-image: url(images/title_side-projects.png);}
.home #content #elsewhere {margin-top: 20px; font-weight: bold;}
.home #content #elsewhere a {font-weight: normal; font-style: italic; color: #000;}

.in-blog #content #guts {width: 650px; float: left;}
.in-blog #content #guts > h1,
.in-blog #content #guts > h2,
.in-blog #content #guts > h5,
.in-blog #content #guts > h6,
.in-blog #sidebar > h2 {margin: 0; padding: 0 0 7px; float: left; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase;}
.in-blog #content #guts > h5 {width: 125px; margin: 0 25px 0 0;}
.in-blog #content #guts > h6 {width: 500px;}
.in-blog #content .posts {margin: 0;}
.in-blog #content .post {margin: 0 0 50px; padding: 0 0 0 140px; clear: both; font-size: 12px; line-height: 20px;}
.in-blog #content .post .content {width: 500px; padding: 20px 0; float: right; border-top: 1px solid #000;}
.in-blog #content .post .metadata {width: 125px; margin: 0 0 0 -140px; padding: 20px 0; float: left; border-top: 1px solid #000; font-size: 11px; line-height: 15px; text-align: right;}
.in-blog #content .post p.date {margin: 2px 0 0; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #333;}
.in-blog #content .post p.tags {margin: 2px 0 0; padding: 0; font-weight: normal; line-height: 14px;}
.in-blog #content .post p.comments {margin: 8px 0 0; padding: 8px 0 0; background: url(images/bg_dash.png) no-repeat top right;}
.in-blog #content .post h1 {margin: 0 0 12px; padding: 0; font-size: 22px; line-height: 24px; font-weight: normal;}

.in-blog #sidebar > h2 {float: none; border-bottom: 1px solid #000;}
.in-blog #sidebar h3 {margin: 20px 0 3px; font-size: 12px;}
.in-blog #sidebar > ul > li {line-height: 15px;}
.in-blog #sidebar ul.recent {margin: 6px 0 0; background: url(images/bg_dotted_line.png) repeat-x top left;}
.in-blog #sidebar ul.recent li {padding: 6px 0; background: url(images/bg_dotted_line.png) repeat-x bottom left;}

.in-blog #sidebar ul.socialize {margin: 20px 0 0; font-weight: bold;}
.in-blog #sidebar ul.socialize .rss a {color: #fd8314;}
.in-blog #sidebar ul.socialize .facebook a {color: #2c66b3;}
.in-blog #sidebar ul.socialize .twitter a {color: #00b3d7;}

.in-blog #sidebar #search {margin: 30px 0;}
.in-blog #sidebar #search label {display: none;}
.in-blog #sidebar #search input {width: 100%; margin: 0;}
.in-blog #sidebar #search p {margin: 3px 0 0; color: #689A95;}
.in-blog #sidebar #search p:hover {text-decoration: underline;}

.in-blog .navigation {text-align: center;}
.in-blog .navigation a {margin: 0 15px; display: inline-box; display: inline-block;}

.in-blog #content #respond {margin: 0 0 30px 150px; padding: 20px 0 0; border-top: 1px solid #000;}
.in-blog #content #commentform li.text-input {width: 150px; margin-left: 25px; float: left; clear: none;}
.in-blog #content #commentform li.text-input:first-child {margin-left: 0;}
.in-blog #content #commentform li.checkbox input {margin: 0 .5em 0 0;}
.in-blog #content #comments {margin: 0 0 20px 150px; padding: 20px 0 0;}
.in-blog #content #comments ol {margin: 0; list-style: none;}
.in-blog #content #comments li {margin: 0; padding: 20px 0; border-top: 1px solid #000;}
.in-blog #content #comments p.author {font-style: italic;}
.in-blog #content #comments p.author cite {font-size: 13px; font-weight: bold; font-style: normal;}
.in-blog #content #commentform li.section-divider {margin-top: 15px; padding-top: 15px;}

.listing #content #guts > h1 {width: 125px; margin: 0 25px 0 0;}
.listing #content #guts > h2 {width: 500px;}
.listing #content #guts > ol {clear: both;}
.listing #content .post h2 {margin: 0 0 12px; padding: 0; font-size: 22px; line-height: 24px; font-weight: normal;}
.listing #content .post h2.section-divider {margin: 30px 0 10px; padding: 20px 0 0; background: url(images/bg_dash.png) no-repeat top left; font-size: 15px; font-weight: bold;}

.side-projects #content #guts > h5,
.side-projects #content #guts > h6 {border-bottom: 1px solid #000;}
.side-projects #content #guts > h1 {margin: 0 0 15px 150px; padding: 20px 0 0; border: 0; float: none; clear: both; font-size: 22px; line-height: 24px; font-weight: normal; text-transform: none;}
.side-project h5 {border-bottom: 1px solid #000;}

.case-studies #content h1,
.case-study #content h1 {margin: 0 0 7px; text-indent: -999em; overflow: hidden; background: url(images/title_case-studies.png) no-repeat top left; line-height: 14px;}

.case-studies #content #pieces > li {padding: 35px 0 5px; border-top: 1px solid #000;}
.case-studies #content #pieces > li:first-child {padding-top: 0; border-top: none;}
.case-studies #content #pieces li .content {width: 275px; float: right;}
.case-studies #content #pieces li .content h2 {margin: 0 0 5px; text-transform: uppercase; letter-spacing: .1em;}
.case-studies #content #pieces li .gallery {float: left; width: 576px;}
.case-studies #content #pieces li .gallery li {padding: 0 0 7px;}
.case-studies #content #pieces li .gallery img {display: block;}
.case-studies #content p.back {margin: 0; padding: 10px 0 0; clear: both; text-align: right; font-size: 11px;}

.case-study #content .content {width: 205px; float: right;}
.case-study #content .content h2 {margin: 0 0 5px; font-size: 12px;}
.case-study #content .content h2.section-divider {margin-top: 20px;}
.case-study #content .gallery {float: left; width: 640px; -moz-user-select: none; -webkit-user-select: none;}
.case-study #content .gallery li {padding: 0 0 7px;}
.case-study #content .gallery img {display: block;}
.case-study #content p.back {margin: 0; padding: 10px 0 0; clear: both; text-align: right; font-size: 11px;}

.page.in-blog #content #guts {width: 500px; padding-left: 150px;}
.page.in-blog #content #guts > h1,
.page.in-blog #content #guts > h5 {border-bottom: 1px solid #000;}
.page.in-blog #content #guts > h1 {margin: 0 0 20px; float: none;}
.page.in-blog #content #guts > h5 {margin: 0 0 0 -150px;}

.about #hello {width: 225px; margin: 0 0 30px; padding: 0 0 0 245px; float: left; position: relative; font-size: 14px; line-height: 21px;}
.about #hello h1 {height: 23px; margin: 0 0 20px; overflow: hidden; text-indent: -999em; background: url(images/title_hello.png) no-repeat top left;}
.about #hello img {position: absolute; top: 0; left: 0;}
.about #about {width: 385px; margin: 0 0 30px; float: right;}
.about #guts ul,
.about #guts ol {margin: 0 0 15px; list-style: none;}
.about #guts .multiline {padding: 1px 0 0;}
.about #guts .multiline li {margin: 0 0 5px; line-height: 15px;}
.about #guts h2 {margin: 0 0 20px; padding: 0 0 7px; clear: both; border-bottom: 1px solid #000; font-size: 14px; line-height: 14px; text-transform: uppercase;}
.about #guts h3 {margin: 0 0 4px; font-size: 12px;}
.about #guts #sidebar {width: auto; float: none;}
.about #guts #sidebar .widget {width: 180px; padding-left: 25px; float: left;}
.about #guts #sidebar .widget_execphp {width: 470px; padding-left: 0;}
.about #guts #sidebar .widget_execphp table {width: 48%;}
.about #guts #sidebar .widget_text a {font-style: italic; color: #000;}
.about #guts #sidebar .left {float: left;}
.about #guts #sidebar .right {float: right;}

.contact #content h2 {margin: 0 0 20px; padding: 0 0 7px; clear: both; border-bottom: 1px solid #000; font-size: 14px; line-height: 14px; text-transform: uppercase;}
.contact #content address {font-style: normal;}
.contact #contact {width: 222px; float: left;}
.contact #contact p,
.contact #contact address {margin: 0 0 16px;}
.contact #contact #phone {margin: 15px 0; font-size: 18px;}
.contact #contact #elsewhere {font-weight: bold;}
.contact #contact #elsewhere a {font-weight: normal; font-style: italic; color: #000;}
.contact #visit {width: 633px; float: right;}

/* search results */
.search-results #content #guts > h5,
.search-results #content #guts > h6 {margin-bottom: 25px; border-bottom: 1px solid #000;}
.search-results #search-metadata {margin-left: 150px;}

#content #guts ul.results {margin: 0 0 0 150px; padding: 1px 0 0; clear: both;}
#content #guts ul.results li {padding: 15px 0 10px; position: relative; background: url(images/bg_dotted_line.png) repeat-x top left; font-size: 11px;}
#content #guts ul.results li h2 {margin-bottom: 5px;}
#content #guts ul.with-thumbnails li {min-height: 50px; padding-left: 60px;}
#content #guts ul.with-thumbnails li img {position: absolute; top: 12px; left: 0;}

/* big cartel store*/

.store #content h1 {margin: 0 0 25px; padding: 0 0 7px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #000;}
.store #content h2#all_originals {margin: 0 0 10px; border: none;}
.store #minicart {margin: 0; padding: 0; position: absolute; right: 0; z-index: 3;}
.store #minicart a {font-weight: bold;}
.store #minicart span {margin: 0 5px; display: inline-block;}
.store #minicart span[class] {margin: 0;}

#error {margin: 0 0 20px; padding: 8px 10px; border: 1px solid red; background: rgb(255, 240, 240); color: red;}
#error ul {margin: 0;}
#error li {margin: 0;}

#content .product h2 {margin: 0 0 5px; padding: 0; overflow: visible; text-indent: 0; border: none; font-size: 18px; line-height: 20px; text-transform: none; letter-spacing: none; color: #000;}
#content .product.promo {width: 280px; margin: 0 0 10px 20px; float: left; text-align: center; font-size: 13px; border: none;}
#content .product.promo.first {margin-left: 0;}
#content .product.promo .window {height: 187px; margin: 0 0 10px; overflow: hidden;}
#content .product.promo .window img {margin: 0 0 0 0; display: block;}
#content .product.promo .product-price {float: none; font-size: 13px;}
#content .product {margin: 0 0 25px; padding: 0 0 30px; float: none; font-size: 11px; text-align: left; border-bottom: 1px solid #000; position: relative; z-index: 2;}
#content .product .product-price {float: left; font-size: 20px; font-weight: bold;}
#content .product .content {width: 205px; float: right;}
#content .product .content h2 {margin: 0 0 5px; }

.product-image {width: 640px; float: left; position: relative;}
.product-image .images-prev,
.product-image .images-next {width: 50%; height: 430px; position: absolute; top: 0; text-indent: -999em; overflow: hidden;}
.product-image .images-prev {left: 0;}
.product-image .images-next {right: 0;}
.product-image .images-prev:hover,
.product-image .images-next:hover {cursor: pointer; background: url(images/bg_gallery_arrows.png) no-repeat 0 50%;}
.product-image .images-next:hover {background-position: 100% 50%;}
.product .images-nav {width: 205px; position: absolute; bottom: 30px; right: 0;}
.product .images-nav h3 {margin: 0 0 8px;}
.product #images-list {margin: 0; padding: 0; list-style: none;}
.product #images-list li {float: left; margin-right: 12px;}
.product #images-list a {display: block; width: 50px; overflow: hidden; box-shadow:inset 0 0 5px rgba(0, 0, 0, .3); -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, .3);}
.product #images-list img {margin-left: -12px; display: block; position: relative; z-index: -1;}

.product .description {margin: 0 0 20px;}
.product .details p {font-style: italic;}
.product form button {margin: -3px 0 0; padding: 0; float: right; background: #a5b9b3 url(images/bg_store_button_left.png) no-repeat 0 45%; border: none; line-height: 21px;}
.product form button span {padding: 0 20px; display: block; background: url(images/bg_store_button_right.png) no-repeat 100% 45%; font-size: 12px; line-height: 21px; font-weight: bold;}
.product form button:hover {background-color: #689a95; color: #FFF; cursor: pointer;}

#product-page #content .product {border-bottom: none;}
#success-page #guts {width: 451px; margin: 60px auto;}
#success-page #guts h1 {width: 451px; height: 72px; margin: 0 0 7px; padding: 0; border: 0;}
#maintenance-page #guts {width: 405px; margin: 60px auto;}
#maintenance-page #guts h1 {width: 405px; height: 80px; margin: 0; padding: 0; border: 0;}

#cart-form table {margin-top: -24px; width: 100%;}
#cart-form th,
#cart-form td {padding: 4px 0; text-align: left; vertical-align: middle;}
#cart-form thead th {border-bottom: 1px solid #000;}
#cart-form tbody th,
#cart-form tbody td {background: url(images/bg_dotted_line.png) repeat-x top left;}
#cart-form tbody tr:first-child th,
#cart-form tbody tr:first-child td {background: none;}
#cart-form tbody td,
#cart-form tbody th {padding: 8px 20px 10px 0;}
#cart-form tbody td {width: 1%; white-space: nowrap;}
#cart-form .item-image {padding-right: 10px;}
#cart-form .item-total {padding-right: 0;}
#cart-form .table-footer {border-top: 1px solid #000; border-bottom: 1px solid #000; line-height: 28px;}
#cart-form .cart-shipping {float: left;}
#guts #cart-form .cart-shipping label span {color: #000; font-style: italic; font-size: 11px;}
#cart-form .cart-update {float: right;}
#cart-form .cart-update button {line-height: 28px; font-weight: bold; cursor: pointer; color: #689a95;}
#cart-form .cart-total {margin: 20px 0 40px; text-align: right;}
#cart-form .shipping-amount {font-size: 18px;}
#cart-form h3 {font-size: 24px; font-weight: bold;}
#cart-form .cart-options {text-align: right;}
#cart-form .checkout-btn {margin: -3px 0 0; padding: 0 10px 0 20px; background: #a5b9b3 url(images/bg_store_button_left.png) no-repeat 0 45%; border: none; line-height: 21px; font-weight: bold;}
#cart-form .cart-options a {padding: 0 10px 0 20px; display: block; float: right; background: #a5b9b3 url(images/bg_store_button_left.png) no-repeat 0 45%; line-height: 21px; color: #FFF;}
#cart-form .checkout-btn:hover,
#cart-form .cart-options a:hover {background-color: #689a95; color: #FFF; cursor: pointer;}

#guts #cart-form input[type="text"] {width: auto;}
#guts #cart-form input.narrow {width: 3em;}

/* Variations */
.wide .one-quarter {width: 195px; margin-left: 25px; float: left; clear: none;}
.wide .one-third {width: 276px; margin-left: 25px; float: left; clear: none;}
.wide .half {width: 427px; margin-left: 25px; float: left; clear: none;}

/* Tools */

/* -- Image Replacement */
#et-cetera,
#a-blog,
#and-lists,
#search-results,
#side-projects h2,
h6#side-projects,
#about h2,
#additionally,
#contact h2,
#visit h2,
h1#featured_original,
h2#all_originals,
h1#shop_originals,
h1#shop_all_originals,
h1#cart,
h1#maintenance,
h1#thanks {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: top left;}
#et-cetera {background-image: url(images/title_et-cetera.png);}
#a-blog {background-image: url(images/title_a-blog.png);}
#and-lists {background-image: url(images/title_and-lists.png);}
#search-results {background-image: url(images/title_search-results.png);}
#side-projects h2,
h6#side-projects {background-image: url(images/title_side-projects.png);}
#about h2 {background-image: url(images/title_about-the-bureau.png);}
#additionally {background-image: url(images/title_additionally.png);}
#contact h2 {background-image: url(images/title_contact.png);}
#visit h2 {background-image: url(images/title_visit.png);}
h1#featured_original {background-image: url(images/title_featured_bureau_original.png);}
h2#all_originals {background-image: url(images/title_all_bureau_originals.png);}
h1#shop_originals {background-image: url(images/title_shop_bureau_originals.png);}
h1#shop_all_originals {background-image: url(images/title_shop_all_bureau_originals.png);}
h1#cart {background-image: url(images/title_cart.png);}
h1#maintenance {background-image: url(images/title_maintenance.png);}
h1#thanks {background-image: url(images/title_thanks.png);}

/* -- Font grouping */
.weak,
.credits,
p.comments,
p.author,
div.project-description,
.wp-caption,
.about #hello,
#content #intro,
#content #jumpers a,
#content p.back a,
.contact #contact #elsewhere a,
.about #guts #sidebar .widget_text a,
.store #content .details p,
#sidebar .more a,
.cart-shipping label {font-family: Georgia, Times, serif;}

#content a,
button,
p.author cite {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}

/* -- Making the font-rendering in webkit a bit lighter, and excluding mobile webkit */
h1,
h2,
h3,
h4,
h5,
h6 {-webkit-text-stroke: 1px transparent;}
@media only screen and (max-device-width:480px) { body { -webkit-text-stroke: 0; } }

/* -- Self-clearing elements */
#header:after,
#content:after,
#content .post:after,
#jumpers ul:after,
.group:after {content: "."; height: 0; display: block; clear: both; visibility: hidden; overflow: hidden;}
#header,
#content,
#content .post,
#jumpers ul,
.group {zoom: 1;}