<?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>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
    <b:include data='blog' name='all-head-content'/>
    <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>
<link href='mailto:YOUR MAIL ID' rev='made'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='mash 2, mashble blogger template' name='keywords'/>
<meta content='Mashable Blogger template for free download from Bloggermint' name='description'/>
</b:if>
<meta content='Franklin' name='author'/>
<meta content='ALL' name='ROBOTS'/>



    <link href='http://2.bp.blogspot.com/_ubwIhqPcR6M/TIxCW9AkEtI/AAAAAAAAA-0/Ps3c8nIhZUg/s1600/mash+favicon1.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
    <b:skin><![CDATA[
	
/*-----------------------------------------------
Blogger Template Style
Name	: Mashable
Designer: Franklin Manuel
URL	: http://www.bloggermint.com/
Date:     September 2010

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 and supporters. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */		

#navbar-iframe {
	display: none !important;
}
* {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	background: #FFFFFF;
	font: 12px/18px Helvetica Neue,Arial,sans-serif;
}
a {
	color: #104E8B;
	text-decoration: none;
}
a:hover {
	text-decoration:none;

}
a img {
	border-width: 0;
}
input, select, textarea {
	border: #ddd 1px solid;
	font-size: 12px;
	padding: 5px;
}
select {
	padding: 0;
}
li {
	list-style: none;
}
#page {
	width: 960px;
	margin: 0px auto;
	border: 0px solid #CCC;
	background: #FFF;
}
#columns {
	padding:15px 0 0 0;
	width:100%;
	margin: 0;
	background: #FFFFFF;
	float:left;
}
#col1 {
	float: left;
padding-right:19px;
width:620px;
}
#col2 {
	float: left;
	width: 320px;
}
.subcol {
	width: 150px;
}
.subcol h2 {
	font-size: 14px;
	padding: 0 0 10px;
	color: #999999;
}
#search {
	float: right;
	height: 27px;
	width: 208px;
	margin: 3px 0 0 !important;
	padding: 0 !important;
}
* html #search {
	margin-right: 8px;
}
#search input {
border:1px solid #DDDDDD;
color:#666666;
float:left;
font-family:Georgia,serif;
font-size:12px;
font-style:italic;
line-height:12px;
margin:0.5px 0 0;
padding:5px 35px 5px 6px;
width:160px;
}
#search .btn {
	padding: 0;
	margin: -1px 0 0 -30px !important;
	border: none;
}
#header {
	height: 100px;
	padding: 0;
	margin-bottom:10px;
	background: #fff;
}
#headerlogo {
	float: left;
	display: inline;
	line-height: 100px;
	font-size: 24px;
	width: 230px;
	height: 100px;
	overflow: hidden;
}
#header h1 {
	float: left;
	display: inline;
	line-height: 100px;
	font-size: 24px;
}
#header h1 a {
	display: block;
	height: 93px;
	width: 389px;
	color: #000;
	font-size: 28px;
}
#topbanner {
	float: right;
	width: 730px;
}
#topbanner img {
	float: right;
}
#topbanner h2 {
	display: none;
}
#rss a {
	color: #666;
}
#rss h2 {
	padding: 10px;
	font-size: 14px;
	margin-bottom: 10px;
}
#rss ul {
	margin: 0;
	padding: 10px;
	float: left;
}
#rss li {
	margin: 0;
	border: none !important;
	padding: 5px;
}
#rss img {
	float: right;
	padding-left: 10px;
	margin-top: 5px;
}
#header-inner {
	background-position: center;
	margin-left: auto;
	margin-left:10px;
	margin-right:auto;
	margin-top:5px;
}
.post {
margin: 0;
border-bottom:1px solid #DFDFDF;
padding-top:10px;
padding-bottom:5px;
}

html[xmlns] .clearfix {
display:block;
}

.article-right {
overflow:hidden;
}

.box-left {
line-height:22px;
}

.article-title-area {
float:right;
width:100%;
}

h2.article-title {
color:#1F1F1F;
font-size:26px;
letter-spacing:-1px;
line-height:normal;
margin:0 0 10px;
padding:0 40px 0 0;
}

.post h2 {
	font-size: 17px;
	padding: 0 0 5px;
        }
