/** * Theme Name: CHC * Theme URI: http://holistic-kids.net * Description: Custom theme for holistic-kids.net * Author: Chris Abernethy * Author URI: http://www.chrisabernethy.com * Version: 1.0 * * Palette Font Sizes * ------------------------ ------------------ * Brown, Dark #45230e 2.285em -> 32px (H1) * Brown #5b3413 1.714em -> 24px (H2) * Salmon #d95b36 1.286em -> 18px (H3) * Salmon, Light #e48d63 1.000em -> 14px (H4,P) * Turquoise, Dark #007f7f 0.857em -> 12px * Turquoise #59abb3 0.714em -> 10px * Turquoise, Light #d1f1f1 * Turquoise, Pale #efffff */ /** * Global Reset * Based on the reset included in the Starkers theme * http://elliotjaystocks.com/blog/archive/2008/free-starkers-wordpress-theme/ */ * { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100% } q:before, q:after { content:''} a { text-decoration:none } /* Restore some sensible defaults following the global reset. */ strong { font-weight:bold } em { font-style:italic } * a { position:relative } /* Gets links displaying over a PNG background */ a img { border:none } /* Gets rid of IE's blue borders */ /** * Block-level page layout. */ #wrapper { width:960px; margin:50px 32px;} #header { } #index #content { float:left; width:640px; } #index #sidebar { float:left; width:320px; } #page #content { float:right; width:640px; } #page #sidebar { float:right; width:320px; } #index, #page { position:relative; } #index #content, #page #sidebar { position:relative; top:-32px; } #footer { clear:both; } body { background:url("images/bg-body.jpg"); } #header { background:url("images/bg-header.jpg") no-repeat; } /* Header Navigation */ #header-nav { height:50px; background:url(images/nav-buttons.jpg) no-repeat; padding-right:17px; } #header-nav li { list-style:none; float:right; margin:0 3px;} #header-nav li, #header-nav a { height:50px; display:block; } #nav-about { width:88px; } #nav-membership { width:153px; } #nav-resources { width:128px; } #nav-directory { width:129px; } #nav-blog { width:73px; } #nav-calendar { width:119px; } #nav-about a:hover { background:transparent url(images/nav-buttons.jpg) -220px -50px no-repeat;} #nav-membership a:hover { background:transparent url(images/nav-buttons.jpg) -314px -50px no-repeat; } #nav-resources a:hover { background:transparent url(images/nav-buttons.jpg) -473px -50px no-repeat; } #nav-directory a:hover { background:transparent url(images/nav-buttons.jpg) -607px -50px no-repeat; } #nav-blog a:hover { background:transparent url(images/nav-buttons.jpg) -742px -50px no-repeat; } #nav-calendar a:hover { background:transparent url(images/nav-buttons.jpg) -821px -50px no-repeat; } #logo { display:none; } #logo { float:left; position:relative;} #logo img { width:150px; height:150px;} #search { float:right; margin:6px 16px 0 0; border:1px solid #007f7f; background: #efffff; } #s { border:0; margin:0; padding:3px; color:#007f7f;} #s { background:#efffff; } #searchsubmit { margin: 3px; } #searchform input { vertical-align: middle; } .post-nav { margin:0 16px 0 16px; } .post-nav .next { width:49%; float:left;} .post-nav .prev { text-align:right;} /** * Decoration */ a { color:#e48d63; } p { padding-bottom:16px; } blockquote { margin-left:32px; font-style:italic; } blockquote cite { text-align:right; width:100%; display:block; font-style:italic; font-weight:bold; font-size:0.8em;} blockquote.pullquote { float:right; width:25%; border:1px solid #d1f1f1; padding:5px; font-size:0.9em; } blockquote.pullquote p { padding-bottom:0; } * { color:#5b3413; } h1 { color:#59abb3; } #header, #index, #page, #footer { background-color:#d1f1f1; } #header #block_blogtitle img { margin:32px 32px 32px 200px;} #content .inside { background:#efffff; border:2px solid #e48d63; position:relative; padding:17px 17px 32px 17px; margin:16px; } #content .inside .corner-tl { width:17px; height:17px; position:absolute; background: url(images/bg-content-tl.jpg); top:-2px; left:-2px; } #content .inside .corner-tr { width:17px; height:17px; position:absolute; background: url(images/bg-content-tr.jpg); top:-2px; right:-2px; } #content .inside .corner-br { width:17px; height:17px; position:absolute; background: url(images/bg-content-br.jpg); bottom:-2px; right:-2px; } #content .inside .corner-bl { width:17px; height:17px; position:absolute; background: url(images/bg-content-bl.jpg); bottom:-2px; left:-2px; } #content .inside li { margin-left:1em; list-style-type:disc; } #content .inside ul { padding-bottom: 16px; } #sidebar .inside { margin:16px; } #content-nav { color:#007f7f; position:absolute; bottom:0; left:0; text-align:center; width:100%;} #content-nav a { color:#007f7f; } #footer .inside { position:relative; padding:0 17px 17px 17px; } #footer .inside .corner-br { width:17px; height:17px; position:absolute; background: url(images/bg-footer-br.jpg); bottom:0px; right:0px; } #footer .inside .corner-bl { width:17px; height:17px; position:absolute; background: url(images/bg-footer-bl.jpg); bottom:0px; left:0px; } #sidebar-nav { width:256px; margin:auto;} #sidebar-nav li { display:block; list-style:none; text-align:center;} #sidebar-nav a { display:block; padding:10px 30px;} #sidebar-nav a:hover { background:transparent url(images/bg-sidenav.jpg) left center no-repeat;} #sidebar-nav h2 { text-align:center; } #wpcf label { display:block; } #wpcf input { } .page_item a { color:#e48d63; } .current_page_item a { color:#d95b36; } #copyright { margin-left:17px;} #block_contact { text-align:center; margin-top:32px; } /** * Typography */ body { font-family: Verdana,Arial,Helvetica,sans-serif; } h1, h2, h3, h4, .page_item { font-family: Georgia,"Times New Roman",serif; font-weight: normal; } body /* 14px */ { font-size: 87.5%; line-height: 1.618034em; } h1 /* 32px */ { font-size: 2.285714em; line-height: 1.415780em; } /* 2 Lines */ h2 /* 24px */ { font-size: 1.714286em; line-height: 1.887706em; } /* 2 Lines */ h3 /* 18px */ { font-size: 1.285714em; line-height: 1.258471em; } h4 /* 14px */ { font-size: 1.000000em; line-height: 1.618034em; } #content-nav /* 10px */ { font-size: 0.714286em; line-height: 2.265248em; } #copyright /* 10px */ { font-size: 0.714286em; line-height: 2.265248em; } #searchform /* 14px */ { font-size: 1.000000em; line-height: 1.618034em; } #sidebar-nav /* 14px */ { font-size: 1.000000em; line-height: 1.618034em; } /** * Clearfix Code * http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ * Note: We are abandoning IE/Mac, so we don't use the comment hack or play with display:block * etc. */ #header-nav:after, .post-nav:after, #page:after, #index:after, #header:after {visibility: hidden; display:block; font-size:0; content:" "; clear:both; height:0;} #header-nav, .post-nav, #page, #index, #header { height: 1%; }