/* Theme Name:Garden Spiders Theme URI:http://wordpress.org/ Description:The default WordPress theme based on the famous Kubrick. Version:1.6 Author:Michael Heilemann Author URI:http://binarybonsai.com/ Tags:blue, custom header, fixed width, two columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ body {font-size:62.5%;font-family:arial;background:#fff;color:#333;margin:0} ul{ list-style:none;} li{list-style:none;} #page {text-align:left;background:url(images/page-bg.gif) repeat-y;} #header {margin:0 auto;width:996px;} .logo{ width:387px;height:268px;margin:0 0 0 15px;padding-top:5px;float:left;} .flash{ width:580px;height:268px;float:left;background:url(images/flash-bg.jpg) no-repeat;margin:5px 0 0 0;} #headerimg {} .headerbox{ height:279px;background:#ceb354;} #content { width:668px; background:url(images/content-bg.jpg) no-repeat; margin:13px 0 0 10px;float:left;min-height:400px;} #content h1 {font-size:16px;color:#a4904b; margin:10px 10px 0 20px;} .narrowcolumn .entry, .widecolumn .entry {line-height:18px; font-size:12px; margin:5px 20px 5px 20px;} .widecolumn {line-height:1.6em;} .narrowcolumn .postmetadata {font-size:12px;} .thread-alt {background-color:#f8f8f8;} .thread-even {background-color:white;} .depth-1 {border:1px solid #ddd;} .even, .alt {border-left:1px solid #ddd;} small {font-family:Arial, Helvetica, Sans-Serif;font-size:0.9em;line-height:1.5em;} h1, h2, h3 {font-family:arial;font-weight:bold;} #headerimg .description { float:right;margin:15px 20px 0 0} #headerimg .description img{margin-right:10px;} h2 {font-size:1.6em;} h2.pagetitle {font-size:1.6em;} h3 {font-size:1.3em;} h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration:none;} h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#333;} h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited,#wp-calendar caption, cite {text-decoration:none;} .widecolumn .entry p {font-size:12px;} .entry p a:visited {color:#586504;text-decoration:underline;} .entry p a {color:#586504;text-decoration:underline;} .entry p a:hover{text-decoration:none;} span a:hover{text-decoration:none;} .sticky {background:#f7f7f7;padding:0 10px 10px;} .sticky h2 {padding-top:10px;} .commentlist li, #commentform input, #commentform textarea {font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentlist li ul li {font-size:1em;} .commentlist li {font-weight:bold;} .commentlist li .avatar {float:right;border:1px solid #eee;padding:2px;background:#fff;} .commentlist cite, .commentlist cite a {font-weight:bold;font-style:normal;font-size:1.1em;} .commentlist p {font-weight:normal;line-height:1.5em;text-transform:none;} #commentform p {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentmetadata {font-weight:normal;} small,.nocomments, .postmetadata, blockquote, strike {color:#777;} code {font:1.1em 'Courier New', Courier, Fixed;} acronym, abbr, span.caps{font-size:0.9em;letter-spacing:.07em;} a, h2 a:hover, h3 a:hover {color:#06c;text-decoration:none;} a:hover {color:#147;text-decoration:none;} #wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;} #wp-calendar a {text-decoration:none;} #wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;} #wp-calendar th {font-style:normal;text-transform:capitalize;} /* End Typography & Colors */ /* Begin Structure */ body {padding:0;} #page {margin:0 auto;padding:0;width:1004px;} #headerimg {height:65px;background:url(images/header-inner-bg.jpg) no-repeat;} .narrowcolumn {float:left;padding:0;margin:0px 0 0;width:450px;} .widecolumn {padding:10px 0 20px 0;margin:5px 0 0 150px;width:450px;} .post {margin:0 0 40px;text-align:left;} .post hr {display:block;} .widecolumn .post {margin:0;} .narrowcolumn .postmetadata {padding-top:5px;} .widecolumn .postmetadata {margin:30px 0;} .widecolumn .smallattachment {text-align:center;float:left;width:128px;margin:5px 5px 5px 0px;} .widecolumn .attachment {text-align:center;margin:5px 0px;} .postmetadata {clear:both;} .clear {clear:both;line-height:1px;} /* End Structure */ /* Begin Headers */ h2 {margin:30px 0 0;} h2.pagetitle {margin-top:30px;text-align:center;} #sidebar h2 {margin:5px 0 0;padding:0;} h3 {padding:0;margin:30px 0 0;} h3.comments {padding:0;margin:40px auto 20px ;} /* End Headers */ /* 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 Lists */ html>body .entry ul {margin-left:0px;padding:0 0 0 0;list-style:none;} html>body .entry li {margin:7px 0 8px 10px;} .entry ul li:before{content:"\00BB \0020";} .entry ol {padding:0 0 0 35px;margin:0;} .entry ol li {margin:0;padding:0;} .postmetadata ul, .postmetadata li {display:inline;list-style-type:none;list-style-image:none;} .nexturl, .nexturl a{font-weight:bold;color:#1F6BA0;font-size:13px;} /* End Entry Lists */ /* Begin Form Elements */ #searchform {margin:10px auto;padding:5px 3px;text-align:center;} .entry form {/* This is mainly for password protected posts, makes them look better. */ text-align:center;} select {width:130px;} #commentform input {width:170px;padding:2px;margin:5px 5px 1px 0;} #commentform {margin:5px 10px 0 0;} #commentform textarea {width:100%;padding:2px;} #respond:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #commentform #submit {margin:0 0 5px auto;float:right;} /* End Form Elements */ /* Begin Comments*/ .alt {margin:0;padding:10px;} .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 Sidebar */ #sidebar{padding:0;float:left;width:293px;background:url(images/sidebar-bg.gif) repeat-y;margin:13px 0 0 13px;font-family:Arial, Helvetica, sans-serif;} #sidebar form {margin:0;} #sidebar #searchform #s {width:108px;padding:2px;} #sidebar ul{margin:0;padding:0; } #sidebar ul li {list-style-type:none;list-style-image:none; margin:0 0 20px 0} #sidebar ul p, #sidebar ul select {margin:5px 0 8px;} #sidebar h2 {font-family:Arial;font-size:18px;font-weight:normal;background:url(images/sidebar-h2.jpg) no-repeat;height:39px;margin:0 0 0 0;color:#414141;padding:15px 0 0 0;text-align:center;} #sidebar ul ul, #sidebar ul ol { background:url(images/sidebar-inner-bg.jpg) no-repeat;margin:0 auto;width:289px;padding-top:15px;min-height:120px;} #sidebar ul ul ul, #sidebar ul ol {} ol li, #sidebar ul ol li { } #sidebar ul ul li, #sidebar ul ol li { padding:13px 0 0 5px;list-style-image:url(images/arrow-sidebar.gif);margin-left:40px;color:#414141;font-size:13px;margin:0 0 0 50px;font-weight:normal;} #sidebar ul ul li a, #sidebar ul ol li a{color:#414141;} #sidebar ul ul li a:hover{font-weight:bold;} #sidebar #searchsubmit {padding:1px;} /* End Sidebar */ /* 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 */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps {cursor:help;} acronym, abbr {border-bottom:1px dashed #999;} blockquote {margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd;} blockquote cite {margin:5px 0 0;display:block;} .center {text-align:center;} .hidden {display:none;} .screen-reader-text {position:absolute;left:-1000em;} hr {display:none;} a img {border:none;} .navigation {display:block;text-align:center;margin-top:10px;margin-bottom:60px;} /* End Various Tags & Classes*/ /* 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 */ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */ /* Gallery Script Start */ .center{height:auto;width:491px;margin:0 auto;padding:0px;position:relative;} .imageWrapper{position:relative;width:491px;height:258px;float:left;background-image:url(images/slider_bg.png);background-repeat:no-repeat;margin:0;} .staticImageHolder{width:491px;height:258px;position:absolute;top:6px;left:0px;margin:0;} div.wrapper {position:relative;width:491px;height:261px;padding:0px;overflow:hidden;} ul.wrapper {display:block;padding:0;margin:0;list-style:none;} .wrapper li {display:block;float:left;padding:0;} .wrapper a {display:block;text-decoration:none;} .articleHolder {height:258px;float:left;display:inline;margin:0px;width:491px;} #leftArrow{border:0px;background-image:url(images/left_arrow.png);background-repeat:no-repeat;width:25px;height:26px;position:absolute;top:120px;left:-35px;} #rightArrow{border:0px;background-image:url(images/right_arrow.png);background-repeat:no-repeat;width:25px;height:26px;position:absolute;top:120px;right:-35px;} /* Gallery Script End */ #footer {background:#e7e7e7 url('images/footer-bg.jpg') no-repeat;border:none;margin:0 auto;width:991px;clear:both; height:77px;} #footer ul{padding:50px 0 0 0;margin:0 0 0 300px} #footer ul li{ float:left; font-size:12px; text-align:center;margin:0 10px 0 10px;} #footer ul li a{color:#3d3d3d;} #footer ul li a:hover{ text-decoration:underline;}