.post h2 a {
color:#2266BB;
font-family:Georgia,serif;
font-size:28px;
font-weight:normal;
line-height:34px;
margin:4px 0 14px;
text-shadow:0 1px 1px rgba(64, 64, 64, 0.13);
}

.post h2 a:hover {
background-color:#EEF4FF;
color:#222;
}
.post h3 {
	font-size: 14px;
}
.post h3 a {
	color: #000;
}
.post h3 a.link {
         color:#3333CC;
}
.post p {
	padding: 0 0 15px;
	line-height: 15px;
}
h2.date-header {
	display: none;
}
.post-alt {
	margin: 0 0 15px;
}
.post-alt h2 {
	font-size: 22px;
	padding: 0;
	color: #000;
	line-height: 26px;
}
.post-alt h3 {
	font-size: 13px;
	padding-bottom: 5px;
	line-height: 18px;
	color: #000;
}
.post-alt h4 {
	font-size: 14px;
	padding-bottom: 5px;
	line-height: 16px;
}
.post-alt h3 a, .post-alt h2 a {
	color: #000;
}
.post-alt p {
	padding: 0 0 15px;
}
.post-alt p.post_date {
	color: #999;
	padding: 5px 0 10px;
	font-size: 11px;
	font-weight: normal;
}
p.posted {
border-top:1px solid #DFDFDF;
margin:10px 0 10px 0;
}
.author_info {
	float: left;
	width: 598px;
        height:100px;
	padding: 10px;
	border: 1px solid #ABD2E9;
	margin-bottom: 15px;
	margin-top: 15px;
	background: #E8F0F9;
}
.author_info h3 {
	margin-bottom: 10px;
        color:#2266BB;
}
.author_photo {
	float: right;
	margin: 0 0 0 10px;
}
.author_photo img {
	border: 1px solid #666;
}
.continue {
	background: url(http://1.bp.blogspot.com/_ubwIhqPcR6M/SxB1d2yD-KI/AAAAAAAAAPs/CcbHTFLCM2w/s1600/ico-arrow.gif) no-repeat left;
	font-weight: bold;
	padding-left: 15px;
}
.comments-ink {
	padding-bottom: 0 !important;
}
.navigation {
	width: 595px;
	margin-bottom: 15px;
	float: left;
	padding: 15px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#mpu_banner {
	width: 300px;
	height: auto;
	margin-bottom: 15px;
	padding: 9px;
	border: 1px solid #ddd;
	background: #eee;
}

#sidebar {
	float: left;
	margin-top: 10px;
	display: block;
	position: relative;
	width: 100%;
}
#sidebar h2 {
	font-style: normal !important;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 0;
	background: #4488DD;
	color: #FFF;
	padding: 5px;
	text-shadow:0 -1px rgba(0, 0, 0, 0.4);
}
.sidebar li {
	background: none;
	border-bottom: 1px solid #EEE;
	padding: 8px;
	padding-left: 22px;
}
#sidebartop .widget {
	margin-top: 10px;
}
#sidebartop {
	float: left;
	width: 100%;
}
#sidebarleft {
	width: 150px;
	float: left;
}
#sidebarright {
	width: 150px;
	float: right;
}
#sidebar .widget {
	margin-bottom: 10px;
}
#archiveboxx {
	margin-bottom: 15px;
	padding: 10px;
	color: #000 !important;
	background: #FFFFCC;
	border: 1px solid #CCCCCC;
}
#archiveboxx h4, #archiveboxx h3, #archiveboxx h2 {
	color: #333;
}
#archiveboxx h4 em, #archiveboxx h2 em, #archiveboxx h3 em {
	font-weight: normal;
	color: #c00;
}
#archiveboxx a, #archiveboxx h2 {
	color: #2266BB;
}
.singletags {
	margin-top: 5px;
}
.singletags a {
	font-weight: normal !important;
	text-decoration: underline;
	color: #000;
}
.entry p {
	font-size: 12px;
	line-height: 18px;
}
.entry blockquote {
	padding: 10px;
	border: 1px solid #ddd;
	color: #000;
	width: 85%;
	font-style: italic;
	margin: 5px auto 15px;
	background: #f7f7f7;
}
.entry blockquote p {
	font-size: 12px;
	padding: 5px 0;
	margin: 5px 0;
	line-height: 20px;
}
.entry img {
}
.wp-caption img {
	margin-bottom: 15px;
}
p.wp-caption-text {
	text-align: center;
	padding: 0 0 15px;
	margin: 0;
	font-size: 1.2em;
	font-style: italic;
	color: #000;
}
.entry ul, .entry ol {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 20px;
}
.entry ul li ul, .entry ol li ol {
	margin-bottom: 0;
	padding-top: 3px;
}
.entry ul li {
	list-style: circle inside !important;
	margin-left: 15px;
	padding: 3px 0;
}
.entry ul li ul li {
	list-style: disc inside !important;
}
.entry ol li {
	list-style: decimal inside !important;
	font-size: 12px;
	padding: 3px 0;
}
.entry ol li ol li {
	list-style: decimal-leading-zero inside !important;
}
ol.commentlist {
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
ol.commentlist p {
	margin-bottom: 10px;
	line-height: 20px;
}
ol.commentlist cite {
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li {
	padding: 20px 10px 10px;
}
ol.commentlist li.alt {
	padding: 10px 10px 0 10px !important;
	background: #f7f7f7;
	border: 1px solid #eee;
}
#comment {
	width: 595px;
	float: left;
	margin-bottom: 15px;
}
.deleted-comment {
	font-style: italic;
	color: gray;
}
#blog-pager-newer-link {
padding-left : 20px;
border : none;
float : left;
}
#blog-pager-older-link {
float : right;
padding-right : 20px;
border : none;
}

