Custom Search

Tuesday, February 2, 2010

BRICKWALL TEMPLATE

Hello folks. How are you? I hope you are doing fine. Well as I told you in the past in a previous article, I have two more blogs in Greek language. One personal and one tech blog. The last article in my tech blog (Locus Blogus its name) is nothing but a blogger template which I 've created. The name of this template is Brickwall.
I put its html code below and two screenshots to see how it looks. Feel free to get it. If you want to see it in action the only think you have to do is to click here. I 've created a demo blog with this template.
   Some details about this template: It has three columns, bookmark button, print button and a home button.



<?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 content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[
     
/* begin Page */
       
        /* Created by hackaday, http://locusblogus.blogspot.com
*/
       
        body
        {
            margin: 0 auto;
            padding: 0;
            background-color: #C5C5AF;
            background-image: url('http://img208.imageshack.us/img208/6351/pagebgtexturet.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: 1000px;
            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://img163.imageshack.us/img163/1989/sheetsyc.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://img163.imageshack.us/img163/6388/sheethdc.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://img163.imageshack.us/img163/5375/sheetvf.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://img163.imageshack.us/img163/7223/sheetcy.png');
        }
       
       
        .art-Sheet
        {
            margin-top: 10px !important;
        }
       
        #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
        {
            min-width:1000px;
        }
       
        /* end Box, Sheet */
       
        /* begin Header */
        div.art-Header
        {
            margin: 0 auto;
            position: relative;
            z-index:0;
            width: 994px;
            height: 150px;
        }
       
        div.art-Header-png
        {
            position: absolute;
            z-index:-2;
            top: 0;
            left: 0;
            width: 994px;
            height: 150px;
            background-image: url('http://img163.imageshack.us/img163/8117/headerir.png');
            background-repeat: no-repeat;
            background-position: left top;
        }
       
        div.art-Header-jpeg
        {
            position: absolute;
            z-index:-1;
            top: 0;
            left: 0;
            width: 994px;
            height: 150px;
            background-image: url('http://img62.imageshack.us/img62/7942/headerfx.jpg');
            background-repeat: no-repeat;
            background-position: center center;
        }
        /* end Header */
       
        /* begin Logo */
        .art-Logo
        {
            display : block;
            position: absolute;
            left: 10px;
            top: 52px;
            width: 679px;
        }
       
        h1.art-Logo-name
        {
            display: block;
            text-align: center;
        }
       
        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: Arial, Helvetica, Sans-Serif;
        font-size: 28px;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 2px;
        text-transform: uppercase;
            padding:0;
            margin:0;
            color: #F6F7E3 !important;
        }
       
        .art-Logo-text
        {
            display: block;
            text-align: center;
        }
       
        .art-Logo-text, .art-Logo-text a
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
            padding:0;
            margin:0;
            color: #0C0C03 !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://img62.imageshack.us/img62/6748/spacerv.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: 2px 1px 0px 1px;
        }
       
        .art-nav
        {
            position: relative;
            height: 27px;
            z-index: 100;
        }
       
        .art-nav .l, .art-nav .r
        {
            position: absolute;
            z-index: -1;
            top: 0;
            height: 27px;
            background-image: url('http://img62.imageshack.us/img62/1677/navu.png');
        }
       
        .art-nav .l
        {
            left: 0;
            right:0px;
        }
       
        .art-nav .r
        {
            right: 0;
            width: 994px;
            clip: rect(auto, auto, auto, 994px);
        }
       
       
        /* 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://img62.imageshack.us/img62/1272/menuitemh.png');
        }
       
        .art-menu a .l
        {
            left:0;
            right:3px;
        }
       
        .art-menu a .r
        {
            width:406px;
            right:0;
            clip: rect(auto, auto, auto, 403px);
        }
       
        .art-menu a .t
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
            color: #2B2C0C;
            padding: 0 6px;
            margin: 0 3px;
            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: #212118;
        }
       
        .art-menu li:hover a .t
        {
            color: #212118;
        }
       
        .art-menu li:hover>a .t
        {
            color: #212118;
        }
       
       
        .art-menu a.active .l, .art-menu a.active .r
        {
            top: -50px;
        }
       
        .art-menu a.active .t
        {
            color: #E7E7DE;
        }
       
       
        /* end MenuItem */
       
        /* begin MenuSubItem */
        .art-menu ul a
        {
            display:block;
            text-align: center;
            white-space: nowrap;
            height: 20px;
            width: 180px;
            overflow:hidden;
            line-height: 20px;
            margin-right: auto;
       
       
            background-image: url('http://img62.imageshack.us/img62/449/subitembgc.png');
            background-position: left top;
            background-repeat: repeat-x;
            border-width: 0px;
            border-style: solid;
        }
       
        .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: 20px;
            color: #595B1A;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        letter-spacing: 1px;
        }
       
        .art-menu ul ul a
        {
            margin-left: auto;
        }
       
        .art-menu ul li a:hover
        {
            color: #3B4616;
            background-position: 0 -20px;
        }
       
        .art-menu ul li:hover>a
        {
            color: #3B4616;
            background-position: 0 -20px;
        }
       
        .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
        {
            color: #3B4616;
        }
       
        .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
        {
            color: #3B4616;
        }
       
       
        /* end MenuSubItem */
       
        /* begin ContentLayout */
        .art-contentLayout
        {
            position: relative;
            margin-bottom: 1px;
            width: 994px;
        }
        /* end ContentLayout */
       
        /* begin Box, Block */
        .art-Block
        {
            position:relative;
            z-index:0;
            margin:0 auto;
            min-width:3px;
            min-height:3px;
        }
       
        .art-Block-body
        {
            position: relative;
            z-index: 1;
            padding: 7px;
        }
       
        .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
        {
            position:absolute;
            z-index:-1;
        }
       
        .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
        {
            width: 2px;
            height: 2px;
            background-image: url('http://img62.imageshack.us/img62/3671/blocksd.png');
        }
       
        .art-Block-tl
        {
            top:0;
            left:0;
            clip: rect(auto, 1px, 1px, auto);
        }
       
        .art-Block-tr
        {
            top: 0;
            right: 0;
            clip: rect(auto, auto, 1px, 1px);
        }
       
        .art-Block-bl
        {
            bottom: 0;
            left: 0;
            clip: rect(1px, 1px, auto, auto);
        }
       
        .art-Block-br
        {
            bottom: 0;
            right: 0;
            clip: rect(1px, auto, auto, 1px);
        }
       
        .art-Block-tc, .art-Block-bc
        {
            left: 1px;
            right: 1px;
            height: 2px;
            background-image: url('http://img62.imageshack.us/img62/8848/blockhz.png');
        }
       
        .art-Block-tc
        {
            top: 0;
            clip: rect(auto, auto, 1px, auto);
        }
       
        .art-Block-bc
        {
            bottom: 0;
            clip: rect(1px, auto, auto, auto);
        }
       
        .art-Block-cr, .art-Block-cl
        {
            top: 1px;
            bottom: 1px;
            width: 2px;
            background-image: url('http://img62.imageshack.us/img62/2893/blockvn.png');
        }
       
        .art-Block-cr
        {
            right:0;
            clip: rect(auto, auto, auto, 1px);
        }
       
        .art-Block-cl
        {
            left:0;
            clip: rect(auto, 1px, auto, auto);
        }
       
        .art-Block-cc
        {
            position:absolute;
            z-index:-1;
            top: 1px;
            left: 1px;
            right: 1px;
            bottom: 1px;
            background-color: #DBDBCD;
        }
       
       
        .art-Block
        {
            margin: 7px;
        }
       
        /* 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: #000000;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        letter-spacing: 0px;
        text-transform: uppercase;
            white-space : nowrap;
            padding: 0 6px;
            line-height: 30px;   
        }
       
       
       
       
       
        .art-header-tag-icon
        {
            height: 30px;
            background-position:left top;
            background-image: url('http://img62.imageshack.us/img62/850/blockheadericonp.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://img62.imageshack.us/img62/5586/blockcontentsom.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://img62.imageshack.us/img62/579/blockcontenthc.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://img62.imageshack.us/img62/7117/blockcontentve.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: #ECECE4;
        }
       
       
        .art-BlockContent-body
        {
            color:#68684B;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        }
       
        .art-BlockContent-body a:link
        {
            color: #787B23;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        }
       
        .art-BlockContent-body a:visited, .art-BlockContent-body a.visited
        {
            color: #989871;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        }
       
        .art-BlockContent-body a:hover, .art-BlockContent-body a.hover
        {
            color: #879F32;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        }
       
        .art-BlockContent-body ul
        {
            list-style-type: none;
            color: #53533C;
            margin:0;
            padding:0;
        }
       
        .art-BlockContent-body ul li
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        margin-left: 12px;
        line-height: 125%;
          line-height: 1.25em;
          padding: 0px 0 0px 13px;
          background-image: url('http://img62.imageshack.us/img62/8021/blockcontentbulletsd.png');
          background-repeat: no-repeat;
        }
       
       
       
        /* Variable definitions
           ====================
            <Variable name="textcolor" description="Block Text Color"
                     type="color" default="#68684B" value="#68684B">
           
            <Variable name="linkcolor" description="Block Link Color"
                     type="color" default="#787B23" value="#787B23">
       
            <Variable name="visitedlinkcolor" description="Block Visited Link Color"
                     type="color" default="#989871" value="#989871">
       
            <Variable name="hoveredlinkcolor" description="Block Hovered Link Color"
                     type="color" default="#879F32" value="#879F32">
       
        */
       
        .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: 0px;
        }
       
       
       
        .art-Post
        {
            margin: 7px;
        }
       
        /* Start images */
        a img
        {
            border: 0;
        }
       
        .art-article img, img.art-article
        {
            border: solid 1px #C5C5AF;
            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 #68684B;
            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: #68684B !important;
        }
        /* end Box, Post */
       
        /* begin PostMetadata */
        .art-PostMetadataHeader
        {
            padding:1px;
            background-color: #EBF2D4;
            border-color: #C5C5AF;
        border-style: solid;
        border-width: 1px;
        }
        /* end PostMetadata */
       
        /* 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: 20px;
        font-style: normal;
        font-weight: bold;
        letter-spacing: 2px;
        text-align: left;
        margin-top: 12px;
        margin-bottom: 8px;
            color: #424E18;
        }
       
        .art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 20px;
        font-style: normal;
        font-weight: bold;
        letter-spacing: 2px;
        text-align: left;
        margin-top: 12px;
        margin-bottom: 8px;
            margin:0;
            color: #424E18;
        }
       
        /* end PostHeaderIcon */
       
        /* begin PostHeader */
        .art-PostHeader a:link
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        text-align: left;
          color: #53611F;
        }
       
        .art-PostHeader a:visited, .art-PostHeader a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        text-align: left;
          color: #F4AD5D;
        }
       
        .art-PostHeader a:hover, .art-PostHeader a.hovered
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        text-align: left;
          color: #21270C;
        }
        /* end PostHeader */
       
        /* 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;
        letter-spacing: 1px;
            color: #FFFFFF;
        }
       
        .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: normal;
        font-weight: bold;
        text-decoration: none;
            color: #C7D987;
        }
       
        .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        letter-spacing: 1px;
            color: #D9DC84;
        }
       
        .art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
            color: #27280B;
        }
        /* 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;
        letter-spacing: 1px;
          color: #F9F9F6;
        }
       
       
        .art-PostContent p
        {
            margin: 0.5em 0;
        }
       
        .art-PostContent, .art-PostContent p
        {
        font-family: Arial, Helvetica, Sans-Serif;
        letter-spacing: 1px;
          color: #F9F9F6;
        }
       
        .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;
        letter-spacing: 1px;
          color: #D9DC84;
        }
       
        /* Adds special style to an unvisited link. */
        a:link
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        letter-spacing: 1px;
          color: #D9DC84;
        }
       
        /* Adds special style to a visited link. */
        a:visited, a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
          color: #F4AD5D;
        }
       
        /* :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: #21270C;
        }
       
        /* 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: 22px;
        letter-spacing: 3px;
        text-align: left;
          color: #FFFFFF;
        }
       
        h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 20px;
        letter-spacing: 2px;
        text-align: left;
          color: #BDBDA3;
        }
       
        h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 18px;
        letter-spacing: 2px;
        text-align: left;
          color: #BDBDA3;
        }
       
        h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        letter-spacing: 2px;
        text-align: left;
          color: #F9F9F6;
        }
       
        h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        letter-spacing: 2px;
        text-align: left;
          color: #F9F9F6;
        }
       
        h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        letter-spacing: 2px;
        text-align: left;
          color: #F9F9F6;
        }
        /* Finish Content headings Fonts & Colors  */
       
       
        #uds-searchControl .gsc-results,
        #uds-searchControl .gsc-tabhActive
        {
        font-family: Arial, Helvetica, Sans-Serif;
        letter-spacing: 1px;
          color: #F9F9F6 !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;
        letter-spacing: 1px;
          color: #D9DC84 !important;
        }/* end PostContent */
       
        /* begin PostBullets */
        /* Start Content list */
        ol, ul
        {
            color: #E9EBB7;
            margin:1em 0 1em 2em;
            padding:0;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        text-align: left;
        }
       
        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://img62.imageshack.us/img62/2372/postbulletsa.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:#383829;
        font-family: Arial, Helvetica, Sans-Serif;
        font-style: italic;
        font-weight: normal;
        text-align: left;
        }
       
        blockquote,
        .art-PostContent blockquote
        {
                border:solid 1px #C5C5AF;
                margin:10px 10px 10px 50px;
            padding:5px 5px 5px 41px;
            background-color:#E1E1D6;
            background-image:url('http://img62.imageshack.us/img62/2425/postquotewb.png');
            background-position:left top;
            background-repeat:no-repeat;
        }
       
       
        /* Finish blockuote */
        /* end PostQuote */
       
        /* begin PostMetadata */
        .art-PostMetadataFooter
        {
            padding:1px;
            background-color: #F2F2ED;
            border-color: #C5C5AF;
        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;
        letter-spacing: 1px;
            color: #595940;
        }
       
        .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: normal;
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 1px;
            color: #6A7C27;
        }
       
        .art-PostFooterIcons a:visited, .art-PostFooterIcons a.visited
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        letter-spacing: 1px;
            color: #7C7F24;
        }
       
        .art-PostFooterIcons a:hover, .art-PostFooterIcons a.hover
        {
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        letter-spacing: 1px;
            color: #27280B;
        }
        /* 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: bold;
        letter-spacing: 1px;
            white-space: nowrap;
            text-align: left;
            padding: 0 21px !important;
            line-height: 33px;
            text-decoration: none !important;
            color: #000000 !important;
        }
       
        input, select
        {
          vertical-align: middle;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        letter-spacing: 1px;
        }
       
        .art-button-wrapper.hover .art-button, .art-button:hover
        {
            color: #000000 !important;
            text-decoration: none !important;
        }
       
        .art-button-wrapper.active .art-button
        {
            color: #F6F9EC !important;
        }
       
        .art-button-wrapper .l, .art-button-wrapper .r
        {
            display:block;
            position:absolute;
            z-index:-1;
            height: 99px;
            background-image: url('http://img62.imageshack.us/img62/3191/buttonyw.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: 994px;
            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://img62.imageshack.us/img62/3746/footerzd.png');
            width: 994px;
            height: 150px;
            bottom:0;
            left:0;
        }
       
       
        .art-rss-tag-icon
        {
            position: relative;
            display:block;
            float:left;
            background-image: url('http://img62.imageshack.us/img62/1695/rssiconxb.png');
            background-position: center right;
            background-repeat: no-repeat;
            margin: 0 5px 0 0;
            height: 32px;
            width: 24px;
            cursor: default;
        }
       
       
       
       
        .art-Footer .art-Footer-text p
        {
            margin: 0;
        }
       
        .art-Footer .art-Footer-text
        {
            display:inline-block;
            color:#FFFFFF;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 13px;
        letter-spacing: 1px;
        }
       
        .art-Footer .art-Footer-text a:link
        {
            text-decoration: none;
            color: #FFFFFF;
        font-family: Arial, Helvetica, Sans-Serif;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
        }
       
        .art-Footer .art-Footer-text a:visited
        {
            text-decoration: none;
            color: #94946B;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: none;
        }
       
        .art-Footer .art-Footer-text a:hover
        {
            text-decoration: none;
            color: #94946B;
        font-family: Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
        }
        /* 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:#9B9F2D;
        }
       
        .art-page-footer
        {
            margin:1em;
            text-align:center;
            text-decoration:none;
            color:#9A9A74;
        }
        /* end PageFooter */
       
        /* begin LayoutCell */
        .art-contentLayout .art-sidebar1
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 248px;
        }
        /* end LayoutCell */
       
        /* begin LayoutCell */
        .art-contentLayout .art-content
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 496px;
        }
        .art-contentLayout .art-content-sidebar1
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 744px;
        }
        .art-contentLayout .art-content-sidebar2
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 744px;
        }
        .art-contentLayout .art-content-wide
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 992px;
        }
        /* end LayoutCell */
       
        /* begin LayoutCell */
        .art-contentLayout .art-sidebar2
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 248px;
        }
        /* end LayoutCell */
       
       
     
    ]]></b:skin>
   
    <!--[if IE 6]>
      <style type="text/css">
