Back to Nature Blogger Template



Pulang kuliah seng iseng "ngrakit" template blogspot, eh... ternyata jadi juga....
Pas dicoba langsung di blog gak ada masalah...
Ya udah, kenapa gak sharing aja...
he... :D


Lihat DemoDownload via Ziddu
Download via Mediafire

Buat temen temen yang tertarik dengan template tersebut bisa mendownloadnya lewat link yang udah tersedia...
Atau, kalau pas lagi ogah download bisa copy scriptnya...

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title><data:blog.pageTitle/></title>
    <b:skin>
      <![CDATA[
/* begin Page */
        
        /* Generated with Artisteer version 2.3.0.25189, file checksum is 54186DD7. */
        
        body
        {
         margin: 0 auto;
         padding: 0;
         background-color: #252C32;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDpIHLs8IJjSTW57kvobUbaLjXQQ4X9fj9AhVThAnTD18IsjJ7_By56XDpcbTH4fxHmRGAuiLv0X8N9WTGtHgiGBXtOY0geKOIGQj__1MtKos8ZA1gYhYhXrzrQVKcWqarFl-4fYNQ_fF7/s320/Page-BgTexture.jpg');
         background-repeat: repeat;
         background-attachment: scroll;
         background-position: top left;
        }
        
        #art-main
        {
         position: relative;
         width: 100%;
         left: 0;
         top: 0;
        }
        
        
        
        
        #art-page-background-gradient
        {
         background-position: top left;
        }
        
        
        .cleared
        {
         float: none;
         clear: both;
         margin: 0;
         padding: 0;
         border: none;
         font-size:1px;
        }
        
        
        form
        {
         padding:0 !important;
         margin:0 !important;
        }
        
        table.position
        {
         position: relative;
         width: 100%;
         table-layout: fixed;
        }
        
        
        
        
        #navbar
        {
            position: relative;
            z-index:10;
        }
        #comments{
            padding:0 15px 15px 15px;
        }
        
        #ArchiveList ul li 
        {
            text-indent: -10px !important;
            padding:0 0 0 15px;
        }
        
        
        
        .profile-datablock, .profile-textblock {
            margin:0 0 .75em;
            line-height:1.4em;
        }
        .profile-img {
            float: left;
            margin-top: 0;
            margin-right: 5px;
            margin-bottom: 5px;
            margin-left: 0;
            border: 5px solid #889977;
        }
        .profile-data {
            font-weight: bold;
        }
        
        .blog-pager{
            margin-left:15px;
        }
        
        .post-feeds{
            margin-left:15px;
        }
        
        .blog-feeds
        {
           margin-left:15px;
        }
        
        /* for Blogger Page Elements */
        
        body#layout div.art-Header{
          height: auto;
          width: 100%;
        }
        body#layout .art-contentLayout{
          margin-top: 18px;
          padding-top: 2px;
          width: 100%
        }
        
        body#layout .art-Sheet{
          width: 100%;
        }
        
        body#layout .art-Footer{
          width: 100%;
        }
        
        body#layout .art-sidebar1{
          width: 25%;
        }
        
        body#layout .art-sidebar2{
          width: 25%;
        }
        
        body#layout .art-content{
          width: 50%;
        }
        
        body#layout .art-Footer .art-Footer-text{
          height: 85px;
        }
        
        body#layout .art-BlockContent-body{
          padding: 0;
        }
        
        body#layout .art-Block-body{
            padding: 0;
        }
        
        body#layout .art-nav{
            height: auto;
        }
        
        /* search results  */
        
        #uds-searchControl .gsc-results, #uds-searchControl .gsc-tabhActive
        {
            background-color: transparent !important;
        }/* end Page */
        
        /* begin Box, Sheet */
        .art-Sheet
        {
         position:relative;
         z-index:0;
         margin:0 auto;
         width: 900px;
         min-width:65px;
         min-height:65px;
        }
        
        .art-Sheet-body
        {
         position: relative;
         z-index: 1;
         padding: 12px;
        }
        
        .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
        {
         position:absolute;
         z-index:-1;
        }
        
        .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
        {
         width: 92px;
         height: 92px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_kHL2VtqLCovu2hwOAx51hP6hyhC1qfVLRkH2-BIJKF7BG2wWhOUcUInpjUwgZijJusR-toW47HWhwibp2I3fbOSnR8G3c-5rAulMosSIqwO2q_8trbltVMvOT6IMdFZsb7ZgH1nTUfCD/s320/Sheet-s.png');
        }
        
        .art-Sheet-tl
        {
         top:0;
         left:0;
         clip: rect(auto, 46px, 46px, auto);
        }
        
        .art-Sheet-tr
        {
         top: 0;
         right: 0;
         clip: rect(auto, auto, 46px, 46px);
        }
        
        .art-Sheet-bl
        {
         bottom: 0;
         left: 0;
         clip: rect(46px, 46px, auto, auto);
        }
        
        .art-Sheet-br
        {
         bottom: 0;
         right: 0;
         clip: rect(46px, auto, auto, 46px);
        }
        
        .art-Sheet-tc, .art-Sheet-bc
        {
         left: 46px;
         right: 46px;
         height: 92px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ms62Aa33F-MUaid0FbzoMW7h_Uvi3XocyuKMa3W_2OAH5ygqBbdfl3VqKfs8LCaqc7scD8MRjXFX-6HKb3G-AokdOb5_L937MxWYs2mFsKzauuypSXUaFhuJgQOuwWnJe3V7nzj2Z3_0/s320/Sheet-h.png');
        }
        
        .art-Sheet-tc
        {
         top: 0;
         clip: rect(auto, auto, 46px, auto);
        }
        
        .art-Sheet-bc
        {
         bottom: 0;
         clip: rect(46px, auto, auto, auto);
        }
        
        .art-Sheet-cr, .art-Sheet-cl
        {
         top: 46px;
         bottom: 46px;
         width: 92px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuIa8jfMZ8abIipQF3TeV-DcyxKGh1DsmYBw6HwNl1_vbI0CB9d6p1Kk0fs5wT5rRLQM31CRK9r2lCQciGYQFBNbuX7UPmonOee62n0ChMW0nCdVO3plQFTnYR82xyjmVP0wZd_AJiLFLD/s320/Sheet-v.png');
        }
        
        .art-Sheet-cr
        {
         right:0;
         clip: rect(auto, auto, auto, 46px);
        }
        
        .art-Sheet-cl
        {
         left:0;
         clip: rect(auto, 46px, auto, auto);
        }
        
        .art-Sheet-cc
        {
         position:absolute;
         z-index:-1;
         top: 46px;
         left: 46px;
         right: 46px;
         bottom: 46px;
         background-color: #FFFFFF;
        }
        
        
        .art-Sheet
        {
         margin-top: 20px !important;
        }
        
        #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
        {
         min-width:900px;
        }
        
        /* end Box, Sheet */
        
        /* begin Menu */
        /* menu structure */
        
        .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
        {
         text-align:left;
         text-decoration:none;
         outline:none;
         letter-spacing:normal;
         word-spacing:normal;
        }
        
        .art-menu, .art-menu ul
        {
         margin: 0;
         padding: 0;
         border: 0;
         list-style-type: none;
         display: block;
        }
        
        .art-menu li
        {
         margin: 0;
         padding: 0;
         border: 0;
         display: block;
         float: left;
         position: relative;
         z-index: 5;
         background:none;
        }
        
        .art-menu li:hover
        {
         z-index: 10000;
         white-space: normal;
        }
        
        .art-menu li li
        {
         float: none;
        }
        
        .art-menu ul
        {
         visibility: hidden;
         position: absolute;
         z-index: 10;
         left: 0;
         top: 0;
         background:none;
        }
        
        .art-menu li:hover>ul
        {
         visibility: visible;
         top: 100%;
        }
        
        .art-menu li li:hover>ul
        {
         top: 0;
         left: 100%;
        }
        
        .art-menu:after, .art-menu ul:after
        {
         content: ".";
         height: 0;
         display: block;
         visibility: hidden;
         overflow: hidden;
         clear: both;
        }
        .art-menu, .art-menu ul
        {
         min-height: 0;
        }
        
        .art-menu ul
        {
         background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUeltTjCUS1zmzEQswJRhb0kxVtgUV31LCStdT35AbltmtlyXnv2oaoAnwwbDK4uCd5z2aBI_LwihWnN2bR9uZDGtN3jsIZmTwDkbNBYLPOQoTnWL-I4jLNp9VnkeK1ZsD5Xe6sAhfJHd/s320/spacer.gif);
         padding: 10px 30px 30px 30px;
         margin: -10px 0 0 -30px;
        }
        
        .art-menu ul ul
        {
         padding: 30px 30px 30px 10px;
         margin: -30px 0 0 -10px;
        }
        
        
        
        
        
        /* menu structure */
        
        .art-menu
        {
         padding: 0px 13px 0px 13px;
        }
        
        .art-nav
        {
         position: relative;
         height: 28px;
         z-index: 100;
        }
        
        .art-nav .l, .art-nav .r
        {
         position: absolute;
         z-index: -1;
         top: 0;
         height: 28px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6v5GZkLUOUz86xmMupoXuXBltJhq0uyR74Oo34iM0DqJc9fqIaoBjrj4_SY45SgmDxb1z4D8hwWoWLl93MJsA5yyWfDeJxy5UkMv0GQ4nXT400mYwAmPfo8TPT3O5Dok3vpHWATk5HfO/');
        }
        
        .art-nav .l
        {
         left: 0;
         right:13px;
        }
        
        .art-nav .r
        {
         right: 0;
         width: 876px;
         clip: rect(auto, auto, auto, 863px);
        }
        
        
        /* end Menu */
        
        /* begin MenuItem */
        .art-menu ul li
        {
         clear: both;
        }
        
        .art-menu a
        {
         position:relative;
         display: block;
         overflow:hidden;
         height: 28px;
         cursor: pointer;
         text-decoration: none;
         margin-right: 0px;
         margin-left: 0px;
        }
        
        
        .art-menu a .r, .art-menu a .l
        {
         position:absolute;
         display: block;
         top:0;
         z-index:-1;
         height: 84px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpIQMuPlv5tGiMFijKhqaOfjrqhB8c1ujk3xJ_EVXIdvSJ5E_AWWxj6EiLncKuhkLASICD8iktkqaaYKgIG_P-b7phQfXd8tv9Dx76_aEskG2S-uyjRmsH7CmIlJFWql36C3EJfZ1uMzcn/s800/MenuItem.png');
        }
        
        .art-menu a .l
        {
         left:0;
         right:0px;
        }
        
        .art-menu a .r
        {
         width:400px;
         right:0;
         clip: rect(auto, auto, auto, 400px);
        }
        
        .art-menu a .t 
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
         color: #181C20;
         padding: 0 17px;
         margin: 0 0px;
         line-height: 28px;
         text-align: center;
        }
        
        .art-menu a:hover .l, .art-menu a:hover .r
        {
         top:-28px;
        }
        
        .art-menu li:hover>a .l, .art-menu li:hover>a .r
        {
         top:-28px;
        }
        
        .art-menu li:hover a .l, .art-menu li:hover a .r
        {
         top:-28px;
        }
        .art-menu a:hover .t
        {
         color: #F5F8FA;
        }
        
        .art-menu li:hover a .t
        {
         color: #F5F8FA;
        }
        
        .art-menu li:hover>a .t
        {
         color: #F5F8FA;
        }
        
        
        
        /* end MenuItem */
        
        /* begin MenuSeparator */
        .art-nav .art-menu-separator
        {
         display: block;
         width: 1px;
         height: 28px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcrusi_qx_nrqkfvR_jC-0bLPIqysC3EP4cP78xo00eNNPpIi2pZtVZnSpfG4tgpYfq0hbAYUfGmoSXHLG0hN8tk3GmsaJSF4hk_wFauGVc1DYGzflIxrvWsoVTgfJ3b01bFvTYDJLPU2j/s320/MenuSeparator.png');
        }
        
        /* end MenuSeparator */
        
        /* begin MenuSubItem */
        .art-menu ul a
        {
         display:block;
         text-align: center;
         white-space: nowrap;
         height: 26px;
         width: 180px;
         overflow:hidden;
         line-height: 26px;
         margin-right: auto;
        
        
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKqVO9CKUl1-dma4_5FNnfBSQ3pKDkdxuV0swfWQy4iaowi04ApSf42OIH9EUYoIJwnbbh6HJsdVQ8YZBqrucghP7-aDi1cVuwH18zdEDG-xEO6eAIqClSscufW3dGzb2ah9I-pD1BF7M/s320/subitem-bg.png');
         background-position: left top;
         background-repeat: repeat-x;
         border-width: 1px;
         border-style: solid;
         border-color: #5F7181;
        }
        
        .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
        {
         display: inline;
         float: none;
         margin: inherit;
         padding: inherit;
         background-image: none;
         text-align: inherit;
         text-decoration: inherit;
        }
        
        .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
        {
         text-align: left;
         text-indent: 12px;
         text-decoration: none;
         line-height: 26px;
         color: #F0F2F4;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        }
        
        .art-menu ul ul a
        {
         margin-left: auto;
        }
        
        .art-menu ul li a:hover
        {
         color: #EEF3F6;
         border-color: #4C5A67;
         background-position: 0 -26px;
        }
        
        .art-menu ul li:hover>a
        {
         color: #EEF3F6;
         border-color: #4C5A67;
         background-position: 0 -26px;
        }
        
        .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
        {
         color: #EEF3F6;
        }
        
        .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
        {
         color: #EEF3F6;
        }
        
        
        /* end MenuSubItem */
        
        /* begin Header */
        div.art-Header
        {
         margin: 0 auto;
         position: relative;
         z-index:0;
         width: 876px;
         height: 225px;
        }
        
        
        div.art-Header-jpeg
        {
         position: absolute;
         z-index:-1;
         top: 0;
         left: 0;
         width: 876px;
         height: 225px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyphenhyphenYPJgLTKOr1HQGo143LhVeUn4v3GYfzSnj45MUObHVxM9hWDLGYJK-gRwonPLqdCHV2_R42v9kfpG8p0_ZBSJUUH61BB8v1DHRbssYEd8lDQl9wAb3pliN9rHAn7iAUY1dl-jNpeh5eK/');
         background-repeat: no-repeat;
         background-position: center center;
        }
        /* end Header */
        
        /* begin Logo */
        .art-Logo
        {
         display : block;
         position: absolute;
         left: 10px;
         top: 84px;
         width: 846px;
        }
        
        h1.art-Logo-name
        {
         display: block;
         text-align: left;
        }
        
        h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        font-size: 35px;
        text-decoration: none;
         padding:0;
         margin:0;
         color: #D4E7F2 !important;
        }
        
        .art-Logo-text
        {
         display: block;
         text-align: left;
        }
        
        .art-Logo-text, .art-Logo-text a
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
         padding:0;
         margin:0;
         color: #D4E7F2 !important;
        }
        /* end Logo */
        
        /* begin ContentLayout */
        .art-contentLayout
        {
         position: relative;
         margin-bottom: 2px;
         width: 876px;
        }
        /* end ContentLayout */
        
        /* begin Box, Block */
        .art-Block
        {
         position:relative;
         z-index:0;
         margin:0 auto;
         min-width:1px;
         min-height:1px;
        }
        
        .art-Block-body
        {
         position: relative;
         z-index: 1;
         padding: 0px;
        }
        
        
        
        .art-Block
        {
         margin: 10px;
        }
        
        /* end Box, Block */
        
        /* begin BlockHeader */
        .art-BlockHeader
        {
         position:relative;
         z-index:0;
         height: 30px;
         padding: 0 7px;
         margin-bottom: 0px;
        }
        
        .art-BlockHeader .t
        {
         height: 30px;
         color: #596A78;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
         white-space : nowrap;
         padding: 0 6px;
         line-height: 30px; 
        }
        
        
        
        
        
        .art-header-tag-icon
        {
            height: 30px;
         background-position:left top;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1dCHvPp-lK0Gno2RmR78tcUEdDAloLk6RV8XN7CP_-ASxBZRTyGnUK7e6CHizSVHkWjbMDdUdzg_WtA5yeUQ-Puh3vktBQulPDLw5ByZF59k3olyZ7YcI1MdBWy0PhSx8h7JQzcWOqFOU/s320/BlockHeaderIcon.png');
         padding:0 0 0 12px;
         background-repeat: no-repeat;
         min-height: 12px;
         margin: 0 0 0 5px;
        }
        
        
        /* end BlockHeader */
        
        /* begin Box, BlockContent */
        .art-BlockContent
        {
         position:relative;
         z-index:0;
         margin:0 auto;
         min-width:15px;
         min-height:15px;
        }
        
        .art-BlockContent-body
        {
         position: relative;
         z-index: 1;
         padding: 8px;
        }
        
        .art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
        {
         position:absolute;
         z-index:-1;
        }
        
        .art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
        {
         width: 14px;
         height: 14px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguBS3xcetHdtzYFwhB28u27S-i0wqevGWaHMRNWdLrfHI5fmzSj_58NbkMrg5CJU5vQIXd7Yzpx1JfBAyOjPmN0hFE40JhBSRBouMQAh-JyzpO8F_jsN_f0eZGQTewCgE9HERHD8J0-iPU/s320/BlockContent-s.png');
        }
        
        .art-BlockContent-tl
        {
         top:0;
         left:0;
         clip: rect(auto, 7px, 7px, auto);
        }
        
        .art-BlockContent-tr
        {
         top: 0;
         right: 0;
         clip: rect(auto, auto, 7px, 7px);
        }
        
        .art-BlockContent-bl
        {
         bottom: 0;
         left: 0;
         clip: rect(7px, 7px, auto, auto);
        }
        
        .art-BlockContent-br
        {
         bottom: 0;
         right: 0;
         clip: rect(7px, auto, auto, 7px);
        }
        
        .art-BlockContent-tc, .art-BlockContent-bc
        {
         left: 7px;
         right: 7px;
         height: 14px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs6owYxwSXIu0tjtjlwliW-y2BOZYX_yIQvIZwEJP1PM2ZpV5WLNcUt8F7JXgNGcLZ7jUOuSFfdbGxY9gP320seaUEvAWK4iQ_luiBGXG2Ge4NWANQEROYRC_7iPXhiHkZ9c03WYT-FZG4/s320/BlockContent-h.png');
        }
        
        .art-BlockContent-tc
        {
         top: 0;
         clip: rect(auto, auto, 7px, auto);
        }
        
        .art-BlockContent-bc
        {
         bottom: 0;
         clip: rect(7px, auto, auto, auto);
        }
        
        .art-BlockContent-cr, .art-BlockContent-cl
        {
         top: 7px;
         bottom: 7px;
         width: 14px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1fDst6zWqALD-6ZUfh7GYCvoCHQaiJ8XHoo9Es8B8-23lJLSyqPXq6mIEHLPrmF2omSg4FWlpzjWArsYAtxM_qRdPTsZ8CBf4Q84QyVnPTDomgTzPDJKpABJ70z-Jsl8UrKtkHzb32tFh/s320/BlockContent-v.png');
        }
        
        .art-BlockContent-cr
        {
         right:0;
         clip: rect(auto, auto, auto, 7px);
        }
        
        .art-BlockContent-cl
        {
         left:0;
         clip: rect(auto, 7px, auto, auto);
        }
        
        .art-BlockContent-cc
        {
         position:absolute;
         z-index:-1;
         top: 7px;
         left: 7px;
         right: 7px;
         bottom: 7px;
         background-color: #D7E1EA;
        }
        
        
        .art-BlockContent-body
        {
         color:#1C2126;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        }
        
        .art-BlockContent-body a:link
        {
         color: #235976;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        }
        
        .art-BlockContent-body a:visited, .art-BlockContent-body a.visited
        {
         color: #6C8193;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        }
        
        .art-BlockContent-body a:hover, .art-BlockContent-body a.hover
        {
         color: #2F779D;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        }
        
        .art-BlockContent-body ul
        {
         list-style-type: none;
         color: #0F2733;
         margin:0;
         padding:0;
        }
        
        .art-BlockContent-body ul li
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        line-height: 125%;
          line-height: 1.25em;
          padding: 0px 0 0px 20px;
          background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrGKqfyn-Cm9RH8gJL70Or6zzbi4R6b4-PfSlEfhb2DMmN8fwZ5x890qbMhZRxehLhStJrGW0av1GdQgOHCy85wxEQO5xYAkcpftjtlNCphSFLZ4U74FhLrGxkRQPhwXxVcNUM7w4ZK6A4/s320/BlockContentBullets.png');
          background-repeat: no-repeat;
        }
        
        
        
        /* Variable definitions
           ====================
            <Variable name="textcolor" description="Block Text Color"
                     type="color" default="#1C2126" value="#1C2126">
            
            <Variable name="linkcolor" description="Block Link Color"
                     type="color" default="#235976" value="#235976">
        
            <Variable name="visitedlinkcolor" description="Block Visited Link Color"
                     type="color" default="#6C8193" value="#6C8193">
        
            <Variable name="hoveredlinkcolor" description="Block Hovered Link Color"
                     type="color" default="#2F779D" value="#2F779D">
        
        */
        
        .art-BlockContent-body
        {
         color: $textcolor;
        }
        
        .art-BlockContent-body a:link
        {
         color: $linkcolor;
        }
        
        .art-BlockContent-body a:visited, .art-BlockContent-body a.visited
        {
         color: $visitedlinkcolor;
        }
        
        .art-BlockContent-body a:hover, .art-BlockContent-body a.hover
        {
         color: $hoveredlinkcolor;
        }
        
        .toggle span
        {
            color: $linkcolor; 
        }
        
        .gsc-branding-text {
            color: $textcolor !important;
        }
        
        /* end Box, BlockContent */
        
        /* begin Box, Post */
        .art-Post
        {
         position:relative;
         z-index:0;
         margin:0 auto;
         min-width:1px;
         min-height:1px;
        }
        
        .art-Post-body
        {
         position: relative;
         z-index: 1;
         padding: 15px;
        }
        
        
        
        .art-Post
        {
         margin: 10px;
        }
        
        /* Start images */
        a img
        {
         border: 0;
        }
        
        .art-article img, img.art-article
        {
         margin: 1em;
        }
        
        .art-metadata-icons img
        {
         border: none;
         vertical-align: middle;
         margin: 2px;
        }
        /* Finish images */
        
        /* Start tables */
        
        .art-article table, table.art-article
        {
         border-collapse: collapse;
         margin: 1px;
         width:auto;
        }
        
        .art-article table, table.art-article .art-article tr, .art-article th, .art-article td
        {
         background-color:Transparent;
        }
        
        .art-article th, .art-article td
        {
         padding: 2px;
         border: solid 1px #758899;
         vertical-align: top;
         text-align:left;
        }
        
        .art-article th
        {
         text-align: center;
         vertical-align: middle;
         padding: 7px;
        }
        
        /* Finish tables */
        
        pre
        {
         overflow: auto;
         padding: 0.1em;
        }
        
        
        
        #uds-searchControl .gsc-results, #uds-searchControl .gsc-tabhActive
        {
         border-color: #758899 !important;
        }
        /* end Box, Post */
        
        /* begin PostHeaderIcon */
        .art-PostHeader
        {
         text-decoration:none;
         margin: 0.2em 0;
         padding: 0;
         font-weight:normal;
         font-style:normal;
         letter-spacing:normal;
         word-spacing:normal;
         font-variant:normal;
         text-decoration:none;
         font-variant:normal;
         text-transform:none;
         text-align:left;
         text-indent:0;
         line-height:inherit;
        font-family: "Times New Roman", Georgia, Times, Serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
         color: #1D4A62;
        }
        
        .art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
         margin:0;
         color: #1D4A62;
        }
        
        .art-PostHeader img
        {
         border:none;
         vertical-align: middle;
         margin:0;
        }
        /* end PostHeaderIcon */
        
        /* begin PostHeader */
        .art-PostHeader a:link
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        text-decoration: none;
        text-align: left;
          color: #235976;
        }
        
        .art-PostHeader a:visited, .art-PostHeader a.visited
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        text-decoration: none;
        text-align: left;
          color: #5983A6;
        }
        
        .art-PostHeader a:hover, .art-PostHeader a.hovered
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        text-decoration: underline;
        text-align: left;
          color: #3688B5;
        }
        /* end PostHeader */
        
        /* begin PostMetadata */
        .art-PostMetadataHeader
        {
         padding:1px;
         background-color: #CAD7E2;
        }
        /* end PostMetadata */
        
        /* begin PostIcons */
        .art-PostHeaderIcons
        {
         padding:1px;
        }
        
        .art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-style: italic;
        font-weight: normal;
         color: #364049;
        }
        
        .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
        {
         margin:0;
        }
        
        .art-PostHeaderIcons a:link
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-style: italic;
        font-weight: normal;
        text-decoration: underline;
         color: #235976;
        }
        
        .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
         color: #235976;
        }
        
        .art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
         color: #2F779D;
        }
        /* end PostIcons */
        
        /* begin PostContent */
        /* Content Text Font & Color (Default) */
        body
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
          color: #23292F;
        }
        
        
        .art-PostContent p 
        {
         margin: 0.5em 0;
        }
        
        .art-PostContent, .art-PostContent p
        {
        font-family: Arial, Helvetica, Sans-Serif;
          color: #23292F;
        }
        
        .art-PostContent
        {
          margin:0;
        }
        
        
        /* Start Content link style */
        /*
        The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
        http://www.w3schools.com/CSS/css_pseudo_classes.asp
        http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
        */
        a
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
          color: #296889;
        }
        
        /* Adds special style to an unvisited link. */
        a:link
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
          color: #296889;
        }
        
        /* Adds special style to a visited link. */
        a:visited, a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
          color: #647687;
        }
        
        /* :hover - adds special style to an element when you mouse over it. */
        a:hover, a.hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
          color: #3688B5;
        }
        
        /* Finish Content link style */
        
        /* Resert some headings default style & links default style for links in headings*/
        h1, h2, h3, h4, h5, h6,
        h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
        h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
        h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
        {
          font-weight: normal;
          font-style: normal;
          text-decoration: none;
        }
        
        
        /* Start Content headings Fonts & Colors  */
        h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        font-size: 18px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
          color: #296889;
        }
        
        h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        font-size: 16px;
        text-align: left;
          color: #296889;
        }
        
        h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
          color: #527998;
        }
        
        h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        font-size: 14px;
        text-align: left;
          color: #23292F;
        }
        
        h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        font-size: 12px;
        text-align: left;
          color: #23292F;
        }
        
        h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
        {
        font-family: "Times New Roman", Georgia, Times, Serif;
        font-size: 11px;
        text-align: left;
          color: #23292F;
        }
        /* Finish Content headings Fonts & Colors  */
        
        
        #uds-searchControl .gsc-results,
        #uds-searchControl .gsc-tabhActive
        {
        font-family: Arial, Helvetica, Sans-Serif;
          color: #23292F !important;
        }
        
        
        #uds-searchControl a, 
        #uds-searchControl .gs-result .gs-title *,
        #uds-searchControl .gs-visibleUrl ,
        #uds-searchControl .gsc-tabhInactive
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
          color: #296889 !important;
        }/* end PostContent */
        
        /* begin PostBullets */
        /* Start Content list */
        ol, ul
        {
         color: #111517;
         margin:1em 0 1em 2em;
         padding:0;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        }
        
        li ol, li ul
        {
         margin:0.5em 0 0.5em 2em;
         padding:0;
        }
        
        li 
        {
         margin:0.2em 0;
         padding:0;
        }
        
        ul
        {
         list-style-type: none;
        }
        
        ol
        {
         list-style-position:inside;
         
        }
        
        
        
        .art-Post li
        {
         padding:0px 0 0px 14px;
         line-height:1.2em;
        }
        
        .art-Post ol li, .art-Post ul ol li
        {
         background: none;
         padding-left:0;
        }
        
        .art-Post ul li, .art-Post ol ul li 
        {
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLUop9C62ANs2KNZOAwcJeQ0QSWAUBPtZUW8YErKijIz5coBCKubdNUQ-c9niBOOvm-lXdkVXjHkZ4J4DBuRY5eUjaErs1b9OeEBVcBQ5DW155YXygpdE0MAh-yKCONwAvkplaPtBDN-QG/s320/PostBullets.png');
         background-repeat:no-repeat;
         padding-left:14px;
        }
        
        
        /* Finish Content list */
        /* end PostBullets */
        
        /* begin PostQuote */
        /* Start blockquote */
        blockquote,
        blockquote p,
        .art-PostContent blockquote p
        {
         color:#071218;
        font-family: Arial, Helvetica, Sans-Serif;
        text-align: left;
        }
        
        blockquote,
        .art-PostContent blockquote
        {
          border:solid 1px #9CB5C9; 
          margin:10px 10px 10px 50px;
         padding:5px 5px 5px 41px;
         background-color:#D7E1EA;
         background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMCJhFqmbtetj4blcy1TDsfKcbCnPXU7DNT3zhBsdWoA6afyuVb0xytiWazh-NlGvnK86ltHOGn0f8Zn1bt9kadRm1FPm1XoWp8IBuOgRUuMZTmwIJMfpt_Vw3aH5qztsf9ce90IrxhZYw/s320/PostQuote.png');
         background-position:left top;
         background-repeat:no-repeat;
        }
        
        
        /* Finish blockuote */
        /* end PostQuote */
        
        /* begin PostMetadata */
        .art-PostMetadataFooter
        {
         padding:1px;
         background-color: #CAD7E2;
        }
        /* end PostMetadata */
        
        /* begin PostIcons */
        .art-PostFooterIcons
        {
         padding:1px;
        }
        
        .art-PostFooterIcons, .art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-style: italic;
        font-weight: normal;
         color: #364049;
        }
        
        .art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
        {
         margin:0;
        }
        
        .art-PostFooterIcons a:link
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-style: italic;
        font-weight: normal;
        text-decoration: underline;
         color: #235976;
        }
        
        .art-PostFooterIcons a:visited, .art-PostFooterIcons a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
         color: #235976;
        }
        
        .art-PostFooterIcons a:hover, .art-PostFooterIcons a.hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
         color: #2F779D;
        }
        /* end PostIcons */
        
        /* begin Button */
        .art-button-wrapper .art-button
        {
         display:inline-block;
         width: auto;
         outline:none;
         border:none;
         background:none;
         line-height:28px;
         margin:0 !important;
         padding:0 !important;
         overflow: visible;
         cursor: default;
         text-decoration: none !important;
         z-index:0;
         vertical-align: middle;
        }
        
        .art-button img, .art-button-wrapper img
        {
          margin: 0;
        }
        
        .art-button-wrapper
        {
         display:inline-block;
         vertical-align: middle;
         position:relative;
         height: 28px;
         overflow:hidden;
         white-space: nowrap;
         width: auto;
         z-index:0;
        }
        
        .firefox2 .art-button-wrapper
        {
         display:block;
         float:left;
        }
        
        .art-button-wrapper .art-button
        {
         display:block;
         height: 28px;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
         white-space: nowrap;
         text-align: left;
         padding: 0 13px !important;
         line-height: 28px;
         text-decoration: none !important;
         color: #E8EBEE !important;
        }
        
        input, select
        {
          vertical-align: middle;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        }
        
        .art-button-wrapper.hover .art-button, .art-button:hover
        {
         color: #F3F9FB !important;
         text-decoration: none !important;
        }
        
        .art-button-wrapper.active .art-button
        {
         color: #EEF3F6 !important;
        }
        
        .art-button-wrapper .l, .art-button-wrapper .r
        {
         display:block;
         position:absolute;
         z-index:-1;
         height: 84px;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5HCaaAJem4NrMfRGSinh6umB0ULwY-WQ-d93cdTk9FdLFjbnjjm-KBEE-oNGlKESw5jYcUIsWDrscfk6bIEq9dVw5L5BdcRmU63R08x-n_9yoH7R66-XVdYNoF0kOmqOycJ1kLJFSqVNf/s800/Button.png');
        }
        
        .art-button-wrapper .l
        {
         left:0;
         right:10px;
        }
        
        .art-button-wrapper .r
        {
         width:409px;
         right:0;
         clip: rect(auto, auto, auto, 399px);
        }
        
        .art-button-wrapper.hover .l, .art-button-wrapper.hover .r
        {
         top: -28px;
        }
        
        .art-button-wrapper.active .l, .art-button-wrapper.active .r
        {
         top: -56px;
        }
        
        
        /* end Button */
        
        /* begin Footer */
        .art-Footer
        {
         position:relative;
         z-index:0;
         overflow:hidden;
         width: 876px;
         margin: 5px auto 0px auto;
        }
        
        .art-Footer .art-Footer-inner
        {
         height:1%;
         position: relative;
         z-index: 0;
         padding: 20px;
         text-align: center;
        }
        
        .art-Footer .art-Footer-background
        {
         position:absolute;
         z-index:-1;
         background-repeat:no-repeat;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-PAingXwm9i3zUso_qa_14EWTpy1-xWudXer8BSqhd2ZcgW_I91hS01AIbqldI0Ri9qpPeKsuQuwmzRuX3s9z346c94LEeQEKgv2IX326rc4IP_Z93tzz0QzxeGTaUYrHCiKAbvDaDMZK/');
         width: 876px;
         height: 150px;
         bottom:0;
         left:0;
        }
        
        
        .art-rss-tag-icon
        {
         position: relative;
         display:block;
         float:left;
         background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixLB7bNAc0AGJs2dpufEiWrZ4npirltc767Mb8b6bCrdLrRWDwqBDQhLLqrJeqtPNYJYz4uG-dRUxWcccsYhTI-QVP0D2oA7smZbnrULgwL2HTo5T_ysaVgbsB0cXBejGFumxRUkq3b0G0/s320/rssIcon.png');
         background-position: center right;
         background-repeat: no-repeat;
         margin: 0 5px 0 0;
         height: 32px;
         width: 32px;
            cursor: default;
        }
        
        
        
        
        .art-Footer .art-Footer-text p
        {
         margin: 0;
        }
        
        .art-Footer .art-Footer-text
        {
         display:inline-block;
         color:#111517;
        font-family: Arial, Helvetica, Sans-Serif;
        letter-spacing: 1px;
        }
        
        .art-Footer .art-Footer-text a:link
        {
         text-decoration: none;
         color: #235976;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        }
        
        .art-Footer .art-Footer-text a:visited
        {
         text-decoration: none;
         color: #2B343B;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        }
        
        .art-Footer .art-Footer-text a:hover
        {
         text-decoration: none;
         color: #0C1E27;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        }
        /* end Footer */
        
        /* begin PageFooter */
        .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
        {
         font-family:Arial;
         font-size:10px;
         letter-spacing:normal;
         word-spacing:normal;
         font-style:normal;
         font-weight:normal;
         text-decoration:underline;
         color:#276282;
        }
        
        .art-page-footer
        {
         margin:1em;
         text-align:center;
         text-decoration:none;
         color:#485561;
        }
        /* end PageFooter */
        
        /* begin LayoutCell */
        .art-contentLayout .art-content
        {
         position: relative;
         margin: 0;
         padding: 0;
         border: 0;
         float: left;
         overflow: hidden;
         width: 612px;
        }
        .art-contentLayout .art-content-wide
        {
         position: relative;
         margin: 0;
         padding: 0;
         border: 0;
         float: left;
         overflow: hidden;
         width: 874px;
        }
        /* end LayoutCell */
        
        /* begin LayoutCell */
        .art-contentLayout .art-sidebar1
        {
         position: relative;
         margin: 0;
         padding: 0;
         border: 0;
         float: left;
         overflow: hidden;
         width: 262px;
        }
        /* end LayoutCell */
        
        
      ]]>
    </b:skin>
    
    <!--[if IE 6]>
      <style type="text/css">
/* begin Page */
        
        /* Generated with Artisteer version 2.3.0.25189, file checksum is 54186DD7. */
        
        img
        {
         filter:expression(fixPNG(this));
        }
        #ArchiveList ul li
        {
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="");
        }
        #ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover
        {
            color: expression(this.parentNode.currentStyle["color"]);
        }
        /* end Page */
        
        /* begin Box, Sheet */
        .art-Sheet, .art-Sheet-body
        {
         zoom:1;
        }
        
        .art-Sheet-body
        {
         position:static;
        }
        
        .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
        {
         font-size: 1px;
         background: none;
        }
        
        .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
        {
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_kHL2VtqLCovu2hwOAx51hP6hyhC1qfVLRkH2-BIJKF7BG2wWhOUcUInpjUwgZijJusR-toW47HWhwibp2I3fbOSnR8G3c-5rAulMosSIqwO2q_8trbltVMvOT6IMdFZsb7ZgH1nTUfCD/s320/Sheet-s.png',sizingMethod='scale')");
        }
        
        .art-Sheet-tl
        {
         clip: rect(auto 46px 46px auto);
        }
        
        .art-Sheet-tr
        {
         left: expression(this.parentNode.offsetWidth-92+'px');
         clip: rect(auto auto 46px 46px);
        }
        
        .art-Sheet-bl
        {
         top: expression(this.parentNode.offsetHeight-92+'px');
         clip: rect(46px 46px auto auto);
        }
        
        .art-Sheet-br
        {
         top: expression(this.parentNode.offsetHeight-92+'px');
         left: expression(this.parentNode.offsetWidth-92+'px');
         clip: rect(46px auto auto 46px);
        }
        
        .art-Sheet-tc, .art-Sheet-bc
        {
         width: expression(this.parentNode.offsetWidth-92+'px');
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ms62Aa33F-MUaid0FbzoMW7h_Uvi3XocyuKMa3W_2OAH5ygqBbdfl3VqKfs8LCaqc7scD8MRjXFX-6HKb3G-AokdOb5_L937MxWYs2mFsKzauuypSXUaFhuJgQOuwWnJe3V7nzj2Z3_0/s320/Sheet-h.png',sizingMethod='scale')");
        }
        
        .art-Sheet-tc
        {
         clip: rect(auto auto 46px auto);
        }
        
        .art-Sheet-bc
        {
         top: expression(this.parentNode.offsetHeight-92+'px');
         clip: rect(46px auto auto auto);
        }
        
        .art-Sheet-cr, .art-Sheet-cl
        {
         height: expression(this.parentNode.offsetHeight-92+'px');
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuIa8jfMZ8abIipQF3TeV-DcyxKGh1DsmYBw6HwNl1_vbI0CB9d6p1Kk0fs5wT5rRLQM31CRK9r2lCQciGYQFBNbuX7UPmonOee62n0ChMW0nCdVO3plQFTnYR82xyjmVP0wZd_AJiLFLD/s320/Sheet-v.png',sizingMethod='scale')");
        }
        
        .art-Sheet-cr
        {
         left: expression(this.parentNode.offsetWidth-92+'px');
         clip: rect(auto auto auto 46px);
        }
        
        .art-Sheet-cl
        {
         clip: rect(auto 46px auto auto);
        }
        
        .art-Sheet-cc
        {
         font-size: 1px;
         width: expression(this.parentNode.offsetWidth-92+'px');
         height: expression(this.parentNode.offsetHeight-92+'px');
         background-color: #FFFFFF;
        }
        #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
        {
         width:expression(document.body.clientWidth > 900 ? "100%" : "900px");
        }
        /* end Box, Sheet */
        
        /* begin Menu */
        
        .art-menu ul
        {
         height: 1%;
         width:1px;
        }
        
        .art-menu, .art-menu ul
        {
         height: 1%;
        }
        
        .art-menu li.art-menuhover
        {
         z-index: 10000;
        }
        
        .art-menu .art-menuhoverUL
        {
         visibility: visible;
        }
        
        .art-menu .art-menuhoverUL
        {
         top: 100%;
         left: 0;
        }
        
        .art-menu .art-menuhoverUL .art-menuhoverUL
        {
         top: 0;
         left: 100%;
        }
        
        .art-menu ul a
        {
         height: 1%;
        }
        
        .art-menu li li
        {
         float: left;
         width: 100%;
        }
        
        .art-menu .art-menuhoverUL .art-menuhoverUL
        {
         top: 5px;
         left: 100%;
        }
        
        .art-menu, .art-menu ul
        {
         height: 1%;
        }
        
        .art-menu li.art-menuhover
        {
         z-index: 10000;
        }
        
        .art-menu .art-menuhoverUL
        {
         visibility: visible;
        }
        
        .art-menu .art-menuhoverUL
        {
         top: 100%;
         left: 0;
        }
        
        .art-menu .art-menuhoverUL .art-menuhoverUL
        {
         top: 0;
         left: 100%;
        }
        
        .art-menu ul a
        {
         height: 1%;
        }
        
        .art-menu li li
        {
         float: left;
         width: 100%;
        }
        
        .art-nav
        {
         zoom: 1;
        }
        
        .art-nav .l, .art-nav .r
        {
         font-size: 1px;
         background: none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6v5GZkLUOUz86xmMupoXuXBltJhq0uyR74Oo34iM0DqJc9fqIaoBjrj4_SY45SgmDxb1z4D8hwWoWLl93MJsA5yyWfDeJxy5UkMv0GQ4nXT400mYwAmPfo8TPT3O5Dok3vpHWATk5HfO/',sizingMethod='crop')");
        }
        
        .art-nav .l
        {
         width: expression(this.parentNode.offsetWidth-13+'px');
        }
        
        .art-nav .r
        {
         left: expression(this.parentNode.offsetWidth-876+'px');
         clip: rect(auto auto auto 863px);
        }
        
        /* end Menu */
        
        /* begin MenuItem */
        .art-menu a
        {
         float:left;
        }
        
        .art-menu a:hover
        {
         visibility:visible;
        }
        
        .art-menu a .r, .art-menu a .l
        {
         font-size:1px;
         background: none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpIQMuPlv5tGiMFijKhqaOfjrqhB8c1ujk3xJ_EVXIdvSJ5E_AWWxj6EiLncKuhkLASICD8iktkqaaYKgIG_P-b7phQfXd8tv9Dx76_aEskG2S-uyjRmsH7CmIlJFWql36C3EJfZ1uMzcn/s800/MenuItem.png',sizingMethod='crop')");
        }
        
        .art-menu a .r
        {
         left: expression(this.parentNode.offsetWidth-400+'px');
         clip: rect(auto auto auto 400px);
        }
        
        .art-menu a .l
        {
         width: expression(this.parentNode.offsetWidth-0+'px');
        }
        
        .art-menuhover .art-menuhoverA .t
        {
         color: #F5F8FA;
        }
        
        .art-menuhover .art-menuhoverA .l, .art-menuhover .art-menuhoverA .r
        {
         top: -28px;
        }
        /* end MenuItem */
        
        /* begin MenuSeparator */
        .art-nav .art-menu-separator
        {
         font-size: 1px;
         zoom:1;
         background: none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcrusi_qx_nrqkfvR_jC-0bLPIqysC3EP4cP78xo00eNNPpIi2pZtVZnSpfG4tgpYfq0hbAYUfGmoSXHLG0hN8tk3GmsaJSF4hk_wFauGVc1DYGzflIxrvWsoVTgfJ3b01bFvTYDJLPU2j/s320/MenuSeparator.png',sizingMethod='crop')");
        }
        /* end MenuSeparator */
        
        /* begin MenuSubItem */
        
        .art-menu ul a
        {
         color: #F0F2F4 !important;
        }
        
        .art-menu ul a:hover {
         color: #EEF3F6 !important;
        } 
        
        .art-menu ul .art-menuhover .art-menuhoverA
        {
         color: #EEF3F6 !important;
         border-color: #4C5A67;
         background-position: 0 -26px;
        }
        
        .art-nav .art-menu ul a:hover span, .art-nav .art-menu ul a:hover span span
        {
         color: #EEF3F6 !important;
        } 
        
        .art-nav .art-menu ul .art-menuhover .art-menuhoverA span, .art-nav .art-menu ul .art-menuhover .art-menuhoverA span span
        {
         color: #EEF3F6 !important;
        }
        
        /* end MenuSubItem */
        
        /* begin Box, Block */
        .art-Block, .art-Block-body
        {
         zoom:1;
        }
        
        .art-Block-body
        {
         position:static;
        }
        /* end Box, Block */
        
        /* begin BlockHeader */
        .art-BlockHeader, .art-BlockHeader
        {
         font-size: 1px;
        }
        
        .art-header-tag-icon
        {
         background: none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1dCHvPp-lK0Gno2RmR78tcUEdDAloLk6RV8XN7CP_-ASxBZRTyGnUK7e6CHizSVHkWjbMDdUdzg_WtA5yeUQ-Puh3vktBQulPDLw5ByZF59k3olyZ7YcI1MdBWy0PhSx8h7JQzcWOqFOU/s320/BlockHeaderIcon.png',sizingMethod='crop')");
        }
        
        /* end BlockHeader */
        
        /* begin Box, BlockContent */
        .art-BlockContent, .art-BlockContent-body
        {
         zoom:1;
        }
        
        .art-BlockContent-body
        {
         position:static;
        }
        
        .art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
        {
         font-size: 1px;
         background: none;
        }
        
        .art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
        {
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguBS3xcetHdtzYFwhB28u27S-i0wqevGWaHMRNWdLrfHI5fmzSj_58NbkMrg5CJU5vQIXd7Yzpx1JfBAyOjPmN0hFE40JhBSRBouMQAh-JyzpO8F_jsN_f0eZGQTewCgE9HERHD8J0-iPU/s320/BlockContent-s.png',sizingMethod='scale')");
        }
        
        .art-BlockContent-tl
        {
         clip: rect(auto 7px 7px auto);
        }
        
        .art-BlockContent-tr
        {
         left: expression(this.parentNode.offsetWidth-14+'px');
         clip: rect(auto auto 7px 7px);
        }
        
        .art-BlockContent-bl
        {
         top: expression(this.parentNode.offsetHeight-14+'px');
         clip: rect(7px 7px auto auto);
        }
        
        .art-BlockContent-br
        {
         top: expression(this.parentNode.offsetHeight-14+'px');
         left: expression(this.parentNode.offsetWidth-14+'px');
         clip: rect(7px auto auto 7px);
        }
        
        .art-BlockContent-tc, .art-BlockContent-bc
        {
         width: expression(this.parentNode.offsetWidth-14+'px');
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs6owYxwSXIu0tjtjlwliW-y2BOZYX_yIQvIZwEJP1PM2ZpV5WLNcUt8F7JXgNGcLZ7jUOuSFfdbGxY9gP320seaUEvAWK4iQ_luiBGXG2Ge4NWANQEROYRC_7iPXhiHkZ9c03WYT-FZG4/s320/BlockContent-h.png',sizingMethod='scale')");
        }
        
        .art-BlockContent-tc
        {
         clip: rect(auto auto 7px auto);
        }
        
        .art-BlockContent-bc
        {
         top: expression(this.parentNode.offsetHeight-14+'px');
         clip: rect(7px auto auto auto);
        }
        
        .art-BlockContent-cr, .art-BlockContent-cl
        {
         height: expression(this.parentNode.offsetHeight-14+'px');
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1fDst6zWqALD-6ZUfh7GYCvoCHQaiJ8XHoo9Es8B8-23lJLSyqPXq6mIEHLPrmF2omSg4FWlpzjWArsYAtxM_qRdPTsZ8CBf4Q84QyVnPTDomgTzPDJKpABJ70z-Jsl8UrKtkHzb32tFh/s320/BlockContent-v.png',sizingMethod='scale')");
        }
        
        .art-BlockContent-cr
        {
         left: expression(this.parentNode.offsetWidth-14+'px');
         clip: rect(auto auto auto 7px);
        }
        
        .art-BlockContent-cl
        {
         clip: rect(auto 7px auto auto);
        }
        
        .art-BlockContent-cc
        {
         font-size: 1px;
         width: expression(this.parentNode.offsetWidth-14+'px');
         height: expression(this.parentNode.offsetHeight-14+'px');
         background-color: #D7E1EA;
        }
        
        .art-BlockContent-body ul li
        {
         height:1%;
         background:none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrGKqfyn-Cm9RH8gJL70Or6zzbi4R6b4-PfSlEfhb2DMmN8fwZ5x890qbMhZRxehLhStJrGW0av1GdQgOHCy85wxEQO5xYAkcpftjtlNCphSFLZ4U74FhLrGxkRQPhwXxVcNUM7w4ZK6A4/s320/BlockContentBullets.png',sizingMethod='crop')");
        }
        
        /* end Box, BlockContent */
        
        /* begin Box, Post */
        .art-Post, .art-Post-body
        {
         zoom:1;
        }
        
        .art-Post-body
        {
         position:static;
        }
        /* end Box, Post */
        
        /* begin PostContent */
        h1
        {
          margin: 0.67em 0;
        }
        
        h2
        {
          margin: 0.8em 0;
        }
        
        h3
        {
          margin: 1em 0;
        }
        
        h4
        {
          margin: 1.25em 0;
        }
        
        h5
        {
          margin: 1.67em 0;
        }
        
        h6
        {
          margin: 2.33em 0;
        }
        /* end PostContent */
        
        /* begin PostBullets */
        .art-Post ul li, .art-Post ol ul li
        {
         height:1%;
         background:none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLUop9C62ANs2KNZOAwcJeQ0QSWAUBPtZUW8YErKijIz5coBCKubdNUQ-c9niBOOvm-lXdkVXjHkZ4J4DBuRY5eUjaErs1b9OeEBVcBQ5DW155YXygpdE0MAh-yKCONwAvkplaPtBDN-QG/s320/PostBullets.png',sizingMethod='crop')");
        }
        
        .art-Post ul ol li
        {
         background:none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="");
        }
        /* end PostBullets */
        
        /* begin PostQuote */
        blockquote,
        .art-PostContent blockquote
        {
         height:1%;
         background-image: none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMCJhFqmbtetj4blcy1TDsfKcbCnPXU7DNT3zhBsdWoA6afyuVb0xytiWazh-NlGvnK86ltHOGn0f8Zn1bt9kadRm1FPm1XoWp8IBuOgRUuMZTmwIJMfpt_Vw3aH5qztsf9ce90IrxhZYw/s320/PostQuote.png',sizingMethod='crop')");
        }
        /* end PostQuote */
        
        /* begin Button */
        .art-button-wrapper, .art-button-wrapper .l, .art-button-wrapper .r
        {
         font-size: 1px;
        }
        
        .art-button-wrapper .art-button
        {
         float:left;
        }
        
        .art-button-wrapper .l, .art-button-wrapper .r
        {
         background: none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5HCaaAJem4NrMfRGSinh6umB0ULwY-WQ-d93cdTk9FdLFjbnjjm-KBEE-oNGlKESw5jYcUIsWDrscfk6bIEq9dVw5L5BdcRmU63R08x-n_9yoH7R66-XVdYNoF0kOmqOycJ1kLJFSqVNf/s800/Button.png',sizingMethod='crop')");
        }
        
        .art-button-wrapper .r
        {
         left: expression(this.parentNode.offsetWidth-409+'px');
         clip: rect(auto auto auto 399px);
        }
        
        .art-button-wrapper .l
        {
         width: expression(this.parentNode.offsetWidth-10+'px');
        }
        
        /* end Button */
        
        /* begin Footer */
        .art-Footer .art-Footer-background
        {
         top: expression(this.parentNode.offsetHeight-150+'px');
         background: none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-PAingXwm9i3zUso_qa_14EWTpy1-xWudXer8BSqhd2ZcgW_I91hS01AIbqldI0Ri9qpPeKsuQuwmzRuX3s9z346c94LEeQEKgv2IX326rc4IP_Z93tzz0QzxeGTaUYrHCiKAbvDaDMZK/',sizingMethod='crop')");
         zoom: 1;
         font-size:1px;
        }
        
        .art-rss-tag-icon
        {
         zoom:1;
         font-size:1px;
         background:none;
         behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixLB7bNAc0AGJs2dpufEiWrZ4npirltc767Mb8b6bCrdLrRWDwqBDQhLLqrJeqtPNYJYz4uG-dRUxWcccsYhTI-QVP0D2oA7smZbnrULgwL2HTo5T_ysaVgbsB0cXBejGFumxRUkq3b0G0/s320/rssIcon.png',sizingMethod='crop')");
        }
        
        /* end Footer */
        
        
      </style>
    <![endif]-->
    <!--[if IE 7]>
      <style type="text/css">
