/*
Theme Name: K2
Author: Michael Heilemann & Chris J Davis
Author URI: http://binarybonsai.com/
 
 
         |  /_  )
         . <   /
        _|\_\___|
 
        http://getk2.com/
 
        This theme was created by Michael Heilemann:
        http://binarybonsai.com/
 
        Chris J. Davis:
        http://www.chrisjdavis.org/
 
        Zeo
        http://zeo.unic.net.my/
       
*/
 
/*- Page Structure */
 
* {
        padding: 0;
        margin: 0;
        }
 
img {
        border: 0;
        }
 
body {
        font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
        color: #444;
        background: #EDEDED;
        text-align: center;
        margin: 0 0 30px;
        }
 
#page {
        background: white;
        text-align: left;
        margin: 0 auto;
        padding: 20px 0 10px;
        position: relative;
        /* The entire template's width is set in this class. */
        width: 580px;
        /*_width: 740px;*/ /* IE hack */
        border: 1px solid #ddd;
        border-top: none;
        }
 
* html #page { width: 770px } /* IE hack */
 
 
#headr {
        padding: 0;
        margin: 0;
        position: relative;
        height: 150px;
       
background: white url('http://www.timwill.com/topimage.jpg');
}
        }
 
#primary {
        width: 500px;
        /*_width: 500px;*/ /* IE Hack */
        float: left;
        padding: 20px 0 10px;
        margin: 0 10px 0 30px;
        /*_margin: 0 20px 0 15px;*/ /* IE Hack */
        display: inline;
        }
 
.secondary {
        font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
        padding: 100px 0;
        margin: 0 0 20px 71%;
        width: 26%;
        color: #666;
        position: relative;
        /* The following are IE Fixes */
        /*_padding: 30px 0 10px;
        _margin-left: 0%;
        _margin-right: -4%;
        _width: 26.5%;*/ /* IE hack */
        }
 
/* For the flexible-width setting. */
body.flex #primary  { width: 65% }
.flex .secondary { width: 25% }
 
.comments {
        text-align: left;
        padding: 30px 0 0;
        position: relative;
        }
 
/*- Main Menu in Header */
 
ul.menu {
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        left: 20px;
        width: 90%;
        }
 
ul.menu li {
        display: inline;
        margin: 0;
        }
 
ul.menu,
ul.menu li a {
        padding: 5px 15px 6px;
        }
 
ul.menu li a {
        font: 1em Verdana, Helvetica, Arial, Sans-Serif;
        color: white;
        margin: 0;
        }
 
ul.menu li a:hover {
        background: #333;
        color: #eee !important;
        text-decoration: none;
        }
 
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
        color: #333 !important;
        background: white;
        text-decoration: none;
        }
 
       
a img,:link img,:visited img { border:none }
 
 
/*- Headings */
 
h1, h2, h3, h4 {
        font-family: 'Trebuchet MS', Verdana, Sans-Serif;
        }
 
h1 { /* H1 is used for the title of your blog */
        font-size: 1em;
        font-weight: bold;
        letter-spacing: -1px;
        margin: 0;
        padding: 75px 0 0 40px;
        }
 
h1, h1 a, h1 a:hover, h1 a:visited,
#headr .description {
        text-decoration: none;
        color: white;
        }
 
h1:hover {
        text-decoration: underline;
        }

.itemtext {
margin: 0px 35px 0px 35px;}

 
#headr .description { /* Blog description, under blog title */
        font-size: 1em;
        margin: 0 0 0 40px;
        display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
        }
 
.pagetitle { /* Used on static pages and archives */
        text-align: center;
        margin: 15px 0 15px;
        }
 
.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
        font-size: 2.4em;
        font-weight: bold;
        letter-spacing: -1px;
        text-align: center;
        display: inline;
        }
 
.secondary h2 { /* Secondary H2 is sidebar headlines */
        font-size: 1.5em;
        font-weight: normal;
        padding: 0;
        display: inline;
        }
 
#primary h3, #primary h4, .permalink #primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
        font-size: 1.5em;
        font-weight: normal;
        letter-spacing: 0px;
        display: inline;
        }
 
#primary .aside h3 {
        font-size: 1.6em;
        font-weight: normal;
        }
 