#blog-pager {
border-bottom:2px solid #2266BB;
color:#777777;
font-weight:bold;
letter-spacing:1px;
margin:0 0 20px;
padding:0;
text-transform:uppercase;
height:32px;
}

.blog-pager a {
color : #4488DD;
}
.blog-pager a:hover {
color : #4488DD;
}

.feed-links {
	clear: both;
	line-height: 2.5em;
	display: none;
}
.bgfooter {
height:20px;
margin-bottom:10px;
margin-top:10px;
}
#footer {
        font-size:11px;
	clear: both;
	color: #666;
	height: 300px;
	line-height: 35px;
	padding: 0 15px;
	border: 1px solid #ddd;
	background: #f7f7f7;
}
#footer img {
	vertical-align: middle;
	margin-left: 5px;
}
.fleft {
float:left;
text-align:left;
font-size:11px;
}
.fright {
float:right;
text-align:right;
font-size:11px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://3.bp.blogspot.com/_b8IA1ajBJG8/TEEJ2UXSEcI/AAAAAAAABa0/GK3_cXf4t-k/comment_ico.png) no-repeat;
margin-top:5px;
margin-right : 2px;
}

.comment-bubble a {
color:#282828;
display:block;
font-size:18px;
padding:5px 5px 5px 0;
text-align:center;
}

.comment-bubble a:hover {
text-decoration:underline;
}
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #ECF1EF;
border-left: 3px solid #6CE26C;
}
.codeview li {
font-size : 10px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
#comments h4 {
color:#666666;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border:1px solid #E8DEC4;
font-size:15px;
font-weight:normal;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border-color:#E8DEC4;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:0px solid #E8DEC4;
border-right:0px solid #E8DEC4;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:0px solid #E8DEC4;
border-left:0px solid #E8DEC4;
border-right:0px solid #E8DEC4;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#titlebar {
color:#A6A6A6;
font-size:11px;
margin:3px 0 10px;
padding:6px 10px 4px;
text-transform:uppercase;
}
#titlebar li{
border-bottom:medium none;
border-right:1px solid #E4E4E4;
color:#A6A6A6;
display:inline;
margin:0;
padding:0 8px;
}
 
#titlebar a {
color:#9F9F9F;
display:inline;
padding:0;
text-shadow:1px 1px 0 #FFFFFF;
}

#titlebar a:hover {
text-decoration:underline;
}
.BlogArchive #ArchiveList ul li {
padding-left:35px;
}
#blog-pager-newer-link {
padding-left : 20px;
border : none;
float : left;
}
#blog-pager-older-link {
float : right;
padding-right : 20px;
border : none;
}
#blog-pager {
padding : 0 15px 0;
text-align : center;
}
.blog-pager a {
color : #4488DD;
}
.blog-pager a:hover {
color : #4488DD;
}
.widget-content {
padding:10px 0 0;
}
#top { background:#EEF5FF; height:33px; margin:0px 0px 1px 0px; color:#333; line-height:30px; }

