/* Theme Name: Carolyn Jewel Custom Description: Custom theme for Carolyn Jewel to match her existing website. Version: 1.0 Author: cdeVision Author URI: http://cdevision.com/ This theme was customized for Carolyn Jewel by cdeVision.com (from Kubrick theme files by Michael Heilemann: http://binarybonsai.com/kubrick/) */ body {background:#8C8B87; margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#31363E;} h1, h2, h3 {padding:0; margin:0;} h1 {font:normal 28px Georgia, Times, "Times New Roman", serif; color:#4B4116; padding:0 0 12px 0;} /* page titles (in band) */ #content h2 {font:normal 20px Georgia, Times, "Times New Roman", serif; color:#4B4116; padding:0 0 4px 2px; margin:20px 0 4px 0; border-bottom:1px solid #E1DBCC;} #content h2 a {color:#4B4116; font-weight:normal;} #sidebar h2 {font:normal 19px Georgia, Times, "Times New Roman", serif; color:#F8EFD3; padding:10px 0 6px 0;} #sidebar h2 span {font-size:16px; display:block;} p {margin:0; padding:0 0 12px 0; line-height:16px;} ul, ol {padding:0; margin:0 0 12px 25px;} li {line-height:17px; padding:0 0 6px 0;} div.rule {height:1px; padding:0; margin:8px auto; color:#4D4D45; background-color:#4D4D45;} img {border:0;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} /* ---- links ----------------------------------------- */ a {color:#8F9438; text-decoration:none;} a:visited {color:#8F9438;} a:hover {color:#76766C; text-decoration:underline;} a:active {color:#8F9438;} a:active, a:focus {outline:none;} #content a, #sidebar a {font-weight:bold;} /* ---- ids & classes ----------------------------------------- */ /* "wrap" IDs are to stretch colors & backgrounds to 100% width */ #headerwrap, #titlewrap, #bandwrap, #contentwrap, #footerwrap {width:100%;} #header, #title, #band, #homeband, #content, #footer {width:895px; margin:0 auto; text-align:left;} /* Header area --- */ #headerwrap {background:#494B41; border-top:5px solid #8F9438; border-bottom:2px solid #999;} #header {height:145px; position:relative; color:#fff;} #logo {position:absolute; top:22px; left:-12px; width:290px; height:110px; background:url(images/logo.png) no-repeat;} #logo h1 {padding:0; margin:0; text-indent:-4000px;} #logo a {display:block; width:290px; height:110px;} #searchbox {position:absolute; top:45px; right:0px;} #searchbox label {display:none;} #searchbox form {margin:3px 0; font-size:11px;} #searchbox input {margin:0; padding:4px; width:150px; background:#fff; border:1px solid #ccc; font-size:11px; color:#666;} #searchbox input.button {width:50px; padding:4px; border:none; background:#76766C; color:#fff; margin-left:6px; letter-spacing:1px;} #navmenu {position:absolute; bottom:12px; right:-8px; text-transform:uppercase; height:25px;} #navmenu ul {list-style:none; font:normal 14px Georgia, serif;} #navmenu li {display:block; float:left;} #navmenu a {display:block; color:#fff; text-decoration:none; height:25px; line-height:25px; padding:0 6px; margin:0 8px;} #navmenu a:hover, #navmenu a.on {background:#8F9438;} /* Title area --- */ #titlewrap {background:#FCF8EB;} #title {height:80px;} #title h1 {line-height:80px;} /* Band area --- */ #bandwrap {background:#E7E1C9; border-top:1px solid #BFB7A4; border-bottom:1px solid #BFB7A4;} #band {padding:20px 0; color:#363211;} #band p {font:normal 16px/22px georgia,serif; padding:0;} /* Content area --- */ #contentwrap {background:#FCF8EB; padding:25px 0 25px 0;} #wrap {width:895px; margin:0 auto;} #content {float:left; width:615px;} #content .navigation {padding-bottom:12px;} #content small {font:normal 10px verdana,sans-serif; color:#9C9A93; padding:0 0 6px 2px; margin:20px 0 0 0;} /* post date */ div.entry {padding:10px 0 0 0;} p.postmetadata {font-size:10px; margin:0 0 10px 0; color:#666562; line-height:13px;} div.comment-meta {font-size:10px; line-height:14px; padding:6px 0 6px 0;} ol.commentlist {list-style:none; margin:0;} li.comment {padding:8px 8px 3px 8px; background:#E7E1C9; margin:8px 8px 8px 0;} li.comment p {font-size:10px; line-height:14px;} /* Sidebar --- */ #sidebar {float:right; width:220px; padding:5px 15px 10px; background:#1C1D18; color:#F3E5B6; font-size:11px;} #sidebar a.on {color:#76766C;} #sidebar ul, #sidebar ul ol {margin:0 0 15px 0; padding:0;} #sidebar ul li {list-style-type:none; list-style-image:none;} #sidebar ul p, #sidebar ul select {margin:0 0 8px;} #sidebar ul ul, #sidebar ul ol {margin:0;} #sidebar ul ul ul, #sidebar ul ol {margin:0;} #sidebar ul ul li, #sidebar ul ol li {margin:0; padding:0;} form#searchform{margin:15px 0 3px; font-size:11px;} form#searchform input {margin:0; padding:4px; width:150px; background:#fff; border:1px solid #ccc; font-size:11px; color:#666;} form#searchform input#searchsubmit {width:50px; padding:4px; border:none; background:#76766C; color:#fff; margin-left:6px; letter-spacing:1px;} /* Footer area --- */ #footerwrap {border-top:1px solid #1C1D18; color:#282826; padding:20px 0;} #footer {} #followlinks {float:left; width:610px;} #followlinks p {float:left; font:normal 17px georgia,serif; color:#232323; padding:0; line-height:46px;} a.logo {float:left; height:46px; margin:0 0 0 10px; background-repeat:no-repeat; text-indent:-4000px;} a.logo:hover {background-position:0 -46px;} .twitter {background-image:url(images/logo-twitter.png); width:98px;} .myspace {background-image:url(images/logo-myspace.png); width:128px;} .facebook {background-image:url(images/logo-facebook.png); width:102px;} #copyright {float:right; font-size:10px; width:248px;} #copyright p {line-height:13px;} p#props, p#props a {color:#666562;} p#props a {text-decoration:underline;} /* -- ////////////////////////////////////////////////////////////////////////////////////////////////////////// -- */ /* leftover Kubrick styles -- */ .postmetadata {clear:both;} .clear {clear:both;} /* Begin Images */ p img {padding:0; max-width:100%;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered {display:block; margin-left:auto; margin-right:auto;} img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;} img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;} .alignright {float:right;} .alignleft {float:left;} /* End Images */ /* Begin Comments .commentlist {padding:0; text-align:justify;} .commentlist li {margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none;} .commentlist li ul li {margin-right:-5px; margin-left:10px;} .commentlist p {margin:10px 5px 10px 0;} .children {padding:0;} #commentform p {margin:5px 0;} .nocomments {text-align:center; margin:0; padding:0;} .commentmetadata {margin:0; display:block;} End Comments */ /* Begin Calendar */ #wp-calendar {empty-cells:show; margin:10px auto 0; width:155px;} #wp-calendar #next a {padding-right:10px; text-align:right;} #wp-calendar #prev a {padding-left:10px; text-align:left;} #wp-calendar a {display:block;} #wp-calendar caption {text-align:center; width:100%;} #wp-calendar td {padding:3px 0; text-align:center;} #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color:#fff;} /* End Calendar */ /* Captions */ .aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;} .wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .wp-caption img {margin:0; padding:0; border:0 none;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;} /* End captions */