/* begin Box, Sheet */
        .art-Sheet-tl
        {
         clip: rect(auto 46px 46px auto);
        }
        
        .art-Sheet-tr
        {
         clip: rect(auto auto 46px 46px);
        }
        
        .art-Sheet-bl
        {
         clip: rect(46px 46px auto auto);
        }
        
        .art-Sheet-br
        {
         clip: rect(46px auto auto 46px);
        }
        
        .art-Sheet-tc
        {
         clip: rect(auto auto 46px auto);
        }
        
        .art-Sheet-bc
        {
         clip: rect(46px auto auto auto);
        }
        
        .art-Sheet-cr
        {
         clip: rect(auto auto auto 46px);
        }
        
        .art-Sheet-cl
        {
         clip: rect(auto 46px auto auto);
        }
        
        .art-Sheet-body
        {
         zoom: 1;
        }
        /* end Box, Sheet */
        
        /* begin Menu */
        .art-nav .r
        {
         clip: rect(auto auto auto 863px);
        }
        /* end Menu */
        
        /* begin MenuItem */
        .art-menu a .r
        {
         clip: rect(auto auto auto 400px);
        }
        /* end MenuItem */
        
        /* begin Box, Block */
        
        .art-Block-body
        {
         zoom: 1;
        }
        /* end Box, Block */
        
        /* begin Box, BlockContent */
        .art-BlockContent-tl
        {
         clip: rect(auto 7px 7px auto);
        }
        
        .art-BlockContent-tr
        {
         clip: rect(auto auto 7px 7px);
        }
        
        .art-BlockContent-bl
        {
         clip: rect(7px 7px auto auto);
        }
        
        .art-BlockContent-br
        {
         clip: rect(7px auto auto 7px);
        }
        
        .art-BlockContent-tc
        {
         clip: rect(auto auto 7px auto);
        }
        
        .art-BlockContent-bc
        {
         clip: rect(7px auto auto auto);
        }
        
        .art-BlockContent-cr
        {
         clip: rect(auto auto auto 7px);
        }
        
        .art-BlockContent-cl
        {
         clip: rect(auto 7px auto auto);
        }
        
        .art-BlockContent-body
        {
         zoom: 1;
        }
        /* end Box, BlockContent */
        
        /* begin Box, Post */
        
        .art-Post-body
        {
         zoom: 1;
        }
        /* end Box, Post */
        
        /* begin PostContent */
        .art-PostContent
        {
         height:1%;
        }
        /* end PostContent */
        
        /* begin Button */
        .art-button-wrapper .r
        {
         clip: rect(auto auto auto 399px);
        }
        /* end Button */
        
        
      </style>
    <![endif]-->

    <script type="text/javascript">
      /* begin Page */

