/* Theme Name: Candy2 Theme URI: http://james.gameover.com/ Description: Candy is sweet. Version: 2.15 for wp 2.9 Author: James John Malcolm Author http://james.gameover.com/ Tags: fixed width, two columns, widgets */ /* main positioning ========================== */ body {margin:0;} #container {position:relative;width: 846px;margin:0 auto;padding:0 10px;} .contentblock {border:#d4bd63 solid 1px; width:500px;margin:0;background:#f7eaa6;padding:20px;} /* 156px */ #sidebar {position:absolute;top:180px;right:0px;width:280px;margin:0 0 .5em;} #extrablock {width:14.5em;font-size:90%;} /* Header positioning ======================= */ .header {position:absolute;width:280px;top:33px;right:0;background: transparent;} .header img {margin:0 0 0 0;display:block;} #searchform {margin:12px 0 0 0;} #searchform #s {font-family:Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif; width:208px;border:1px solid #fff4a5;background:#f1e28e;color:#705c25;padding:1px;margin:0;} /* f0e088 #f5e698 aa9d4b*/ #searchform #s:hover {background:#f3e497;} /* f7e9a0*/ #searchform #s:focus {background:#efdf8e;} /*ebd979*/ .nav {margin:16px auto 8px auto;padding:0; position:relative;width:558px;height:36px;} .nav a {display:block;text-indent:-9999em;text-decoration:none;border:0;position:absolute;top:0;height:27px;} #nav-journal {left:1px;width:110px;} #nav-archives {left:135px;width:125px;} #nav-portfolio {left:284px;width:133px;} #nav-hireme {left:440px;width:115px;} .nav a:hover, .nav a:active {background:transparent;border-bottom:1px solid #c7ac53;padding-bottom:3px;} /* New BG Colours: White cream: #f7eaa6 (content BG) #fff4a5 New use colours: Strong-Blue: #14617a Blue: #2f7797 Red: #8e1921 Brown: #996221 Green: #9c9d27 Text-Gold: #513b00 */ /* Styling ============================== */ body {background:#f4e597 url(/res/candy2_nav_bg.gif) repeat-x center 0; color:#5b4d27;} /* F0DC92 705c25 */ .header a img, .header a {border:0;} .header a:hover, .header a:active {background:transparent;} .nav {background:transparent url(/res/candy_nav2.gif) no-repeat 0 0;} h1 {font:30px/1.2 normal Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif; margin:12px 0 0;padding:0 0 3px;border-bottom:3px solid #ab8c33;} h1.pagetitle {margin-bottom:6px;} h1, h1 a {color:#795F1F !important;} /* gold: #795F1F red: #94000c */ h3 {font:1.3em/1.2 normal Palatino, "Palatino Linotype", Georgia, "Bitstream Vera Serif", Times, serif;} div.post h2, div.post h3 {margin-bottom:0;} /* No decoration on titles! */ h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, cite {text-decoration: none;border:0 !important;} .commentlist cite img {border:0;margin-bottom:-1px;} a {color:#776123;text-decoration:none;border-bottom:1px solid #dabd6b;} /*776123*/ a:hover, a:active {color:#94000c;background:#fef4aa;outline:0;} /*fff4a5 */ div.post a:visited {border-bottom:1px dashed #dabd6b;} .contentblock a img {border:2px solid #ab8c33;margin:-5px 0 -2px;padding:0;} /* .contentblock .insertimg a.imagelink, a.imagelink:hover {border:0;background:transparent;} */ .contentblock a.tmb {float:right;border:0;margin:.5em 0 0 12px;padding:0;} .contentblock a.tmbleft {float:left;border:0;margin:.5em 14px 0 0;padding:0;} .contentblock a.tmb:hover, .contentblock a.tmbleft:hover {background:none;} .contentblock p, .contentblock li {font:16px/23px Georgia, Palatino, Times, "Times New Roman", serif;} .contentblock div.post {padding:0;margin:0;} .contentblock div.post p {padding:14px 0 0;margin:0;} blockquote {margin:9px 10px 15px 2px;padding:14px 1.2em 12px 1.1em; background:#f4e597;border-left:.2em solid #917628;line-height:3em; zoom:1;} /* new:f7e89b old: f0e193 9a7d2b f2e28a */ blockquote cite {margin:5px 0 0;display:block;} div.post blockquote {margin-left:-20px;margin-right:-20px;padding-bottom:24px;} #sidebar blockquote {background:#f7eaa6;} div.post blockquote blockquote {background:#f7eaa6;margin-left:0;margin-right:0;border:0;padding:0 12px 12px;} small, .nocomments, .postmetadata, blockquote, strike {color:#735d21;} /* 806825 */ #container .postmetadata {border-top:2px solid #c8a74a;font-size:95%;line-height:23px;margin:8px 0 0;padding:0;clear:both;} div.insertimg {margin:0;padding:0;line-height:0;} div.insertimg img {display:block;border:2px solid #ab8c33;margin:7px auto 0;padding:0;} div.insertimg a, div.insertimg a:visited {border:0;background:none;} div.insertimg a:hover img, div.insertimg a:focus img, div.insertimg a:active img {border:2px solid #94000c;} #container #portfoliopage p {margin:.5em 0;} #portfoliopage h1 {margin-bottom:.3em;} #container #portfoliopage hr {border:0;border-bottom:3px solid #ab8c33;padding-top:.5em;height:0;width:100%;display:block;} span.searchterm1, span.searchterm2, span.searchterm3, span.searchterm4, span.searchterm5, span.searchterm6, span.searchterm7, span.searchterm8, span.searchterm9, span.searchterm10 {font-weight:bold;} /* For my tables! */ td.no-no-no {font-weight:bold;} th {text-align:left;} /* Courtesy of the WP-Typography plugin */ .amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", "Goudy Old Style", Georgia, serif; font-weight: normal; font-style: italic; font-size: 1.1em; line-height: 1em; } sup { vertical-align: 60%; font-size: 80%; line-height: 100%; } sub { vertical-align: -10%; font-size: 80%; line-height: 100%; } /* Needed for the Broken Links plugin */ .broken_link, a.broken_link { text-decoration: line-through; } /* Forms (only used for comments at present) ============================================= */ .contentblock form p label, .contentblock form p span {display:block;font-weight:bold;} .contentblock form input, .contentblock form textarea {border:1px solid #d8b554;background:#f7ec9e;color:#7a5d0b;padding:1px;} .contentblock form input:focus, .contentblock form textarea:focus {border:1px solid #8d6e16;} .contentblock form input {margin:5px 0 1px 0;} .contentblock form input, .contentblock form textarea {width:494px;padding:2px;} .contentblock form input#submit {width:500px;} /* Begin Comments ============================ */ #comment-and-ping {position:relative;} #ping {position:absolute;top:0;left:554px;right:-340px;margin:0;padding:0;} #ping h3 {margin:0 0 1.3em 0;} #ping .commentlist p {margin:0 15px 6px 25px;} #ping .fav {border:0;position:absolute;top:13px;left:5px;} .commentlist {padding:0;margin:0;} /* .commentlist .alt {} /background:#fcf1a2; */ .commentlist li {margin:8px 0;padding:10px 6px;position:relative; list-style:none; border:1px solid #d8b554;border-width:1px 1px 3px; background:transparent;} .commentlist li.alt {border-color:#c8a74a;} .commentlist, #commentform input, #commentform textarea { font:0.9em/1.5 normal "Lucida Grande", Verdana, Arial, Sans-Serif;} .commentlist cite {font-style: normal;} .commentlist p {font-weight:normal;line-height:1.7;text-align: justify; margin:8px 20px 6px 34px; padding:0;} .nocomments {text-align: center; margin: 0;padding: 0;} /* Quote comment plugin Style ========= */ a.comment_quote_link {position:absolute;top:12px;right:25px;font-size:12px;} .pinglist a.comment_quote_link {display:none;} .says {display:none;} .commentmetadata {margin:0 0 0 34px;display: block;text-align:left;font-size:.8em;} .commentlist img {border:0;margin-bottom:-1px;} .commentlist a.fav {background:none;} a.fav img {height:16px;width:16px;} .comment-author {margin-left:34px;} .comment-author img {height:26px;width:26px;border:2px solid #d8b554; position:absolute;top:13px;left:5px;} .commentlist .reply {margin:.2em 20px .2em 34px;display:block;text-align:right;} /* Reply *In Comment* */ .commentlist li h3, .commentlist li form, .commentlist li .cancel-comment-reply {margin:0 20px 0 34px;} .commentlist li form p {margin:0;} .commentlist li form textarea, .commentlist li form input {width:428px;} .commentlist li form #submit {width:434px !important;} /* Comment *In Comment* (Threaded) */ .commentlist .children {margin:0;padding:0;} .commentlist .children .comment-author {margin-left:28px;} .commentlist .children .comment-author img {height:20px;width:20px;} .commentlist .children .commentmetadata {margin:0 0 0 28px;} .commentlist .children .quote {top:10px;right:18px;} .commentlist blockquote {margin:9px 12px 15px 0;padding:14px 30px 8px 0px;} .commentlist .children p {margin:8px 12px 6px 28px;} #commentform {margin-top:1em;} /* Sidebar #sidebar p {font:85%/23px "Lucida Grande", "Lucida Sans", Lucida, Verdana, Geneva, Helvetica, sans-serif;} ============================= */ #sidebar p {font:15px/23px Georgia, Palatino, Times, "Times New Roman", serif;} #sidebar ul, #extrablock ul {line-height:23px;} #sidebar br.clearing {margin:0;padding:0;height:1px;border:1px solid red;} p.inline {margin:3px auto 0;padding:0;} #flickrRSS {text-align:center;} #flickrRSS a {border:0;} #flickrRSS a:hover, #flickrRSS a:focus {background:transparent;} #flickrRSS a img {border:2px solid #ab8c33;} #flickrRSS a:hover img, #flickrRSS a:visited img {border:2px solid #94000c;} #flickrRSS img {margin:5px 23px 13px 0;} #container #sidebar h1 {font-size:25px;color:#94000c !important;margin:0;padding:0;} /* red: #94000c */ #sidebar h3 {color:#94000c;letter-spacing:1px;line-height:23px;margin:0;padding:0;} #container .latestcomments {list-style:none;font-size:87%;line-height:23px;padding:0;margin:6px 0 24px; border-top:3px solid #ab8c33;} /* #f0df86; */ #container .latestcomments li a {display:block;height:100%;padding:11px .1em 11px .3em;margin:0;color:#6b5721;} #container .latestcomments li a.activityentry {padding-right:1.2em;} #container .latestcomments li a:hover, #container .latestcomments li a:active {color: #94000c;} #container .latestcomments li {position:relative;} #container .latestcomments li a + a {position:absolute;right:0;top:0;border:0;height:auto;} #container .latestcomments small {position:absolute;left:-9999px;} #container .latestcomments li br {display:none;} /* Sidebar header replacements (wrong way to do it, img or span overlay would be better) ===================================== */ #sidebar h3 {display:block;height:21px;width:280px;margin:0;padding:0} #sidebar h3 span {display:block;text-indent:-9999em;} #navi {background:transparent url(/res/candy_navigate.gif) no-repeat 0 center;} #possi {background:transparent url(/res/candy_possibly.gif) no-repeat 0 0;} #findmore {background:transparent url(/res/candy_findmore.gif) no-repeat 0 0;} #latestinteresting {background:transparent url(/res/candy_latestinteresting.gif) no-repeat 0 0;} #sidebar #insp {background:transparent url(/res/candy_insp.gif) no-repeat 0 0;} #latest {background:transparent url(/res/candy_latest.gif) no-repeat 0 0;} #goodread {background:transparent url(/res/candy_goodread.gif) no-repeat 0 0;} #sidebar #candr {background:transparent url(/res/candy_candr.gif) no-repeat 0 center;} #cat {background:transparent url(/res/candy_cat.gif) no-repeat 0 0;} #portfoliocontents {background:transparent url(/res/candy_portfoliocontents.gif) no-repeat 0 center;} #aboutportfolio {background:transparent url(/res/candy_aboutportfolio.gif) no-repeat 0 center;} #aboutzengarden {background:transparent url(/res/candy_aboutzengarden.gif) no-repeat 0 center;} /* Inspiration logo text-replacement -------------------------------------*/ #container #sidebar ul.logo-replace {width:280px;height:204px;position:relative; text-indent:-9999em;list-style:none;padding:0;margin:3px 0 24px;padding:0; } #sidebar .logo-replace li {width:93px;margin:0;padding:0;position:absolute;} #container .logo-replace a {display:block;height:62px;margin:0 auto;border:0;} #noscope {top:0;left:0;} #noscope a {width:64px;background:transparent url(/res/candy_insp_noscope.gif) no-repeat center 0;} #avalon {top:0;left:93px;} #avalon a {width:50px;background:transparent url(/res/candy_insp_avalonstar.gif) no-repeat center 0;} #veerle {top:0;left:186px;} #veerle a {width:59px;background:transparent url(/res/candy_insp_veerle.gif) no-repeat center 0;} #dxf {top:71px;left:0;} #dxf a {width:50px;background:transparent url(/res/candy_insp_dxf.gif) no-repeat center 0;} #iaah {top:71px;left:93px;} #iaah a {width:73px;background:transparent url(/res/candy_insp_iaah.gif) no-repeat center 0;} #oxton {top:71px;left:186px;} #oxton a {width:56px;background:transparent url(/res/candy_insp_oxton.gif) no-repeat center 0;} #bonsai {top:142px;left:0;} #bonsai a {width:93px;background:transparent url(/res/candy_insp_bonsai.gif) no-repeat center 0;} #hicks {top:142px;left:93px;} #hicks a {width:49px;background:transparent url(/res/candy_insp_hicks.gif) no-repeat center 0;} #moll {top:142px;left:186px;} #moll a {width:50px;background:transparent url(/res/candy_insp_moll.gif) no-repeat center 0;} #sidebar .logo-replace a:hover {background-position:center -62px;} #container p.description {text-align:center;letter-spacing:.1em;font-size:75%;line-height:2} /* Begin Various Tags & Classes ======================================== */ img#wpstats{display:none} #container .audioplayer_container {padding:0;margin:0;} hr {display:none;} small {font-size:0.9em;line-height:1.5em;} code {font: 1em 'Courier New', Courier, Fixed;} acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;} #flickrRSS a img {vertical-align:middle;} #sidebar h3 {clear:both;} /* Begin Images ===================================== */ .alignleft {float:left;text-align:left;} .alignright {float:right;text-align:right;position:relative;} #container .wp-caption .wp-caption-text {font-style:italic;font-size:.9em;} .navigation {font-size:90%;display:table;zoom:1;margin-top:6px;} #container #pageturner {margin:24px 0 18px;} #container #pageturner p {width:244px;line-height:1.6em;margin:0;padding:0 3px;} #container #sidebar .navigation p {width:124px;line-height:1.6em;margin:0;padding:0 3px;} #container #sidebar .navigation p.alignleft span {margin-left:-.9em;} #container #sidebar .navigation p.alignright span {right:-.7em;position:absolute;top:0;} /* Super Archives ======================== */ #container #archive #af-ela {display:block;margin:0 0 .8em 0;padding:0;} #container #archive #af-ela ul {display:block;list-style: none;padding:.1em 0;margin:.4em 0;} #container #archive #af-ela ul {display:block;list-style: none;} #container #archive #af-ela-month, #af-ela-category {float:left;width:30%;} #container #archive #af-ela-post-chrono, #af-ela-post-cats {float:left;width:70%;} #af-ela-year {line-height:2;} #af-ela-menu, #af-ela-year {text-align: center;} #af-ela-tag, #af-ela-month, #af-ela-category {text-align: left;} #af-ela-menu li {font-size: 1.8em;} #af-ela-year li {font-size:2em;} #af-ela-menu li, #af-ela-year li {display: inline;text-transform: uppercase; margin: 0 15px;padding: 4px 0;} /* #af-ela-tag li {display:inline;margin:0 3px;line-height:20px;} */ #af-ela-month li, #af-ela-category li {font-size:1.2em;margin:.2em .4em;} #af-ela-post-chrono li, #af-ela-post-cats li {margin:0;padding:0;} #af-ela-post-chrono li a, #af-ela-post-cats li a {display:block;height:100%;padding:5px .3em 5px .3em;margin:0;color:#6b5721;} #af-ela-post-chrono li a:active, #af-ela-post-cats li a:active, #af-ela-post-chrono li a:hover, #af-ela-post-cats li a:hover {color:#94000c;} #af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-menu li.selected, #af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover, #af-ela-menu li:hover {color:#94000c;}