/* begin Page */
       
        /* Generated with Artisteer version 2.3.0.23326, file checksum is 0950A3F6. */
       
        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()+"http://img163.imageshack.us/img163/1989/sheetsyc.png',sizingMethod='scale')");
        }
       
        .art-Sheet-tl
        {
            clip: rect(auto 17px 17px auto);
        }
       
        .art-Sheet-tr
        {
            left: expression(this.parentNode.offsetWidth-34+'px');
            clip: rect(auto auto 17px 17px);
        }
       
        .art-Sheet-bl
        {
            top: expression(this.parentNode.offsetHeight-34+'px');
            clip: rect(17px 17px auto auto);
        }
       
        .art-Sheet-br
        {
            top: expression(this.parentNode.offsetHeight-34+'px');
            left: expression(this.parentNode.offsetWidth-34+'px');
            clip: rect(17px auto auto 17px);
        }
       
        .art-Sheet-tc, .art-Sheet-bc
        {
            width: expression(this.parentNode.offsetWidth-34+'px');
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://img163.imageshack.us/img163/6388/sheethdc.png',sizingMethod='scale')");
        }
       
        .art-Sheet-tc
        {
            clip: rect(auto auto 17px auto);
        }
       
        .art-Sheet-bc
        {
            top: expression(this.parentNode.offsetHeight-34+'px');
            clip: rect(17px auto auto auto);
        }
       
        .art-Sheet-cr, .art-Sheet-cl
        {
            height: expression(this.parentNode.offsetHeight-34+'px');
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://img163.imageshack.us/img163/5375/sheetvf.png',sizingMethod='scale')");
        }
       
        .art-Sheet-cr
        {
            left: expression(this.parentNode.offsetWidth-34+'px');
            clip: rect(auto auto auto 17px);
        }
       
        .art-Sheet-cl
        {
            clip: rect(auto 17px auto auto);
        }
       
        .art-Sheet-cc
        {
            font-size: 1px;
            width: expression(this.parentNode.offsetWidth-34+'px');
            height: expression(this.parentNode.offsetHeight-34+'px');
            background: none;
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://img163.imageshack.us/img163/7223/sheetcy.png',sizingMethod='scale')");
        }
        #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
        {
            width:expression(document.body.clientWidth > 1000 ? "100%" : "1000px");
        }
        /* end Box, Sheet */
       
        /* begin Header */
        div.art-Header-png
        {
            font-size: 1px;
            background: none;
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://img163.imageshack.us/img163/8117/headerir.png',sizingMethod='crop')");
        }
        /* end Header */
       
        /* 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()+"http://img62.imageshack.us/img62/1677/navu.png',sizingMethod='crop')");
        }
       
        .art-nav .l
        {
            width: expression(this.parentNode.offsetWidth-0+'px');
        }
       
        .art-nav .r
        {
            left: expression(this.parentNode.offsetWidth-994+'px');
            clip: rect(auto auto auto 994px);
        }
       
        /* 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()+"http://img62.imageshack.us/img62/1272/menuitemh.png',sizingMethod='crop')");
        }
       
        .art-menu a .r
        {
            left: expression(this.parentNode.offsetWidth-406+'px');
            clip: rect(auto auto auto 403px);
        }
       
        .art-menu a .l
        {
            width: expression(this.parentNode.offsetWidth-3+'px');
        }
       
        .art-menuhover .art-menuhoverA .t
        {
            color: #212118;
        }
       
        .art-menuhover .art-menuhoverA .l, .art-menuhover .art-menuhoverA .r
        {
            top: -25px;
        }
        /* end MenuItem */
       
        /* begin MenuSubItem */
       
        .art-menu ul a
        {
            color: #595B1A !important;
        }
       
        .art-menu ul a:hover {
            color: #3B4616 !important;
        }   
       
        .art-menu ul .art-menuhover .art-menuhoverA
        {
            color: #3B4616 !important;
            background-position: 0 -20px;
        }
       
        .art-nav .art-menu ul a:hover span, .art-nav .art-menu ul a:hover span span
        {
            color: #3B4616 !important;
        }   
       
        .art-nav .art-menu ul .art-menuhover .art-menuhoverA span, .art-nav .art-menu ul .art-menuhover .art-menuhoverA span span
        {
            color: #3B4616 !important;
        }
       
        /* end MenuSubItem */
       
        /* begin Box, Block */
        .art-Block, .art-Block-body
        {
            zoom:1;
        }
       
        .art-Block-body
        {
            position:static;
        }
       
        .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
        {
            font-size: 1px;
            background: none;
        }
       
        .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
        {
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://img62.imageshack.us/img62/3671/blocksd.png',sizingMethod='scale')");
        }
       
        .art-Block-tl
        {
            clip: rect(auto 1px 1px auto);
        }
       
        .art-Block-tr
        {
            left: expression(this.parentNode.offsetWidth-2+'px');
            clip: rect(auto auto 1px 1px);
        }
       
        .art-Block-bl
        {
            top: expression(this.parentNode.offsetHeight-2+'px');
            clip: rect(1px 1px auto auto);
        }
       
        .art-Block-br
        {
            top: expression(this.parentNode.offsetHeight-2+'px');
            left: expression(this.parentNode.offsetWidth-2+'px');
            clip: rect(1px auto auto 1px);
        }
       
        .art-Block-tc, .art-Block-bc
        {
            width: expression(this.parentNode.offsetWidth-2+'px');
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://img62.imageshack.us/img62/8848/blockhz.png',sizingMethod='scale')");
        }
       
        .art-Block-tc
        {
            clip: rect(auto auto 1px auto);
        }
       
        .art-Block-bc
        {
            top: expression(this.parentNode.offsetHeight-2+'px');
            clip: rect(1px auto auto auto);
        }
       
        .art-Block-cr, .art-Block-cl
        {
            height: expression(this.parentNode.offsetHeight-2+'px');
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://img62.imageshack.us/img62/2893/blockvn.png',sizingMethod='scale')");
        }
       
        .art-Block-cr
        {
            left: expression(this.parentNode.offsetWidth-2+'px');
            clip: rect(auto auto auto 1px);
        }
       
        .art-Block-cl
        {
            clip: rect(auto 1px auto auto);
        }
       
        .art-Block-cc
        {
            font-size: 1px;
            width: expression(this.parentNode.offsetWidth-2+'px');
            height: expression(this.parentNode.offsetHeight-2+'px');
            background-color: #DBDBCD;
        }
        /* 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()+"http://img62.imageshack.us/img62/850/blockheadericonp.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()+"http://img62.imageshack.us/img62/5586/blockcontentsom.png',sizingMethod='scale')");
        }
       
        .art-BlockContent-tl
        {
            clip: rect(auto 1px 1px auto);
        }
       
        .art-BlockContent-tr
        {
            left: expression(this.parentNode.offsetWidth-2+'px');
            clip: rect(auto auto 1px 1px);
        }
       
        .art-BlockContent-bl
        {
            top: expression(this.parentNode.offsetHeight-2+'px');
            clip: rect(1px 1px auto auto);
        }
       
        .art-BlockContent-br
        {
            top: expression(this.parentNode.offsetHeight-2+'px');
            left: expression(this.parentNode.offsetWidth-2+'px');
            clip: rect(1px auto auto 1px);
        }
       
        .art-BlockContent-tc, .art-BlockContent-bc
        {
            width: expression(this.parentNode.offsetWidth-2+'px');
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://img62.imageshack.us/img62/579/blockcontenthc.png',sizingMethod='scale')");
        }
       
        .art-BlockContent-tc
        {
            clip: rect(auto auto 1px auto);
        }
       
        .art-BlockContent-bc
        {
            top: expression(this.parentNode.offsetHeight-2+'px');
            clip: rect(1px auto auto auto);
        }
       
        .art-BlockContent-cr, .art-BlockContent-cl
        {
            height: expression(this.parentNode.offsetHeight-2+'px');
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://img62.imageshack.us/img62/7117/blockcontentve.png',sizingMethod='scale')");
        }
       
        .art-BlockContent-cr
        {
            left: expression(this.parentNode.offsetWidth-2+'px');
            clip: rect(auto auto auto 1px);
        }
       
        .art-BlockContent-cl
        {
            clip: rect(auto 1px auto auto);
        }
       
        .art-BlockContent-cc
        {
            font-size: 1px;
            width: expression(this.parentNode.offsetWidth-2+'px');
            height: expression(this.parentNode.offsetHeight-2+'px');
            background-color: #ECECE4;
        }
       
        .art-BlockContent-body ul li
        {
            height:1%;
            background:none;
            behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://img62.imageshack.us/img62/8021/blockcontentbulletsd.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()+"http://img62.imageshack.us/img62/2372/postbulletsa.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()+"http://img62.imageshack.us/img62/2425/postquotewb.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()+"http://img62.imageshack.us/img62/3191/buttonyw.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()+"http://img62.imageshack.us/img62/3746/footerzd.png',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()+"http://img62.imageshack.us/img62/1695/rssiconxb.png',sizingMethod='crop')");
        }
       
        /* end Footer */
       
       
      </style>
    <![endif]-->
    <!--[if IE 7]>
      <style type="text/css">