/* Generated with Artisteer version 2.3.0.25189, file checksum is 536E3C0B. */

cssFix = function(){
var u = navigator.userAgent.toLowerCase(),
addClass = function(el, val){
 if(! el.className) {
  el.className = val;
 } else {
  var newCl = el.className;
  newCl+=(' '+val);
  el.className = newCl;
 }
},
is = function(t){return (u.indexOf(t)!=-1)};
addClass(document.getElementsByTagName('html')[0],[
(!(/opera|webtv/i.test(u))&amp;&amp;/msie (\d)/.test(u))?('ie ie'+RegExp.$1)
: is('firefox/2')?'gecko firefox2'
: is('firefox/3')?'gecko firefox3'
: is('gecko/')?'gecko'
: is('chrome/')?'chrome'
: is('opera/9')?'opera opera9':/opera (\d)/.test(u)?'opera opera'+RegExp.$1
: is('konqueror')?'konqueror'
: is('applewebkit/')?'webkit safari'
: is('mozilla/')?'gecko':'',
(is('x11')||is('linux'))?' linux'
: is('mac')?' mac'
: is('win')?' win':''
].join(' '));
}();

var artEventHelper = {
 'bind': function(obj, evt, fn) {
  if (obj.addEventListener)
   obj.addEventListener(evt, fn, false);
  else if (obj.attachEvent)
   obj.attachEvent('on' + evt, fn);
  else
   obj['on' + evt] = fn;
 }
};