.itemhead {
        margin-left: 35px;
        margin-top: 10px;
        }
 
.itemtext h3 { /* For use on Pages */
        font-size: 1.7em;
        display: block;
        padding: 15px 0 0;
        }
 
.itemtext h4 { /* For use on Pages */
        font-size: 1.5em;
        display: block;
        padding: 15px 0 0;
        }
 
.secondary div {
        margin: 20px 0 0;
        padding: 0;
        }
 
.secondary div div div {
    margin: 0;
    }
       
#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
        color: #999;
        font-weight: normal;
        }
 
#primary .item .itemhead .metalink, .comments #primary .metalink {
        font-size: 1.8em;
        letter-spacing: -1px;
        text-transform: lowercase;
        margin-left: 15px;
        }
 
#primary .aside .itemhead .metalink {
        font-size: 1.4em;
        }
 
.permalink #primary .aside .itemtext {
        font-size: 1.4em;
        color: #999;
        }
 
.comments #primary .metalink {
        margin: 0 15px 0 0;
        float: none;
        }
 
.feedicon { /* Next to Comment Section Headline */
        border: 0 !important;
        padding: 0 !important;
        }
 
.feedlink img { /* On the sidebar */
        height: 16px;
        width: 16px;
        border: none;
        position: absolute;
        right: 0;
        }
 
#primary .aside {
        padding: 8px;
        margin: 0 4%;
        }
 
.secondary .aside {
        margin: 0;
        padding: 0 0 10px;
        word-spacing: -1px;
        }
 
.secondary .aside .metalink {
        padding-left: 0px;
        }
 
.secondary span a {
        margin-left: 10px;
        }
 
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
        color: #444;
        }
 
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
        text-decoration: none;
        }
 
.metadata { /* Time and category for blog entries */
        font-size: 1em;
        display: block;
        margin-top: 2px;
        color: #bbb;
        }
 
.metadata a, .commentmetadata a {
        color: #777;
        }
 
.commentslink {
        padding: 2px 0 2px 20px;
        background: url('http://photos1.blogger.com/blogger/5442/340/1600/comment.png') left center no-repeat;
        margin-right: 10px;
        }
 
.chronodata {
        padding: 2px 0 2px 20px ;
        background: url('http://photos1.blogger.com/blogger/5442/340/1600/time.1.png') left center no-repeat;
        }
 
/*- Primary Contents */
 
#primary .item {
        margin: 0;
        padding: 5px 0 15px;
        position: relative;
        }
 
#primary .item .itemtext {
        font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
        text-align: justify;

        color: #444;
        }
 
#primary .item .itemtext p,
#primary .item .itemtext ul,
#primary .item .itemtext ol,
#primary .item .itemtext div,
#primary .item .itemtext blockquote {
        margin: 13px 0 0 30px;;
        }
 
 
.comments #commentlist {
        margin: 0;
        padding: 10px 0 20px;
        position: relative;
        }
 
.comments #commentlist li {
        margin: 10px 0;
        padding: 10px 10px 5px;
        list-style: none;
        }
 
.comments #commentlist .commentmetadata {
        padding: 2px 0 2px 20px;
        background: url('http://photos1.blogger.com/blogger/5442/340/1600/time.1.png') left center no-repeat;
        display: block;
        }
 
.comments #commentlist li img {
        padding: 0;
        border: none;
        }
 
 
.comments #commentlist li .commentauthor {
        font-size: 1.5em;
        font-weight: bold;
        letter-spacing: -1px;
        }
 
.comments #commentlist li .counter {
        display: none;
        font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
        color: #999;
        float: left;
        width: 35px;
        }
 
.comments #commentlist li.authorcomment {
        background: #f6f7f8;
        }
 
.comments #commentlist li.authorcomment blockquote {
        color: #333;
        background: #f6f7f8 url('http://photos1.blogger.com/blogger/5442/340/1600/quote.png') no-repeat 10px 0;             
        }
       
.comments #pinglist {
        font-size: 1.2em;
        padding: 0;
        margin: 10px 0 10px;
        background: #f6f7f8;
        }
 
.comments #pinglist li {
        margin-left: 40px;
        padding: 7px 0;
        list-style: none;
        }
 