/* begin Box, Sheet */
        .art-Sheet-tl
        {
            clip: rect(auto 17px 17px auto);
        }
       
        .art-Sheet-tr
        {
            clip: rect(auto auto 17px 17px);
        }
       
        .art-Sheet-bl
        {
            clip: rect(17px 17px auto auto);
        }
       
        .art-Sheet-br
        {
            clip: rect(17px auto auto 17px);
        }
       
        .art-Sheet-tc
        {
            clip: rect(auto auto 17px auto);
        }
       
        .art-Sheet-bc
        {
            clip: rect(17px auto auto auto);
        }
       
        .art-Sheet-cr
        {
            clip: rect(auto auto auto 17px);
        }
       
        .art-Sheet-cl
        {
            clip: rect(auto 17px auto auto);
        }
       
        .art-Sheet-body
        {
            zoom: 1;
        }
        /* end Box, Sheet */
       
        /* begin Menu */
        .art-nav .r
        {
            clip: rect(auto auto auto 994px);
        }
        /* end Menu */
       
        /* begin MenuItem */
        .art-menu a .r
        {
            clip: rect(auto auto auto 403px);
        }
        /* end MenuItem */
       
        /* begin Box, Block */
        .art-Block-tl
        {
            clip: rect(auto 1px 1px auto);
        }
       
        .art-Block-tr
        {
            clip: rect(auto auto 1px 1px);
        }
       
        .art-Block-bl
        {
            clip: rect(1px 1px auto auto);
        }
       
        .art-Block-br
        {
            clip: rect(1px auto auto 1px);
        }
       
        .art-Block-tc
        {
            clip: rect(auto auto 1px auto);
        }
       
        .art-Block-bc
        {
            clip: rect(1px auto auto auto);
        }
       
        .art-Block-cr
        {
            clip: rect(auto auto auto 1px);
        }
       
        .art-Block-cl
        {
            clip: rect(auto 1px auto auto);
        }
       
        .art-Block-body
        {
            zoom: 1;
        }
        /* end Box, Block */
       
        /* begin Box, BlockContent */
        .art-BlockContent-tl
        {
            clip: rect(auto 1px 1px auto);
        }
       
        .art-BlockContent-tr
        {
            clip: rect(auto auto 1px 1px);
        }
       
        .art-BlockContent-bl
        {
            clip: rect(1px 1px auto auto);
        }
       
        .art-BlockContent-br
        {
            clip: rect(1px auto auto 1px);
        }
       
        .art-BlockContent-tc
        {
            clip: rect(auto auto 1px auto);
        }
       
        .art-BlockContent-bc
        {
            clip: rect(1px auto auto auto);
        }
       
        .art-BlockContent-cr
        {
            clip: rect(auto auto auto 1px);
        }
       
        .art-BlockContent-cl
        {
            clip: rect(auto 1px 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.23326, file checksum is 5BBC8659. */

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);
        }
    })
})();

