/*
Description: theme based on http://binarybonsai.com/kubrick/
Version: 1.6sec
Author: Michael Heilemann
Author URI: http://binarybonsai.com/

    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: #e7e7e7 url('/img/back.png');
    color: #333;
    text-align: center;
}

#page {
    background-color: white;
    border: 1px solid #959595;
    text-align: left;
}

#page {
    background: url("/img/trunk.png") repeat-y top; border: none;
}

#header {
    background: #e7e7e7 url('/img/head.png') no-repeat bottom center;
}

#content {
    font-size: 1.2em;
}

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
}

#footer {
    background: #e7e7e7 url('/img/foot.png') no-repeat top;
    border: none;
}

h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
}

h1 {
    font-size: 4em;
    text-align: center;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: #222288;
}

.entry p a:visited {
    color: #b85b5a;
}

#sidebar {
    font: 1.15em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
}

a, h2 a:hover, h3 a:hover {
    color: #06c;
    text-decoration: none;
}

a:hover {
    color: #147;
    text-decoration: underline;
}
/* End Typography & Colors */

/* Begin Structure */
body {
    margin: 0 0 20px 0;
    padding: 0;
}

#page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 760px;
    border: 1px solid #959596;
}

#header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 758px;
}

.narrowcolumn {
    display:inline;
    float: left;
    padding: 0 0 20px 30px;
    margin: 0px 0 0;
    width: 430px;
}

.clear {
    clear: both;
}

#footer {
    padding: 0;
    margin: 0 auto;
    width: 760px;
    clear: both;
}

#footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
}
/* End Structure */

/*	Begin Headers */
h1 {
    padding-top: 60px;
    margin: 0;
}
/* End Headers */

#sidebar ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
}

.entry form {
/* This is mainly for password protected posts, makes them look better. */
    text-align:center;
}

/* Begin Sidebar */
    #sidebar
{
    background-color: #f3f3f3;
    padding: 20px 10px 10px 20px;
    margin-left: 10px;
    width: 250px;
}
/* End Sidebar */

/* Begin Button inspired by http://somadesign.ca/demos/buttons.html */
a.button {
    text-decoration: none;
    border-color:rgba(0, 0, 0, 0.56);
    cursor: pointer;
    outline: none;
    color:#111;
    font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Segoe UI",Verdana,sans-serif;
    display:inline-block;
    vertical-align:top;
    position:relative;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    background-color:#aaa;
    background: #aaa -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
    background: #aaa -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
    text-shadow:1px 1px 0 rgba(255,255,255,.67);
    line-height:24px;
    height:24px;
    margin:0 0 24px 12px;
    width:75px;
    padding:0;
/** Make the text unselectable **/
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

a.button, a.button:after, a.button:before {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border-width:1px;
    border-style:solid;
}

a.button:after, a.button:before {
    display:block;
    position:absolute;
    content:' ';
}

a.button:before {
    border-color: #FFF rgba(255,255,255,.25) rgba(255,255,255,.25);
    left:0;
    top:0;
    width:73px;
    height:22px;
}

a.button:after {
    border-color: transparent transparent rgba(255, 255, 255, 0.63);
    left:-1px;
    bottom:-2px;
    height:100%;
    width:100%;
}

a.button:hover, a.button:focus {
    background-image:-moz-linear-gradient(top, rgba(255,255,255,.9), rgba(255,255,255,0.2));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.9)), to(rgba(255,255,255,0.2)));
}

a.button:active {
    background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75,.4)), to(rgba(255,255,255,.4)));
    line-height:26px;
}

a.button:active:before {
    border-color: rgba(255, 255, 255, 0.11) rgba(255, 255, 255, 0.23) rgba(255, 255, 255, 0.27);
}

a.button.bg {
    -webkit-transition: all .185s linear;
    -moz-transition: all .185s linear;
}

a.button.bg, a.button.bg:hover, a.button.bg:focus {
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
}

a.button.bg:hover, a.button.bg:focus {
    background-color:#a8c0cb;
}

a.button.bg:active {
    background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75,.4)), to(rgba(255,255,255,.4)));
}

/* Lengths */
a.button.short {
    width:50px;
}

a.button.short:before {
    width:48px;
}

a.button.long {
    width:125px;
}

a.button.long:before {
    width:123px;
}

a.button.super, button.super {
    width:200px;
}

a.button.super:before, button.super:before {
    width:198px;
}

a.button.crazy {
    width:250px;
}

a.button.crazy:before {
    width:248px;
}

/* Colors/Styles */
a.button.blue {
    background-color:#9eb4bf;
}

a.button.darkblue {
    background-color:#046;
    color:#fff;
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
}

a.button.red {
    background-color:#900;
    color:#fff;
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
}

a.button.red:before {
    border-top-color:rgba(255,255,255,.5);
}

a.button.green {
    background-color:#86bf7c;
}

a.button.pill, a.button.pill:before, a.button.pill:after {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}

a.button.black {
    background-color:#000;
    color:#fff;
    text-shadow:-1px -1px 0 rgba(0,0,0,.3);
}

a.button.black:before {
    border-top-color:rgba(255,255,255,.67);
}

a.button.sharp {
    background-image:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,.33) 50%, transparent 50%, transparent 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
        from(rgba(255,255,255,.75)),
        color-stop(0.5, rgba(255,255,255,.33) ),
        color-stop(0.5, transparent ),
        to(transparent)
    );
    background-repeat:repeat-x;
}

a.button.sharp:hover, a.button.sharp:focus {
    background-image:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,.4) 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
        from(rgba(255,255,255,.75)),
        color-stop(0.5, rgba(255,255,255,.67) ),
        color-stop(0.5, rgba(255,255,255,.33) ),
        to( rgba(255,255,255,.15) )
    );
}

a.button.sharp:active {
    background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
    background-image:-moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0) 50%, rgba(255,255,255,.25) 50%, rgba(255,255,255,.33) 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
        from(rgba(255,255,255,.75)),
        color-stop(0.5, rgba(255,255,255,.67) ),
        color-stop(0.5, rgba(255,255,255,.33) ),
        to( rgba(255,255,255,.15) )
    );
}
/* End Button */

.center {
    text-align: center;
}

.hidden {
    display: none;
}

hr {
    display: none;
}

a img {
    border: none;
}

input.req {
    background-color: #fffcc0;
}

textarea, input, input.req:focus {
    border: #546c6d 1px solid;
    background-color: transparent;
    font-size: 12px;
    font-family: monospace;
}

input.check {
    border: transparent 0px solid;
}

#sidebar {
    float: left;
    display: inline;
}

td.l {
    width: 120px; vertical-align: top;
}

td.h {
    width: 0; display: none;
}

td.r {
    width: 70%;
}

pre {
    font-size: 1.2em; padding-left: 5px;
}