Google Adsense Massive Traffic Sneaky Little Tricks

Google Adsense Massive Traffic Sneaky Little Tricks

To make this template fully display and function, you are invited to follow the steps below:

1. Sign into your Blogger's dashboard, choose the blog's "layout" .
2. Under "Layout" tab, choose the "Edit HTML" option.
3. You might need to backup the template before you upload it, click "download full template" to save the template file into the computer.
4. You can see the word "Upload a template from a file on your hard drive.", choose the "(template name).xml" file and upload it.
5. Enjoy!


Set up the Header RSS Subscribe
===============================
Replace Template code with this.

<a href='RSS-LINK-HERE' title='RSS'>

'Save Template' to achieve the Header RSS!


Set up the Top Navigation Menu
==============================
<?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'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Theme Name: Arto
Theme URI: http://www.skinpress.com/arto/
Description: Download free high quality wordpress themes at <a href="http://www.skinpress.com/">Skinpress.com</a>.
Version: 1.6
Author: Skinpress.com
Author URI: http://www.skinpress.com/

Template Name: Arto
Template URI: http://www.falconhive.com/2009/09/arto-blogger-template.html
Version: 1.0
Converter: ThemeCraft.net
Converter URI: http://www.falconhive.com
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="textcolor" description="Text Color"
             type="color" default="#6e6e6e" value="#6e6e6e">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#6e6e6e" value="#6e6e6e">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#fff" value="#fff">
   <Variable name="menulinkcolor" description="Menu Link Color"
             type="color" default="#fff" value="#fff">
   <Variable name="hoveredmenulinkcolor" description="Hovered Menu Link Color"
             type="color" default="#000" value="#000">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#6ea560" value="#6ea560">
   <Variable name="postmetacolor" description="Post Meta Color"
             type="color" default="#707070" value="#707070">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#6ea560" value="#6ea560">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#999999" value="#999999">
   <Variable name="sidebarlinkcolor" description="Sidebar Link Color"
             type="color" default="#999999" value="#999999">
   <Variable name="footertextcolor" description="Footer Text Color"
             type="color" default="#2e3629" value="#2e3629">
   <Variable name="footerlinkcolor" description="Footer Link Color"
             type="color" default="#2e3629" value="#2e3629">
   <Variable name="commenttitlecolor" description="Comment Title Color"
             type="color" default="#6ea560" value="#6ea560">
   <Variable name="commenttextcolor" description="Comment Text Color"
             type="color" default="#6e6e6e" value="#6e6e6e">
   <Variable name="commentmetacolor" description="Comment Meta Color"
             type="color" default="#b2b2b2" value="#b2b2b2">
 
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Verdana, Geneva, sans-serif" value="normal normal 100% Verdana, Geneva, sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="italic normal 420% Georgia, 'Times New Roman', Times, serif" value="italic normal 420% Georgia, 'Times New Roman', Times, serif">
   <Variable name="menufont" description="Navigation Menu Font"
             type="font"
             default="normal normal 100% Arial, Helvetica, sans-serif" value="normal normal 100% Arial, Helvetica, sans-serif">
   <Variable name="posttitlefont" description="Post Title Font"
             type="font"
             default="italic normal 200% Georgia, 'Times New Roman', Times, serif" value="italic normal 200% Georgia, 'Times New Roman', Times, serif">
   <Variable name="posttopmetafont" description="Post Top Meta Font"
             type="font"
             default="normal normal 180% Georgia, 'Times New Roman', Times, serif" value="normal normal 180% Georgia, 'Times New Roman', Times, serif">
   <Variable name="postmetafont" description="Post Meta Font"
             type="font"
             default="normal normal 85% Verdana, Georgia, 'Times New Roman', Times, serif" value="normal normal 85% Verdana, Georgia, 'Times New Roman', Times, serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 180% Tahoma, Geneva, sans-serif" value="normal normal 180% Tahoma, Geneva, sans-serif">
   <Variable name="sidebartextfont" description="Sidebar Text Font"
             type="font"
             default="normal normal 100% Verdana, Geneva, sans-serif" value="normal normal 100% Verdana, Geneva, sans-serif">
   <Variable name="commentheaderfont" description="Comment Title Font"
             type="font"
             default="normal normal 200% Georgia, 'Times New Roman', Times, serif" value="normal normal 200% Georgia, 'Times New Roman', Times, serif">
   <Variable name="commenttextfont" description="Comment Text Font"
             type="font"
             default="normal normal 100% Georgia, 'Times New Roman', Times, serif" value="normal normal 100% Georgia, 'Times New Roman', Times, serif">
   <Variable name="commentmetafont" description="Comment Meta Font"
             type="font"
             default="normal normal 115% Georgia, 'Times New Roman', Times, serif" value="normal normal 115% Georgia, "Times New Roman", Times, serif">
   <Variable name="footerfont" description="Footer Font"
             type="font"
             default="normal normal 100% Verdana, Arial, Helvetica, sans-serif" value="normal normal 100% Verdana, Arial, Helvetica, sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/