var userAgent = navigator.userAgent.toLowerCase();
var browser = {
 version: (userAgent.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [])[1],
 safari: /webkit/.test(userAgent) &amp;&amp; !/chrome/.test(userAgent),
 chrome: /chrome/.test(userAgent),
 opera: /opera/.test(userAgent),
 msie: /msie/.test(userAgent) &amp;&amp; !/opera/.test(userAgent),
 mozilla: /mozilla/.test(userAgent) &amp;&amp; !/(compatible|webkit)/.test(userAgent)
};

var artLoadEvent = (function() {
 

 var list = [];

 var done = false;
 var ready = function() {
  if (done) return;
  done = true;
  for (var i = 0; i &lt; list.length; i++)
   list[i]();
 };

 if (document.addEventListener &amp;&amp; !browser.opera)
  document.addEventListener('DOMContentLoaded', ready, false);

 if (browser.msie &amp;&amp; window == top) {
  (function() {
   try {
    document.documentElement.doScroll('left');
   } catch (e) {
    setTimeout(arguments.callee, 10);
    return;
   }
   ready();
  })();
 }

 if (browser.opera) {
  document.addEventListener('DOMContentLoaded', function() {
   for (var i = 0; i &lt; document.styleSheets.length; i++) {
    if (document.styleSheets[i].disabled) {
     setTimeout(arguments.callee, 10);
     return;
    }
   }
   ready();
  }, false);
 }

 if (browser.safari || browser.chrome) {
  var numStyles;
  (function() {
   if (document.readyState != 'loaded' &amp;&amp; document.readyState != 'complete') {
    setTimeout(arguments.callee, 10);
    return;
   }
   if ('undefined' == typeof numStyles) {
    numStyles = document.getElementsByTagName('style').length;
    var links = document.getElementsByTagName('link');
    for (var i = 0; i &lt; links.length; i++) {
     numStyles += (links[i].getAttribute('rel') == 'stylesheet') ? 1 : 0;
    }
    if (document.styleSheets.length != numStyles) {
     setTimeout(arguments.callee, 0);
     return;
    }
   }
   ready();
  })();
 }
 artEventHelper.bind(window, 'load', ready);
 return ({
  add: function(f) {
   list.push(f);
  }
 })
})();

