/* ----------------------------------------- Stylesheet for Carolyn Jewel - www.carolynjewel.com Author: cdeVision.com Copyright: (c)2009 cdeVision Created: March 2009 -------------------------------------------- */ body {background:#8C8B87; margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#31363E;} body {text-align:center;} /* IE6- hack to center page contents */ 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) */ /* sub-titles */ #homecol h2 {font:normal 18px Georgia, Times, "Times New Roman", serif; color:#4B4116; padding:0 0 3px 22px; margin:0 0 8px 0; border-bottom:1px solid #E1DBCC; background:url(images/quotes-sm.png) 1px 3px no-repeat;} #maincol h2 {font:normal 20px Georgia, Times, "Times New Roman", serif; color:#4B4116; padding:0 0 4px 2px; margin:20px 0 12px 0; border-bottom:1px solid #E1DBCC;} #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;} p.intro {font:normal 14px verdana,arial,helvetica,sans-serif; line-height:22px; padding:0 0 15px 0;} ul, ol {padding:0; margin:0 0 12px 25px;} li {line-height:17px; padding:0 0 6px 0; } ul.nobullets {margin:0; padding-bottom:6px; list-style:none;} div.rule {height:1px; padding:0; margin:8px auto; color:#4D4D45; background-color:#4D4D45;} img {border:0;} label {display:none;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} /* ---- 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 {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(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;} p.quote {background:url(images/quotes-lg.png) no-repeat; padding:0 0 0 35px !important;} /* Content area --- */ #contentwrap {background:#FCF8EB; padding:5px 0 25px 0;} #content {} #homecol {float:left; width:615px; padding-top:20px;} .lcol {width:290px; float:left;} .lcol img {display:block; float:left; margin:6px 12px 5px 0;} /* carolyn portratit */ .rcol {width:290px; float:right;} #maincol {float:left; width:615px;} img.cover-lg {display:block; float:left; margin:5px 15px 15px 0;} table#books {width:100%;} table#books td {vertical-align:top; padding:5px 5px 15px 5px; width:50%;} table#books img {display:block; float:left; margin:1px 15px 10px 0;} /* Sidebar */ #sidebar {float:right; width:220px; margin-top:20px; padding:5px 15px 10px; background:#1C1D18; color:#F3E5B6; font-size:11px;} #sidebar a.on {color:#76766C;} #subscribebox {padding:0 0 12px 0;} #subscribebox label {display:none;} #subscribebox form {margin:3px 0; font-size:11px;} #subscribebox input {margin:0; padding:4px; width:150px; background:#fff; border:1px solid #ccc; font-size:11px; color:#666;} #subscribebox input.button {width:50px; padding:4px; border:none; background:#76766C; color:#fff; margin-left:6px; letter-spacing:1px;} /* blog-specific styles */ #myblog {} #myblog h5 {font:normal 10px verdana,sans-serif; color:#9C9A93; padding:0 0 6px 2px; margin:20px 0 0 0;} /* date header */ #myblog h3 {font:normal 20px Georgia, Times, "Times New Roman", serif; color:#4B4116; padding:0 0 4px 2px; margin:0 0 12px 0; border-bottom:1px solid #E1DBCC;} /* post title */ #myblog h4 {font:bold 13px verdana,sans-serif; margin:0; padding:0 0 6px 0;} #myblog p {line-height:16px !important; padding:0 0 3px 0;} #myblog blockquote {line-height:14px !important; padding:0 0 12px 25px; margin:0;} .sigh {color:#cccccc; font-style:italic;} .argh {color:#ff0033; font-style:italic; font-weight:bold;} .ick {color:#663300; font-family:arial, sans-serif; font-style:normal; font-weight:bold;} div.myp {margin:0; padding:0; line-height:16px !important;} /* post */ p.blogger-labels {font-weight:bold; font-size:10px; padding:15px 0 3px 0 !important;} div#blogfoot {font-size:10px; margin:0 0 10px 0; color:#666562;} /* post footer */ /* comments */ p.commentnum {padding-bottom:25px !important;} div.blogComments {padding:0 0 20px 0;} div.blogComment {padding:8px 8px 3px 8px; background:#E7E1C9; margin:8px 8px 8px 0;} div.byline {color:#666562; padding-top:8px; font-style:italic;} div.comment-form {padding-top:8px;} /* below posts area */ div#blogbottominfo {border-top:1px solid #E1DBCC; margin-top:25px; padding-top:7px;} /* in sidebar */ div#sitefeed {padding:2px 0 10px 0; margin-bottom:8px; border-bottom:1px solid #4D4D45;} div#twitter_div {} ul#twitter_update_list {margin:0; padding-bottom:6px; list-style:none;} ul#twitter_update_list li {padding-bottom:10px; line-height:15px;} a#twitter-link {} /* 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(logo-twitter.png); width:98px;} .myspace {background-image:url(logo-myspace.png); width:128px;} .facebook {background-image:url(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;}