/* Theme Name: WordPress Default 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 */ * { margin: 0; padding: 0; } html { background: #f2f2f2; } body { background: #f2f2f2 url('images/bg/body.gif') no-repeat top left; } body, input { font-size: 12px; /* Resets 1em to 10px */ font-family: Georgia, Verdana, Arial, Sans-Serif; color: #373737; } a { color: #7e379d; text-decoration: none; } a:hover { text-decoration: underline; } img { border: none; } .clear { font-size: 1%; float: none; clear: both; line-height: 1%; } /* Layouts */ .left-margin { margin-left: 100px; } #header { background: url(images/bg/line.gif) no-repeat 0 190px; } #header .left-margin { border-top: 3px solid #8f57a8; height: 223px; padding-top: 47px; } #header .left-margin p.description { width: 500px; margin-top: 24px; font-style: italic; } #header .left-margin a.logo { margin-top: 6px; } #header .left-margin { margin-bottom: 15px; } .home #header .left-margin { border-bottom: none; margin-bottom: 0; } #header .teasers { height: 240px; margin-bottom: 40px; } #header .teasers ul { list-style: none; } #header .teasers a { display: block; float: left; } #header .menu { height: 16px; margin-top: 47px; float: left; } #header .menu img { float: left; } .mini-profile { float: right; background: #fff; padding: 10px; position: relative; } .mini-profile .icons { float: left; width: 23px; } .mini-profile .icons a { margin-bottom: 10px; display: block; } .block-subscribe { float: right; background: #fff; padding: 10px; position: relative; height: 20px; width: 380px; margin-top: 40px; } .block-subscribe .rss { float: right; margin-top: 2px; } .block-subscribe .form { font-size: 11px; line-height: 10px; } .block-subscribe .form input.edit { font-size: 12px; padding: 1px 3px; width: 125px; float: left; } .block-subscribe .form input.btn { font-size: 10px; float: left; margin-left: 7px; padding: 2px; } #footer { background: #7e379d; color: #fff; padding: 20px; margin-top: 15px; margin-bottom: 85px; font-size: 10px; line-height: 19px; } #footer .feedback { float: right; } #footer p { color: #eee4f2; } #footer p b { color: #fff; } #footer p span { float: right; } #footer p a { color: #fff; text-decoration: underline; } #footer p a:hover { text-decoration: none; } #tags { border-top: 1px solid #bababa; margin-bottom: 20px; padding-top: 14px; } #tags a.handler { font-size: 11px; text-decoration: none; background: url(images/icon/arrow.gif) no-repeat center right; padding-right: 15px; } #tags a.handler-up { background-image: url(images/icon/arrow_up.gif); } #tags a.handler i { font-style: italic; border-bottom: 1px dotted #7e379d; } #tags a.handler:hover i { border-bottom: 1px solid #7e379d; } #tags .list a { font-style: italic; } /* 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 Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } /* End Entry Lists */ #page { width: 980px; margin: 0 auto; } /* Posts lists */ b.c { display: block; width: 3px; height: 3px; background-image: url(images/bg/corner.gif); position: absolute; } b.tl { background-position: top left; top: 0; left: 0; } b.tr { background-position: top right; top: 0; right: 0; } b.bl { background-position: bottom left; bottom: 0; left: 0; } b.br { background-position: bottom right; bottom: 0; right: 0; } .posts-list .post { width: 240px; background: #fff; padding: 20px; margin-top: 10px; position: relative; } .posts-list .post a.thumb { margin-bottom: 15px; display: block;} .posts-list .post h2 { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 10px; } span.date, p.date { color: #b5b5b5; font-size: 10px; } .posts-list .post .entry { line-height: 15px; margin-bottom: 10px; } p.meta { font-size: 10px; } p.meta a.cmnts { float: right; margin-left: 10px; padding-left: 12px; background: url(images/icon/comments.gif) no-repeat 0 4px; } .posts-list p.all { margin-left: 6px; margin-top: 15px; } .posts-list p.all a { padding-left: 13px; font-size: 10px; background: url(images/icon/arrow_all.gif) no-repeat center left; } .column { width: 280px; float: left; margin-right: 20px; } .column-last { margin-right: 0; } .column .column-title { margin-bottom: 27px; margin-top: 10px; } .column-right { float: right; margin-top: -10px; } .single-post { position: relative; } #content { background: #fff; padding: 20px; width: 635px; float: left; } #content .left-margin { margin-left: 80px; } p.main-title { margin: 0 0 25px 73px; font-size: 26px; } h1 { font-size: 30px; font-weight: bold; color: #000; margin-bottom: 20px; margin-top: 10px; } .single-page .entry p, .single-post .entry p { margin-bottom: 15px; } .single-post img.attachment-single-post-thumbnail { margin-bottom: 15px; } span.date { margin-right: 10px; } .comments-block { } .comments-block h3 { margin: 25px 0 25px 80px; padding-top: 25px; border-top: 1px solid #bababa; } .comments-block h3 img { margin-left: -16px; } dl.form { } dl.form dt { width: 95px; float: left; margin-bottom: 10px; } dl.form dd { margin-left: 100px; margin-bottom: 10px; } #recaptcha_widget_div { margin-top: -10px; margin-bottom: 10px; margin-left: 100px; } #recaptcha-submit-btn-area { margin-left: 100px; } .cancel-comment-reply { margin-bottom: 10px; font-size: 12px; } #cancel-comment-reply-link { font-size: 12px; } .commentlist { list-style: none; } .commentlist li { margin-bottom: 25px; list-style: none; } .commentlist li table td { vertical-align: top; } .commentlist li table td.num { width: 65px; padding-right: 15px; text-align: right; font-size: 30px; color: #d7d7d7; line-height: 30px; letter-spacing: 0px; } .commentlist li div.info { color: #a8a8a8; margin-top: 5px; font-size: 10px; } .commentlist li div.info a.comment-reply-link { margin-left: 10px; padding-left: 10px; background: url(images/icon/answer.gif) no-repeat center left; } .commentlist .children { margin-left: 120px; margin-bottom: 25px; margin-top: -10px; } .commentlist .children .children { margin-left: 40px; } .commentlist .children li { margin-bottom: 15px; } .commentlist li #respond { } .commentlist li #respond textarea { width: 95%; } /* Single Page */ #content.single-page { float: none; width: auto; padding: 20px 20px 20px 100px; position: relative; } #content.single-page h3, #content.single-page .left-margin { margin-left: 0; } h2.pagetitle { font-size: 24px; margin-bottom: 30px; margin-left: 100px; } span.wpcf7-not-valid-tip { font-size: 12px !important; } #tags-list { margin-top: 10px; }