/* Use this with templates/template-twocol.html */

#navbar-iframe{
height:0px;
visibility:hidden;
display:none;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
a{
color:$linkcolor;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a img{
border:0;
}
.clear{
clear:both;
}
html{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_html.gif) repeat;
}
body{
color:$textcolor;
margin:0px;
padding:0px;
font: x-small Verdana, Geneva, sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_main.gif) repeat-x center top;
}
#wrapper{
width:100%;
height:100%;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_wrapper.gif) no-repeat center top;
}
#page{
width:1000px;
margin:0px auto;
}

/*top*/
#top{
width:100%;
height:24px;
overflow:hidden;
font-family:"Times New Roman", Times, serif;
color:#767676;
font-size:14px;
}
#top a{
color:$linkcolor;
}
#top a span{
color:#c9882d;
}
#top_link{
float:left;
padding:2px 0 0 44px;
}
#main_rss{
float:right;
padding:2px 90px 0 0;
}
#main_rss a{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/button_rss.gif) no-repeat right center;
padding:0 20px 0 0;
}

/* HEADER */

#header{
width:100%;
height:184px;
}

#header #logo{
color:$pagetitlecolor;
font:$pagetitlefont;
letter-spacing:-4px;
padding:60px 0 0 71px;
float:left;
}
#header #logo a{
color:$pagetitlecolor;
}
#header #logo a:hover{
text-decoration:none;
}
/* MENU */

#menu{
float:right;
}
#mainmenu{
float:left;
padding:70px 20px 0 0;
}
#mainmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:1000;
}


/*Top level list items*/
#mainmenu ul li{
color:#fff;
position: relative;
display: inline;
float: left;
z-index:1000;
padding:0 0 0 37px;
font:$menufont;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_menu_li.gif) no-repeat left center;
}
#mainmenu ul li.first{
padding:0;
background:none;
}
/*Top level menu link items style*/
#mainmenu ul li a{
color:$menulinkcolor;
display:block;
z-index:1000;
padding:10px;
}
* html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
float:left;
}
* html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
float:none;
}
#mainmenu ul li a:link, #mainmenucat ul li a:visited{
text-decoration:none;
}
#mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a{
color:$hoveredmenulinkcolor;
text-decoration:none;
background:#fff url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_menu_hover.gif) repeat-x;
}
/*1st sub level menu*/
#mainmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
margin:0 0 0 38px;
background:#ffffff;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#mainmenu ul li ul li{
display: list-item;
float: none;
font-size:1.0em;
background:none;
padding:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#mainmenu ul li ul li ul{
top: 0;
margin:0;
}
/* Sub level menu links style */
#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a{
color:$linkcolor;
width: 160px; /*width of sub menus*/
height:auto;
padding: 7px 5px 7px 10px;
margin: 0;
border-bottom: 1px solid #cccccc;
background:#ffffff;
border-top-width: 0;
text-align:left;
text-decoration:none;
text-transform:capitalize;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}
#mainmenu ul li ul li a:hover{ /*sub menus hover style*/
text-decoration:underline;
}
/* ######### CSS classes applied to down and right arrow http://i36.photobucket.com/albums/e2/alvaris924/arto  ######### */