.comments #pinglist li .commentauthor {
        font-weight: bold;
        display: block;
        }
 
.comments #pinglist li small {
        font: .8em Arial, Sans-Serif;
        display: block;
        }
 
.comments #pinglist li .counter {
        display: none;
        }
 
.comments #pinglist li span.favatar img {
        margin-left: -25px;
        border: none;
        padding: 0;
        float: left;
        }
 
.comments #pinglist li img {
        padding: 0;
        border: none;
        }
       
.comments #leavecomment, .comments #loading {
        text-align: center;
        margin: 30px 0 20px !important;
        color: #ddd;
        font-size: 2em;
        letter-spacing: -2px;
        }
 
.comments #loading {
        margin-top: 20px !important;
        }
 
.comments form {
        clear: both;
        padding: 1px 0 10px;
        margin: 0;
        }
 
input[type=text], textarea {
        font: 1em Verdana, Arial, Helvetica, Sans-Serif;
        padding: 3px;
        color: #777;
        }
 
input[type=text]:focus, textarea:focus {
        background: #fff;
        color: #333;
        border-color: #666;
        }
 
.comments form input[type=text] {
        width: 45%;
        margin: 5px 5px 1px 0;
        }
 
.comments form textarea {
        height: 250px;
        padding: 2px;
        width: 100%;
        margin: 10px 0;
        /*_width: 98.5%;*/ /* IE hack */
        }
 
.comments form #submit {
        margin: 0;
        float: right;
        }
 
#footer {
        margin-top: 20px;
        text-align: center;
        }
 
#footer a {
        color: #888;
        border-bottom: 1px solid #ccc;
        font-weight: bold;
        }
 
#footer a:hover {
        border: none;
        text-decoration: none;
        color: black;
        }
 
/*- Links */
 
#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
        text-decoration: underline;
        }
 
h2 a:hover, h2 span a:hover {
        color: #27d !important;
        }
 
a {
        color: #27d;
        text-decoration: none;
        }
 
.itemtext a {}
.itemtext a:visited {
        color: #b41;
        }
 
/*- Various Tags and Classes */
 
.clear {
        clear: both;
        margin: 0;
        padding: 0;
        }
 
#primary .itemtext img {
/* -MAIN FORMATTING PART-
20px is where the text starts 34 pix is where the text ends */
        margin: 0 20px 0 0px;
        padding: 4px;
        border: 1px solid #ccc;
        max-width: 100%;
        }
 
.center {
        text-align: center;
        }
 
small {
        font-size: .9em;
        line-height: 1.5em;
        }
 
small, strike {
        color: #777;
        }
       
code {
        font: 1.1em 'Courier New', Courier, Monospace;
        }
 
acronym, abbr {
        font-size: 0.9em;
        letter-spacing: .07em;
        border-bottom: 1px dashed #999;
        cursor: help;
        }
 
blockquote {
        margin: 20px 0;
        padding: 0 20px 0 50px;
        color: #333;
        background: #fff url('http://photos1.blogger.com/blogger/5442/340/1600/quote.png') no-repeat 10px 0;
        border: none;
        }
 
hr {
        display: none;
        }
 
 
/*- Begin Lists */
.itemtext ol, .itemtext ul {
        padding: 0 0 0 35px;
        margin: 0;
        }
 
.itemtext ol li, .itemtext ul li {
        margin: 0 0 3px;
        padding: 0;
        }
 
.secondary div p {
        margin-top: 0.5em;
        }
 
/*.secondary ul, .secondary ol {
        margin: 5px 0 0;
        padding-left: 0;
        }*/
 
.secondary ul, .secondary ol, .secondary div div {
        margin: 5px 0 0;
        padding-left: 0;
        }
 
.secondary ul {
        /*_margin-left: 0px;*/ /* IE Hack */
        }
 
.secondary ol {
        margin-left: 15px;
        }
 
.secondary ul li, .secondary ol li {
        margin: 0;
        padding: 1px 0;
        }
       
.secondary ul li {
        list-style-type: none;
        list-style-image: none;
        }
 
ol li {
        list-style: decimal outside;
        }
 
/*- Search Form and Livesearch */
 
 
input[type=text], textarea {
        color: #444;
        padding: 2px 0 2px 2px;
        margin: 0;
        }