/* Theme Name: David Clark Theme Theme URI: http://www.davidclark.org.nz/ Description: Designed by Alex Gilks (Chopchop Design), Developed by Julian Moller (Massive Media) Author: Alex Gilks Version: 1.0 Tags: */ /* reset */ 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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body{ line-height: 1; } h1, h2, h3, h4, h5, h6{ clear: both; font-weight: normal; } ol, ul{ list-style: none; } blockquote{ quotes: none; } blockquote:before, blockquote:after{ content: ''; content: none; } del{ text-decoration: line-through; } /* end reset */ /* general */ .clear{ clear: both; } body{ font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; background: #f4ede6; } a{ color: #9f4015; text-decoration: none; } a:hover{ color: #673818; } /* page */ #page-outer{ width: 900px; margin: 0 auto; border-left: 1px solid #e7dbcc; border-right: 1px solid #e7dbcc; background: #fff; } #page{ width: 900px; margin: 0 auto; } /* header */ #header{ height: 197px; width: 100%; position: relative; overflow: visible; background: #e3cdae; } #header .bg{ height: 179px; width: 100%; position: absolute; top: 0; left: 0; background: url('/wp-content/themes/davidclark/images/header-background.jpg') no-repeat #D82126; border-bottom: 1px solid #dfc8a9; } #header #profile-title{ height: 550px; width: 330px; position: absolute; top: 0; left: 0; overflow: hidden; } #header #profile-pic{ position: absolute; left: 30px; top: 66px; } #header #profile-title h1{ height: 110px; width: 295px; position: absolute; left: 21px; top: 414px; background: url('/wp-content/themes/davidclark/images/name-bar.jpg') no-repeat #995339; } #header #profile-title h1 a{ position: absolute; display: block; height: 85px; width: 255px; left: 16px; top: 14px; text-indent: -9999px; overflow: hidden; outline: none; } /* navigation */ #nav{ height: 26px; width: 570px; position: absolute; top: 171px; left: 330px; overflow: hidden; } #nav li{ float: left; height: 26px; background: #fff; margin-right: 4px; } #nav li a{ display: block; height: 100%; line-height: 26px; text-decoration: none; text-transform: uppercase; padding: 0 16px; font-size: 14px; font-weight: bold; color: #b8672f; outline: none; } #nav li a:hover{ color: #673818; } #nav li.current_page_item a, .home #nav li.page-item-home a{ color: #673818; } /* content */ #content .brick{ float: left; width: 329px; height: 350px; } /* content blurb */ #content #blurb{ float: right; width: 452px; padding: 30px 30px 14px 30px; margin: 44px 28px; border: 1px solid #feb789; } #content #blurb h3{ color: #ff0c09; font-size: 16px; font-weight: bold; margin-bottom: 6px; font-family: Georgia, serif; } #content #blurb p{ font-size: 13px; line-height: 18px; margin-bottom: 6px; color: #5a3014; padding-left: 5px; } #content #blurb p.signature{ padding-left: 0; background: url('/wp-content/themes/davidclark/images/signature.jpg') no-repeat; width: 162px; height: 62px; } #content #blurb p.signature span{ display: none; } /* wide content page */ #wide-content .posts{ width: 540px; float: left; } #wide-content #sidebar{ width: 300px; float: left; } #wide-content .posts .post, #wide-content .posts .page{ width: 510px; border-bottom: 14px solid #e7dbcc; margin-bottom: 30px; font-size: 13px; position: relative; } #wide-content .posts-results .post, #wide-content .posts-results .page{ border-bottom: none; } #wide-content .posts .post-contents{ padding-left: 60px; } /* narrow content page */ #narrow-content{ float: right; width: 512px; margin: 44px 28px; position: relative; } #narrow-content h3{ color: #ff0c09; font-size: 16px; font-weight: bold; margin-bottom: 12px; } #narrow-content p{ font-size: 14px; line-height: 19px; margin-bottom: 6px; color: #5a3014; padding-left: 5px; } #narrow-content h5{ color: #554033; font-size: 16px; font-weight: bold; margin: 24px 0 8px; font-family: Georgia, serif; } #narrow-content ul{ font-size: 13px; line-height: 18px; margin-bottom: 6px; color: #504f4f; padding-left: 5px; } #narrow-content h3#brief-notes{ background: url('/wp-content/themes/davidclark/images/brief-notes-heading.jpg') no-repeat; text-indent: -9999px; outline: 0; width: 128px; height: 28px; margin: 40px 0 10px 0; } #narrow-content a.post-edit-link{ text-decoration: none; position: absolute; top: 0; right: 20px; font-size: 12px; display: none; } #narrow-content:hover a.post-edit-link{ display: block; } /* posts */ .post .post-meta-category{ font-size: 14px; margin-bottom: 6px; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; font-weight: bold; color: #828282;} .post .post-social{ margin-bottom: 15px; height: 20px; } .post .post-social iframe, .post .post-social .fb{ display: block; float: left; width: 250px; padding-right: 10px; } .post .post-meta-date, .page .post-meta-date{ font-size: 12px; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; color: #b09589; margin-bottom: 6px; } .post h3, .page h3{ font-size: 24px; line-height: 26px; font-family: Georgia, serif; font-weight: bold; margin-bottom: 12px; } .post .entry{ color: #504f4f; font-size: 14px; line-height: 19px; padding-left: 5px; } .post .entry a{ text-decoration: underline; } .post a.post-edit-link{ text-decoration: none; position: absolute; top: 0; right: 20px; font-size: 12px; display: none; } .post:hover a.post-edit-link{ display: block; } .post .entry p{ margin-bottom: 16px; } .post .post-comments-blurb{ text-align: right; font-size: 12px; font-family: Georgia, serif; color: #f2e6e0; margin-bottom: 12px; } .posts-heading{ background: #edebc5; color: #554033; font-size: 12px; line-height: 31px; height: 31px; font-weight: bold; font-family: Georgia, serif; padding-left: 30px; width: 476px; margin-left: 4px; margin-bottom: 30px; } /* post comments */ .post-comments{ margin: -26px 30px 30px 4px; } .post-comments #comments{ background: #edebc5; color: #554033; font-size: 12px; line-height: 31px; height: 31px; font-weight: bold; font-family: Georgia, serif; padding-left: 10px; } .post-comments #comments.nocomments{ margin-bottom: 20px; } .post-comments .commentlist{ padding: 20px 0 0 62px; } .comment-date{ color: #b09589; font-size: 12px; line-height: 18px; font-family: Georgia, serif; } .comment-author{ color: #554033; font-size: 12px; line-height: 18px; font-family: Georgia, serif; font-weight: bold; } .comment-author em{ font-weight: normal; } .comment-text{ margin-top: 8px; color: #504f4f; font-size: 13px; line-height: 18px; padding-bottom: 8px; } .comment-text p{ margin-bottom: 8px; } .comment{ border-bottom: 2px solid #edebc5; position: relative; margin-bottom: 18px; } /* comment edit link */ .comment a.comment-edit-link{ text-decoration: none; position: absolute; top: 0; right: 20px; font-size: 12px; display: none; } .comment:hover a.comment-edit-link{ display: block; } /* comment reply */ #respond h3{ color: #ff0c09; font-size: 14px; font-weight: bold; margin-bottom: 12px; padding-left: 40px; } #commentform{ margin-left: 62px; font-size: 12px; line-height: 18px; font-family: Georgia, serif; font-weight: bold; } #commentform label, #commentform p{ display: block; padding: 4px 0; } #commentform label{ text-transform: lowercase; } #commentform label em{ font-weight: normal; text-transform: lowercase; } #commentform #submit{ background: #68b034; border: 1px solid #7dc746; padding:0 4px; color: #fff; font-weight: bold; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } #commentform textarea{ font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; } #commentform input, #commentform textarea{ border: 1px solid #b5b5b5; border-top: 2px solid #b5b5b5; } #commentform input{ width: 200px; height: 20px} /* contact */ #contactform{ font-size: 12px; line-height: 18px; font-family: Georgia, serif; font-weight: bold; } #contactform label, #contactform p{ display: block; padding: 4px 0; color: #554033; } #contactformlabel{ text-transform: lowercase; } #contactform label em{ font-weight: norcmal; text-transform: lowercase; } #contactform #contact-submit{ background: #68b034; border: 1px solid #7dc746; padding:0 4px; color: #fff; font-weight: bold; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } #contactform textarea{ font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; } #contactform input, #commentform textarea{ border: 1px solid #b5b5b5; border-top: 2px solid #b5b5b5; } #contactform input{ width: 200px; height: 20px;} h3#success{ color: #7a8c4c; } /* informer */ .page-id-1860 #narrow-content p{ clear: both; } .page-id-1860 #narrow-content a{ float: left; margin: 10px 15px 10px 0; } .page-id-1860 #narrow-content strong a{ float: none; margin: auto; } /* footer - bottom of page fix */ html, body{ height: 100%; } #page-outer{ min-height: 100%; position: relative; } #page{ padding-bottom: 40px; } /* footer - style */ #footer{ position: absolute; bottom: 0; left: 0; clear: both; border: 4px solid #fff; background: #edebc5; font-size: 11px; height: 31px; width: 892px; line-height: 31px; text-align: right; color: #504f4f; } #footer p{ padding: 0 12px; } /* footer - invis admin link */ #footer .admin-login-link{ position: absolute; left: 0; bottom: 0; height: 100%; display: block; outline: none; color: #edebc5; } /* sidebar */ #sidebar{ font-size: 13px; margin-left: 30px; font-weight: bold; } #sidebar #search, #sidebar #mail-list{ padding-bottom: 30px; } #sidebar #search label, #sidebar #categories p, #mail-list p{ display: block; color: #554033; font-family: Georgia, serif; font-size: 14px; line-height: 18px; font-weight: bold; padding-bottom: 6px; } #mail-list{ border-bottom: 3px solid #f3ede5; margin-bottom: 20px; padding-bottom: 20px !important; padding-top: 5px; } #mail-list form{ border-left: 1px solid #f2eee5; } #mail-list label.mc_var_label{ margin-left: 20px; padding: 5px 0 3px 0; font-size: 11px; display: block; font-weight: bold; text-transform: uppercase; color: #838382; } #mail-list .mc_required{ color: #ff0000;} #mail-list div.mc_signup_submit { margin: 10px 0 0 20px; text-align: left; } #mail-list #mc_display_rewards{ font-size: 10px; margin: 8px 87px 0 0; text-align: right; } #mail-list #mc_message{ font-size: 12px; line-height: 16px; margin: 10px; width: 200px; } #mc-indicates-required {display: none;} #mail-list p{ padding-bottom: 5px; } #sidebar.left{ width: 230px; margin-top: 20px; } #sidebar.left #mail-list, #sidebar.left #mail-list form{ border: none; } #sidebar.left #mail-list #mc_display_rewards{ margin-right: 20px; } #sidebar #search-text, #mail-list input.mc_input{ margin-left: 10px; border: 1px solid #b5b5b5; width: 190px; height: 20px} #mail-list input.mc_input{ margin-left: 20px; margin-bottom: 5px; height: 20px} #sidebar #search-button, #mail-list .mc_signup_submit input{ background: #68b034; border: 1px solid #7dc746; padding: 5px; color: #fff; font-weight: bold; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } #sidebar #categories ul{ margin-left: 10px; } #sidebar #categories ul li{ padding: 4px 0; } #sidebar #pic-links{ padding-bottom: 15px; } #sidebar #pic-links li{ border-bottom: 3px solid #f3ede5; padding: 8px 0 8px 13px; } #sidebar #pic-links #fb-like{ display: block; padding-bottom: 6px; } #sidebar #pic-links a{ display: block; } #sidebar #pic-links a.follow{ background: url('/wp-content/uploads/2011/02/David-on-Facebook.gif') 0 0 no-repeat; width: 287px; height: 12px; } #sidebar #pic-links a.twitter{ background: url('/wp-content/uploads/2011/06/twitter-2.gif') 0 0 no-repeat; width: 287px; height: 15px; } #sidebar #pic-links a.labour{ background: url('/wp-content/uploads/2011/02/labour-link.gif') 0 0 no-repeat; width: 287px; height: 53px; } #sidebar #pic-links a.red-alert{ background: url('/wp-content/uploads/2011/02/red-alert-link.gif') 0 0 no-repeat; width: 287px; height: 53px; } #sidebar #pic-links a span{ display: none; } /* post nav */ .post-nav{ padding: 0 30px 30px 30px; font-size: 12px; margin-right: 30px; } .post-nav .alignleft{ float: left; } .post-nav .alignright{ float: right; } /* gallery override */ body #gallery-1{ margin: auto; } body #gallery-1 .gallery-item{ float: left; margin-top: 10px; text-align: center; width: 33%; } body #gallery-1 img{ border: none; } body #gallery-1 .gallery-caption{ margin-left: 0; padding: 5px 0 0 9px; color: #504f4f; font-size: 12px; line-height: 14px; text-align: left; } /* attachment page */ .attachment #profile-title, .attachment #content .brick{ display: none; } .attachment #wide-content{ width: 600px; margin: 20px auto; } .attachment .back-link{ font-size: 12px; line-height: 18px; padding: 10px 0; } /* not found */ .notfound h2{ color: #ff0c09; font-size: 14px; font-weight: bold; margin-bottom: 12px; padding-left: 40px; } .notfound p{ color: #5A3014; font-size: 12px; margin-bottom: 12px; padding-left: 40px !important; }