<style type="text/css">      /********** REMOVE THIS WHOLE BLOCK TO SHOW THE BLOGGER NAVBAR ************      **                                                                       **      **/     #navbar-iframe {height:0px;visibility:hidden;display:none}      /**      **                                                                       **      ***************************************************************************body {margin-top: 9px !important}*/* {    padding: 0;    margin: 0;    }img {    border: 0;    }body {    font: 81.0% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */    color: #444;    background: #FCFCFC;
    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: 846px;    /*_width: 801px;*/ /* IE hack */    border: 1px solid #FCFCFC;    border-top: none;    }* html #page { width: 836px } /* IE hack */#headr {    padding: 0;    margin: 0;    position: relative;    height: 90px;    background: url('http://oolablog.oolsen.net/images/oolabl_hdr.jpg') left center no-repeat;    }#primary {
    font: 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;    width: 566px;    /*_width: 566px;*/ /* 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: 10px 0;    margin: 0 0 20px 630px;    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: 2,8em;    font-weight: bold;    letter-spacing: -1px;    margin: 0;    padding: 36px 0 0 36px;    }h1, h1 a, h1 a:hover, h1 a:visited,#headr .description {    text-decoration: none;    color: #666666;    }h1:hover {    text-decoration: underline;    }#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.1em;    font-weight: normal;    padding: 0;    display: inline;    }#primary h3, #primary h4, .permalink #primary .aside h3 { /* H3 is entry headlines */    font-size: 1.8em;    font-weight: normal;    letter-spacing: 0px;    display: inline;    color: #CDAD00;    }##primary h4, .permalink #primary .aside h3 { /* H4 is comments and replyform headlines */    font-size: 1.8em;    font-weight: normal;    letter-spacing: 0px;    display: inline;    }#primary .aside h3 {    font-size: 1.6em;    font-weight: normal;    }.itemhead {    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://oolablog.oolsen.net/images/comment.png') left center no-repeat;    margin-right: 10px;    }.chronodata {    padding: 2px 0 2px 20px ;    background: url('http://oolablog.oolsen.net/images/time1.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;    }.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://oolablog.oolsen.net/images/time1.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://oolablog.oolsen.net/images/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:visited {    color: #53868B;    }/*- Various Tags and Classes */.clear {    clear: both;    margin: 0;    padding: 0;    }#primary .itemtext img {    margin: 0 5px;    padding: 4px;    border: 0px;    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://oolablog.oolsen.net/images/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;    }

.secondary sidebar-links {    margin-left: 20;
    }/*- Search Form and Livesearch */input[type=text], textarea {    color: #444;    padding: 2px 0 2px 2px;    margin: 0;    }    </style>