/* BODY */

#body{
width:100%;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_body.gif) repeat-y;
overflow:hidden;
}
#body_top{
width:100%;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_body_top.gif) no-repeat;
overflow:hidden;
padding:0 0 40px 0;
}

#body_left{
width:701px;
float:left;
}

#body_right{
width:299px;
float:right;
}

/* left contact */

#body_left_content{
width:608px;
margin:20px 0 0 69px;
}
.post{
width:100%;
margin:0 0 30px 0;
}
.post-top{
width:100%;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom;
padding:0 0 16px 0;
overflow:hidden;
}
.post-title{
float:left;
width:520px;
}

.post-title h2{
color:$titlecolor;
font-size:27px;
margin:0 0 5px 0;
font:$posttitlefont;
}

.post-title h2 a{
color:$titlecolor;
}
.post-top h4{
color:#05556a;
width:63px;
height:47px;
padding:5px 0 0 0;
margin:0 0 5px 0;
text-align:center;
font:$posttopmetafont;
float:right;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_comment.png) no-repeat;
}

.post-top h3{
color:$postmetacolor;
font:$postmetafont;
margin:0 0 5px 2px;
}

.post-top h3 a, .post-top h3 span{
color:$postmetacolor;
font-weight:bold;
text-transform:capitalize;
}

.entry{
line-height:20px;
font:$bodyfont;
margin:10px 0 20px 0;
}
.entry .banner{
text-align:center;
padding:0 0 10px 0;
}
.entry .banner img{
border:0;
}

.banner_left{
float:left;
padding:0 20px 10px 0;
}
.entry .banner_left img{
border:0;
}
.entry img{
border:1px solid #666;

}

.entry p{
padding-bottom:15px;
}

.entry p a{
font-weight:bold;
text-decoration:underline;
}

.entry p a:hover{
text-decoration:none;
}

.postmetadata{
width:100%;
overflow:hidden;
border-bottom:1px solid #262626;
padding:0 0 20px 0;
}
.postmetadata p{
font-weight:bold;
font-size:13px;
}
.postmetadata p a{
text-decoration:underline;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_more.gif) no-repeat left center;
padding:0 0 0 16px;
}
.postmetadata p a:hover{
text-decoration:none;
}

.post-page{
padding:0 0 60px 0;
}

h2.page_title{
color:#6ea560;
font-size:27px;
font-weight:normal;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom;
padding:0 0 20px 5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

.post-page .entry{
}

.post-page .entry a{
font-weight:bold;
text-decoration:underline;
}

.post-page .entry a:hover{
text-decoration:none;
}

.entry strong{
}

.post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6{
color:#6ea560;
display:block;
font-weight:normal;
}

.post-page .entry h1{
font-size:26px;
padding:0 0 14px 0;
}

.post-page .entry h2{
font-size:24px;
padding:0 0 14px 0;
}

.post-page .entry h3{
font-size:22px;
padding:0 0 12px 0;
}

.post-page .entry h4{
font-size:20px;
padding:0 0 10px 0;
}

.post-page .entry h5{
font-size:18px;
padding:0 0 8px 0;
}

.post-page .entry h6{
font-size:16px;
padding:0 0 6px 0;

/*main_search*/
#main_search{
width:100%;
overflow:hidden;
}
#searchform_top{
float:left;
padding:18px 0 23px 27px;
}
#searchform_top_text{
color:#4d4d4d;
width:185px;
padding:3px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
float:left;
border:0;
margin:0 5px 0 0;
background:none;
}
#gosearch{
float:left;
margin:5px 0 0 0;
}
/* ADS */
#sidebar_ads{
width:95%; 
overflow:hidden;
}
#sidebar_ads div{
float:left;
padding:0 0 5px 3px;
}
#sidebar_ads div img{
float:left;
}

/* SIDE BAR */

