Download Gratis Template,

Add caption

Add caption

Download Gratis

z.1.Download, Gratis,

z.2.Download Mp3 Gratis,
z.2.1.Download Lagu Top Hit Indonesia,
z.2.2.Download Lagu Top Hit Barat,

z.3.Download Software Gratis,
z.3.1.Download Driver Gratis,
z.3.2.Download Anti Virus Gratis,

z.3.3.Download Gratis Game Online,

z.3.4.Download Gratis Template,

FREE DOWNLOAD TEMPLATE

Yellow Template

Copy Paste Kode Ini

<br /> <?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.23326, file checksum is 9137D1EC. */
        
        body
        {
         margin: 0 auto;
         padding: 0;
         background-color: #FFFFFF;
         background-image: url('http://template21.com/wp-content/uploads/yellow/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
        {
         position: absolute;
         background-image: url('http://template21.com/wp-content/uploads/yellow/Page-BgGradient.jpg');
         background-repeat: repeat-x;
         top:0;
         width:100%;
         height: 263px;
         
        }
        
        #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:35px;
         min-height:35px;
        }
        
        .art-Sheet-body
        {
         position: relative;
         z-index: 1;
         padding: 3px;
        }
        
        .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: 34px;
         height: 34px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/Sheet-s.png');
        }
        
        .art-Sheet-tl
        {
         top:0;
         left:0;
         clip: rect(auto, 17px, 17px, auto);
        }
        
        .art-Sheet-tr
        {
         top: 0;
         right: 0;
         clip: rect(auto, auto, 17px, 17px);
        }
        
        .art-Sheet-bl
        {
         bottom: 0;
         left: 0;
         clip: rect(17px, 17px, auto, auto);
        }
        
        .art-Sheet-br
        {
         bottom: 0;
         right: 0;
         clip: rect(17px, auto, auto, 17px);
        }
        
        .art-Sheet-tc, .art-Sheet-bc
        {
         left: 17px;
         right: 17px;
         height: 34px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/Sheet-h.png');
        }
        
        .art-Sheet-tc
        {
         top: 0;
         clip: rect(auto, auto, 17px, auto);
        }
        
        .art-Sheet-bc
        {
         bottom: 0;
         clip: rect(17px, auto, auto, auto);
        }
        
        .art-Sheet-cr, .art-Sheet-cl
        {
         top: 17px;
         bottom: 17px;
         width: 34px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/Sheet-v.png');
        }
        
        .art-Sheet-cr
        {
         right:0;
         clip: rect(auto, auto, auto, 17px);
        }
        
        .art-Sheet-cl
        {
         left:0;
         clip: rect(auto, 17px, auto, auto);
        }
        
        .art-Sheet-cc
        {
         position:absolute;
         z-index:-1;
         top: 17px;
         left: 17px;
         right: 17px;
         bottom: 17px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/Sheet-c.png');
        }
        
        
        .art-Sheet
        {
         margin-top: 10px !important;
        }
        
        #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
        {
         min-width:900px;
        }
        
        /* end Box, Sheet */
        
        /* begin Header */
        div.art-Header
        {
         margin: 0 auto;
         position: relative;
         z-index:0;
         width: 894px;
         height: 250px;
        }
        
        div.art-Header-png
        {
         position: absolute;
         z-index:-2;
         top: 0;
         left: 0;
         width: 894px;
         height: 250px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/Header.png');
         background-repeat: no-repeat;
         background-position: left top;
        }
        
        div.art-Header-jpeg
        {
         position: absolute;
         z-index:-1;
         top: 0;
         left: 0;
         width: 894px;
         height: 250px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/Header.jpg');
         background-repeat: no-repeat;
         background-position: center center;
        }
        /* end Header */
        
        /* begin Logo */
        .art-Logo
        {
         display : block;
         position: absolute;
         left: 10px;
         top: 10px;
         width: 874px;
        }
        
        h1.art-Logo-name
        {
         display: block;
         text-align: right;
        }
        
        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:"Calisto MT",Arial, Helvetica, Sans-Serif;
        font-size: 35px;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
         padding:0;
         margin:0;
         color: #FAE9CC !important;
        }
        
        .art-Logo-text
        {
         display: block;
         text-align: right;
        }
        
        .art-Logo-text, .art-Logo-text a
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 18px;
        font-style: normal;
        font-weight: normal;
         padding:0;
         margin:0;
         color: #FAE9CC !important;
        }
        /* end Logo */
        
        /* 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(http://template21.com/wp-content/uploads/yellow/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: 3px 3px 3px 3px;
        }
        
        .art-nav
        {
         position: relative;
         height: 31px;
         z-index: 100;
        }
        
        .art-nav .l, .art-nav .r
        {
         position: absolute;
         z-index: -1;
         top: 0;
         height: 31px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/nav.png');
        }
        
        .art-nav .l
        {
         left: 0;
         right:0px;
        }
        
        .art-nav .r
        {
         right: 0;
         width: 894px;
         clip: rect(auto, auto, auto, 894px);
        }
        
        
        /* end Menu */
        
        /* begin MenuItem */
        .art-menu ul li
        {
         clear: both;
        }
        
        .art-menu a
        {
         position:relative;
         display: block;
         overflow:hidden;
         height: 25px;
         cursor: pointer;
         text-decoration: none;
         margin-right: 4px;
         margin-left: 4px;
        }
        
        
        .art-menu a .r, .art-menu a .l
        {
         position:absolute;
         display: block;
         top:0;
         z-index:-1;
         height: 75px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/MenuItem.png');
        }
        
        .art-menu a .l
        {
         left:0;
         right:1px;
        }
        
        .art-menu a .r
        {
         width:402px;
         right:0;
         clip: rect(auto, auto, auto, 401px);
        }
        
        .art-menu a .t 
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
         color: #0E0901;
         padding: 0 17px;
         margin: 0 1px;
         line-height: 25px;
         text-align: center;
        }
        
        .art-menu a:hover .l, .art-menu a:hover .r
        {
         top:-25px;
        }
        
        .art-menu li:hover>a .l, .art-menu li:hover>a .r
        {
         top:-25px;
        }
        
        .art-menu li:hover a .l, .art-menu li:hover a .r
        {
         top:-25px;
        }
        .art-menu a:hover .t
        {
         color: #000000;
        }
        
        .art-menu li:hover a .t
        {
         color: #000000;
        }
        
        .art-menu li:hover>a .t
        {
         color: #000000;
        }
        
        
        .art-menu a.active .l, .art-menu a.active .r
        {
         top: -50px;
        }
        
        .art-menu a.active .t
        {
         color: #F9E5C3;
        }
        
        
        /* end MenuItem */
        
        /* begin MenuSeparator */
        .art-nav .art-menu-separator
        {
         display: block;
         width: 1px;
         height: 25px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/MenuSeparator.png');
        }
        
        /* end MenuSeparator */
        
        /* begin MenuSubItem */
        .art-menu ul a
        {
         display:block;
         text-align: center;
         white-space: nowrap;
         height: 32px;
         width: 180px;
         overflow:hidden;
         line-height: 32px;
         margin-right: auto;
        
        
         background-image: url('http://template21.com/wp-content/uploads/yellow/subitem-bg.png');
         background-position: left top;
         background-repeat: repeat-x;
         border-width: 1px;
         border-style: solid;
         border-color: #CDCD9D;
        }
        
        .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: 32px;
         color: #000000;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        }
        
        .art-menu ul ul a
        {
         margin-left: auto;
        }
        
        .art-menu ul li a:hover
        {
         color: #000000;
         border-color: #D9D9B4;
         background-position: 0 -32px;
        }
        
        .art-menu ul li:hover>a
        {
         color: #000000;
         border-color: #D9D9B4;
         background-position: 0 -32px;
        }
        
        .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
        {
         color: #000000;
        }
        
        .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
        {
         color: #000000;
        }
        
        
        /* end MenuSubItem */
        
        /* begin ContentLayout */
        .art-contentLayout
        {
         position: relative;
         margin-bottom: 5px;
         width: 894px;
        }
        /* 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: 3px;
        }
        
        /* end Box, Block */
        
        /* begin BlockHeader */
        .art-BlockHeader
        {
         position:relative;
         z-index:0;
         height: 30px;
         padding: 0 8px;
         margin-bottom: 0px;
        }
        
        .art-BlockHeader .t
        {
         height: 30px;
         color: #332205;
        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-BlockHeader .l, .art-BlockHeader .r
        {
         display:block;
         position:absolute;
         z-index:-1;
         height: 30px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/BlockHeader.png');
        }
        
        .art-BlockHeader .l
        {
         left:0;
         right:1px;
        }
        
        .art-BlockHeader .r
        { 
         width:894px;
         right:0;
         clip: rect(auto, auto, auto, 893px);
        }
        
        
        
        
        
        .art-header-tag-icon
        {
            height: 30px;
         background-position:left top;
         background-image: url('http://template21.com/wp-content/uploads/yellow/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:3px;
         min-height:3px;
        }
        
        .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: 2px;
         height: 2px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/BlockContent-s.png');
        }
        
        .art-BlockContent-tl
        {
         top:0;
         left:0;
         clip: rect(auto, 1px, 1px, auto);
        }
        
        .art-BlockContent-tr
        {
         top: 0;
         right: 0;
         clip: rect(auto, auto, 1px, 1px);
        }
        
        .art-BlockContent-bl
        {
         bottom: 0;
         left: 0;
         clip: rect(1px, 1px, auto, auto);
        }
        
        .art-BlockContent-br
        {
         bottom: 0;
         right: 0;
         clip: rect(1px, auto, auto, 1px);
        }
        
        .art-BlockContent-tc, .art-BlockContent-bc
        {
         left: 1px;
         right: 1px;
         height: 2px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/BlockContent-h.png');
        }
        
        .art-BlockContent-tc
        {
         top: 0;
         clip: rect(auto, auto, 1px, auto);
        }
        
        .art-BlockContent-bc
        {
         bottom: 0;
         clip: rect(1px, auto, auto, auto);
        }
        
        .art-BlockContent-cr, .art-BlockContent-cl
        {
         top: 1px;
         bottom: 1px;
         width: 2px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/BlockContent-v.png');
        }
        
        .art-BlockContent-cr
        {
         right:0;
         clip: rect(auto, auto, auto, 1px);
        }
        
        .art-BlockContent-cl
        {
         left:0;
         clip: rect(auto, 1px, auto, auto);
        }
        
        .art-BlockContent-cc
        {
         position:absolute;
         z-index:-1;
         top: 1px;
         left: 1px;
         right: 1px;
         bottom: 1px;
         background-color: #F0F0E0;
        }
        
        
        .art-BlockContent-body
        {
         color:#412B07;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        }
        
        .art-BlockContent-body a:link
        {
         color: #696935;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        }
        
        .art-BlockContent-body a:visited, .art-BlockContent-body a.visited
        {
         color: #ADAD5C;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        }
        
        .art-BlockContent-body a:hover, .art-BlockContent-body a.hover
        {
         color: #BD7F14;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        }
        
        .art-BlockContent-body ul
        {
         list-style-type: none;
         color: #81570E;
         margin:0;
         padding:0;
        }
        
        .art-BlockContent-body ul li
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        text-decoration: none;
        line-height: 125%;
          line-height: 1.25em;
          padding: 0px 0 0px 14px;
          background-image: url('http://template21.com/wp-content/uploads/yellow/BlockContentBullets.png');
          background-repeat: no-repeat;
        }
        
        
        
        /* Variable definitions
           ====================
            <Variable name="textcolor" description="Block Text Color"
                     type="color" default="#412B07" value="#412B07">
            
            <Variable name="linkcolor" description="Block Link Color"
                     type="color" default="#696935" value="#696935">
        
            <Variable name="visitedlinkcolor" description="Block Visited Link Color"
                     type="color" default="#ADAD5C" value="#ADAD5C">
        
            <Variable name="hoveredlinkcolor" description="Block Hovered Link Color"
                     type="color" default="#BD7F14" value="#BD7F14">
        
        */
        
        .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: 10px;
        }
        
        
        
        .art-Post
        {
         margin: 7px;
        }
        
        /* Start images */
        a img
        {
         border: 0;
        }
        
        .art-article img, img.art-article
        {
         border: solid 1px #EDB554;
         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 #B7B771;
         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: #B7B771 !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: Arial, Helvetica, Sans-Serif;
        font-size: 22px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
         color: #734E0C;
        }
        
        .art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 22px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
         margin:0;
         color: #734E0C;
        }
        
        /* end PostHeaderIcon */
        
        /* begin PostHeader */
        .art-PostHeader a:link
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        text-align: left;
          color: #8A5D0F;
        }
        
        .art-PostHeader a:visited, .art-PostHeader a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        text-align: left;
          color: #666633;
        }
        
        .art-PostHeader a:hover, .art-PostHeader a.hovered
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        text-align: left;
          color: #D48F16;
        }
        /* end PostHeader */
        
        /* begin PostMetadata */
        .art-PostMetadataHeader
        {
         padding:1px;
         background-color: #D9D9B4;
         border-color: #EDB554;
        border-style: solid;
        border-width: 1px;
        }
        /* 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-size: 11px;
         color: #36361B;
        }
        
        .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;
        text-decoration: underline;
         color: #8A5D0F;
        }
        
        .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
         color: #8A5D0F;
        }
        
        .art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
         color: #2E1F05;
        }
        /* end PostIcons */
        
        /* begin PostContent */
        /* Content Text Font & Color (Default) */
        body
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
          color: #4A3208;
        }
        
        
        .art-PostContent p 
        {
         margin: 0.5em 0;
        }
        
        .art-PostContent, .art-PostContent p
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        text-align: justify;
          color: #4A3208;
        }
        
        .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: #A26D11;
        }
        
        /* Adds special style to an unvisited link. */
        a:link
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
          color: #A26D11;
        }
        
        /* Adds special style to a visited link. */
        a:visited, a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
          color: #000000;
        }
        
        /* :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: #D48F16;
        }
        
        /* 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: Arial, Helvetica, Sans-Serif;
        font-size: 28px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
          color: #A26D11;
        }
        
        h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 22px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
          color: #A26D11;
        }
        
        h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 18px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
          color: #9C9C4F;
        }
        
        h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
          color: #4A3208;
        }
        
        h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
          color: #4A3208;
        }
        
        h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
          color: #4A3208;
        }
        /* Finish Content headings Fonts & Colors  */
        
        
        #uds-searchControl .gsc-results,
        #uds-searchControl .gsc-tabhActive
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        text-align: justify;
          color: #4A3208 !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: #A26D11 !important;
        }/* end PostContent */
        
        /* begin PostBullets */
        /* Start Content list */
        ol, ul
        {
         color: #251904;
         margin:1em 0 1em 2em;
         padding:0;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        }
        
        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 13px;
         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('http://template21.com/wp-content/uploads/yellow/PostBullets.png');
         background-repeat:no-repeat;
         padding-left:13px;
        }
        
        
        /* Finish Content list */
        /* end PostBullets */
        
        /* begin PostQuote */
        /* Start blockquote */
        blockquote,
        blockquote p,
        .art-PostContent blockquote p
        {
         color:#1C1303;
        font-family: Arial, Helvetica, Sans-Serif;
        font-style: italic;
        font-weight: normal;
        text-align: left;
        }
        
        blockquote,
        .art-PostContent blockquote
        {
          border:solid 1px #D9D9B4; 
          margin:10px 10px 10px 50px;
         padding:5px 5px 5px 41px;
         background-color:#F9E5C3;
         background-image:url('http://template21.com/wp-content/uploads/yellow/PostQuote.png');
         background-position:left top;
         background-repeat:no-repeat;
        }
        
        
        /* Finish blockuote */
        /* end PostQuote */
        
        /* begin PostMetadata */
        .art-PostMetadataFooter
        {
         padding:1px;
         background-color: #D9D9B4;
         border-color: #CDCD9D;
        border-style: solid;
        border-width: 1px;
        }
        /* 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-size: 11px;
        text-decoration: none;
         color: #36361B;
        }
        
        .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;
        text-decoration: underline;
         color: #8A5D0F;
        }
        
        .art-PostFooterIcons a:visited, .art-PostFooterIcons a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
         color: #8A5D0F;
        }
        
        .art-PostFooterIcons a:hover, .art-PostFooterIcons a.hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
         color: #2E1F05;
        }
        /* end PostIcons */
        
        /* begin Button */
        .art-button-wrapper .art-button
        {
         display:inline-block;
         width: auto;
         outline:none;
         border:none;
         background:none;
         line-height:33px;
         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: 33px;
         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: 33px;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
         white-space: nowrap;
         text-align: left;
         padding: 0 21px !important;
         line-height: 33px;
         text-decoration: none !important;
         color: #66440B !important;
        }
        
        input, select
        {
          vertical-align: middle;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        }
        
        .art-button-wrapper.hover .art-button, .art-button:hover
        {
         color: #000000 !important;
         text-decoration: none !important;
        }
        
        .art-button-wrapper.active .art-button
        {
         color: #F8F8F1 !important;
        }
        
        .art-button-wrapper .l, .art-button-wrapper .r
        {
         display:block;
         position:absolute;
         z-index:-1;
         height: 99px;
         background-image: url('http://template21.com/wp-content/uploads/yellow/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: -33px;
        }
        
        .art-button-wrapper.active .l, .art-button-wrapper.active .r
        {
         top: -66px;
        }
        
        
        /* end Button */
        
        /* begin Footer */
        .art-Footer
        {
         position:relative;
         z-index:0;
         overflow:hidden;
         width: 894px;
         margin: 5px auto 0px auto;
        }
        
        .art-Footer .art-Footer-inner
        {
         height:1%;
         position: relative;
         z-index: 0;
         padding: 8px;
         text-align: center;
        }
        
        .art-Footer .art-Footer-background
        {
         position:absolute;
         z-index:-1;
         background-repeat:no-repeat;
         background-image: url('http://template21.com/wp-content/uploads/yellow/Footer.png');
         width: 894px;
         height: 150px;
         bottom:0;
         left:0;
        }
        
        
        .art-rss-tag-icon
        {
         position: relative;
         display:block;
         float:left;
         background-image: url('http://template21.com/wp-content/uploads/yellow/rssIcon.png');
         background-position: center right;
         background-repeat: no-repeat;
         margin: 0 5px 0 0;
         height: 25px;
         width: 25px;
            cursor: default;
        }
        
        
        
        
        .art-Footer .art-Footer-text p
        {
         margin: 0;
        }
        
        .art-Footer .art-Footer-text
        {
         display:inline-block;
         color:#2A1C04;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        }
        
        .art-Footer .art-Footer-text a:link
        {
         text-decoration: none;
         color: #666633;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        }
        
        .art-Footer .art-Footer-text a:visited
        {
         text-decoration: none;
         color: #000000;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        }
        
        .art-Footer .art-Footer-text a:hover
        {
         text-decoration: none;
         color: #2E1F05;
        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:#B97C13;
        }
        
        .art-page-footer
        {
         margin:1em;
         text-align:center;
         text-decoration:none;
         color:#E8A126;
        }
        /* end PageFooter */
        
        /* begin LayoutCell */
        .art-contentLayout .art-sidebar1
        {
         position: relative;
         margin: 0;
         padding: 0;
         border: 0;
         float: left;
         overflow: hidden;
         width: 196px;
        }
        /* end LayoutCell */
        
        /* begin LayoutCell */
        .art-contentLayout .art-content
        {
         position: relative;
         margin: 0;
         padding: 0;
         border: 0;
         float: left;
         overflow: hidden;
         width: 500px;
        }
        .art-contentLayout .art-content-sidebar1
        {
         position: relative;
         margin: 0;
         padding: 0;
         border: 0;
         float: left;
         overflow: hidden;
         width: 696px;
        }
        .art-contentLayout .art-content-sidebar2
        {
         position: relative;
         margin: 0;
         padding: 0;
         border: 0;
         float: left;
         overflow: hidden;
         width: 696px;
        }
        .art-contentLayout .art-content-wide
        {
         position: relative;
         margin: 0;
         padding: 0;
         border: 0;
         float: left;
         overflow: hidden;
         width: 892px;
        }
        /* end LayoutCell */
        
        /* begin LayoutCell */
        .art-contentLayout .art-sidebar2
        {
         position: relative;
         margin: 0;
         padding: 0;
         border: 0;
         float: left;
         overflow: hidden;
         width: 196px;
        }
        /* end LayoutCell */
        
        
      ]]>
    </b:skin>

/* Generated with Artisteer version 2.3.0.23326, file checksum is 07B59921. */

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))&&/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) && !/chrome/.test(userAgent),
 chrome: /chrome/.test(userAgent),
 opera: /opera/.test(userAgent),
 msie: /msie/.test(userAgent) && !/opera/.test(userAgent),
 mozilla: /mozilla/.test(userAgent) && !/(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 < list.length; i++)
   list[i]();
 };

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