(function() {
 // fix ie blinking
 var m = document.uniqueID &amp;&amp; document.compatMode &amp;&amp; !window.XMLHttpRequest &amp;&amp; document.execCommand;
 try { if (!!m) { m('BackgroundImageCache', false, true); } }
 catch (oh) { };
})();

function xGetElementsByClassName(clsName, parentEle, tagName) {
 var elements = null;
 var found = [];
 var s = String.fromCharCode(92);
 var re = new RegExp('(?:^|' + s + 's+)' + clsName + '(?:$|' + s + 's+)');
 if (!parentEle) parentEle = document;
 if (!tagName) tagName = '*';
 elements = parentEle.getElementsByTagName(tagName);
 if (elements) {
  for (var i = 0; i &lt; elements.length; ++i) {
   if (elements[i].className.search(re) != -1) {
    found[found.length] = elements[i];
   }
  }
 }
 return found;
}

var styleUrlCached = null;
function GetStyleUrl() {
    if (null == styleUrlCached) {
        var ns;
        styleUrlCached = '';
        ns = document.getElementsByTagName('link');
        for (var i = 0; i &lt; ns.length; i++) {
            var l = ns[i];
            if (l.href &amp;&amp; /style\.ie6\.css(\?.*)?$/.test(l.href)) {
                return styleUrlCached = l.href.replace(/style\.ie6\.css(\?.*)?$/, '');
            }
        }

        ns = document.getElementsByTagName('style');
        for (var i = 0; i &lt; ns.length; i++) {
            var matches = new RegExp('import\\s+"([^"]+\\/)style\\.ie6\\.css"').exec(ns[i].innerHTML);
            if (null != matches &amp;&amp; matches.length > 0)
                return styleUrlCached = matches[1];
        }
    }
    return styleUrlCached;
}

function fixPNG(element) {
 if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent)) {
  var src;
  if (element.tagName == 'IMG') {
   if (/\.png$/.test(element.src)) {
    src = element.src;
    element.src = GetStyleUrl() + 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUeltTjCUS1zmzEQswJRhb0kxVtgUV31LCStdT35AbltmtlyXnv2oaoAnwwbDK4uCd5z2aBI_LwihWnN2bR9uZDGtN3jsIZmTwDkbNBYLPOQoTnWL-I4jLNp9VnkeK1ZsD5Xe6sAhfJHd/s320/spacer.gif';
   }
  }
  else {
   src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i);
   if (src) {
    src = src[1];
    element.runtimeStyle.backgroundImage = 'none';
   }
  }
  if (src) element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "')";
 }
}

function artHasClass(el, cls) {
 return (el &amp;&amp; el.className &amp;&amp; (' ' + el.className + ' ').indexOf(' ' + cls + ' ') != -1);
}


var block_header_exists = false;
/* end Page */

/* begin Menu */
function gTranslateFix() {
 var menus = xGetElementsByClassName("art-menu", document);
 for (var i = 0; i &lt; menus.length; i++) {
  var menu = menus[i];
  var childs = menu.childNodes;
  var listItems = [];
  for (var j = 0; j &lt; childs.length; j++) {
   var el = childs[j];
   if (String(el.tagName).toLowerCase() == "li") listItems.push(el);
  }
  for (var j = 0; j &lt; listItems.length; j++) {
   var item = listItems[j];
   var a = null;
   var gspan = null;
   for (var p = 0; p &lt; item.childNodes.length; p++) {
    var l = item.childNodes[p];
    if (!(l &amp;&amp; l.tagName)) continue;
    if (String(l.tagName).toLowerCase() == "a") a = l;
    if (String(l.tagName).toLowerCase() == "span") gspan = l;
   }
   if (gspan &amp;&amp; a) {
    var t = null;
    for (var k = 0; k &lt; gspan.childNodes.length; k++) {
     var e = gspan.childNodes[k];
     if (!(e &amp;&amp; e.tagName)) continue;
     if (String(e.tagName).toLowerCase() == "a" &amp;&amp; e.firstChild) e = e.firstChild;
     if (e &amp;&amp; e.className &amp;&amp; e.className == 't') {
      t = e;
      if (t.firstChild &amp;&amp; t.firstChild.tagName &amp;&amp; String(t.firstChild.tagName).toLowerCase() == "a") {
       while (t.firstChild.firstChild) t.appendChild(t.firstChild.firstChild);
       t.removeChild(t.firstChild);
      }
      a.appendChild(t);
      break;
     }
    }
    gspan.parentNode.removeChild(gspan);
   }
  }
 }
}
artLoadEvent.add(gTranslateFix);