#sidebar{
color:$sidebartextcolor;
font:$sidebartextfont;
width:224px;
margin:15px 0 0 22px;
}

.sidebars h2{
color:$sidebarcolor;
font:$headerfont;
margin:0 0 6px 0;
}
.sidebars ul{
font-size:13px;
padding: 0 0 30px 0;
}

.sidebars ul li{
margin-bottom:0px;
border-bottom:1px solid #242424;
padding:8px 0 8px 5px;
}

.sidebars ul li ul li{
margin-bottom:0;
width:auto;
}

.sidebars ul li ul li ul li{
margin-left:0;
}

.sidebars li ul{

}

.sidebars li ul li ul{
padding:0 0 0 10px;
width:auto;
}

.sidebars li ul li ul li ul{
}

.sidebars li{
margin-bottom:0px;
background:none;
}

.sidebars li li{
padding:0 0 30px 0;
}

.sidebars li li li{
background:none;
border:0;
padding:8px 0 8px 5px;
}

.sidebars li a{
color:$sidebarlinkcolor;
}

.sidebars li.widget_categories ul li{
}

.sidebars li.widget_categories ul li a{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px;
padding:0 0 0 13px;
}

.sidebars li.widget_categories ul li ul li a{
}

.sidebars li.widget_archive ul li a{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px;
padding:0 0 0 13px;
}

.sidebars li.linkcat ul li a{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px;
padding:0 0 0 13px;
}

.sidebars li.widget_pages ul li a{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px;
padding:0 0 0 13px;
}


.sidebars .widget_tags p{
padding:0px 10px 10px 15px;
}

.sidebars .widget_tags a{
color:$linkcolor;
}

.sidebars .textwidget{
padding:10px;
}

/* FOOTER */

#footer{
width:100%;
height:185px;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_footer.gif) no-repeat;
overflow:hidden;
}
#footer_logo{
color:#333333;
font-size:53px;
font-weight:normal;
letter-spacing:-4px;
padding:20px 0 0 71px;
font-family:Georgia, "Times New Roman", Times, serif;
float:left;
font-style:italic;
}
#footer_logo a{
color:$linkcolor;
}
#footer_logo a:hover{
text-decoration:none;
}
#footer_text{
padding:40px 60px 0 0;
float:right;
text-align:right;
}
#footer_text p{
color:$footertextcolor;
font:$footerfont;
padding:0 0 8px 0;
}
#footer_text a{
color:$footerlinkcolor;
text-decoration:underline;
}
#footer_text a:hover{
text-decoration:none;
}
#footer_text b a{
color:$linkcolor;
}


/* Begin Images */
p img{
padding: 0;
max-width: 100%; /* not working in IE6*/
/*height: auto;*/ /* you can enable this.*/
}

/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright{
float: right;
}

.alignleft{
float: left
}
/* End Images */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps{
cursor: help;
}

acronym, abbr{
border-bottom: 1px dashed #999;
}

blockquote{
margin: 15px 30px 10px 10px;
padding-left: 24px;
padding-bottom:7px;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/blockquote_bg.gif) repeat-y;
}

blockquote blockquote{
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/blockquote_bg2.gif) repeat-y;
}

blockquote cite{
margin: 5px 0 0;
display: block;
}

.center{
text-align: center;
}

hr{
display: none;
}

a img{
border: none;
max-width: 100%; /* not working in IE6*/
/*height: auto;*/ /* you can enable this.*/
}

.navigation{
color:#81897c;
text-align: right;
margin:10px auto 0 auto;
width:97%;
padding:10px;
overflow:hidden;
font-size:13px;
background:#0e0e0e;
border:1px solid #1c1c1c;
font-family:Arial, Helvetica, sans-serif;
}

#content_single .navigation{
text-align: center;
width:96%;
padding:10px 0 10px 0;
margin:30px 0 0 25px;
}

.navigation a{
color:$linkcolor;
font-size:13px;
}


/* End Various Tags & Classes*/