(function() {
    // fix ie blinking
    var m = document.uniqueID && document.compatMode && !window.XMLHttpRequest && 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 < 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 < 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 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() + 'http://img62.imageshack.us/img62/6748/spacerv.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 && 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);

function Menu_IE6Setup() {
    var isIE6 = navigator.userAgent.toLowerCase().indexOf("msie") != -1
    && 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 < aTmp.length; i++) {
        aTmp2 = aTmp[i].getElementsByTagName("li");
        for (j = 0; j < aTmp2.length; j++) {
            oLI = aTmp2[j];
            aUL = oLI.getElementsByTagName("ul");
            if (aUL && aUL.length) {
                oLI.UL = aUL[0];
                aA = oLI.getElementsByTagName("a");
                if (aA && 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 < tags.length; j++){
        var buttons = xGetElementsByClassName(className, document, tags[j]);
        for (var i = 0; i < 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 < 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;
        }

        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')) && (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 < 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 < 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 = "<br /><br />";
            } else {
                el.innerHTML += "<br />";
            }
        }
    }
}

function artFixPostHeaders(){
    var els = xGetElementsByClassName("art-PostMetadataHeader", document);
    for (var i = 0; i < els.length; i++) {
        var el = els[i];
        if (el) {
            var elText = el.innerHTML;
            if ((el.getElementsByTagName("div").length == 0) && (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 < els.length; i++) {
        var el = els[i];
        if (el) {
            var els2 = xGetElementsByClassName("art-PostFooterIcons", el);
            for (var j = 0; j < els2.length; j++) {
                var el2 = els2[j];
                var elText = el2.innerHTML;
                if ((el.getElementsByTagName("img").length == 0) && (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 = '<a href="'+homePageLink+'" class="active">';
                else
                    var tmpstr = '<a href="'+homePageLink+'">';
                navSection.innerHTML = '<div><div class="l"></div><div class="r"></div><div class="art-nav-center"><ul class="art-menu"><li>'+tmpstr+'<span class="l"></span><span class="r"></span><span class="t">'+homePageName+'</span></a></li></ul></div></div>';
            } else {
                navSection.innerHTML = '<div><div class="l"></div><div class="r"></div><div class="art-nav-center"></div></div>';
            }
        }
    }
}
artLoadEvent.add(function() { artFixTopMenu(); });

function artDisplayTopMenu(menuitems){
    var i=0;
    var subList = false;
    var menu = new Array();
    for(i=0; i < menuitems.length; i++){
      var item = menuitems[i];
      var itemname = item[0];
      var itemlink = item[1];
     
      if ( (itemname.indexOf("-") == 0) && !subList) document.write("<ul>");
      else if ( (itemname.indexOf("-") != 0) && subList) { document.write("</ul></li>"); subList = false; }
      else if (i != 0) document.write("</li>");
     
      document.write("<li>");
     
      if (itemname.indexOf("-") != 0){
        if (window.location == itemlink)
            document.write('<a href="'+itemlink+'" class="active"><span class="l"></span><span class="r"></span><span class="t">'+itemname+'</span></a>');
        else if(itemlink == "http://./")
            document.write('<a href="#"><span class="l"></span><span class="r"></span><span class="t">'+itemname+'</span></a>');
        else
            document.write('<a href="'+itemlink+'"><span class="l"></span><span class="r"></span><span class="t">'+itemname+'</span></a>');
      } else {
        document.write('<a href="'+itemlink+'">'+itemname.substr(1,itemname.length)+'</a>');
        subList = true;
      }
      if (i==(menuitems.length-1)) document.write("</li>");
    }
}
    </script>
<style media='print' type='text/css'> #header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;} #main-wrapper {width: 95%} </style>
  </head>
  <body>
  <script type='text/javascript'>
        artCheckNavBar();
    </script>
    <div id='art-main'>
    <div class='art-Sheet'>
        <div class='art-Sheet-tl'/>
        <div class='art-Sheet-tr'/>
        <div class='art-Sheet-bl'/>
        <div class='art-Sheet-br'/>
        <div class='art-Sheet-tc'/>
        <div class='art-Sheet-bc'/>
        <div class='art-Sheet-cl'/>
        <div class='art-Sheet-cr'/>
        <div class='art-Sheet-cc'/>
        <div class='art-Sheet-body'>
    <b:section class='art-Header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='BRICKWALL (Κεφαλίδα)' 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 class='art-Header-jpeg'/>
                <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 class='art-nav' id='navsection' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList99' locked='true' title='Top Menu' type='LinkList'>
<b:includable id='main'>
        <div class='l'/>
        <div class='r'/>
        <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'/>
    </div>
    <div class='art-contentLayout'>
    <b:section class='art-sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Αναγνώστες' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != ""'>
    <b:if cond='data:codeSnippet != ""'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != ""'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if> 
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + "-wrapper"'>
      <b:if cond='data:codeSnippet != ""'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == ""'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>
 
          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>
 
          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='Για Μένα' 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"'> <!-- 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 != ""'>
        <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='Αναρτήσεις ιστολογίου' 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 class='art-Post-tr'/>
              <div class='art-Post-bl'/>
              <div class='art-Post-br'/>
              <div class='art-Post-tc'/>
              <div class='art-Post-bc'/>
              <div class='art-Post-cl'/>
              <div class='art-Post-cr'/>
              <div class='art-Post-cc'/>
              <div class='art-Post-body'>
                <div class='art-Post-inner art-article'>
<b:if cond='data:blog.pageType == "item"'> <span style='background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Print this post</a></span> </b:if>
                  <a expr:name='data:post.id'/>
                  <b:if cond='data:post.dateHeader'>
                    <div class='date-header'><data:post.dateHeader/></div>
                  </b:if>
          <div class='art-PostMetadataHeader'>
    <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>
    <div class='art-PostHeaderIcons art-metadata-icons'>
    <img alt='' class='art-metadata-icon' height='18' src='http://img62.imageshack.us/img62/2059/postdateicon.png' width='18'/>
    <data:post.timestamp/> | <img alt='' class='art-metadata-icon' height='18' src='http://img62.imageshack.us/img62/2217/postauthoricon.png' width='18'/>
    <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 alt='' class='art-metadata-icon' height='19' src='http://img62.imageshack.us/img62/9931/postediticonc.png' width='20'/>
   
            <a class='post-edit-link' expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
              <data:top.editPostMsg/>
            </a>
   
            </span></b:if>
         
    </div>
    <div class='art-PostContent'>
    <data:post.body/>
    </div>
    <div class='cleared'/>
   
    <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 alt='' class='art-metadata-icon' height='18' src='http://img62.imageshack.us/img62/1103/posttagicon.png' width='18'/>
   
            <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 alt='' class='art-metadata-icon' height='18' src='http://img62.imageshack.us/img62/7756/postcommentsiconq.png' width='18'/>
    <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'>
<!-- AddThis Button BEGIN -->
<div><a class='addthis_button' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><img alt='Bookmark and Share' height='16' src='http://s7.addthis.com/static/btn/v2/lg-share-en.gif' style='border:0' width='125'/></a>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b64d7091be383d8' type='text/javascript'/></div>
<!-- AddThis Button END -->

                    <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>
   
                      <!-- backlinks -->
                      <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'>
                        <!-- 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='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='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='feedLinks'>
              <b:if cond='data:blog.pageType != "item"'> <!-- 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='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='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='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</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: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 == "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/>
   
              <!-- 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("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:widget>
</b:section>
          <b:section class='art-sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Αρχειοθήκη ιστολογίου' 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' href='javascript:void(0)'>
      <span class='zippy toggle-open'>▼ </span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <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 id='footer-wrapper'>
        <b:section class='footer' id='footer'/>
    </div>
    <div class='art-Footer'><p align='center'><a href='http://locusblogus.blogspot.com'>Created by hackaday 2010</a></p>
        <div class='art-Footer-inner'>
            <a class='art-rss-tag-icon' href='/feeds/posts/default' title='RSS'/>
            <div class='art-Footer-text'>
    <b:section class='art-footer-nav' id='footersection' 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>
<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 class='cleared'/>
    <p class='art-page-footer'/>
    </div>
   
  </body>
</html>