function Insert_Separators() {
 var menus = xGetElementsByClassName("art-menu", document, "ul");
 for (var i = 0; i &lt; menus.length; i++) {
  var menu = menus[i];
  var childs = menu.childNodes;
  var listItems = [];
  for (var j = 0; j &lt; childs.length; j++) {
   var el = childs[j];
   if (String(el.tagName).toLowerCase() == "li") listItems.push(el);
  }
  for (var j = 0; j &lt; listItems.length - 1; j++) {
   var item = listItems[j];
   var span = document.createElement('span');
   span.className = 'art-menu-separator';
   var li = document.createElement('li');
   li.appendChild(span);
   item.parentNode.insertBefore(li, item.nextSibling);

        }
        if (browser.msie) menu.style.position = "relative";
 }
 
}
artLoadEvent.add(Insert_Separators);

function Menu_IE6Setup() {
 var isIE6 = navigator.userAgent.toLowerCase().indexOf("msie") != -1
    &amp;&amp; navigator.userAgent.toLowerCase().indexOf("msie 7") == -1;
 if (!isIE6) return;
 var aTmp2, i, j, oLI, aUL, aA;
 var aTmp = xGetElementsByClassName("art-menu", document, "ul");
 for (i = 0; i &lt; aTmp.length; i++) {
  aTmp2 = aTmp[i].getElementsByTagName("li");
  for (j = 0; j &lt; aTmp2.length; j++) {
   oLI = aTmp2[j];
   aUL = oLI.getElementsByTagName("ul");
   if (aUL &amp;&amp; aUL.length) {
    oLI.UL = aUL[0];
    aA = oLI.getElementsByTagName("a");
    if (aA &amp;&amp; aA.length)
     oLI.A = aA[0];
    oLI.onmouseenter = function() {
     this.className += " art-menuhover";
     this.UL.className += " art-menuhoverUL";
     if (this.A) this.A.className += " art-menuhoverA";
    };
    oLI.onmouseleave = function() {
     this.className = this.className.replace(/art-menuhover/, "");
     this.UL.className = this.UL.className.replace(/art-menuhoverUL/, "");
     if (this.A) this.A.className = this.A.className.replace(/art-menuhoverA/, "");
    };
   }
  }
 }
}
artLoadEvent.add(Menu_IE6Setup);
/* end Menu */

/* begin BlockHeader */
block_header_exists = true;/* end BlockHeader */

/* begin Button */


function artButtonsSetupJsHover(className) {
 var tags = ["input", "a", "button"];
 for (var j = 0; j &lt; tags.length; j++){
  var buttons = xGetElementsByClassName(className, document, tags[j]);
  for (var i = 0; i &lt; buttons.length; i++) {
   var button = buttons[i];
   if (!button.tagName || !button.parentNode) return;
   if (!artHasClass(button.parentNode, 'art-button-wrapper')) {
    if (!artHasClass(button, 'art-button')) button.className += ' art-button';
    var wrapper = document.createElement('span');
    wrapper.className = "art-button-wrapper";
    if (artHasClass(button, 'active')) wrapper.className += ' active';
    var spanL = document.createElement('span');
    spanL.className = "l";
    spanL.innerHTML = " ";
    wrapper.appendChild(spanL);
    var spanR = document.createElement('span');
    spanR.className = "r";
    spanR.innerHTML = " ";
    wrapper.appendChild(spanR);
    button.parentNode.insertBefore(wrapper, button);
    wrapper.appendChild(button);
   }
   artEventHelper.bind(button, 'mouseover', function(e) {
    e = e || window.event;
    wrapper = (e.target || e.srcElement).parentNode;
    wrapper.className += " hover";
   });
   artEventHelper.bind(button, 'mouseout', function(e) {
    e = e || window.event;
    button = e.target || e.srcElement;
    wrapper = button.parentNode;
    wrapper.className = wrapper.className.replace(/hover/, "");
    if (!artHasClass(button, 'active')) wrapper.className = wrapper.className.replace(/active/, "");
   });
   artEventHelper.bind(button, 'mousedown', function(e) {
    e = e || window.event;
    button = e.target || e.srcElement;
    wrapper = button.parentNode;
    if (!artHasClass(button, 'active')) wrapper.className += " active";
   });
   artEventHelper.bind(button, 'mouseup', function(e) {
    e = e || window.event;
    button = e.target || e.srcElement;
    wrapper = button.parentNode;
    if (!artHasClass(button, 'active')) wrapper.className = wrapper.className.replace(/active/, "");
   });
  }
 }
}

artLoadEvent.add(function() { artButtonsSetupJsHover("art-button"); });
/* end Button */



function artInsertSidebarBlocks(widgetClassName) {
    var widgets = xGetElementsByClassName(widgetClassName, document);
    for (var i = 0; i &lt; widgets.length; i++) {
        var widget = widgets[i];
        if (widget.id == 'LinkList99') continue;
        if (widget.id == 'LinkList98') continue;
        if (widget.id == 'Text99')     continue;
        
        var childs = widget.childNodes;
        var widgetTitle = widget.getElementsByTagName("h2");
        var widgetContent = widget.innerHTML;
        var widgetTitleText = '';
        if (widgetTitle.length != 0){
            widgetTitleText = widgetTitle[0].innerHTML;
        }

        var div1  = document.createElement('div'); div1.className  = 'art-Block';
        
                        
        var div2  = document.createElement('div'); div2.className  = 'art-Block-tl'; div1.appendChild(div2);
        var div3  = document.createElement('div'); div3.className  = 'art-Block-tr'; div1.appendChild(div3);
        var div4  = document.createElement('div'); div4.className  = 'art-Block-bl'; div1.appendChild(div4);
        var div5  = document.createElement('div'); div5.className  = 'art-Block-br'; div1.appendChild(div5);
        var div6  = document.createElement('div'); div6.className  = 'art-Block-tc'; div1.appendChild(div6);
        var div7  = document.createElement('div'); div7.className  = 'art-Block-bc'; div1.appendChild(div7);
        var div8  = document.createElement('div'); div8.className  = 'art-Block-cl'; div1.appendChild(div8);
        
                        
        var div9  = document.createElement('div'); div9.className  = 'art-Block-cr'; div1.appendChild(div9);
        var div10 = document.createElement('div'); div10.className = 'art-Block-cc'; div1.appendChild(div10);
        
                        
        var divBB   = document.createElement('div'); divBB.className = 'art-Block-body';  div1.appendChild(divBB);
        if (widgetTitleText &amp;&amp; block_header_exists){
            var divBH   = document.createElement('div'); divBH.className = 'art-BlockHeader'; divBB.appendChild(divBH);
                        var divBHl  = document.createElement('div'); divBHl.className = 'l'; divBH.appendChild(divBHl);
            var divBHr  = document.createElement('div'); divBHr.className = 'r'; divBH.appendChild(divBHr);
                        var divBHti = document.createElement('div'); divBHti.className = 'art-header-tag-icon'; divBH.appendChild(divBHti);
            var divBHt  = document.createElement('div'); divBHt.className = 't'; divBHti.appendChild(divBHt);
            divBHt.innerHTML = widgetTitleText;
        }

        var divBC   = document.createElement('div'); divBC.className = 'art-BlockContent'; divBB.appendChild(divBC);
        
                        
        var di2  = document.createElement('div'); di2.className  = 'art-BlockContent-tl'; divBC.appendChild(di2);
        var di3  = document.createElement('div'); di3.className  = 'art-BlockContent-tr'; divBC.appendChild(di3);
        var di4  = document.createElement('div'); di4.className  = 'art-BlockContent-bl'; divBC.appendChild(di4);
        var di5  = document.createElement('div'); di5.className  = 'art-BlockContent-br'; divBC.appendChild(di5);
        var di6  = document.createElement('div'); di6.className  = 'art-BlockContent-tc'; divBC.appendChild(di6);
        var di7  = document.createElement('div'); di7.className  = 'art-BlockContent-bc'; divBC.appendChild(di7);
        var di8  = document.createElement('div'); di8.className  = 'art-BlockContent-cl'; divBC.appendChild(di8);
        
                        
        var di9  = document.createElement('div'); di9.className  = 'art-BlockContent-cr'; divBC.appendChild(di9);
        var di10 = document.createElement('div'); di10.className = 'art-BlockContent-cc'; divBC.appendChild(di10);
        
                        
        var divBCb  = document.createElement('div'); divBCb.className = 'art-BlockContent-body'; divBC.appendChild(divBCb);
        
        
        
        if ( ((widgetClassName == 'widget Gadget') || (widgetClassName == 'widget Followers')) &amp;&amp; (widgetContent.indexOf("friendconnect.js") != -1)){
            
            if (browser.mozilla){
                if (widgetTitle.length != 0){
                    widgetTitle[0].parentNode.removeChild(widgetTitle[0]);
                }
                divBCb.innerHTML = widget.innerHTML;
                widget.innerHTML = "";
                widget.appendChild(div1);
            }
            if (browser.msie){
                if (widgetTitle.length != 0){
                    widgetTitle[0].parentNode.removeChild(widgetTitle[0]);
                }
                var childsLength = childs.length;
                for (var j = 0; j &lt; childsLength; j++) {
                    divBCb.appendChild(childs[0]);
                }
                widget.appendChild(div1);
            }
            
        } else {
            if (widgetTitle.length != 0){
                widgetTitle[0].parentNode.removeChild(widgetTitle[0]);
            }
            var childsLength = childs.length;
            for (var j = 0; j &lt; childsLength; j++) {
                divBCb.appendChild(childs[0]);
            }
            widget.appendChild(div1);
        }
  
        
        if (widgetClassName == 'widget Subscribe') {
            widget.style.position = "relative";
            widget.style.zIndex = "2";
        }
        
    }
}

function artCheckNavBar(){
    var navbar = document.getElementById("navbar");
    if (navbar){
        if (false) {
            var el1 = document.getElementById("art-page-background-glare");
            if (el1) el1.style.top = "30px";
            var el2 = document.getElementById("art-page-background-simple-gradient");
            if (el2) el2.style.top = "30px";
            if (!el2) {
                var el3 = document.getElementById("art-page-background-gradient");
                if (el3) el3.style.top = "30px";
            }
        } else {
            navbar.style.display = 'none';
        }
    }
}

function artFixFooterMenu(){
    var widgetLinks = document.getElementById("LinkList98");
    var widgetText  = document.getElementById("Text99");
    if (widgetLinks) {
        var widgetText = widgetLinks.innerHTML;
        widgetLinks.innerHTML = widgetText.replace("| |", "");
    } else {
        if (widgetText){
            var els = xGetElementsByClassName("widget-content", widgetText);
            var el = els[0];
            if (el.innerHTML == '\n') {
                el.innerHTML = "&lt;br />&lt;br />";
            } else {
                el.innerHTML += "&lt;br />";
            }
        }
    }
}

function artFixPostHeaders(){
    var els = xGetElementsByClassName("art-PostMetadataHeader", document);
    for (var i = 0; i &lt; els.length; i++) {
        var el = els[i];
        if (el) {
            var elText = el.innerHTML;
            if ((el.getElementsByTagName("div").length == 0) &amp;&amp; (el.getElementsByTagName("h2").length == 0)) el.style.visibility = 'hidden';
        }
    }
}

artLoadEvent.add(function() { artFixPostHeaders(); });

function artFixPostFooters(){
    var els = xGetElementsByClassName("art-PostMetadataFooter", document);
    for (var i = 0; i &lt; els.length; i++) {
        var el = els[i];
        if (el) {
            var els2 = xGetElementsByClassName("art-PostFooterIcons", el);
            for (var j = 0; j &lt; els2.length; j++) {
                var el2 = els2[j];
                var elText = el2.innerHTML;
                if ((el.getElementsByTagName("img").length == 0) &amp;&amp; (el.getElementsByTagName("a").length == 0)) el.style.visibility = 'hidden';
            }
        }
    }
}

artLoadEvent.add(function() { artFixPostFooters(); });

function artFixTopMenu(){
    var topMenu = document.getElementById("LinkList99");
    if (!topMenu){
        var navSection = document.getElementById("navsection");
        if (navSection){
            if (showHomePage) {
                if (window.location == homePageLink) 
                    var tmpstr = '&lt;a href="'+homePageLink+'" class="active">';
                else
                    var tmpstr = '&lt;a href="'+homePageLink+'">';
                navSection.innerHTML = '&lt;div>&lt;div class="l">&lt;/div>&lt;div class="r">&lt;/div>&lt;div class="art-nav-center">&lt;ul class="art-menu">&lt;li>'+tmpstr+'&lt;span class="l">&lt;/span>&lt;span class="r">&lt;/span>&lt;span class="t">'+homePageName+'&lt;/span>&lt;/a>&lt;/li>&lt;/ul>&lt;/div>&lt;/div>';
            } else {
                navSection.innerHTML = '&lt;div>&lt;div class="l">&lt;/div>&lt;div class="r">&lt;/div>&lt;div class="art-nav-center">&lt;/div>&lt;/div>';
            }
        }
    }
}
artLoadEvent.add(function() { artFixTopMenu(); });