/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul{
margin: 0 10px 15px 30px;
list-style: none;
padding:15px 15px 15px 20px;
background:#101010;
border:1px solid #1d1d1d;
font-family:Verdana, Geneva, sans-serif;

.entry ul li{
border-bottom:1px solid #2e2e2e;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_entry.gif) no-repeat left 13px;
padding:7px 0 7px 15px;
}

.entry ol{
margin: 0 10px 15px 30px;
padding:15px 15px 15px 40px;
background:#101010;
border:1px solid #1d1d1d;
font-family:Verdana, Geneva, sans-serif;
}

.entry ol li{
margin: 0;
padding:7px 0 7px 0;
border-bottom:1px solid #2e2e2e;
}

.postmetadata ul, .postmetadata li{
display: inline;
list-style-type: none;
list-style-image: none;
}
ol li{
list-style: decimal outside;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform{
margin: 10px auto;
padding: 5px 3px; 
text-align: center;
}

#sidebar #searchform #s{
width: 108px;
padding: 2px;
}

#sidebar #searchsubmit{
padding: 1px;
}

.entry form{ /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select{
width: 130px;
}

#commentform{
width:400px;
}

#commentform input{
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea{
width: 350px;
padding: 2px;
}

#commentform #submit{
margin: 5px 0 0 0;
padding:0;
width:85px;
height:35px;
}
/* End Form Elements */



/* Begin Comments*/

h2#comments{
color:$commenttitlecolor;
font:$commentheaderfont;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom;
padding:0 0 20px 5px;
margin:0 0 10px 0px;
}

.alt{
margin: 0;
padding: 10px;
}

.commentlist{
padding: 0;
text-align: justify;
margin:0 0 0 0px;
}

.commentlist .comment{
margin: 15px 0 0 0;
padding: 10px 15px 20px 15px;
list-style: none;
background:#101010;
border:1px solid #1d1d1d;
}


.commentlist .alt{
background:#0b0b0b;
}

.commentlist .comment .comment{
margin: 15px 15px 15px 15px;
padding: 10px 15px 20px 15px;
width:auto;
}

.commentlist p{
font:$commenttextfont;
margin: 10px 5px 10px 0;
line-height:18px;
}
.commentmet_data{
width:100%;
overflow:hidden;
}
.commentmet_data td{
vertical-align:top;
text-align:left;
}
.commentmet_avatar{
width:102px;
padding:15px 0 0 0;
}
.commentmet_text{
color:$commenttextcolor;
font:$commenttextfont;
}
.commentmet_avatar img{
border:3px solid #000;
}

#commentform p{
margin: 5px 0;
}

.commentmet_replay{
width:100%;
overflow:hidden;
}
.commentmet_replay a{
float:right;
display:block;
text-indent:-9999px;
text-transform:capitalize;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/button_replay.gif) no-repeat;
width:94px;
height:24px;
}

.nocomments{
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata{
color:$linkcolor;
margin: 0;
display: block;
padding:0 0 5px 0;
font:$commentmetafont;
}
.commentmetadata a{
color:$linkcolor;
font-weight:bold;
}
.commentmetadata span{
color:#689b5b;
font-weight:bold;
}

.commentmet_text{
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}

#respond{
margin:10px 0 0 10px;
font-family:Verdana, Geneva, sans-serif;
background:#000000;
padding:15px;
width:90%;
}

h3#respond_title{
color:#6ea560;
font-size:27px;
font-weight:normal;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom;
padding:0 0 20px 5px;
margin:0 0 20px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

#commentform{
color:#808080;
margin-left:25px;
font-size:12px;
width:90%;
}

#commentform small{
position:relative;
top:-1px;
font-size:12px;
}
#cancel-comment-reply-link{
color:#808080;
font-size:12px;
margin-left:25px;
}

#commentform a, #commentform small{
color:#808080;
}

#commentform input{
color:#000000;
background:#1a1a1a;
border:2px solid #1a1a1a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:4px;
}

#commentform textarea{
color:$linkcolor;
background:#1a1a1a;
border:2px solid #1a1a1a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:4px;
margin:5px 0 0 0;
overflow:auto;
}

