/* 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 */ /* Begin Typography & Colors */ body {font-size:62.5%; /* Resets 1em to 10px */font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; background:#F7F9F8 url('images/bg.png') repeat-x; color:#333; text-align:center;} #page {background-color:white; border:1px solid #959596; text-align:left;} #header {} #headerimg {margin:7px 9px 0; height:150px;} #headerimg span {font-size:14px; color:#FFF; float:right; width:250px; text-align:center; line-height:40px; margin:30px 0 0;} #headerimg h1, #headerimg div {font-size:26px;} #headerimg a {color:#FFF; text-decoration:none;} #headerimg a:hover {color:#FFF; text-decoration:underline} #content {font-size:1.2em;} .widecolumn .entry p {font-size:1.05em;} .narrowcolumn .entry, .widecolumn .entry {line-height:1.4em;} .widecolumn {line-height:1.6em;} .narrowcolumn .postmetadata {text-align:center;} .narrowcolumn h1 {font-size:22px; padding:15px 0;} .thread-alt {background-color:#f8f8f8;} .thread-even {background-color:white;} .depth-1 {border:1px solid #ddd;} .even, .alt {border-left:1px solid #ddd;} #footer {background:url('images/foot-bg.jpg') top; border:none;} small {font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em;} h1, h2, h3, .title_header {font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:bold;} h1, .title_header {font-size:4em; text-align:left;} #headerimg .description {font-size:1.2em; text-align:center;} h2 {font-size:1.6em;} h2.pagetitle {font-size:1.6em;} #sidebar h2 {font-family:'Lucida Grande', Verdana, Sans-Serif; font-size:1.2em;} h3 {font-size:1.3em;} h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description, .title_header {text-decoration:none; color:white;} 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, #sidebar h2, #wp-calendar caption, cite {text-decoration:none;} .entry p a:visited {color:#b85b5a;} .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;} #sidebar {font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;} small, #sidebar ul ul li, #sidebar ul ol li, .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:underline;} #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;} #top-menu { float:left; width:700px; list-style:none; margin:0 !important;} #top-menu li {float:left; font-weight:bold; font-size:12px; margin:0 15px 0 0;} #top-menu li a{padding:0 15px; color:#FFF; text-decoration:none; line-height:53px; display:block; background:none; } #top-menu li a:hover{ background:url(/images/menu-hover.gif); } /* End Typography & Colors *//* Begin Structure */ body {margin:0; padding:0;} #page {margin:0 auto; padding:0; width:960px; border:1px solid #959596; background:url(images/bg-top.png) no-repeat !important;} #header {margin:0 0 15px; padding:0; height:205px; width:960px;} #headerimg {margin:0; width:906px; clear:both; padding:0 50px 0 0} .narrowcolumn {float:left; padding:0 10px 20px; margin:0; width:600px;} .narrowcolumn, .narrowcolumn a, .narrowcolumn h1, .narrowcolumn h2 {color:#636B75 !important;} .postmetadata a{color:#308C28 !important; text-decoration:underline;} .postmetadata a:hover {color:#636B75 !important; text-decoration:none;} .widecolumn {padding:10px 0 20px 0; margin:5px 0 0 150px; width:450px;} .post {margin:0 0 40px;} .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;} #footer {padding:0; margin:0 auto; width:100%; clear:both; height:123px} #footer p {margin:0; padding:20px 0; text-align:center;} /* End Structure *//* Begin Headers */ h1, .title_header {padding:30px 0 0; margin:0; float:left; width:600px; height:80%;} h2 {margin:15px 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'vethought?!) align the image to the right. And using 'class="centered',will of course center the image. This is much better than usingalign="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 ListsSpecial stylized non-IE bulletsDo 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 {} .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;} #sidebar ul, #sidebar ul ol {margin:0; padding:0;} #sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:15px;} #sidebar ul p, #sidebar ul select {margin:5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin:5px 0 0 10px;} #sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px;} ol li, #sidebar ul ol li {list-style:decimal outside;} #sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0; padding:0 0 0 10px; background:url(/images/list-style.gif) no-repeat scroll 0 8px; line-height:20px; font-size:12px;} #sidebar ul ul li a, #sidebar ul ol li a {color:#636B75;} #sidebar ul ul li a:hover, #sidebar ul ol li a:hover {color:#308C28;} .b_p {border:1px solid #FFF; padding:10px} /* End Entry Lists *//* Begin Form Elements */ #searchform {margin:10px auto; padding:px 3px; text-align:center; float:right;} #sidebar #searchform #s {width:108px; padding:2px;} #sidebar #searchsubmit {padding:1px;} .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:2px; float:right; width:310px; background:#E0E1E3; margin:15px 0 0;} #sidebar form {margin:0;} /* 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." */ /*style*/ .entry a{text-decoration:underline;} .entry ul li{background:url(/images/list-style.gif) no-repeat scroll 0 6px; padding:0 0 0 18px} .fl {float:left;} .fr {float:right;}