/* Theme Name: Knit Purl Theme URL: http://knitpurl.davidrcole.com/ Description: A WordPress theme for knitters, crochet-ers, and crafty folk Author: David Cole Author URI: http://davidrcole.com Version: 1.0 */ /* Resets and General Styles */ * { margin:0; padding:0; border: none; outline: none; text-decoration: none; font-weight: normal } body { background: #a4c8d3 url(images/page_background.jpg) top no-repeat; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 81.25%; line-height: 1.385em; color: #171717 } html>body { font-size: 13px } a { color: inherit } a:hover { text-decoration: underline } li { list-style :none } .clear { clear: both } /* IE6 PNG Hack */ img { behavior: url("pngbehavior.htc") } /* Main DIV */ #container { width: 940px; margin: 0 auto } /* Search Bar & Page Tabs */ #search_tabs { float: right; width: 457px; height: 142px; background: url(images/search_tabs_background.gif) no-repeat } #search_tabs #search { width: 400px; height: 55px; margin: 16px 0 0 120px } #search #s { background: url(images/search_textbox.jpg) no-repeat; width: 271px; height: 21px; color: #554f6c; font-size: 1.23em; padding: 3px 4px } #search #searchsubmit { background: url(images/search_submit.jpg) no-repeat; width: 29px; height: 27px; text-indent: -9999px; vertical-align: top; color: #945139 } #tabs { clear: left; width: 457px; height: 72px; margin-left: 41px } #tabs ul { list-style: none; display: inline } #tabs ul li { float: left; width: 112px; text-align: center; margin: 0 1px } #tabs ul li.rss_tab { width: 54px; margin-left: 3px; height: 30px } #tabs ul li.rss_tab a { height: 45px } #tabs ul li a { color: #ffffff; font-size: 1.538em; display: block; height: 45px; width: 112px; overflow: hidden } #tabs ul li a:hover { text-decoration: none } /* Main Page Title */ #title { clear: both; height: 126px; padding-left: 48px; color: #33254f; position: relative; top: -20px } #title h1 { font-size: 3em; line-height: 2.77em } #title h1 a:hover { text-decoration: none } #title p { font-size: 1.846em } /* The Loop, more or less */ #content { clear: both; width: 910px; background: url(images/main_cloth_background.png); margin-top: 25px; padding-left: 30px } .post { width: 536px; float: left; clear: left; background: #ffffff url(images/post_background.jpg) top no-repeat; margin-bottom: 2.77em; padding: 45px 16px; border-bottom: 1px solid #bcc9ca } .post h2, #comments h3, .comments_reply h3 { color: #33254f; font-size: 2.77em; padding-bottom: 5px; border-bottom: 1px solid #ebeded; line-height: 1em } .post p { margin-bottom: 1.365em } .post img { border: 5px solid #c6d6a2; max-width: 526px; width: expression(this.width > 526 ? 526: true) } .post img.borderless { border: none } .post a img:hover { border: none; margin: 5px } .post a img.borderless:hover { margin: 0 } .post p.meta { color: #675885; text-align: right; margin-bottom: 1.385em } .post p.meta a { color: #cf9459 } .post p.comments { color: #97a362; margin-top: 2.77em } .postnavigation { float: left; width: 568px; clear: left; margin-bottom: 2.77em } .postnavigation .next { float: left; width: 300px } .postnavigation .prev { float: right; width: 300px; text-align: right } .postnavigation a:hover { text-decoration: none } h2.archive, h2.search { color: #8f363b; font-size: 2.77em; margin-bottom: 0.693em; line-height: 1em; padding: 0 12px } /* The Sidebar */ #sidebar { clear: none; float: right } #thread_left { float:left; width: 23px; height: 26px; background: url(images/sidebar_left_thread.png) no-repeat } #sidebar_content { float: left; width: 242px; background: #f2fafc url(images/sidebar_background.jpg) top left no-repeat; padding: 50px 9px 0; border-bottom: 1px solid #abb9bc } #sidebar_content p { margin-bottom: 1.385em } #sidebar_content ul li { margin-bottom: 2.77em } #sidebar_content ul li ul li { margin: 0 } #sidebar_content h2 { color: #97a362; font-size: 1.846em; font-style: italic } #sidebar_content h2 img { margin-right: 9px } #sidebar_content li.linkcat h2 { font-size: 1.23em; color: #ba82b2 } #thread_right { float: left; width: 39px; height: 292px; background: url(images/sidebar_right_thread.png) no-repeat } /* The Footer */ #footer { width: 940px; height: 226px; background: url(images/footer.jpg) no-repeat } #footer #footer_content { float: right; width: 550px; height: 108px; text-align: right; padding: 32px 36px 18px 9px; color: #33254f } #footer #footer_content a { font-weight: bold } #footer #footer_content a.designer { color: #841300 } /* Comments */ #comments_list li { border: 1px solid #a4c8d3; padding: 0.693em 9px 0; margin: 1.385em 0 } #comments_list li .comments_meta { color: #675885 } #comments_list li .comments_meta a { color: #cf9459 } .comments_reply form { margin-top: 1.385em } .comments_reply input { background: url(images/textbox.gif) no-repeat; width: 261px; height: 15px; padding: 6px 9px; font-size: 1.077em; color: #33254f } .comments_reply textarea { background: url(images/textarea.gif) no-repeat; width: 344px; height: 167px; padding: 9px; margin-bottom: 3px } .comments_reply p.allowed_tags { font-size: 0.846em; line-height: 1em; width: 362px; margin-top: -1.385em } .comments_reply #submit { clear: none; float: left; background: url(images/submit.gif) no-repeat; width: 182px; height: 26px; text-indent: -9999px } .comments_reply #submit:hover { background-image: url(images/submit_hover.gif) } .comments_reply label { font-size: 1.077em; color: #841300; display: block } .comments_reply label span { color: #97a362; font-size: 0.923em } .comments_reply p.required_info { float:left; width: 170px; margin-right: 10px; color: #841300; font-size: 1.077em }