function artDisplayTopMenu(menuitems){
    var i=0;
    var subList = false;
    var menu = new Array();
    for(i=0; i &lt; menuitems.length; i++){
      var item = menuitems[i];
      var itemname = item[0];
      var itemlink = item[1];
      
      if ( (itemname.indexOf("-") == 0) &amp;&amp; !subList) document.write("&lt;ul>");
      else if ( (itemname.indexOf("-") != 0) &amp;&amp; subList) { document.write("&lt;/ul>&lt;/li>"); subList = false; }
      else if (i != 0) document.write("&lt;/li>");
      
      document.write("&lt;li>");
      
      if (itemname.indexOf("-") != 0){
        if (window.location == itemlink) 
            document.write('&lt;a href="'+itemlink+'" class="active">&lt;span class="l">&lt;/span>&lt;span class="r">&lt;/span>&lt;span class="t">'+itemname+'&lt;/span>&lt;/a>');
        else if(itemlink == "http://./")
            document.write('&lt;a href="#">&lt;span class="l">&lt;/span>&lt;span class="r">&lt;/span>&lt;span class="t">'+itemname+'&lt;/span>&lt;/a>');
        else
            document.write('&lt;a href="'+itemlink+'">&lt;span class="l">&lt;/span>&lt;span class="r">&lt;/span>&lt;span class="t">'+itemname+'&lt;/span>&lt;/a>');
      } else {
        document.write('&lt;a href="'+itemlink+'">'+itemname.substr(1,itemname.length)+'&lt;/a>');
        subList = true;
      }
      if (i==(menuitems.length-1)) document.write("&lt;/li>");
    }
}
    </script>

  </head>
  <body>