#commentform input#submit{
background:none;
border:0px;
}

/* End Comments */

/* Archives page */
.page_archives_div{
padding:0 0 60px 0;
}

.page_archives_div h2{
color:#6ea560;
font-size:27px;
font-weight:normal;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom;
padding:0 0 20px 5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

.page_archives_div ul h2{
}

.page_archives_div ul{
margin:10px 0 40px 0;
}

.page_archives_div ul li{
margin:0px;
padding:8px 0 8px 5px;
list-style:none;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_line.gif) no-repeat left bottom;
}

.page_archives_div ul li ul li{
border:0px;
background:none;
}

.page_archives_div ul li ul{
margin:0px;
padding:0px;
padding-left:10px;
}

.page_archives_div ul li a{
font-weight:normal;
font-size:13px;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_ar.gif) no-repeat left 4px;
padding:0 0 0 11px;
}


.comment-form{
margin:25px 0px 0px 0px; 
max-width:630px !important;
width:630px !important;
}

h4.backlinks{
font:$commentheaderfont;
color:$commenttitlecolor;
padding:0 0 20px 0px;
margin:0 0 10px 0px;
}

a.blog-pager-newer-link{
    float: left;
padding: 6px;
margin: 4px;
color:$linkcolor;
}

a.blog-pager-older-link{
float: right;
padding: 6px;
margin: 4px;
color:$linkcolor;
}

a.home-link{
    position:absolute;
padding: 2px;
margin: 2px;
color:$linkcolor;
}

#blog-pager{
text-align:center;
color:$linkcolor;
}

.feed-links{
margin: 30px 0 0px 0px;
font:$bodyfont;
color:$linkcolor;
}

.feed-links a:hover{
font:$bodyfont;
color:$linkcolor;
}

.feed-link{
color:$linkcolor;
}

.feed-link a:hover{
color:$linkcolor;
}

]]></b:skin>

<script language='javascript'>
function doClear(theText){
 if (theText.value == theText.defaultValue){
         theText.value = ''
 }
}
</script>
</head>

<body>

<!-- Wrapper -->
<div id='wrapper'>
<!-- Page -->
<div id='page'>

<div id='top'>
<div id='top_link'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></div>
<!-- RSS -->
<div id='main_rss'><a href='RSS-LINK-HERE' title='RSS'>Subscribe to <span>RSS Feed</span> :</a></div>
<!-- /RSS -->
</div>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

<!-- Header -->
    <div id='header'>
<b:section class='blogname' id='blogname' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Extension (Header)' type='Header'>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='logo'>
    <b:include name='title'/>
</div>
  </b:if>
</b:includable>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
    <data:description/>
</b:includable>
</b:widget>
</b:section>
  <!-- Top Navigation Menu -->
  <div id='menu'>
  <div id='mainmenu'>
    <b:section class='mainmenu1' id='mainmenu1' preferred='yes' showaddelement='no'>
    <b:widget id='LinkList99' locked='true' title='Top Navigation Menu' type='LinkList'>
    <b:includable id='main'>
      <div class='widget-content'>
  <ul>
    <b:loop values='data:links' var='link'>
  <li><a expr:href='data:link.target'><data:link.name/></a></li>
    </b:loop>
  </ul>
     </div>
    </b:includable>
    </b:widget>
</b:section>
  </div>
  </div>
  <!-- /Top Navigation Menu -->
  
    </div>
<!-- /Header-->

  <!-- Body -->
  <div id='body'>
    <!-- Body_top -->
    <div id='body_top'>
<div id='body_left'>
<div id='body_left_content'>
    