/* top navigation */
.topnav { z-index:99; margin:0px; padding:0px; font-family:Georgia, serif; list-style:none; line-height:1; }
.topnav a { z-index:100; position:relative; display:block; text-decoration:none; }
.topnav li { float:left; width:auto; }
.topnav li a { padding:7px 11px 6px 11px; font-size:15px; color:#26b; line-height:16px; text-decoration:none; border-bottom:4px solid #bcd; border-right:1px solid #fff;text-shadow:0 1px #FFFFFF; }
.topnav li a:hover, .topnav li a:active { background:#fff; color:#26b; text-decoration:none; border-bottom:4px solid #94D341; }
.topnav li a:visited { color:#26b; }
.topnav li.first a { background:none; }
.topnav li.last a { padding-right:0px !important; }
.topnav li a.sf-with-ul {  }
.topnav li ul { background:#fff; position:absolute; left:-999em; width:163px; margin:0px 0px 0px -1px; z-index:999; border-right:2px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.topnav li ul li { border-bottom:1px solid #e6e6e6; }
.topnav li ul li a, .topnav li ul li a:visited { background:#fff; width:136px; padding:6px 13px; color:#222; font-size:13px; font-weight:normal; border-bottom:none; }
.topnav li ul li a.sf-with-ul { padding:6px 13px; }
.topnav li ul li a:hover { background:#fff; color:#26b; border-bottom:none; }
.topnav li ul ul { margin:-28px 0px 0px 163px; }
.topnav li ul ul li a {  }
.topnav li ul li ul li a {  }
.topnav li:hover, .topnav li.hover { position:static; }
.topnav li:hover ul ul, .topnav li.sfhover ul ul,
.topnav li:hover ul ul ul, .topnav li.sfhover ul ul ul,
.topnav li:hover ul ul ul ul, .topnav li.sfhover ul ul ul ul { left:-999em; }
.topnav li:hover ul, .topnav li.sfhover ul,
.topnav li li:hover ul, .topnav li li.sfhover ul,
.topnav li li li:hover ul, .topnav li li li.sfhover ul,
.topnav li li li li:hover ul, .topnav li li li li.sfhover ul { left:auto; }

/* topnav indicator */
.topnav .sf-sub-indicator { display:none; }
.topnav li ul .sf-sub-indicator { background:url(images/icon-arrow-right.png) no-repeat; position:absolute; display:block; right:0.4em; top:0.9em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }

/* search form */
#search { display:inline; float:right; height:25px; margin:0px 4px 0px 0px; }
#search input { float:left; width:190px; margin:0.5px 0px 0px 0px; padding:4px 6px; font-family:Georgia, serif; font-size:12px; font-style:italic; color:#666; line-height:12px; border:1px solid #ddd; }
#search input.btn { background:none; border:none; margin:8px 0px 0px -22px; padding:0px; width:auto; }
#submenu { background:#48d; height:33px; }

/* category navigation */
.nav { z-index:99; float:left; margin:0px; padding:4px; list-style:none; line-height:1; }
.nav a { position:relative; color:#fff; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; }
.nav li a { font:bold 12px/15px Arial, Helvetica, sans-serif; padding:5px 12px; text-decoration:none; }
.nav li a:hover, .nav li a:active, .nav li.current-cat, .nav li.current-cat-parent { background:#26b; color:#fff; }
.nav li a.sf-with-ul {  }
.nav li ul { background:#fff; position:absolute; left:-999em; width:168px; z-index:999; border-right:2px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.nav li ul li { border-bottom:1px solid #e6e6e6; }
.nav li ul li a { background:#fff; width:144px; padding:7px 12px; color:#26b; font-size:13px; font-weight:normal; }
.nav li ul li a.sf-with-ul { padding:7px 12px; }
.nav li ul li a:hover { background:#f9f9f9; color:#222; text-decoration:none; }
.nav li ul ul { margin:-29px 0px 0px 168px; }
.nav li ul ul li a {  }
.nav li ul li ul li a {  }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }

/* category navigation indicator */
.nav .sf-sub-indicator { display:none; }
.nav li ul .sf-sub-indicator { background:url(images/icon-arrow-right.png) no-repeat; position:absolute; display:block; right:0.4em; top:0.9em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }
#subscribe { background:#f3f3f3; width:308px; padding:8px 5px; border:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:8px; }
.subscribe_icons { width:286px; margin:0px auto; }
.subscribe_icons li { display:inline; float:left; margin:0px 2px 5px 2px; width:52px; text-align:center; font-size:11px; }
.subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; color:#444 !important; }
.subscribe_icons a:hover { color:#26b !important; text-decoration:none; -moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); }
.subscribe_icons .subscribe_buzz a { background:url(http://1.bp.blogspot.com/_ubwIhqPcR6M/TIZY0sbO0OI/AAAAAAAAA9c/1xJF5-MDwhg/s1600/buzz.png) center top no-repeat; }
.subscribe_icons .subscribe_twitter a { background:url(http://1.bp.blogspot.com/_ubwIhqPcR6M/TIZZDKoUuUI/AAAAAAAAA9k/5tMMs9lM198/s1600/twitter1.png) center top no-repeat; }
.subscribe_icons .subscribe_facebook a { background:url(http://4.bp.blogspot.com/_ubwIhqPcR6M/TIZZXPQXpOI/AAAAAAAAA9s/eUtxrhfsQnw/s1600/facebook1.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(http://4.bp.blogspot.com/_ubwIhqPcR6M/TIZZpMLXofI/AAAAAAAAA90/38UW2P6muCw/s1600/rss1.png) center top no-repeat; }
.subscribe_icons .subscribe_email a { background:url(http://3.bp.blogspot.com/_ubwIhqPcR6M/TIZZ2uMQeWI/AAAAAAAAA98/Rl3vTdU58gU/s1600/email.png) center top no-repeat; }
.post-title {
font-family:Georgia,serif;
font-size:28px;
color:#2266BB;
font-weight:normal;
line-height:30px;
margin:4px 0 14px 0;

}
.post-title a:hover {
background:none repeat scroll 0 0 #EEF4FF;
color:#222222;
}
.date {
	margin: 3px;
	padding: 5px 0 0;
        font-size:10px;
	float:left;
}
.time {
	background: #FFF url(http://3.bp.blogspot.com/_ubwIhqPcR6M/TIZYc9FH9JI/AAAAAAAAA9U/maYyFzJjeOY/s1600/icontime.gif) no-repeat top left;
        font-size:11px;
	margin: 0 0 0 3px;
	padding: 0 0 0 18px;
}
.author {
        font-size:11px;
}
.icomment {
	background: #FFF url(http://1.bp.blogspot.com/_ubwIhqPcR6M/TIbq4JtgSAI/AAAAAAAAA-E/I_4nxaeJF1o/s1600/commenticon.png) no-repeat top left;
	margin: 0;
	padding: 0 0 0 18px;
}
.facebook-likebox{background:none repeat scroll 0 0 #e8f0f9;border:1px solid #abd2e9;margin-bottom:10px;padding:7px 0 0 4px;height:62px }
.facebook-likebox h4{font:16px !important 'arial',verdana,sans-serif bold;color:#3a5796}
#tweet { float:right; margin-top:-19px;}
#sharebox {
background-color:#FFFFFF;
border-color:#C1CDCD;
border-style:solid;
border-width:1px;
left:103px;
bottom:40px;
margin-top:10px;
position:fixed;
width:64px;
}

#sharebox .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}
#lower-wrapper {
margin-bottom:0;
font-size:14px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
text-align:left;
width:960px;
}
#lowerbar-wrapper {
float:left;
line-height:1.6em;
margin:5px 10px auto;
overflow:hidden;
padding-bottom:15px;
width:300px;
word-wrap:break-word;
}
.lowerbar {
margin:0;
padding:0;
}

.showpage {
float:left;
margin:0 0 0 2px;
padding:7px 10px 6px;
}

.showpageNum {
color:#2266BB;
float:left;
margin:0 0 0 2px;
padding:7px 10px 4px;
}

.showpageNum a {
margin:0 0 0 2px;
padding:7px 10px 6px;
  }

.showpageOf {
margin:7px 8px 0 0;
color:#777777;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
float:left;
}

.showpageNum a:hover {
border-bottom:3px solid #2266BB;
}

.showpagePoint {
color:#2266BB;
margin:0 0 0 2px;
padding:7px 10px 4px;
border-bottom:3px solid #2266BB;
float:left;
background:#EFEFEF;
  }

#main {
float:left;
}

]]></b:skin>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#blog-pager {
float:left;
padding:0 15px;
text-align:center;
width:100%;
}
</style>
</b:if>


<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left;padding:5px 5px 0px 5px;margin-right: 20px;margin-top:0px"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}


//]]>
</script>

  <script language='javascript' type='text/javascript'>
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = &#39;&#39;;
    else if (field.value == &#39;&#39;) field.value = field.defaultValue;
}
</script>
<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding:0 15px 10px;
background-color:#F0F0F0;
-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
margin:10px 0;
}
#related-posts .widget{
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 5px;
padding-left: 30px;
padding-top:0px;}
</style>

<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>

<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->

</head>

  <body>

  <div id='page'>
<div class='fix'/>

	<div id='header'><!-- START LOGO LEVEL WITH RSS FEED -->

    <div id='headerlogo'>
      <b:section class='headerlogo' id='headerlogo' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Mash 2 Blogger Template (Header)' type='Header'>
<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'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<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='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
    </div>
		

		
		<!-- Top Ad Starts -->

		<div id='topbanner'>
      <b:section class='headerbanner' id='headerbanner' showaddelement='yes'>
<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link != &quot;&quot;'>
        <a expr:href='data:link'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
        </a>
      <b:else/>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:if>
      <br/>
      <b:if cond='data:caption != &quot;&quot;'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
</b:section>
		
		

</div>		<!-- Top Ad Ends -->
		
	</div><!--/header -->


<div id='top'>
	
    <ul class='topnav sf-js-enabled' id='page-nav'>
    	<li class='first'><a expr:href='data:blog.homepageUrl'>Home</a></li>
        <li><a href='http://mybloggerwidgets.blogspot.com/p/contact-me.html' title='Contact'>Contact</a></li>
<li><a href='#' title='Privacy Policy'>Privacy Policy</a></li>
    </ul>
<div id='nav-right'>
      <form action='/search' id='searchbarform' method='get'>
        <div id='search'>
          <input id='s' name='q' onblur='clearText(this)' onfocus='clearText(this)' type='text' value='Enter search keyword'/> <input class='btn' name='' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TOnmnDGC7II/AAAAAAAABx4/WwjtVUUD78M/s1600/search_button.png' type='image' value=''/>
        </div><!--/search -->
      </form>
    </div><!--/nav-right -->    	
     <!--end #search -->
		
	<div class='clear'/>
    	    
</div>
					
<!--second column nav bar-->
<div id='submenu'>
	    	
		<ul class='nav sf-js-enabled' id='cat-nav'>
				<li class='cat-item cat-item-1'><a href='#'>Home</a>
</li>
	<li><a href='http://mybloggerwidgets.blogspot.com/search/label/Blogger%20Widgets'>Widgets</a>
</li>
	<li><a href='http://mybloggerwidgets.blogspot.com/search/label/Blogging'>Blogging</a>
</li>
	<li><a href='http://mybloggerwidgets.blogspot.com/search/label/Comuter%20Tricks'>Computer Tricks</a>
</li>
	<li><a href='http://mybloggerwidgets.blogspot.com/search/label/SEO'>SEO</a>
</li>
	<li><a href='http://mybloggerwidgets.blogspot.com/search/label/Blogger%20Tricks'>Blogger Tricks</a>
</li>
	
		</ul>
		        
</div>

 
    <div id='columns'>


      <div id='col1'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='archiveboxx'>
<h4>Trending: <a href='http://www.bloggermint.com/2010/08/free-download-bloggermint-blogger-template/'>Bloggermint Blogger Template</a></h4>
<div id='tweet'>
<a class='twitter-share-button' data-count='horizontal' data-url='http://www.bloggermint.com/2010/08/free-download-bloggermint-blogger-template/' data-via='bloggermint' href='http://twitter.com/share'>Tweet</a></div>
</div>

</b:if>
			<div class='box'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #DFDFDF;'/></b:if>

  		<div class='entry'>
       <b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

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

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

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:post.sharePostUrl'>
      <a class='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>
      <a class='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>
      <a class='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>
      <a class='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>
      <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  </b:if>
</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;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = 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='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='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='commentlist' id='commentlist'>
      <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='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='post' var='post'>

                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
                       <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
	<div class='post box-left clearfix'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 730;
summary_img = 540;
img_thumb_height = 280;
img_thumb_width = 280;
</script>
<b:else/>
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
</b:if>
</b:if>  	    	
		<div class='article-right'>	
<div class='article-title-area'>	
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='article-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>
		<div style='float:right; margin-right:10px;'>
<a class='twitter-share-button' data-count='vertical' data-via='bloggermint' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
</div>
<div style='float:right; margin-right:10px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
    <div expr:id='&quot;summary&quot; + data:post.id'>
    <p><data:post.body/></p>
    </div>
    <script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
<b:if cond='data:post.hasJumpLink'>
       <p><a class='read-more' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></p>
    </b:if>	



			<div class='date'>
<p><span class='time'>  <data:post.dateHeader/> </span> 
<span class='author'>
by <data:post.author/> &#183;</span>
<span class='icomment'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</span>
</p>
</div>

		
		</div>
</div>

</b:if>
<b:else/><!-- First COndition End -->

	<div class='post box-left clearfix'>
		    
   <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='article-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 id='sharebox'>
<div class='float'><a class='twitter-share-button' data-count='vertical' data-via='bloggermint' href='http://twitter.com/share'>Tweet</a></div>
<div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
</div>
<div class='facebook-likebox'>
<h4>Do you like this story?</h4>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></div>


    <p><data:post.body/></p>
    <div style='clear: both;'/> 

    <div class='post-footer'>


    <div class='post-footer-line post-footer-line-1'>

             </div>


<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <p class='posted' style='color: #000000;font-weight:normal;font-size:11px;'><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 class='comments-ink'> <b:if cond='data:post.allowComments'>
            

          </b:if></span></p>

</b:if>

      <div class='post-footer-line post-footer-line-2'>
<!-- Related Posts Code Start-->

<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img alt='Related Posts Widget for Blogger' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a>

<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>

<!--Remove--></b:if>
<!-- Related Posts Code End-->


           </div>

 <div class='author_info'>
<div class='author_photo'>
<img alt='author' src='http://3.bp.blogspot.com/_ubwIhqPcR6M/TIb2GsaA-uI/AAAAAAAAA-s/vtz7ruWg4jU/s1600/frank.jpg'/></div>

                    <h3>This post was written by: Franklin Manuel</h3>                	
                    
                                                
                                        <p>Franklin Manuel is a professional blogger, web designer and front end web developer. Follow him on <a href='http://twitter.com/bloggermint'>Twitter</a><br style='clear:both;'/></p>

                                       </div>


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

      </div>
    </div>

	    </div>
</b:if>

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


	<div class='post box-left clearfix'>
		    
   <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='article-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 id='sharebox'>
<div class='float'><a class='twitter-share-button' data-count='vertical' data-via='bloggermint' href='http://twitter.com/share'>Tweet</a></div>
<div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
</div>
<div class='facebook-likebox'>
<h4>Do you like this story?</h4>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></div>


    <p><data:post.body/></p>
    <div style='clear: both;'/> 

    <div class='post-footer'>


    <div class='post-footer-line post-footer-line-1'>

             </div>


<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <p class='posted' style='color: #000000;font-weight:normal;font-size:11px;'><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 class='comments-ink'> <b:if cond='data:post.allowComments'>
            

          </b:if></span></p>

</b:if>

      <div class='post-footer-line post-footer-line-2'>
<!-- Related Posts Code Start-->

<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img alt='Related Posts Widget for Blogger' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a>

<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>

<!--Remove--></b:if>
<!-- Related Posts Code End-->


           </div>

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

      </div>
    </div>

	    </div>

</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='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</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:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='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'><data:newerPageTitle/></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'><data:olderPageTitle/></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' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <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>
            </h3>
          </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' itemprop='articleBody'>
            <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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </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'>
                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><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'>
                      <b:include data='post' name='comment_count_picker'/>
                    </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:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
      </div>
    </div>
  </div>
</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://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  <!-- 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.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <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:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>
  
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='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='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

  <div class='mobile-post-outer'>
    <div class='mobile-index-title-outer'>
      <h3 class='mobile-index-title entry-title'>
        <a href='javascript:void(0)'><data:post.title/></a>
      </h3>
    </div>

    <div>
      <div class='mobile-index-arrow'>
        <a href='javascript:void(0)'>&amp;rsaquo;</a>
      </div>

      <div class='mobile-post-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;'/>
    </div>

    <div class='mobile-index-comment'>
      <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'>
            <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>
      </b:if>
    </div>
  </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='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>




<div id='comment'>


  <div class='comments' id='comments'>

    <a name='comments'/>

    <b:if cond='data:post.allowComments'>
        <b:if cond='data:post.numComments == 1'>
          <h3>1 Responses to &#8220;<data:post.title/>&#8221;</h3>
        <b:else/>
        <h3>  <data:post.numComments/> Responses to &#8220;<data:post.title/>&#8221; </h3>
        </b:if>

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




     

 <dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='margin: .5em 0; margin-bottom: 0;padding: 10px;border: 1px solid #EEE;background:none;'>
            <b:if cond='data:comment.favicon' style='display:none;'>
               <img expr:src='data:comment.favicon' height='16px' width='16px'/>            
 </b:if>

<span style='font-weight: bold;'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/></span><br/>
<span class='commentdate' style='padding-left: 0;font-size: 10px;'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>


            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
                      </dt>
<br/>

        </b:loop>
      </dl>

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

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

      </p>
    </b:if>

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

	
	
<div id='subscribe'>
	
		<ul class='subscribe_icons'>
			<li class='subscribe_buzz'><a href='http://google.com/profiles/bloggermint' rel='nofollow' target='_blank'>Buzz</a></li>
			<li class='subscribe_twitter'><a href='http://twitter.com/bloggermint' rel='nofollow' target='_blank'>Twitter</a></li>
			<li class='subscribe_facebook'><a href='http://www.facebook.com/Bloggermint' rel='nofollow' target='_blank'>Facebook</a></li>
			<li class='subscribe_rss'><a href='http://feeds.feedburner.com/bloggermint' rel='nofollow' target='_blank'>RSS</a></li>
			<li class='subscribe_email'><a href='http://feedburner.google.com/fb/a/mailverify?uri=bloggermint&amp;loc=en_US' rel='nofollow' target='_blank'>Email</a></li>
		</ul> <!--end .subscribe_icons-->
		
		<div class='clear'/>
		
	</div>
<!-- adsense goes here -->

<div id='sidebar'>

      <b:section class='sidebar' id='sidebartop'>
<b:widget id='HTML1' locked='false' title='Sponsors' 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='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail-center'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</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: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='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

    <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != &quot;&quot;'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'>
          <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
            <data:displayname/>
          </a>
          <b:if cond='data:hasgoogleprofile'>
            <br/>
            <div class='g-plus' data-action='follow' data-width='100' expr:data-href='data:userUrl'/>
          </b:if>
        </dt>

        <b:if cond='data:showlocation == &quot;true&quot;'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
    </b:if>

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


    </div> <!-- end content-wrapper -->
<div id='footer'>
<div align='center'>
<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='Navbar1' locked='false' 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\758274288654620237726\46blogName\75Mash+2+Blogger+Template\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://mash2bloggertem.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://mash2bloggertem.blogspot.com/\46vt\75-3083146462986345164&#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='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul class='flat'>
    <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 class='hierarchy'>
        <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:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='Text1' locked='false' title='Test' type='Text'>
<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>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <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>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
</div><!--/footer -->
</div>

<div class='bgfooter'>
<div class='fleft'>All Rights Reserved <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | <a href='http://bloggertemplateshub.com/'>Blogger Template</a> by <a href='http://www.bloggermint.com/'>Bloggermint</a></div>
<div class='fright'>Sponsored by <a href='http://www.phonelookup.com/FL'>Florida Phone Book</a>, <a href='http://www.certifiedpublicaccountants.com/florida'>Florida Accountants</a>, <a href='http://www.opticianjobs.org/'>Optician Jobs</a></div>
</div>
  </div>
<!-- End credit -->     

&lt;script type=&#39;text/javascript&#39;&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord =&#39;Prev&#39;;
var downPageWord =&#39;Next&#39;;
&lt;/script&gt;
&lt;script src=&#39;http://bplugins.googlecode.com/files/pagenumbers.js&#39; type=&#39;text/javascript&#39;&gt;&lt;/script&gt;      
</body>
</html>