/* 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:Arial, Sans-Serif; background:#d5d6d7; color:#333; text-align:center;} #page {background-color:white; border:1px solid #959596; text-align:left; -moz-border-radius:8px 8px; -webkit-border-radius:8px 8px;} #header {/*background:#73a0c5 url(images/kubrickheader.jpg) no-repeat bottom center;*/ -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0;} #headerimg {margin:7px 9px 0; height:192px; width:740px;} #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;} .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:#eaeaea; border:none; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px;} small {font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em;} h1, h2, h3 {font-family:Arial, Sans-Serif; font-weight:bold;} h1 {font-size:4em; text-align:center;} #headerimg .description {font-size:1.2em; text-align:center;} h2 {font-size:1.6em;} h2.pagetitle {font-size:1.6em;} #sidebar h2 {font-family:arial, Sans-Serif; font-size:1.1em;} h3 {font-size:1.3em;} h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration:none; color:white;} h2, h3 {color:#333;} h2 a, h2 a:visited, .post_bilassoc a {color:#014C99; } .post_bilassoc h2 a:hover {color:#f96d16;} h3 a, h3 a:visited {color:#f96d16; } 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;} #post_categ h3 {font-size:0.8em;} .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 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:Arial, Sans-Serif;} .commentmetadata {font-weight:normal;} #sidebar {/*font:1em Arial, Sans-Serif;*/ font-size:1.2em;} 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 {text-decoration:none; color:#f96d16; /*color:#014C99*/} h3 a:hover {text-decoration:none; color:#014C99; /*color:#014C99*/} 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 Arial, Sans-Serif; text-align:center;} #wp-calendar th {font-style:normal; text-transform:capitalize;} .post_ptags {display:none;} .post_ptags a {color:#bbb;} #sidebar a, #sidebar a:hover {color:#014C99} /* End Typography & Colors */ /* Begin Structure */ body {margin:0 0 20px 0; padding:0;} #page {background-color:white; margin:20px auto; padding:0; width:960px; border:0px solid #959596;} #header {position:relative; background-color:#fff; margin:0 0 0 1px; padding:0; height:160px; /*width:758px;*/} #headerimg {margin:0; height:200px; width:100%;} .narrowcolumn {float:left; margin:0px 0 0; width:569px; width:630px; } .narrowcolumn .content_int {padding:0 30px 20px 30px;} .widecolumn {padding:10px 0 20px 0; margin:5px 0 0 150px; width:450px;} .post {margin:0 0 40px; text-align:justify;} .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:10px 0 0 0; margin:0 auto; clear:both; font-size:1.2em; text-align:center;} #footer p {margin:0; padding:0; text-align:center;} #footer ul {margin:0; padding:3px 0 0 0;} #footer li {/*float:left; margin:0 15px 0 0;*/ display:inline; margin:0 auto; padding:0 5px;} #footer a {color:#014C99;} /* End Structure */ /* Begin Headers */ h1 {padding-top:70px; margin:0;} 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 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";} #sidebar #side_lien li.linkcat:before {content:"";} */ .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;} /* Begin Sidebar */ #sidebar {float:right; padding:20px 0 10px 0; /*margin-left:630px;*/ width:330px; background:#eaeaea; -moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; } #sidebar #sidebarul {padding:0 20px 0 20px;} #sidebar form {margin:0;} #sidebar #newtagcloud {padding:5px 10px;} /* End Sidebar */ #sidebar ul, #sidebar ul ol {margin:0; padding:0;} #sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:25px; background:#fff; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #sidebar ul p, #sidebar ul select {margin:5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin:5px 0 0 5px;} #sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 0px;} ol li, #sidebar ul ol li {list-style:decimal outside;} #sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0; padding:0;} #sidebar ul ul li {background:url(images/chevrons.gif) 0 5px no-repeat; padding:0 0 0 10px;} #sidebar #side_lien {} #sidebar #side_lien li {background:none; padding:0; *margin:0 0 25x 40px;} #sidebar #side_lien ul ul li {background:url(images/chevrons.gif) 0 5px no-repeat; padding:0 0 0 10px;} /* #sidebar #side_lien>ul {margin:5px 0 0 0px;} #sidebar #side_lien h2 {padding-top:3px;} */ /* End Entry Lists */ /* Begin Form Elements */ #searchform {margin:10px auto; padding:5px 3px; text-align:center;} #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 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." */ /************************************ __HEADER *************************************/ #header h1 {float:left; /*display:none;*/ padding:10px 0 0 10px;} #header h2 {/*float:left;*/ display:none;} #header .powered {float:right; margin:5px 10px 0 0;} .header .block_nav {/*clear:both;*/ width:607px; float:left; /*margin:68px 0 0 0;*/ position:absolute; bottom:0; left:10px;} .header .block_nav_int {min-height:46px;} .header .block_nav .nav_main {position:relative; min-height:35px; background:#cb3d0a url(images/nav_main_bg.gif) 0 0 no-repeat;} * html .header .block_nav .nav_main {height:35px; height:46px;} .header .block_nav .nav_main ul {margin:0; padding:0;} .header .block_nav .nav_main ul li {float:left; color:#ebebeb; font-size:11px; text-transform:uppercase; list-style-type:none; margin:0; padding:0;} .header .block_nav .nav_main ul li a {display:block; margin:0; font-size:11px; text-decoration:none;} .header .block_nav .nav_main ul li a strong {display:block; padding:4px 12px 7px 4px; color:#ebebeb;} .header .block_nav .nav_main ul li a.item_1 strong, .header .block_nav .nav_main ul li a.item_1 span, .header .block_nav .nav_main ul li a.item_1 {height:35px; margin:0; padding:0; background:#fff;} .header .block_nav .nav_main ul li a span {display:block; padding:6px 5px 4px 22px; background:url(images/nav_main_picto.gif) 0px 1px no-repeat;} .header .block_nav .nav_main ul li a.item_2 span {background-position:-595px 1px;} .header .block_nav .nav_main ul li a.item_3 span {background-position:-1200px 1px;} .header .block_nav .nav_main ul li a.item_4 span {background-position:-1797px 1px;} .header .block_nav .nav_main ul li a.item_5 span {background-position:-2401px 3px;} .header .block_nav .nav_main ul li.on a, .header .block_nav .nav_main ul li a:hover, .header .block_nav .nav_main ul li a:focus {background:url(images/nav_main_hover.gif) 0 0 no-repeat; text-decoration:none;} .header .block_nav .nav_main ul li.on a strong, .header .block_nav .nav_main ul li a:hover strong, .header .block_nav .nav_main ul li a:focus strong {background:url(images/nav_main_hover.gif) 100% 0 no-repeat; color:#000;} .header .block_nav .nav_main ul li a.item_1:hover span, .header .block_nav .nav_main ul li a.item_1:focus span, .header .block_nav .nav_main ul li.on a.item_1 span {background-position:0 -125px;} .header .block_nav .nav_main ul li a.item_2:hover span, .header .block_nav .nav_main ul li a.item_2:focus span, .header .block_nav .nav_main ul li.on a.item_2 span {background-position:-595px -125px;} .header .block_nav .nav_main ul li a.item_3:hover span, .header .block_nav .nav_main ul li a.item_3:focus span, .header .block_nav .nav_main ul li.on a.item_3 span {background-position:-1200px -125px;} .header .block_nav .nav_main ul li a.item_4:hover span, .header .block_nav .nav_main ul li a.item_4:focus span, .header .block_nav .nav_main ul li.on a.item_4 span {background-position:-1797px -125px;} .header .block_nav .nav_main ul li a.item_5:hover span, .header .block_nav .nav_main ul li a.item_5:focus span, .header .block_nav .nav_main ul li.on a.item_5 span {background-position:-2401px -123px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .header .block_nav .nav_main ul li a {font-size:11px;} .header .block_nav .nav_main ul li a span {padding:6px 5px 4px 20px;} } /* post */ .post_categ h3 {display:inline;} .post_head h2 {font-size:2em;}