if (browser.msie && 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 < 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' && 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 < 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);
  }
 })
})();

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

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

function artHasClass(el, cls) {
 return (el && el.className && (' ' + 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 < menus.length; i++) {
  var menu = menus[i];
  var childs = menu.childNodes;
  var listItems = [];
  for (var j = 0; j < childs.length; j++) {
   var el = childs[j];
   if (String(el.tagName).toLowerCase() == "li") listItems.push(el);
  }
  for (var j = 0; j < listItems.length; j++) {
   var item = listItems[j];
   var a = null;
   var gspan = null;
   for (var p = 0; p < item.childNodes.length; p++) {
    var l = item.childNodes[p];
    if (!(l && l.tagName)) continue;
    if (String(l.tagName).toLowerCase() == "a") a = l;
    if (String(l.tagName).toLowerCase() == "span") gspan = l;
   }
   if (gspan && a) {
    var t = null;
    for (var k = 0; k < gspan.childNodes.length; k++) {
     var e = gspan.childNodes[k];
     if (!(e && e.tagName)) continue;
     if (String(e.tagName).toLowerCase() == "a" && e.firstChild) e = e.firstChild;
     if (e && e.className && e.className == 't') {
      t = e;
      if (t.firstChild && t.firstChild.tagName && 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 < menus.length; i++) {
  var menu = menus[i];
  var childs = menu.childNodes;
  var listItems = [];
  for (var j = 0; j < childs.length; j++) {
   var el = childs[j];
   if (String(el.tagName).toLowerCase() == "li") listItems.push(el);
  }
  for (var j = 0; j < 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);

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

/* begin Button */

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

function artInsertSidebarBlocks(widgetClassName) {
    var widgets = xGetElementsByClassName(widgetClassName, document);
    for (var i = 0; i < 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 && 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;
        }

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

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

</head>
  <body>
    <div id="art-page-background-gradient"></div>
    <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">
    <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-png"></div>
                                            <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>
    <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>
    <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-sidebar1" id='sidebar1' preferred="yes">
            <b:widget id='CustomSearch1' locked='false' title='Search' type='CustomSearch'>
              <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <h2 class='title'><data:title/></h2>
                  </b:if>
    
                  <div class='widget-content' style='width:95%'>
                    <div expr:id='data:widget.instanceId + "_form"'>
                      <span class='cse-status'><data:loadingMsg/></span>
                    </div>
                  </div>
    
                  
                  <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='Profile1' locked='false' title='About Me' type='Profile'>
              <b:includable id='main'>
                  <b:if cond='data:title != ""'>
                    <h2><data:title/></h2>
                  </b:if>
                  <div class='widget-content'>
                  <b:if cond='data:team == "true"'> 
                    <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/> 
    
                    <b:if cond='data:photo.url != ""'>
                      <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 == "true"'>
                        <dd class='profile-data'><data:location/></dd>
                      </b:if>
    
                      <b:if cond='data:aboutme != ""'><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>
          <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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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'> </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 + "_backlinks-create-link"' 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">
        
            <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">
    <img class="art-metadata-icon" src="http://template21.com/wp-content/uploads/yellow/PostDateIcon.png" width="17" height="18" alt="" />
    <data:post.timestamp/> | <img class="art-metadata-icon" src="http://template21.com/wp-content/uploads/yellow/PostAuthorIcon.png" width="14" height="14" alt="" />
    <data:authorLabel/> <data:post.author/><b:if cond='data:post.editUrl'><span expr:class='"item-control " + data:post.adminClass'> | </span></b:if>
            <b:if cond='data:post.editUrl'><span expr:class='"item-control " + data:post.adminClass'>
          <img class="art-metadata-icon" src="http://template21.com/wp-content/uploads/yellow/PostEditIcon.png" width="14" height="14" alt="" />
    
            <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 + "#more"'><data:post.jumpText/></a>  
        </div>
    </b:if>
    <div class="art-PostMetadataFooter">
    <div class="art-PostFooterIcons art-metadata-icons">
    
            <b:if cond='data:post.labels'>
          <img class="art-metadata-icon" src="http://template21.com/wp-content/uploads/yellow/PostTagIcon.png" width="18" height="18" alt="" />
    
            <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 != "true"'>,</b:if>
            </b:loop>
    
            </b:if>
          <b:if cond='data:post.labels'><b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'> | </b:if></b:if></b:if>
            <b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'>
          <img class="art-metadata-icon" src="http://template21.com/wp-content/uploads/yellow/PostCommentsIcon.png" width="18" height="18" alt="" />
    <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> </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>
    
                      
                      <span class='post-backlinks post-comment-link'>
                        <b:if cond='data:blog.pageType != "item"'>
                          <b:if cond='data:post.showBacklinks'>
                            <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
                          </b:if>
                        </b:if>
                      </span>
    
                      <span class='post-icons'>
                        
                        <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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
                </script>
              </div>
            </b:includable>
              
            <b:includable id='backlinkDeleteIcon' var='backlink'>
              <span expr:class='"item-control " + 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'>
              
                <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 == "item"'>
                      <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/>
    
              
              <b:include name='nextprev'/>
    
              
              <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("annotations", "1", {"locale": "<data:top.languageCode/>"});
                  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='"item-control " + 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 != "item"'> 
                <b:if cond='data:feedLinks'>
                  <div class='blog-feeds'>
                    <b:include data='feedLinks' name='feedLinksBody'/>
                  </div>
                </b:if>
              <b:else/> 
                <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>
                       
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
                       
                      <data:post.commentRangeText/>
                       
                      <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>
    
                  <dl id='comments-block'>
                    <b:loop values='data:post.comments' var='comment'>
                      <dt expr:class='"comment-author " + 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>
                       
                      <data:post.commentRangeText/>
                       
                      <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 + "_backlinks-container"'>
                    <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-sidebar2" id='sidebar2' preferred="yes">
              <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 + "_ArchiveList"'>
                  <b:if cond='data:style == "HIERARCHY"'>
                   <b:include data='data' name='interval'/>
                  </b:if>
                  <b:if cond='data:style == "FLAT"'>
                    <b:include data='data' name='flat'/>
                  </b:if>
                  <b:if cond='data:style == "MENU"'>
                    <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 + "_ArchiveMenu"'>
                  <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='"archivedate " + 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 == "expanded"'>
                  <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +       "&dir=close&toggle=" + data:interval.toggleId +       "&toggleopen=" + data:toggleopen'>
                      <span class='zippy toggle-open'>▼ </span>
                  </a>
                <b:else/>
                  <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +         "&dir=open&toggle=" + data:interval.toggleId +         "&toggleopen=" + data:toggleopen'>
                        <span class='zippy'>
                          <b:if cond='data:blog.languageDirection == "rtl"'>
                            ◄
                          <b:else/>
                            ►
                          </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: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">Blogger Template - Design by <a href="http://template21.com">Frans Hartanto</a>.</p>
    </div>
    
  </body>
</html>

WDL - Web Design Basics

+.Website Review of Guardlex.com –

+.How To Create a Mobile Website –

+.7 Things You Need To Include In Your About Us Pages! –

+.Four Important Things to Remember When it Comes to Website Design

+.7 Benefits of Having a Professional Website Design –

+.Flock, better browsing for social media –

New PowerPont, Word and Brochure Templates from PoweredTemplates.com