/*

Theme Name: WordPress Default

Theme URI: http://wordpress.org/

Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.

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: Verdana, Arial, Sans-Serif;

    background: #d5d6d7 url('images/kubrickbgcolor.jpg');

    color: #61778D;

    text-align: center;

    }



#page {

    background-color: white;

    border: 1px solid #959596;

    text-align: left;

    margin:0 auto;

    height:100%;

    min-height:100%;

    }



#header {

    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;

    }



#headerimg     {

    /*margin: 7px 9px 0;*/

    height: 192px;

    width: 990px;

    }



#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;

    }



.alt {

    background-color: #f8f8f8;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    }



#footer {

    background: #eee url('images/kubrickfooter.jpg') no-repeat top;

    border: none;

    }



small {

    font-family: Arial, Helvetica, Sans-Serif;

    font-size: 0.9em;

    line-height: 1.5em;

    }



h1, h2, h3 {

    font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

    font-weight: bold;

    }



h1 {

    font-size: 2.4em;

    text-align: left;

    }



#headerimg .description {

    font-size: 1.0em;

    text-align: left;

    padding-left: 50px;

    }



h2 {

    font-size: 1.6em;

    }



h2.pagetitle {

    font-size: 1.6em;

    }



#sidebar h2 {

    font-family: Verdana, Sans-Serif;

    font-size: 1.2em;

    }



h3 {

    font-size: 1.3em;

    }



h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {

    text-decoration: none;

    color: #1D75A2;

    }



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

    color: #61778D;

    }



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;

    }



.commentlist li, #commentform input, #commentform textarea {

    font: 0.9em Verdana, Arial, Sans-Serif;

    }



.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: Verdana, Arial, Sans-Serif;

    }



.commentmetadata {

    font-weight: normal;

    }



#sidebar {

    font: 1em 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: #61778D;

    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 Verdana, Arial, Sans-Serif;

    text-align: center;

    }



#wp-calendar th {

    font-style: normal;

    text-transform: capitalize;

    }

/* End Typography & Colors */







/* Begin Structure */

body {

    margin: 0 0 0 0;

    padding: 0;

    }



#page {

    background-color: white;

    margin: auto;

    padding: 0;

    width: 990px;

    border: 1px solid #959596;

    }



#header {

    background-color: #73a0c5;

    margin: 0 0 0 0;

    padding: 0;

    height: 200px;

    width: 990px;

    }



#headerimg {

    margin: 0;

    height: 200px;

    width: 100%;

    }



.narrowcolumn {

    float: left;

    padding: 0 0 20px 45px;

    margin: 0px 0 0;

    width: 690px;

    }



.widecolumn {

    padding: 10px 0 20px 0;

    margin: 5px 0 0 50px;

    width: 690px;

    }



.post {

    padding: 5px 0 5px 0;

    text-align: justify;

    background: url(images/bg-dotted.gif) repeat-x left bottom;

    }



.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: 68px 0px 0px 0px;

    width: 990px;

    height: 127px;

    clear: both;

    }



#footer p {

    padding-top: 58px;

    text-align: center;

    }

/* End Structure */







/*    Begin Headers */

h1 {

    padding-top: 137px;

    padding-left: 50px;

    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";

    }



.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;

    }

/* 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;

    /*background: #d5d6d7 url('images/kubrickbgcolor.jpg');*/

    }



.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 textarea {

    width: 100%;

    padding: 2px;

    }



#commentform #submit {

    margin: 0;

    float: right;

    }

/* End Form Elements */







/* Begin Comments*/

.alt {

    margin: 0;

    padding: 10px;

    }



.commentlist {

    padding: 0;

    text-align: justify;

    }



.commentlist li {

    margin: 15px 0 3px;

    padding: 5px 10px 3px;

    list-style: none;

    }



.commentlist p {

    margin: 10px 5px 10px 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: 20px 0 10px 0;

    margin-left: 770px;

    width: 190px;

    }



#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;

    }



hr {

    display: none;

    }



a img {

    border: none;

    }



.navigation {

    display: block;

    text-align: center;

    margin-top: 20px;

    /*margin-bottom: 20px;*/

    }

/* 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;

}



/*------------------------------------------*/

#header ul {

  list-style: none;

}

#header .bar {

    width:700px;

    height:40px;

    background:url(images/bg-bar.jpg);

    position:absolute;

    margin-top: -170px;

    margin-left: 260px;

    }

    

#nav {

    float:left;

    font-size:16px;

    padding:8px 0 0 25px;

    margin:0 -100px 0 0;

    font-weight:bold;

    }

#nav li {

    float:left;

    padding:4px 0 0 9px;

    border-left:1px solid #fff;

    margin:0 45px 0 0;

    }

#nav a {color:#fff;}

#nav a:hover {color:#ff9000;text-decoration:none;}

#nav a.active {font-weight:bold;color:#ff9000;}



#header .bar .icons {

    float:right;

    padding:13px 26px 0 0;

    }

#header .bar .icons a {

    float:left;

    height:16px;

    margin:0 0 0 23px;

    }

#header .bar .home {

    width:14px;

    background:url(images/ico-home.gif);

    background-repeat:no-repeat;

}

#header .bar .email {

    width:16px;

    background:url(images/ico-email.gif);

    background-repeat:no-repeat;

}

/*.box {

    width:212px;

    margin:0 0 10px 0;

    }

.box .top,

.box .bottom {

    overflow:hidden;

    height:10px;

    width:100%;

    }

.box .top {background:url(../images/bg-sidebar-box-top.png);}

.box .bottom {background:url(../images/bg-sidebar-box-bottom.png);}

.box .block {

    background:url(../images/bg-sidebar-box.gif) repeat-y left;

    padding:0 10px 0 22px;

    overflow:hidden;

    }*/





/* 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." */

h1.single {
    color: #61778d;
    display: block;
    font-size: 19px;
    font-weight: 700;
    padding-left: 0px;
    padding-top: 10px;
    clear:left;
}

#headerimg .blogtitle {
    padding-top: 137px;
    padding-left: 50px;
}

#headerimg .blogtitle a {
    color: #1d75a2;
    font-family: "Trebuchet MS";
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
}