<script type="text/javascript">
        artCheckNavBar();
    </script>
    <div id="art-main">
    <div class="art-Sheet">
        <div class="art-Sheet-tl"></div>
        <div class="art-Sheet-tr"></div>
        <div class="art-Sheet-bl"></div>
        <div class="art-Sheet-br"></div>
        <div class="art-Sheet-tc"></div>
        <div class="art-Sheet-bc"></div>
        <div class="art-Sheet-cl"></div>
        <div class="art-Sheet-cr"></div>
        <div class="art-Sheet-cc"></div>
        <div class="art-Sheet-body">
    <script type="text/javascript">
        var menuitems = new Array();
        var showHomePage = false;
        if (true) {
          showHomePage = true;
          var homePageName = 'Home';
          var homePageLink = '<data:blog.homepageUrl/>';
          menuitems.push(new Array('Home','<data:blog.homepageUrl/>'));
        }
    </script>           
    <b:section id='navsection' class="art-nav" maxwidgets='1' showaddelement='no'>
    <b:widget id='LinkList99' locked='true' title='Top Menu' type='LinkList'>
    <b:includable id='main'>
     <div class="l"></div>
     <div class="r"></div>
     <ul class="art-menu">
            <script type="text/javascript">
                <b:loop values='data:links' var='link'>
                  menuitems.push(new Array('<data:link.name/>','<data:link.target/>'));
                </b:loop>
                artDisplayTopMenu(menuitems);
            </script>
        </ul>
    </b:includable>
    </b:widget>
    </b:section>
    <b:section class='art-Header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Header' type='Header'>
            <b:includable id='title'>
                <a expr:href='data:blog.homepageUrl'><data:title/></a>
            </b:includable>
            <b:includable id='description'>
                <data:description/>
            </b:includable>
            <b:includable id='main'>
                                            <div class="art-Header-jpeg"></div>
                <div class='art-Logo'>
        <h1 class='art-Logo-name' id='name-text'>
            <b:include name='title'/>
        </h1>
        <div class='art-Logo-text' id='slogan-text'>
            <b:include name='description'/>
        </div>
    </div>
    
            </b:includable>
        </b:widget>
    </b:section>
    <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'></b:section>
    </div>
    <div class="art-contentLayout">
    <b:section class="art-content" id='main' showaddelement="no">
          <b:widget id='Blog1' locked='true' title='Blog Messages' type='Blog'>
            <b:includable id='nextprev'>
              <div class='blog-pager' id='blog-pager'>
                <b:if cond='data:newerPageUrl'>
                  <span id='blog-pager-newer-link'>
                    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
                  </span>
                </b:if>
    
                <b:if cond='data:olderPageUrl'>
                  <span id='blog-pager-older-link'>
                    <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
                  </span>
                </b:if>
    
                <b:if cond='data:blog.homepageUrl != data:blog.url'>
                  <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
                <b:else/>
                  <b:if cond='data:newerPageUrl'>
                    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
                  </b:if>
                </b:if>
    
              </div>
              <div class='clear' />
            </b:includable>
    
            <b:includable id='backlinks' var='post'>
              <a name='links' />
              <h4><data:post.backlinksLabel/></h4>
              <b:if cond='data:post.numBacklinks != 0'>
                <dl class='comments-block' id='comments-block'>
                  <b:loop values='data:post.backlinks' var='backlink'>
                    <div class='collapsed-backlink backlink-control'>
                      <dt class='comment-title'>
                        <span class='backlink-toggle-zippy'>&#160;</span>
                        <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
                        <b:include data='backlink' name='backlinkDeleteIcon'/>
                      </dt>
                      <dd class='comment-body collapseable'>
                        <data:backlink.snippet/>
                      </dd>
                      <dd class='comment-footer collapseable'>
                        <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
                        <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
                      </dd>
                    </div>
                  </b:loop>
                </dl>
              </b:if>
              <p class='comment-footer'>
                <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
              </p>
            </b:includable>
            <b:includable id='post' var='post'>
              <div class="art-Post-tl"></div>
              <div class="art-Post-tr"></div>
              <div class="art-Post-bl"></div>
              <div class="art-Post-br"></div>
              <div class="art-Post-tc"></div>
              <div class="art-Post-bc"></div>
              <div class="art-Post-cl"></div>
              <div class="art-Post-cr"></div>
              <div class="art-Post-cc"></div>
              <div class='art-Post-body'>
                <div class='art-Post-inner art-article'>
                  <a expr:name='data:post.id' />
                  <b:if cond='data:post.dateHeader'>
                    <div class='date-header'><data:post.dateHeader/></div>
                  </b:if>
          <b:if cond='data:post.title'>
        <h2 class="art-PostHeader">
                <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibT5iVSMHMeeMDuiG1P6paiACndTqIoeaChcFUOTnfX9D7mbA8GDJz96_cWJT_-ObA0zGMPWExPh87cPWKaIGCW7vpCwLHW41B8iJCRpjU7WtwCxtLi5j9YnOGzLJHROhyphenhyphencgcD2z7k_CSC/s320/PostHeaderIcon.png" width="29" height="21" alt="PostHeaderIcon" />
        
            <b:if cond='data:post.link'>
              <a expr:href='data:post.link'><data:post.title/></a>
            <b:else/>
              <b:if cond='data:post.url'>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
            </b:if>
        </h2>
    </b:if>
    <div class="art-PostMetadataHeader">
    <div class="art-PostHeaderIcons art-metadata-icons">
    <data:post.timestamp/> | <data:authorLabel/> <data:post.author/><b:if cond='data:post.editUrl'><span expr:class='&quot;item-control &quot; + data:post.adminClass'> | </span></b:if>
            <b:if cond='data:post.editUrl'><span expr:class='&quot;item-control &quot; + data:post.adminClass'>
          
            <a class="post-edit-link" expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
              <data:top.editPostMsg/>
            </a>
    
            </span></b:if>
          
    </div>
    
    </div>
    <div class="art-PostContent">
    <data:post.body/>
    </div>
    <div class="cleared"></div>
    
    <b:if cond='data:post.hasJumpLink'>
        <div class='jump-link'>
            <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>  
        </div>
    </b:if>
    <div class="art-PostMetadataFooter">
    <div class="art-PostFooterIcons art-metadata-icons">
    
            <b:if cond='data:post.labels'>
          
            <data:postLabelsLabel/>
            <b:loop values='data:post.labels' var='label'>
              <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
            </b:loop>
    
            </b:if>
          <b:if cond='data:post.labels'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:post.allowComments'> | </b:if></b:if></b:if>
            <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:post.allowComments'>
          <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
    
            </b:if></b:if>
          
    </div>
    
    </div>
    
                  
                  <div class='post-footer'>
                    <div class='post-footer-line post-footer-line-1'>
                      
                      <span class='reaction-buttons'>
                        <b:if cond='data:top.showReactions'>
                          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
                            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
                              <span class='reactions-label'>
                              <data:top.reactionsLabel/></span>&#160;</td>
                            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no' /></td>
                           </tr></table>
                        </b:if>
                      </span>
    
                      <span class='star-ratings'>
                        <b:if cond='data:top.showStars'>
                           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280' />
                        </b:if>
                      </span>
    
                      <!-- backlinks -->
                      <span class='post-backlinks post-comment-link'>
                        <b:if cond='data:blog.pageType != &quot;item&quot;'>
                          <b:if cond='data:post.showBacklinks'>
                            <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
                          </b:if>
                        </b:if>
                      </span>
    
                      <span class='post-icons'>
                        <!-- email post links -->
                        <b:if cond='data:post.emailPostUrl'>
                          <span class='item-action'>
                          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                              <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18' />
                          </a>
                          </span>
                        </b:if>
    
                      </span>
                    </div>
    
                    <div class='post-footer-line post-footer-line-3'>
                      <span class='post-location'>
                        <b:if cond='data:top.showLocation'>
                          <b:if cond='data:post.location'>
                            <data:postLocationLabel/>
                            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
                          </b:if>
                        </b:if>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </b:includable>
            
            <b:includable id='status-message'>
              <b:if cond='data:navMessage'>
                <div class='status-msg-wrap'>
                  <div class='status-msg-body'>
                    <data:navMessage/>
                  </div>
                  <div class='status-msg-border'>
                    <div class='status-msg-bg'>
                      <div class='status-msg-hidden'><data:navMessage/></div>
                    </div>
                  </div>
                </div>
                <div style='clear: both;' />
              </b:if>
            </b:includable>
            
            <b:includable id='comment-form' var='post'>
              <div class='comment-form'>
                <a name='comment-form' />
                <h4 id='comment-post-message'><data:postCommentMsg/></h4>
                <p><data:blogCommentMessage/></p>
                <data:blogTeamBlogMessage/>
                <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' />
                <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%' />
                <data:post.friendConnectJs/>
                <data:post.cmtfpIframe/>
                <script type='text/javascript'>
                  BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                </script>
              </div>
            </b:includable>
              
            <b:includable id='backlinkDeleteIcon' var='backlink'>
              <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                  <img src='http://www.blogger.com/img/icon_delete13.gif' />
                </a>
              </span>
            </b:includable>
            
            <b:includable id='main' var='top'>
              <!-- posts -->
                <b:include data='top' name='status-message'/>
    
                <data:adStart/>
                <b:loop values='data:posts' var='post'>
                  <div class='art-Post'>
                    <b:include data='post' name='post'/>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <b:include data='post' name='comments'/>
                    </b:if>
                    <b:if cond='data:post.includeAd'>
                      <data:adEnd/>
                      <data:adCode/>
                      <data:adStart/>
                    </b:if>
                    <b:if cond='data:post.trackLatency'>
                      <data:post.latencyJs/>
                    </b:if>
                  </div>
                </b:loop>
                <data:adEnd/>
    
              <!-- navigation -->
              <b:include name='nextprev'/>
    
              <!-- feed links -->
              <b:include name='feedLinks'/>
              
              <b:if cond='data:top.showStars'>
                <script src='http://www.google.com/jsapi' type='text/javascript' />
                <script type='text/javascript'>
                  google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
                  function initialize() {
                    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                    google.annotations.createAll();
                    google.annotations.fetch();
                  }
                  google.setOnLoadCallback(initialize);
                </script>
              </b:if>
            </b:includable>
            
            <b:includable id='commentDeleteIcon' var='comment'>
              <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
                <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                  <img src='http://www.blogger.com/img/icon_delete13.gif' />
                </a>
              </span>
            </b:includable>
    
            <b:includable id='feedLinks'>
              <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
                <b:if cond='data:feedLinks'>
                  <div class='blog-feeds'>
                    <b:include data='feedLinks' name='feedLinksBody'/>
                  </div>
                </b:if>
              <b:else/> <!--Post feed links -->
                <div class='post-feeds'>
                  <b:loop values='data:posts' var='post'>
                    <b:if cond='data:post.allowComments'>
                      <b:if cond='data:post.feedLinks'>
                        <b:include data='post.feedLinks' name='feedLinksBody'/>
                      </b:if>
                    </b:if>
                  </b:loop>
                </div>
              </b:if>
            </b:includable>
    
            <b:includable id='feedLinksBody' var='links'>
              <div class='feed-links'>
                <data:feedLinksMsg/>
                <b:loop values='data:links' var='f'>
                  <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
                </b:loop>
              </div>
            </b:includable>
    
            <b:includable id='comments' var='post'>
              <div class='comments' id='comments'>
                <a name='comments'/>
                <b:if cond='data:post.allowComments'>
                  <h4>
                    <b:if cond='data:post.numComments == 1'>
                      1 <data:commentLabel/>:
                    <b:else/>
                      <data:post.numComments/> <data:commentLabelPlural/>:
                    </b:if>
                  </h4>
    
                  <b:if cond='data:post.commentPagingRequired'>
                    <span class='paging-control-container'>
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
                      &#160;
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
                      &#160;
                      <data:post.commentRangeText/>
                      &#160;
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
                      &#160;
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
                    </span>
                  </b:if>
    
                  <dl id='comments-block'>
                    <b:loop values='data:post.comments' var='comment'>
                      <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
                        <b:if cond='data:comment.favicon'>
                          <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px' />
                        </b:if>
                        <a expr:name='data:comment.anchorName' />
                        <b:if cond='data:comment.authorUrl'>
                          <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
                        <b:else/>
                          <data:comment.author/>
                        </b:if>
                        <data:commentPostedByMsg/>
                      </dt>
                      <dd class='comment-body'>
                        <b:if cond='data:comment.isDeleted'>
                          <span class='deleted-comment'><data:comment.body/></span>
                        <b:else/>
                          <p><data:comment.body/></p>
                        </b:if>
                      </dd>
                      <dd class='comment-footer'>
                        <span class='comment-timestamp'>
                          <a expr:href='data:comment.url' title='comment permalink'>
                            <data:comment.timestamp/>
                          </a>
                          <b:include data='comment' name='commentDeleteIcon'/>
                        </span>
                      </dd>
                    </b:loop>
                  </dl>
    
                  <b:if cond='data:post.commentPagingRequired'>
                    <span class='paging-control-container'>
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                        <data:post.oldestLinkText/>
                      </a>
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                        <data:post.olderLinkText/>
                      </a>
                      &#160;
                      <data:post.commentRangeText/>
                      &#160;
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                        <data:post.newerLinkText/>
                      </a>
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                        <data:post.newestLinkText/>
                      </a>
                    </span>
                  </b:if>
    
                  <p class='comment-footer'>
                    <b:if cond='data:post.embedCommentForm'>
                      <b:if cond='data:post.allowNewComments'>
                        <b:include data='post' name='comment-form'/>
                      <b:else/>
                        <data:post.noNewCommentsText/>
                      </b:if>
                    <b:else/>
                      <b:if cond='data:post.allowComments'>
                        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
                      </b:if>
                    </b:if>
                  </p>
                </b:if>
    
                <div id='backlinks-container'>
                  <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                    <b:if cond='data:post.showBacklinks'>
                      <b:include data='post' name='backlinks'/>
                    </b:if>
                  </div>
                </div>
              </div>
            </b:includable>
          </b:widget>
          
            </b:section>
          <b:section class="art-sidebar1" id='sidebar1' preferred="yes">
            <b:widget id='CustomSearch1' locked='false' title='Search' type='CustomSearch'>
              <b:includable id='main'>
                  <!-- only display title if it's non-empty -->
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'><data:title/></h2>
                  </b:if>
    
                  <div class='widget-content' style='width:95%'>
                    <div expr:id='data:widget.instanceId + &quot;_form&quot;'>
                      <span class='cse-status'><data:loadingMsg/></span>
                    </div>
                  </div>
    
                  <!-- override gsearch.css -->
                  <style type='text/css'>
                    #uds-searchControl .gs-result .gs-title,
                    #uds-searchControl .gs-result .gs-title *,
                    #uds-searchControl .gsc-results .gsc-trailing-more-results,
                    #uds-searchControl .gsc-results .gsc-trailing-more-results * {
                      color:<data:linkColor/>;
                    }
    
                    #uds-searchControl .gs-result .gs-title a:visited,
                    #uds-searchControl .gs-result .gs-title a:visited * {
                      color:<data:visitedLinkColor/>;
                    }
    
                    #uds-searchControl .gs-relativePublishedDate,
                    #uds-searchControl .gs-publishedDate {
                      color: <data:dateColor/>;
                    }
    
                    #uds-searchControl .gs-result a.gs-visibleUrl,
                    #uds-searchControl .gs-result .gs-visibleUrl {
                      color: <data:urlColor/>;
                    }
    
                    #uds-searchControl .gsc-results {
                      border-color: <data:borderColor/>;
                      background-color: <data:backgroundColor/>;
                    }
    
                    #uds-searchControl .gsc-tabhActive {
                      border-color: <data:borderColor/>;
                      border-top-color: <data:activeBorderColor/>;
                      background-color: <data:backgroundColor/>;
                      color: <data:textColor/>;
                    }
    
                    #uds-searchControl .gsc-tabhInactive {
                      border-color: <data:borderColor/>;
                      background-color: transparent;
                      color: <data:linkColor/>;
                    }
    
                    #uds-searchClearResults {
                      border-color: <data:borderColor/>;
                    }
    
                    #uds-searchClearResults:hover {
                      border-color: <data:activeBorderColor/>;
                    }
    
                    #uds-searchControl .gsc-cursor-page {
                      color: <data:linkColor/>;
                    }
    
                    #uds-searchControl .gsc-cursor-current-page {
                      color: <data:textColor/>;
                    }
                  </style>
    
                  <b:include name='quickedit'/>
                </b:includable>
              </b:widget>         
          
              <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
              <b:includable id='main'>
                <b:if cond='data:title'>
                  <h2><data:title/></h2>
                </b:if>
                <div class='widget-content'>
                <div id='ArchiveList'>
                <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
                  <b:if cond='data:style == &quot;HIERARCHY&quot;'>
                   <b:include data='data' name='interval'/>
                  </b:if>
                  <b:if cond='data:style == &quot;FLAT&quot;'>
                    <b:include data='data' name='flat'/>
                  </b:if>
                  <b:if cond='data:style == &quot;MENU&quot;'>
                    <b:include data='data' name='menu'/>
                  </b:if>
                </div>
                </div>
                <b:include name='quickedit'/>
                </div>
              </b:includable>
              <b:includable id='flat' var='data'>
                <ul>
                  <b:loop values='data:data' var='i'>
                    <li class='archivedate'>
                      <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
                    </li>
                  </b:loop>
                </ul>
              </b:includable>
              <b:includable id='menu' var='data'>
                <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
                  <option value=''><data:title/></option>
                  <b:loop values='data:data' var='i'>
                    <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
                  </b:loop>
                </select>
              </b:includable>
              <b:includable id='interval' var='intervalData'>
                <b:loop values='data:intervalData' var='i'>
                    <ul>
                      <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
                        <b:include data='i' name='toggle'/>
                        <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
                          <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
                        <b:if cond='data:i.data'>
                          <b:include data='i.data' name='interval'/>
                        </b:if>
                        <b:if cond='data:i.posts'>
                          <b:include data='i.posts' name='posts'/>
                        </b:if>
                      </li>
                    </ul>
                </b:loop>
              </b:includable>
              <b:includable id='toggle' var='interval'>
                <b:if cond='data:interval.toggleId'>
                <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
                  <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
                      <span class='zippy toggle-open'>&#9660; </span>
                  </a>
                <b:else/>
                  <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'>
                        <span class='zippy'>
                          <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
                            &#9668;
                          <b:else/>
                            &#9658;
                          </b:if>
                        </span>
                  </a>
                </b:if>
               </b:if>
              </b:includable>
              <b:includable id='posts' var='posts'>
                <ul class='posts'>
                  <b:loop values='data:posts' var='i'>
                    <li><a expr:href='data:i.url'><data:i.title/></a></li>
                  </b:loop>
                </ul>
              </b:includable>
              </b:widget>
          
              <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
              <b:includable id='main'>
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2><data:title/></h2>
                  </b:if>
                  <div class='widget-content'>
                  <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
                    <ul>
                      <b:loop values='data:authors' var='i'>
                        <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
                      </b:loop>
                    </ul>
    
                    <b:else/> <!-- normal blog profile -->
    
                    <b:if cond='data:photo.url != &quot;&quot;'>
                      <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width' /></a>
                    </b:if>
    
                    <dl class='profile-datablock'>
                      <dt class='profile-data'><data:displayname/></dt>
    
                      <b:if cond='data:showlocation == &quot;true&quot;'>
                        <dd class='profile-data'><data:location/></dd>
                      </b:if>
    
                      <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
                    </dl>
                    <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
                  </b:if>
    
                   <b:include name='quickedit'/>
                  </div>
                </b:includable>
              </b:widget>
          
            </b:section>
          
    </div>
    <div class="cleared"></div>
    <div id='footer-wrapper'>
        <b:section id='footer' class='footer'></b:section>
    </div>
    <div class="art-Footer">
        <div class="art-Footer-inner">
            <a href="/feeds/posts/default" class="art-rss-tag-icon" title="RSS"></a>
            <div class="art-Footer-text">
    <b:section id='footersection' class="art-footer-nav" maxwidgets='2' showaddelement='no'>
        <b:widget id='LinkList98' locked='true' title='Footer Links' type='LinkList'>
            <b:includable id='main'>
                <b:loop values='data:links' var='link'><a expr:href="data:link.target"><data:link.name/></a> | </b:loop>|
            </b:includable>
        </b:widget>
        <br />
        <b:widget id='Text99' locked='true' title='Copyright Text' type='Text'>
            <b:includable id='main'>
              <div class='widget-content'>
                <data:content/>
              </div>
            </b:includable>
        </b:widget>
    </b:section>
    
            </div>
            <script type="text/javascript">
                artFixFooterMenu();
                artInsertSidebarBlocks("widget Gadget");
                artInsertSidebarBlocks("widget Label");
                artInsertSidebarBlocks("widget Profile");
                artInsertSidebarBlocks("widget Followers");
                artInsertSidebarBlocks("widget CustomSearch");
                artInsertSidebarBlocks("widget HTML");
                artInsertSidebarBlocks("widget Text");
                artInsertSidebarBlocks("widget AdSense");
                artInsertSidebarBlocks("widget Image");
                artInsertSidebarBlocks("widget Slideshow");
                artInsertSidebarBlocks("widget VideoBar");
                artInsertSidebarBlocks("widget Poll");
                artInsertSidebarBlocks("widget BlogList");
                artInsertSidebarBlocks("widget LinkList");
                artInsertSidebarBlocks("widget TextList");
                artInsertSidebarBlocks("widget Feed");
                artInsertSidebarBlocks("widget NewsBar");
                artInsertSidebarBlocks("widget Subscribe");
                artInsertSidebarBlocks("widget BloggerButton");
                artInsertSidebarBlocks("widget BlogArchive");
            </script>
        </div>
        <div class="art-Footer-background"></div>
    </div>
    
        </div>
    </div>
    <div class="cleared"></div>
    <p class="art-page-footer">Designed by <a href="http://viruspintar.blogspot.com/">Wahyudi K Nugroho</a>.</p>
    </div>
    
  </body>
</html>

Copy script tersebut ke dalam "Edit HTML" dalam tab Design. Namun sebelumnya backup terlebuh dahulu template blogger anda. Setelah di backup, centang option "Expand Widget Templates" lalu bersihkan kotak "Edit Template" kemudian paste-kan script diatas tadi kedalamnya.


Semoga Bermanfaat


*.:。✿ Don't forget to come back again ✿.。.:*





Visit Wahyudi Blog !


Tidak ada komentar:

Posting Komentar

Plisss...
Jangan nyepam (spam), jangan promosi (apapun itu), jangan SARA, jangan OOT...

Mohon kerja samanya, berikan komentar yang berbobot dan bermanfaat bagi semua... ^^

Artikel Unggulan

Panduan Makan Sehat bagi Generasi Z: Tips Mudah untuk Menjaga Energi dan Kesehatan

Menjaga Kesehatan dan Energi saat Berlatih: Nutrisi Penting untuk Atlet Generasi Z Gaya hidup aktif dan olahraga merupakan hal yang sangat p...

Paling Populer dalam Sebulan