<?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>
<meta content='Adil Muhammad Yousuf' name='Author'/>
<meta content='The Blogger Cafe provides information about making money online, blogging tips and tricks, widget, template, seo and much more' name='description'/>
<meta content='blogging tips, tricks, widget, seo, template, google adsense, making money online, wordpress theme' name='keywords'/>

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: &#39;en-US&#39;}
</script>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title> 
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

    <b:skin><![CDATA[/*
-----------------------------------------------
Name:   Tech Shadow
Author: Mohammed Yaqoob
URL 1:  http://www.bloggeryard.com
Date:   June 2013
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body{background: #f9f9f9 url(http://4.bp.blogspot.com/-OmoGqAsCwZQ/UcG52g1g9PI/AAAAAAAAHOs/-1wg-5REt7M/s1600/background.jpg);color:#555555;font-family: Arial, Helvetica, Sans-serif; font-size: 15px;margin:0px;padding:0px;border-top:10px solid hsl(0, 0%, 13%);}
a:link,a:visited{color:#00B3FF;text-decoration:underline;outline:none;transition: all 0.25s linear 0s;-moz-transition: all 0.25s linear 0s;-webkit-transition: all 0.25s linear 0s;}
a:hover{color:#349ECB;text-decoration:none;outline:none;}
a img{border-width:0}
#body-wrapper{margin:0px;padding:0px;}
/* Header-----------------------------------------------*/
#header-wrapper{background:url('http://3.bp.blogspot.com/-cLApl8bnaIk/UcGnYZnnRmI/AAAAAAAAHN8/AuAmaNk_pU4/s1600/pattern-3.png');width: 960px; margin: 0px auto 0px; height: 100px; padding: 30px 0px 0px 0px; overflow: hidden;box-shadow:5px 5px 5px hsla(0, 0%, 45%, 0.53);}
#header-inner{background-position:center;margin-left:10px;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:32%;overflow:hidden;}
#header h1{color:hsla(0, 0%, 89%, 0.91);margin:0 5px 0;padding:0px 0px 0px 0px;font-family:sans-serif;font-weight:bold;font-size:40px;line-height:32px;}
#header .description{padding-left:7px;color:#ABABAB;line-height:20px;font-size:14px;padding-top:0px;margin-top:10px;font-family:Arial,Helvetica,Sans-serif;padding:5px;}
#header h1 a,#header h1 a:visited{color:hsla(0, 0%, 89%, 0.91);text-decoration:none}
#header h2{padding-left:5px;color:#fff;font:14px Arial,Helvetica,Sans-serif}
#header2{float:right;width:51%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:0px 0px 0px 0px;float:right}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:960px;margin:0px auto 0px;padding:0px;text-align:left;}
#content-wrapper{margin-top: 25px;padding-top: 10px;padding-left: 20px;padding-right: 20px;background: hsl(0, 0%, 96%);width: 920px;box-shadow:0 0 5px 5px #ccc;}
#main-wrapper{width:600px;float:left;margin:0px;padding:0px 0px 0px 0px;word-wrap:break-word;overflow:hidden;}
#rsidebar-wrapper{width:310px;float:right;margin:0px;padding:0px 0px 0px 0px;word-wrap:break-word;overflow:hidden; margin-top:10px}
/* Headings----------------------------------------------- */
h2{}
/* Posts-----------------------------------------------*/
h2.date-header{margin:1.5em 0 .5em;display:none;}
.wrapfullpost{}
.post{background: #FFF url(http://3.bp.blogspot.com/_7wsQzULWIwo/Sm9PApcnIqI/AAAAAAAABok/-qt0CVj7nu4/s1600/homepagetop.gif) top no-repeat;
margin-bottom:15px;box-shadow:5px 5px 5px hsla(0, 0%, 67%, 0.66);}
.post-title{color:#333333;margin:0 0 10px 0;padding:0;font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif;font-size: 13px;line-height:24px;font-weight:bold;}
.post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#333333;text-decoration:none;}
.post-title strong,.post-title a:hover{color:#349ECB;text-decoration:none;text-shadow:5px 5px 5px #ABABAB;}
.post-body{margin: 0px; padding: 0px 10px 0px 0px; font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif;font-size: 15px; line-height: 24px; text-align: justify;}
.post-footer{margin:5px 0;}
.comment-link{margin-$startSide:.6em}
.postmeta-primary{color:#999;font-size:14px;line-height:18px;padding:0 0 5px 0}
.postmeta-secondary{color:#999;font-size:12px;line-height:18px;padding:0 0 10px 0}
.postmeta-primary span,.postmeta-secondary span{padding:3px 0 3px 20px;background-position:left center;background-repeat:no-repeat}
.meta_date{background-image:url(http://2.bp.blogspot.com/-paWPYJvQDqA/UC7eiuIKgUI/AAAAAAAAAvw/af410sUcO2w/s000/date.png)}
.meta_author{background-image:url(http://3.bp.blogspot.com/-reTaoyVmDXA/UC7ejgVBQbI/AAAAAAAAAv4/u6d-iPeLZi0/s000/author.png)}
.meta_comments{background-image:url(http://2.bp.blogspot.com/-zZgvwATiF3E/UC7ej-cvmbI/AAAAAAAAAwA/THMs0579MII/s000/comments.png)}
.meta_edit{background-image:url(images/edit.png)}
.meta_categories{background-image:url(http://1.bp.blogspot.com/-g-ptS39XbNM/UC7ekTJsEXI/AAAAAAAAAwI/t8fMhUuUvQI/s000/category.png)}
.meta_tags{background-image:url(http://3.bp.blogspot.com/-fZuK3yymXmo/UC7ek6kEDLI/AAAAAAAAAwQ/-J16r4bHvFo/s000/tags.png)}
.readmore{margin-bottom:5px;float:right}
.readmore a{font-family: 'Source sans Pro', sans-serif; background: #349ECB; color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; text-decoration: none; font-size: 15px;padding: 7px;border-bottom: 3px solid hsl(0, 0%, 0%);}
.readmore a:hover{ background: #111;-decoration: none;border-color:#349ECB;}
.post ul { list-style: none; } .post ul li { line-height: 1.4em; background: transparent url(http://1.bp.blogspot.com/-15tyJnOcQFY/T6JKYobSC3I/AAAAAAAABhM/sB5M5iGJB9k/s1600/blue-bullet-icon.png) no-repeat scroll 0 5px; margin: 0.3em 0; padding: 0 0 0.8em 20px; } .post ul li:hover { background: transparent url(http://2.bp.blogspot.com/-CdnDoCYg3rA/T6JKZQSDCzI/AAAAAAAABhU/0BnItZGAnls/s1600/green-bullet-icon.png) no-repeat scroll 0px 5px; }
/* Sidebar Content----------------------------------------------- */
.sidebar{margin:0 0 10px 0;font-size:13px;color:#374142;}
.sidebar a{text-decoration:none;color:#00B3FF;}
.sidebar a:hover{text-decoration:none;color:#349ECB;}
.sidebar h2{background: url("http://1.bp.blogspot.com/-WXyYuHRAo0I/UcIIG2GrKPI/AAAAAAAAHPU/jKweEkPfjoU/s1600/sidebarh2bg.png") no-repeat;
color: hsl(0, 100%, 100%);font-size: 20px;padding: 15px;font-weight: 700;text-shadow: 3px 3px 3px hsla(0, 0%, 67%, 0.54);}
.sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
.sidebar ul li{padding:0 0 9px 0;margin:0 0 8px 0;}
.sidebar .widget{margin:0 0 15px 0;padding:10px;color:#374142;font-size:13px;box-shadow:5px 5px 5px #ccc;}
.sidebar .widget{color: #374142;
font-size: 13px; background:#fff; border:1px solid #d2d2d2;}
.main .widget{margin:0 0 5px;padding:0 0 2px}
.main .Blog{border-bottom-width:0}
/* FOOTER ----------------------------------------------- */
#footer{margin-bottom:15px;} #copyrights{color:#374142;background:#EDEDED;text-align:center;padding:20px 0} #copyrights a{color:#374142}  #footer-widgets{padding:20px 0 0 0;} .footer-widget-box{width:300px;float:left;margin-left:15px} .footer-widget-box-last{} #footer-widgets .widget-container{color:#999999;} #footer-widgets .widget-container a{text-decoration:none;color:#999999;} #footer-widgets .widget-container a:hover{text-decoration:none;color:#fff;} #footer-widgets h2{background: #000 url('http://2.bp.blogspot.com/-CqGynmZCr9M/UcLsraVFtZI/AAAAAAAAHP4/ag8naW--RF8/s1600/lavalamp.png') no-repeat left;padding: 13px;margin: 0 0 10px;margin-top: 5px;color: hsl(0, 100%, 100%);font-weight: bold!important;text-transform: uppercase;font-size: 18px;text-align: left;padding-left:20px;}
 #footer-widgets .widget ul{list-style-type:none;list-style:none;margin:0px;padding:0px;} #footer-widgets .widget ul li{padding:0 0 9px 0;margin:0 0 8px 0;} .footersec .widget-content { text-align: left!important; } .footersec {} .footersec .widget{margin-bottom:20px;} .footersec ul{} .footersec ul li{} div.rawz{text-align:center;overflow:hidden;background:#2B2B2B;position:relative;z-index:10000; border-bottom: 1px solid #231d19;} #footerheadwrap { width: 990px; margin: 0px auto 0px; }
#footer-widgets-container { background: #292929; width: 980px; margin: 0px auto 0px; }
#footererzz { background:#292929; }
/* Labels Cloud Widget ----------------------------------------------- */
.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:12px; color:#666; }
.label-size:hover { border:1px solid #6BB5FF; text-decoration: none;-moz-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; -moz-transform: rotate(7deg);  -o-transform: rotate(7deg);  -webkit-transform: rotate(7deg);  -ms-transform: rotate(7deg);  transform: rotate(7deg);  
filter: progid:DXImageTransform.Microsoft.Matrix( 
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); 
zoom: 1;  
}
.label-size a  { text-transform: uppercase; float:left; text-decoration: none; }
.label-size a:hover  { text-decoration: none; }
/* Popular Posts Widget ----------------------------------------------- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://4.bp.blogspot.com/-oOVUW06ghgo/UHwuqL9TltI/AAAAAAAAGKU/Nj4DQnvft8k/s1600/1.gif)  no-repeat scroll 5px 10px;list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.popular-posts ul li:hover { border:1px solid #6BB5FF;}
.popular-posts ul li a:hover { text-decoration:none;}
.popular-posts .item-thumbnail img { webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);}
/* Related Posts Widget -------------------------------- */
#related-posts {float : left;width:550px;margin-top:20px;margin-left : 5px;font : 11px Verdana;padding:5px;}
#related-posts .widget {list-style-type : none;margin : 5px 0 5px 0;padding : 0;}
#related-posts .widget h2, #related-posts h2 {color : #4C4C4C;font-size : 20px;font-weight : bold;margin : 0;padding : 0;}
#related-posts a {font-size : 11px;text-decoration : none;}
#related-posts a:hover {text-decoration : underline;}
#related-posts ul {list-style:none; padding:0px !important;}
#related-posts ul li {      background: transparent url(http://1.bp.blogspot.com/-gB354QglIZA/UAKQ6E6IHGI/AAAAAAAAG_Q/AnW_akpT9qQ/s400/263.gif) no-repeat scroll 0px 6px;  margin: 0.3em 0 !important  padding: 0 0 0.8em 20px;line-height : 2em;border-bottom:1px dotted #cccccc;}
#related-posts ul li:hover {font-weight:normal;} 
/* Comments----------------------------------------------- */
#comments{padding:10px;background: #FFF url(http://3.bp.blogspot.com/_7wsQzULWIwo/Sm9PApcnIqI/AAAAAAAABok/-qt0CVj7nu4/s1600/homepagetop.gif) top no-repeat;
border:1px solid #ddd;box-shadow:5px 5px 5px hsla(0, 0%, 67%, 0.66); } #comments h4{ color: #000; margin-left: 10px; margin-top: 9px; width: 603px; font-weight:bold; border-bottom-right-radius: 0; border-bottom-left-radius: 0;  text-transform: uppercase;
font-size: 20px; }
#comment-post-message { background0color: 10px; background-color: #fff!important; border: 0px!important; }
#comments{overflow:hidden} .comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative} .comments .continue a{background:#1aa1e2} .comments .user a,.comments .continue a{font-size:16px; color: #349ECB; font-font-style: italic; font-weight: bold;} .comments .continue a{font-weight:normal;color:#fff} #comments .avatar-image-container img{border:0} #comments .avatar-image-container img{border:0} .comment-thread{color:#111} .comment-thread a{color:#777} .comment-thread ol{margin:0 0 20px} .comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#349ECB;} .comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px} .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px} .comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f5f5f5;padding:10px} .comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em} .comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://lh3.googleusercontent.com/-RLMMLOqtu68/T-goDsC4R0I/AAAAAAAABhU/ZvvicyrWA6g/s36/author.png);width:36px;height:36px} .comments .comments-content .inline-thread{padding:0 0 0 20px} .comments .comments-content .comment-replies{margin-top:0} .comments .comment-content{padding:5px 0;line-height:1.4em} .comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent} .comments .comment-thread.inline-thread .comment{width:auto} .comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px} .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0} .comments .comment-thread.inline-thread .comment-block{margin-left:48px} .comments .comment-thread.inline-thread .user a{font-size:13px} .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px} .comments .continue{border-top:0;width:100%} .comments .continue a{padding:10px 0;text-align:center} .comment .continue{display:none} #comment-editor{width:101%!important} .comment-form{width:100%;max-width:100%}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{text-align:center}
.feed-links{clear:both;line-height:2.5em; display:none}
.Navbar { display: none; }
/* Profile ----------------------------------------------- */
.profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.avatar-image-container{background:url(http://1.bp.blogspot.com/-cewCXF9l764/UC7eon7rxXI/AAAAAAAAAww/gDiPoSuhivM/s000/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
.avatar-image-container img{width:32px;height:32px;}
.profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em}
#navbar-iframe{height:0;visibility:hidden;display:none;}
/* Post----------------------------------------------- */
.post.hentry { border: 1px solid #cdcdcd; background-color: #fff; padding: 20px; padding-top:10px;} .post h2 { font-family:  sans-serif; font-size: 25px; font-weight: bold; line-height: 30px; padding-top: 10px; } .post img { margin-right: 10px; }  .wrapfullpost { margin-top: 10px; } .postmeta-primary a { text-decoration: none; color: #91928e; } .post-body h3 { font-size: 22px; font-weight: bold; font-family: 'Source Sans Pro';border-top: 1px dashed hsl(0, 0%, 27%);border-bottom: 1px dashed hsl(0, 0%, 27%);padding: 5px;} .post-body h3:hover{color:#349ECB; border-top-color: #349ECB; border-bottom-color:#349ECB;}.post-body h4 { font-size: 18px; font-weight: bold; font-family:'Source Sans Pro'; border-bottom:1px dotted #444; padding:5px;}
/* Copyrights----------------------------------------------- */
 #attribution { float: left; background-color: #444; width: 100%; } .copyright { width: 960px; margin: 0px auto 0px; font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; color: #999999; } .designedby { float: right; margin-top: -35px;}.designedby a { color: #fff; text-decoration: none; }.designedby a:hover{color:#999999;}
/* Top Subs Box By Www.BloggerYard.Com --------------------- */
 #byard-topsubsbox {background:#fff; width:940px!important; height:90px!important;margin-top:20px; padding:10px;box-shadow:5px 5px 5px #ccc; border:1px solid #ddd;overflow:hidden;}
  #subscriptionsection {float:left;border-right: 1px solid rgb(168, 168, 168);padding-right: 56px;margin-top: -10px;padding-top:9px;}
  .subsbox-heading {font-size:20px; font-family:&#39;Source Sans Pro&#39;; text-align:center;text-shadow:1px 1px 1px #ABABAB;font-weight:bold;}
  .topsubsboxname {background:#fff url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 8px;border:1px solid #ddd; font-family:Arial,sans-serif; font-size:13px; font-weight:bold;color:hsla(0,0%,27%,0.69); width:150px; margin-top:10px; height:24px; padding:5px 15px 5px 28px; vertical-align:top; display:inline-block;margin-left:15px;}
  .topsubsboxemail {background:#fff url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 10px; border:1px solid #ddd; font-family:Arial,sans-serif; font-size:13px; font-weight:bold; color:hsla(0,0%,27%,0.69); width:150px; height:24px; margin-left:5px; margin-top:10px; padding:5px 15px 5px 28px;vertical-align:top; display:inline-block;}
.topsubsboxname:hover,.topsubsboxemail:hover {border:1px solid #bebebe; box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);}
.topsubsboxbutton {-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;box-shadow:inset 0px 1px 0px 0px #bbdaf7;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00B3FF), color-stop(1, #349ECB) );background:-moz-linear-gradient( center top, #00B3FF 5%, #349ECB 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#00B3FF&#39;, endColorstr=&#39;#349ECB&#39;);background-color:#00B3FF;  margin-top:12px;  margin-left:5px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #84bbf3;display:inline-block;color:#ffffff;font-family:arial;font-size:15px;font-weight:bold;padding:6px 10px;text-decoration:none;text-shadow:1px 1px 0px #528ecc;}.topsubsboxbutton:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #349ECB), color-stop(1, #00B3FF) );background:-moz-linear-gradient( center top, #349ECB 5%, #00B3FF 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#349ECB&#39;, endColorstr=&#39;#00B3FF&#39;);background-color:#349ECB;}.topsubsboxbutton:active {position:relative;top:1px;}
  #socialsection {float:left;margin-top:20px;}
  .socialheading{font-size:20px; font-family:&#39;Source Sans Pro&#39;; text-align:right;margin-right:20px;text-shadow:1px 1px 1px #ABABAB;font-weight:bold;}
  .socialicons ul {list-style:none; display:inline;float:right;margin-top:10px;margin-right:10px;}
.socialicons li {opacity: 1;float:left;padding: 0px 10px 0px 0px;}
.socialicons li:nth-child(6) {padding: 0;}
.socialicons li a img{height:49px;width:49px}
/* Buttons----------------------------------------------- */
#buttonsinput { background-color: #349ECB; border: 3px solid #005c91; cursor: pointer; color: white; width: 48px; height: 38px; margin: 0px; font-size: 13px; font-family: 'Monda', sans-serif; 700; margin: 0px; float: right; transition: all 0.3s ease-out; border-radius:10px 10px 10px 10px;} #search input { border: 1px solid #d2d2d2; padding: 5px 30px 5px 10px; width: 400px; color: #838383;  height: 28px; font-family: 'Monda', sans-serif;outline: none; width: 170px; margin: 0 5px 0 0; float: left; } #buttonsinput { width: 70px!important; height: 40px!important; float: right; padding: 0px!important; margin: 0px!important; } element.style { vertical-align: top; } #search input { border: 1px solid #d2d2d2; padding: 5px 30px 5px 10px; width: 400px; color: #838383;  height: 28px; font-family: 'Monda', sans-serif; outline: none; width: 170px; margin: 0 5px 0 0; float: left; } #buttonsinput { text-transform: uppercase; color: #fff!important; font-family: 'Monda', sans-serif!important; font-style: normal!important; } #buttonsinput:hover { background-color: #292929!important; } .search-input.form-search { float: left; padding-bottom: 20px; border-bottom: 0px!important; } .comment-form a:hover { color: #2f6986; text-decoration: underline; } .comment-form a { color: #2f6986; text-decoration: none; } .comment_body img { max-width: 540px; } 
/* NumberPage----------------------------------------------- */
.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cdcdcd; padding: 4px; padding-left: 10px; padding-right: 10px; font-size:15px } .showpageNum a:hover { border: 1px solid #cdcdcd; background-color:#fff; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #cdcdcd; background: #349ECB; margin:0 3px; padding: 4px; padding-left: 10px; padding-right: 10px; font-size:15px } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; font-size:15px margin: 0 3px; } .showpage a { text-decoration:none; border: 1px solid #cdcdcd; padding: 4px; padding-left: 10px; padding-right: 10px; font-size:15px } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; background-color: #fff; } .showpageOf { display: none; } .showpageNum { margin: 0 3px; }
.post blockquote {background: hsl(198, 59%, 50%);
padding: 10px;
color: hsl(0, 100%, 100%);
border-top: 20px solid #444;transition:border-top-color 400ms;-webkit-transition:border-top-color 400ms;-moz-transition:border-top-color 400ms;}
.post blockquote:hover {background:#444; border-top-color:hsl(198, 59%, 50%);}
 #footer-top-wrapper { background:url(http://1.bp.blogspot.com/-4knM4KAaUcY/UOGB9TMU1gI/AAAAAAAAIeg/kR5CPQP9uiI/s400/lower-top.png) repeat-x; height:55px;  position:relative; z-index:999999;margin-top:20px;3px 3px 3px hsla(0, 0%, 27%, 0.28)}
#footer-top { width:960px; margin:0 auto;  }
  #footer-top a { color:#797979; text-shadow: 1px 1px 1px #000; text-decoration:none;} #footer-top a:hover{text-decoration:underline;}
#footer-navigation li { padding-top:20px;display:block; float:left; margin-right:20px; }
#footer-navigation span { margin-right:10px; }
  #backtotop { float:right; background:url(http://3.bp.blogspot.com/-jvQe09ZvO_U/UOGAcesyjUI/AAAAAAAAIck/T87TeU9DSNo/s400/back-top.png) no-repeat right; padding-right:26px;padding-top:5px; }
#backtotop  a, #backtotop  a:hover {text-decoration:none; display:block; }
/* Headright----------------------------------------------- */
 #adssection { float: left; width: 468px; height: 60px; margin-top: 10px; margin-left: 60px; }
/* Pager----------------------------------------------- */
#blog-pager-newer-link{border: none; color: rgb(153, 153, 153) !important; font-family: 'Monda', sans-serif; font-size: 20px; line-height: 25px; text-align: center; text-decoration: initial; text-transform:uppercase}
#blog-pager-older-link{border: none; color: rgb(153, 153, 153) !important; font-family: 'Monda', sans-serif; font-size: 20px; line-height: 25px; text-align: center; text-decoration: initial; text-transform:uppercase}
#blog-pager{padding:10px 0 !important;clear:both; }

]]></b:skin>



<script type='text/javascript'>
summary_noimg = 350;
summary_img = 350;
img_thumb_height = 150;
img_thumb_width = 200; 
</script>
<script type='text/javascript'>
//<![CDATA[
var _0xa7c3=["\x3C","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x3E","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","","\x6A\x6F\x69\x6E","\x63\x68\x61\x72\x41\x74","\x20","\x2E\x2E\x2E","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x69\x6D\x67","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x3C\x73\x70\x61\x6E\x20\x73\x74\x79\x6C\x65\x3D\x22\x66\x6C\x6F\x61\x74\x3A\x6C\x65\x66\x74\x3B\x20\x70\x61\x64\x64\x69\x6E\x67\x3A\x30\x70\x78\x20\x31\x30\x70\x78\x20\x35\x70\x78\x20\x30\x70\x78\x3B\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x73\x72\x63","\x22\x20\x77\x69\x64\x74\x68\x3D\x22","\x70\x78\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22","\x70\x78\x22\x2F\x3E\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x64\x69\x76\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x2F\x64\x69\x76\x3E"];function removeHtmlTag(_0x11bax2,_0x11bax3){if(_0x11bax2[_0xa7c3[1]](_0xa7c3[0])!=-1){var _0x11bax4=_0x11bax2[_0xa7c3[2]](_0xa7c3[0]);for(var _0x11bax5=0;_0x11bax5<_0x11bax4[_0xa7c3[3]];_0x11bax5++){if(_0x11bax4[_0x11bax5][_0xa7c3[1]](_0xa7c3[4])!=-1){_0x11bax4[_0x11bax5]=_0x11bax4[_0x11bax5][_0xa7c3[5]](_0x11bax4[_0x11bax5][_0xa7c3[1]](_0xa7c3[4])+1,_0x11bax4[_0x11bax5][_0xa7c3[3]]);} ;} ;_0x11bax2=_0x11bax4[_0xa7c3[7]](_0xa7c3[6]);} ;_0x11bax3=(_0x11bax3<_0x11bax2[_0xa7c3[3]]-1)?_0x11bax3:_0x11bax2[_0xa7c3[3]]-2;while(_0x11bax2[_0xa7c3[8]](_0x11bax3-1)!=_0xa7c3[9]&&_0x11bax2[_0xa7c3[1]](_0xa7c3[9],_0x11bax3)!=-1){_0x11bax3++;} ;_0x11bax2=_0x11bax2[_0xa7c3[5]](0,_0x11bax3-1);return _0x11bax2+_0xa7c3[10];} ;function createSummaryAndThumb(_0x11bax7){var _0x11bax8=document[_0xa7c3[11]](_0x11bax7);var _0x11bax9=_0xa7c3[6];var _0x11baxa=_0x11bax8[_0xa7c3[13]](_0xa7c3[12]);var _0x11baxb=summary_noimg;if(_0x11baxa[_0xa7c3[3]]>=1){_0x11bax9=_0xa7c3[14]+_0x11baxa[0][_0xa7c3[15]]+_0xa7c3[16]+img_thumb_width+_0xa7c3[17]+img_thumb_height+_0xa7c3[18];_0x11baxb=summary_img;} ;var _0x11baxc=_0x11bax9+_0xa7c3[19]+removeHtmlTag(_0x11bax8[_0xa7c3[20]],_0x11baxb)+_0xa7c3[21];_0x11bax8[_0xa7c3[20]]=_0x11baxc;} ;
</script>


<style type='text/css'>
.clearfix:after{content:&quot;020&quot;;display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
#container,#header,#main,#main-fullwidth,#footer,.clearfix{display:block}
.clear{clear:both}
h1,h2,h3,h4,h5,h6{margin-bottom:16px;font-weight:normal;line-height:1}
h1{font-size:40px}
h2{font-size:30px}
h3{font-size:20px}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}
table{margin-bottom:20px;width:100%}
th{font-weight:bold}
thead th{background:#c3d9ff}
th,td,caption{padding:4px 10px 4px 5px}
tr.even td{background:#e5ecf9}
tfoot{font-style:italic}
caption{background:#eee}
li ul,li ol{margin:0}
ul,ol{margin:0 20px 20px 0;padding-left:40px;}
ul{list-style-type:disc}
ol{list-style-type:decimal}
dl{margin:0 0 20px 0}
dl dt{font-weight:bold}
dd{margin-left:20px}
blockquote{margin:20px;color:#666;}
pre{margin:20px 0;white-space:pre}
pre,code,tt{font:13px &#39;andale mono&#39;,&#39;lucida console&#39;,monospace;line-height:18px}
#header h1{font-family: &#39;Monda&#39;, sans-serif;}
#header .description{font-family:Arial,Helvetica,Sans-serif;}
.post-title {font-family:Arial,Helvetica,Sans-serif;}
.sidebar h2{font-family: &#39;Monda&#39;, sans-serif;}
#footer-widgets .widgettitle{font-family: &#39;Monda&#39;, sans-serif;}
#nav,#nav ul {list-style: none outside none;margin: 0;  padding: 0;}
#nav {
    background: url(&#39;http://2.bp.blogspot.com/-XLyHkrI8WRw/UcGaWZ5XknI/AAAAAAAAHNc/HAnOfLWqMiQ/s1600/menu+bg.png&#39;) no-repeat scroll 0 0 transparent;clear: both; font-size: 12px; height: 58px; padding: 0 0 0 9px; position: relative; width: 951px; box-shadow:7px 7px 7px hsla(0, 0%, 45%, 0.53);}
#nav ul {background-color: #222; border:1px solid #222; border-radius: 0 5px 5px 5px; border-width: 0 1px 1px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); left: -9999px;overflow: hidden;  position: absolute; top: -9999px;z-index: 2;  -moz-transform: scaleY(0);  -ms-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); /*-moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0;  transform-origin: 0 0; -moz-transition: -moz-transform 0.1s linear; -ms-transition: -ms-transform 0.1s linear; -o-transition: -o-transform 0.1s linear;  -webkit-transition: -webkit-transform 0.1s linear;  transition: transform 0.1s linear;*/}
#nav li { background: url(&#39;http://3.bp.blogspot.com/-FWeJMkDH1Pg/UcGT4Nh3jSI/AAAAAAAAHMw/O0z6BEtv3Rg/s1600/menu_line.png&#39;) no-repeat scroll right 5px transparent;  float: left;  position: relative;}
#nav li a {color: #FFFFFF;display: block; float: left;  font-weight: normal;  height: 30px;  padding: 23px 20px 0;  position: relative;  text-decoration: none;  text-shadow: 1px 1px 1px #000000;}
#nav li:hover &gt; a { color: #00B4FF;}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {  background: none repeat scroll 0 0 #121212; outline: 0 none;}
  #nav li:hover ul.subs {  left: 0; top: 53px; width: 180px;  -moz-transform: scaleY(1); -ms-transform: scaleY(1);  -o-transform: scaleY(1);  -webkit-transform: scaleY(1);  transform: scaleY(1);}
#nav ul li { background: none; width: 100%;}
#nav ul li a { float: none;}
#nav ul li:hover &gt; a { background-color: #121212;  color: #00B4FF;}
#lavalamp { background: url(&#39;http://2.bp.blogspot.com/-FoSNOlDgyB4/UcGT3zXgNXI/AAAAAAAAHM0/3U3N7pX1hCM/s1600/lavalamp.png&#39;) no-repeat scroll 0 0 transparent;  height: 16px;  left: 13px;  position: absolute;  top: 0px;  width: 64px;

    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#lavalamp:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}

#nav li:nth-of-type(1):hover ~ #lavalamp {
    left: 13px;
}
#nav li:nth-of-type(2):hover ~ #lavalamp {
    left: 90px;
}
#nav li:nth-of-type(3):hover ~ #lavalamp {
    left: 170px;
}
#nav li:nth-of-type(4):hover ~ #lavalamp {
    left: 250px;
}
#nav li:nth-of-type(5):hover ~ #lavalamp {
    left: 330px;
}
#nav li:nth-of-type(6):hover ~ #lavalamp {
    left: 410px;
}
#nav li:nth-of-type(7):hover ~ #lavalamp {
    left: 490px;
}
#nav li:nth-of-type(8):hover ~ #lavalamp {
    left: 565px;
}
.PopularPosts .item-title{font-weight:bold;padding-bottom:0.2em;}
.PopularPosts .widget-content ul li{padding:0.7em 0;background:none}
.widget-container{list-style-type:none;list-style:none;margin:0 0 15px 0;padding:0;color:#374142;font-size:13px}
.widget-container2{list-style-type:none;list-style:none;margin:5px 15px 10px 0px;padding:0;color:#374142;font-size:13px}
h3.widgettitle{background:url(http://1.bp.blogspot.com/-gFwNIT6i-gU/UC7emWzTiOI/AAAAAAAAAwg/9Wu_6pl6AoM/s000/widgettitle-bg.png) left top repeat-x;margin:0 0 10px 0;padding:9px 0 9px 10px;color:#FFF;font-size:16px;line-height:16px;font-family: &#39;Monda&#39;, sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;}

.last,div.last{margin-right:0}
</style>


<!--RelatedPostsStarts-->
<script language='JavaScript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 6) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
<!--RelatedPostsStops-->

<script>
$(document).ready(function(){

	// hide #back-top first
	$(&quot;#back-top&quot;).hide();
	
	// fade in #back-top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() &gt; 100) {
				$(&#39;#back-top&#39;).fadeIn();
			} else {
				$(&#39;#back-top&#39;).fadeOut();
			}
		});

		// scroll body to 0px on click
		$(&#39;#back-top a&#39;).click(function () {
			$(&#39;body,html&#39;).animate({
				scrollTop: 0
			}, 800);
			return false;
		});
	});


});
    </script>
  </head>

  <body>

  <div id='body-wrapper'><div id='outer-wrapper'><div id='wrap2'>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='The Blogger Cafe (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;padding-left:0px;padding-top:0px;'/>
        </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='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
          <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
        </b:widget>
      </b:section>
<div id='adssection'>
     <b:section class='adssection' id='adssection' maxwidgets='1' showaddelement=''/>
      </div>
</div>
<div style='clear:both;'/>


  <ul id='nav'>
                <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
                <li><a class='hsubs' href='#'>Menu 1</a>
                    <ul class='subs'>
                        <li><a href='#'>Submenu 1</a></li>
                        <li><a href='#'>Submenu 2</a></li>
                        <li><a href='#'>Submenu 3</a></li>
                        <li><a href='#'>Submenu 4</a></li>
                        <li><a href='#'>Submenu 5</a></li>
                    </ul>
                </li>
                <li><a class='hsubs' href='#'>Menu 2</a>
                    <ul class='subs'>
                        <li><a href='#'>Submenu 2-1</a></li>
                        <li><a href='#'>Submenu 2-2</a></li>
                        <li><a href='#'>Submenu 2-3</a></li>
                        <li><a href='#'>Submenu 2-4</a></li>
                        <li><a href='#'>Submenu 2-5</a></li>
                        <li><a href='#'>Submenu 2-6</a></li>
                        <li><a href='#'>Submenu 2-7</a></li>
                        <li><a href='#'>Submenu 2-8</a></li>
                    </ul>
                </li>
                <li><a class='hsubs' href='#'>Menu 3</a>
                    <ul class='subs'>
                        <li><a href='#'>Submenu 3-1</a></li>
                        <li><a href='#'>Submenu 3-2</a></li>
                        <li><a href='#'>Submenu 3-3</a></li>
                        <li><a href='#'>Submenu 3-4</a></li>
                        <li><a href='#'>Submenu 3-5</a></li>
                    </ul>
                </li>
                <li><a href='http://thebloggercafe.blogspot.com/search/label/Blogger%20Tips'>Blogging Tips</a></li>
                <li><a href='http://thebloggercafe.blogspot.com/search/label/Seo'>Seo</a></li>
                <li><a href='http://thebloggercafe.blogspot.com/search/label/Make%20Money'>Make Money</a></li>
				<li><a href='http://thebloggercafe.blogspot.com/search/label/social%20media'>Social Media</a></li>    

    <div id='lavalamp'/>
  </ul>

<div style='clear:both;'/>

<!-- Top Subsbox By Www.BloggerYard.Com Start -->
<div id='byard-topsubsbox'>
<div id='subscriptionsection'>
<div class='subsbox-heading'>Subscribe For Email Updates!</div>
 <form action='http://feedburner.google.com/fb/a/mailverify?uri=TheBloggerCafe' class='byard-subsbox-form' method='post' target='_new'>
  <input class='topsubsboxname' name='name' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Your Name&apos;;}' onfocus='if (this.value == &apos;Your Name&apos;) {this.value = &apos;&apos;;}' value='Your Name'/>
  <input class='topsubsboxemail' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Your Email Address&apos;;}' onfocus='if (this.value == &apos;Your Email Address&apos;) {this.value = &apos;&apos;;}' value='Your Email Address'/>
  <input class='topsubsboxbutton' type='submit' value='Sign Up!'/>
 </form>
  <p style='margin-top: 8px;font-size: 13px;text-align: center;font-family: Source Sans Pro;font-style: italic;font-weight: 600;'>Signup and Get Free Updates Deliver To Your Inbox!. Don&#39;t miss any update. Join us NOW!</p>

  </div>
<div class='socialicons'>
  <div class='socialheading'>Become Our Fan on Social Sites!</div>

<ul>
<li><a href='https://www.facebook.com/adil.khanani'><img src='http://3.bp.blogspot.com/-fTm8V4c7I4I/UbmkFgnfuSI/AAAAAAAABeM/hl-VvPTxfWo/s1600/facebook_64.png' title='Facebook'/></a></li>
<li><a href='https://twitter.com/'><img src='http://2.bp.blogspot.com/-jJM83OvIJKM/UbmkGg5pkkI/AAAAAAAABeo/IG-O322i3rI/s1600/twitter_64.png' title='Twitter'/></a></li>
<li><a href='https://plus.google.com/108753831752159698538'><img src='http://2.bp.blogspot.com/-2lVQmyWbF5o/UbmkFA6CF8I/AAAAAAAABeA/EseO3zCM5VQ/s1600/google-plus_64.png' title='Google +'/></a></li>
<li><a href='http://feeds.feedburner.com/TheBloggerCafe'><img src='http://2.bp.blogspot.com/-VmxHGYvYk4M/UbmkF9MBONI/AAAAAAAABeU/IgRVvCJAdGo/s1600/rss_64.png' title='Rss'/></a></li>
<li><a href=''><img src='http://1.bp.blogspot.com/-wiM-gP0zFGE/UbmkFRbdJSI/AAAAAAAABeI/mfMyjuBLZ9g/s1600/pinterest_64.png' title='Pinterest'/></a></li>
</ul>  </div>
    </div>
<!-- Top Subsbox By Www.BloggerYard.Com End -->

    <div style='clear:both;'/>
    <div id='content-wrapper'>

<div id='main-wrapper'>

        <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'>
  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

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

    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//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:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
            <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
            <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
            <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></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' src='' style='display: none' width='100%'/>
    <b:else/>
      <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' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
            <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </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>
          &#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 expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <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>
      </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: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>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </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='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='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h2 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h2>

        <div class='mobile-index-arrow'>&amp;rsaquo;</div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>

        <div style='clear: both;'/>
      </a>

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <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>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
            <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
            <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' 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'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' 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'>&amp;rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h2 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h2>
          </b:if>

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

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</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'><img src='http://4.bp.blogspot.com/-89rUZ04YmJw/UP2Y49vlmfI/AAAAAAAAAgU/kl4bdJEn5Jc/s1600/Pro+Blogger+Tricks.png'/>
</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'><img src='http://2.bp.blogspot.com/-5t11jrV5PnI/UP2YkOp8RhI/AAAAAAAAAgM/VntJMDkA_gU/s1600/Pro+Blogger+Tricks.png'/>
</a>
      </span>
    </b:if>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='post' var='post'>


<div class='wrapfullpost'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>


    <b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>

    <div class='post-header-line-1'/>
	
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='postmeta-primary'>
<span class='meta_author'><data:post.author/></span> 
 &amp;nbsp;<span class='meta_categories'><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></span>
 &amp;nbsp;<span class='meta_comments'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></span> 
</div>
</b:if>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (Below Post Title)-->
</b:if>


    <div class='post-body entry-content'>

<p>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
 <style>
#byard-socializer {
    width: 500px;
    height: 240px;
    border: 1px solid #ddd;
    -webkit-box-shadow0px 7px 9px rgba(50, 50, 50, 0.75); 
-moz-box-shadow: 0px 7px 9px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 7px 9px rgba(50, 50, 50, 0.75);
    background: #f1f1f1;
    -transition: background 0.50s;
    -webkit-transition: background 0.50s;
    -moz-transition: background 0.50s;
    margin-bottom: 10px;
    overflow: hidden;
}

#byard-socializer:hover {
    background: #fff;
}

#byard-socializer-title {
    text-align: center;
    border: 1px solid #2aa4cf;
    font-size: 20px;
    background: #2aa4cf;
    font-weight: 2000;
    font-family: oswald;
    padding: 5px;
    color: #fff;
}

#SocializeIt {
    float: left;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    margin-left: -10px;
    margin-top: 10px;
}

.tweet, .like, .plusone, .stumbleit {
    float: left;
    border-left: 1px solid #eaeaea;
    padding-left: 18px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.g-plusones {
    margin-left: 20px;
}

.heading {
    float: left;
    padding-right: 20px;
    padding-top: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px;
    padding-left: 30px;
    font-family: oswald;
}

#followus, #share {
    float: left;
    border-bottom: 1px solid #eaeaea;
    margin-left: -10px;
}

.likeonfb, .followontwitter, .sharing {
    float: left;
    border-left: 1px solid #eaeaea;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 15px;
}

#sw-credits {
    float: right;
    padding: 3px;
    font-size: 10px;
    margin-right: 10px;
}
</style>
   <script type='text/javascript'>
(function (_0x2162x1, _0x2162x2, _0x2162x3) {
    var _0x2162x4 = _0x2162x1[&#39;getElementsByTagName&#39;](_0x2162x2)[0];
    if (!_0x2162x1[&#39;getElementById&#39;](_0x2162x3)) {
        _0x2162x1 = _0x2162x1[&#39;createElement&#39;](_0x2162x2);
        _0x2162x1[&#39;id&#39;] = _0x2162x3;
        _0x2162x1[&#39;src&#39;] = &#39;//platform.twitter.com/widgets.js&#39;;
        _0x2162x4[&#39;parentNode&#39;][&#39;insertBefore&#39;](_0x2162x1, _0x2162x4);
    };
})(document, &#39;script&#39;, &#39;twitter-wjs&#39;);
   </script>

<script type='text/javascript'>
    var switchTo5x = false;
</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>
    stLight.options({
            publisher: &quot;
            ede9503f - 57ea - 4698 - a245 - 17187b93fa50 &quot;, doNotHash: false,
            doNotCopy: false,
            hashAddressBar: false
        });
</script>
 <center>
<div id='byard-socializer'>
 <div id='byard-socializer-title'>
   Socializer Widget By The Blogger Cafe
 </div>
 <div id='SocializeIt'>
  <font class='heading'>SOCIALIZE IT &#8594;</font>
  <div class='tweet'>
   <a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
  </div>
  <div class='like'>
   <iframe allowtransparency='true' expr:src='&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:21px;'/>
  </div>
  <div class='plusone'>
   <div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/>
   </div>
  </div>
  <div id='followus'>
   <font class='heading'>FOLLOW US &#8594;</font>
   <div class='likeonfb'>
    <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2F&amp;send=false&amp;layout=button_count&amp;width=77&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21' style='border:none; overflow:hidden; width:77px; height:21px;'/>
   </div>
   <div class='followontwitter'>
    <a class='twitter-follow-button' data-button='grey' data-link-color='#289728' href='http://twitter.com/' rel='nofollow'/>
    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
   </div>
  </div>
  <div id='share'>
   <font class='heading'>SHARE IT &#8594;</font>
   <div class='sharing'>
    <span class='st_facebook_large' displaytext='Facebook'/>
    <span class='st_twitter_large' displaytext='Tweet'/>
    <span class='st_googleplus_large' displaytext='Google +'/>
    <span class='st_pinterest_large' displaytext='Pinterest'/>
    <span class='st_linkedin_large' displaytext='LinkedIn'/>
    <span class='st_stumbleupon_large' displaytext='StumbleUpon'/>
    <span class='st_email_large' displaytext='Email'/>
    <span class='st_sharethis_large' displaytext='ShareThis'/>
   </div>
  </div>
 </div>
 </center>
 </b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (At the End of Posts)-->
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!--RELATED-POSTS-STARTS-->

<div id='related-posts'>
<h2>Related Posts:</h2><font color='#ffffff'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=4&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'>  printRelatedLabels();
</script>
</div>

<!--RELATED-POSTS-STOPS-->

</b:if>

      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
  
  

    
    <div class='post-footer'>

<div class='post-footer-line post-footer-line-'/>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'>


</div></div>
</div>
</div>


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

</b:includable>
            <b:includable id='postQuickEdit' var='post'>
  <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://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
            <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</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='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <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' src='' style='display: none' width='100%'/>
    <b:else/>
      <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' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
            <b:includable id='threaded_comments' var='post'>

  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h4>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>

      <div id='rsidebar-wrapper'>

<div class='widget-contentss'>
<form _lpchecked='1' action='/search' class='search-form' id='search_mini_form' method='get'>
<div id='search'>
<div class='search-input form-search'>
<input id='s' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Search the site&apos;;}' onfocus='if (this.value == &apos;Search the site&apos;) {this.value = &apos;&apos;;}' type='text' value='Search the site'/>
<input id='buttonsinput' style='vertical-align: top;' type='submit' value='Search!'/>
</div></div>
</form>
</div>
<div style='clear:both;'/>

        <b:section class='sidebar' id='sidebarright' preferred='yes'>
          <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
            <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;iframes-styles-bubble&quot;, function() {
          if (window.iframes &amp;&amp; iframes.open) {
            iframes.open(
                &#39;//www.blogger.com/navbar.g?targetBlogID\758847944337808571152\46blogName\75The+Blogger+Cafe\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://thebloggercafe.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://thebloggercafe.blogspot.com/\46blogFollowUrl\75https://plus.google.com/108753831752159698538\46vt\0754890058502815780829&#39;,
                {
                  container: &quot;navbar-iframe-container&quot;,
                  id: &quot;navbar-iframe&quot;
                },
                {
                });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</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>

<p/></div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->

	
<div style='clear:both;'/>

  </div></div></div> <!-- end outer-wrapper -->
    <div class='clear'/>
<div id='footer-top-wrapper'>
 <div id='footer-top'>
<ul id='footer-navigation'>
  <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='http://thebloggercafe.blogspot.com/p/about-me.html'>About Us</a></li>
  <li><a href='http://thebloggercafe.blogspot.com/p/contact-us.html'>Contact Us</a></li>
  <li><a href='http://feeds.feedburner.com/TheBloggerCafe'>Sitemap</a></li>
  <li><a href='#'>Privacy Policy</a></li>
   </ul>
<div id='backtotop'>
<p id='back-top'>
 <a href='#'>Back to top</a>
</p>
 </div>
  </div></div>

    <div class='clear'/>

<div id='footererzz'>
<div id='footer-widgets-container'>
<div class='clearfix' id='footer-widgets'>

<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec1' showaddelement='yes'>
  <b:widget id='HTML6' locked='false' title='About The Author' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</li>
</ul>
</div>

<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec2' showaddelement='yes'>
  <b:widget id='HTML5' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</li>
</ul>
</div>

<div class='footer-widget-box footer-widget-box-last'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec3' showaddelement='yes'>
  <b:widget id='HTML3' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='HTML4' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='HTML2' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</li>
</ul>
</div>

</div>
</div>
</div>

<div id='attribution'>
<div class='copyright'>
<p>
  Copyright &#169; 2013 <b><data:blog.title/></b>. 
  </p></div></div>
<div style='clear:both;'/>


<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
</body>
</html>