<!-- Content -->
    <div id='content' class='narrowcolumn'>
      <div id='crosscol-wrapper' style='text-align:center'>
   <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>

    <data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
  <div class='navigation'>
  <b:include name='nextprev'/>
  </div>
  </b:if>

  <!-- feed links -->
  <b:include name='feedLinks'/>
  
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;,{&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize(){
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>

</b:includable>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>
  </div>
  <div class='clear'/>
</b:includable>

<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
  <div id='post' class='post'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
<div class='post-top'>
<div class='post-title'>
      <h2>
     <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>
 
 <h3>
 <b:if cond='data:top.showAuthor'>
      Posted by
      <span class='fn'><data:post.author/></span>
      </b:if> | 
 Posted in
 <b:if cond='data:post.labels'>
        <b:loop values='data:post.labels' var='label'>
          <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
        </b:loop>
      </b:if> | 
 Posted on
 <b:if cond='data:top.showTimestamp'>
      <b:if cond='data:post.url'>
      <data:post.timestamp/> 
      </b:if>
      </b:if>
 </h3>
</div>

 <h4>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:post.allowComments'>
   <a class='commentlink' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
     </b:if>
   </b:if>
 </h4>

</div>
    </b:if>

    <div class='post-header-line-1'/>

<div class='entry'>
      <data:post.body/>
 <div style='clear: both;'/> <!-- clear for photos floats -->
      <div style='clear'/>
    </div>
<div class='edit'></div>
<b:if cond='data:post.hasJumpLink'>
<div class='postmetadata'>
<p><a expr:href='data:post.url + "#more"'>Continue Reading</a></p>
</div>
</b:if >

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
  
      <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>

      <span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
        </b:if>
      </span> 
 
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <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>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>
</b:if>
      </div>

      <div class='post-footer-line post-footer-line-2'>
      </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='postQuickEdit' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + 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:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h2 id='comments'>
          Comments (<data:post.numComments/>)
      </h2>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div class='commentlist'>
 <div class='comment' id='comment'>
        <b:loop values='data:post.comments' var='comment'>
 <div class='commentmetadata'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <span><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a></span>
            <b:else/>
              <span><data:comment.author/></span>
            </b:if>
            Said on <data:comment.timestamp/>
          </dt>
 </div>
          <div class='commentmet_text'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
              <b:include data='comment' name='commentDeleteIcon'/>
            </b:if>
 <div class='commentmet_replay'></div>
          </div>
        </b:loop>
 </div>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>

        <b:if cond='data:post.embedCommentForm'>
          <b:include data='post' name='comment-form'/>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h3 id='respond_title'><data:postCommentMsg/></h3>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.iframeColorizer/>
  </div>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4 class='backlinks'><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='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:widget>
</b:section>
 
</div>
<!-- /Body_left -->
</div>
<!-- /Body_left_content -->
</div>
<!-- /content -->

<!-- Body_right -->
    <div id='body_right'>
<!-- Search -->
<div id='main_search'>
<form method='get' id='searchform_top' action='/search'>
 <div>
<input type='text' value='Type your search here...' name='q' id='searchform_top_text' onfocus='doClear(this)' />
<input type='image' src='http://i36.photobucket.com/albums/e2/alvaris924/arto/button_go.gif' id='gosearch' />
 </div>
</form>
</div>
<!-- /Search -->

<!-- Sidebar -->
<div id='sidebars'>
<div id='sidebar' class='sidebars'>
<b:section id='sidebar1' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>  
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <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='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <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='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' 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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
 </div>
      </div>
 <!-- /Sidebars -->
      </div>
 <!-- /Body_right -->

</div>
<!-- /body_top -->
</div>
<!-- /body -->
<!-- Arto Blogger Template comes under a Creative Common License. 
This means it is free to use on your blog, and you must keep the footer link intact, also as a respect to the designer and converter.
We sincerely need your respect to continue our free Blogger template production, thank you.
www.falconhive.com -->
  
  <!-- Footer -->
  <div id='footer'>
    <div id='footer_text'>
      <p>&copy; All Rights Reserved. <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
      <p>Theme by <a href='http://www.webhostingreport.com/best-cheap-web-hosting.html'>Cheap Hosting</a> | Converted by <a href='http://www.falconhive.com'>Falcon Hive</a> | <a href='http://themecraft.net'>Theme Craft</a></p>
    </div>
  </div>
  <!-- Footer -->

</div>
<!-- /Page -->
</div>
<!-- /Wrapper -->

</body>
</html>