2 replies [Last post]
upinthesea
upinthesea's picture
Offline
newbie
Last seen: 7 years 18 weeks ago
Timezone: GMT+8
Joined: 2013-05-15
Posts: 1
Points: 2

I tried inserting "text-align:center" to #crosscol, but it doesn't work! Please help! thank you. Smile

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title>
	<b:if cond='data:blog.homepageUrl == data:blog.url'>
		<data:blog.title/>
	<b:else/>
		<data:blog.pageName/> | <data:blog.title/>
	</b:if>
</title>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300' rel='stylesheet' type='text/css'/>
    <b:skin><![CDATA[/*
-----------------------------------------------
 
 
/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#444" value="#444444">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#000" value="#000000">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#777" value="#777777">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#333" value="#333333">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#777" value="#777777">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#555" value="#555555">
   <Variable name="pagelinkcolor" description="Page Link Color"
             type="color" default="#999" value="#999999">
   <Variable name="widgettitlefont" description="Widget Title Font"
             type="font" default="normal normal 11px Arial, Georgia, Serif" value="normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 11px Arial, Georgia, Serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 11px 'Verdana',Trebuchet,Trebuchet MS,Arial,Sans-serif" value="normal normal 11px 'Verdana',Trebuchet,Trebuchet MS,Arial,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 24px Josefin Slab, Georgia, Serif" value="normal normal 24px Josefin Slab">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 11px 'Arial', Trebuchet, Trebuchet MS, Verdana, Sans-serif" value="normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="pagenavifont" description="Page Navigation Font"
             type="font"
             default="normal normal 10px Arial, Serif" value="normal normal 10px Arial">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/
 
 
/* =============================
Misc and Reset
============================= */
.status-msg-body {
  background:#fbfbfb;
  border:1px solid #e4e4e4;
}
#navbar-iframe, .feed-links {
  display:none;
}
::selection {
  background:#000;
  color:#fff
}
::-moz-selection {
  background:#000;
  color:#fff
}
 
.follow-by-email-address {
  margin-top:2px;
  border-radius:3px;
  box-shadow:none;
}
body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }
 
/* =============================
Popular Posts and Page Navigation
============================= */
#crosscol,#poplrpst {
  width:900px;
  font:$pagenavifont;
  padding-bottom:5px;
  border-bottom:1px solid #eee;
  clear:both;
  text-transform:uppercase;
}
 
#crosscol h2 {
  display:none;
  border-bottom:1px solid #eee;
}
#crosscol ul {
  list-style:none;
  margin:0;
  padding:0;
}
#crosscol ul li a, #crosscol ul li a:hover {
  transition:.2s all;
  -moz-transition:.2s all;
  -webkit-transition:.2s all;
  text-decoration:none;
}
#crosscol ul li {
  float:left;
  padding:8px 0 8px 20px;
  background:url(<a href="http://1.bp.blogspot.com/-voWPG9sgAx0/UO9sFtqAryI/AAAAAAAADMg/mzn9tNo2LG8/s000/menu-separator.png" rel="nofollow">http://1.bp.blogspot.com/-voWPG9sgAx0/UO9sFtqAryI/AAAAAAAADMg/mzn9tNo2LG8/s000/menu-separator.png</a>) no-repeat left;
}
#crosscol ul li:first-child {
  background:none;
  padding:none;
}
#crosscol ul li a {
  color:$pagelinkcolor;
}
#crosscol ul li a:hover {
  color:#000000;
}
.selected a {
  color:#000 !important;
  font-weight:normal !important;
}
 
/* =============================
Popular Posts Slider
============================= */
#poplrpst {
  margin:0 0 5px;
}
#poplrpst h2 {
  position:absolute;
  background:#000;
  z-index:999999;
  color:#fff;
  padding:5px 10px;
  opacity:0.6;
  filter:alpha(opacity=60);
}
.popslider-slidecontent {
  position:relative;
  overflow:hidden;
  width:900px;
  height:250px;
}
.popslider-slidecontent .preload {
  height:100%;
  width:900px;
  background:#fff;
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
  color:#fff;
  text-align:center;
}
.popslider-slidecontent .preload div {
  height:100%;
  width:900px;
  background:transparent url(<a href="http://2.bp.blogspot.com/-PCVKdVn0rcw/UO9sF37UvAI/AAAAAAAADMo/dr6xPc4yyBU/s000/loading.gif" rel="nofollow">http://2.bp.blogspot.com/-PCVKdVn0rcw/UO9sF37UvAI/AAAAAAAADMo/dr6xPc4yyBU/s000/loading.gif</a>) no-repeat scroll 50% 50%;
}
.popslider-main-outer {
  position:relative;
  height:100%;
  width:auto;
  z-index:3px;
  overflow:hidden;
}
.popslider-description {
  z-index:5;
  position:absolute;
  top:120px;
  width:400px;
  background:#fff;
  opacity:0.7;
  filter:alpha(opacity=70);
  transition:.2s all;
  -moz-transition:.2s all;
  -webkit-transition:.2s all;
  text-align:left;
}
ul.popslider-wrapper:hover .popslider-description {
  background:#000;
  opacity:0.7;
  filter:alpha(opacity=70);
  transition:.2s all;
  -moz-transition:.2s all;
  -webkit-transition:.2s all;
}
ul.popslider-wrapper:hover p{
  color:#fff;
}
ul.popslider-wrapper:hover h3 a {
color:#fff;
}
.popslider-description p {
  color:#000;
  margin:0 8px;
  padding:0 0 8px;
}
.popslider-description h3 a {
  color:#000;
  margin:0;
  font-size:140%;
  padding:20px 8px 2px;
  font-family:"arial",Trebuchet,Arial,Verdana,sans-serif;
}
.popslider-description h3 a:hover {
  color:#000;
  text-decoration:underline;
}
ul.popslider-wrapper {
  overflow:hidden;
  background:transparent url(<a href="http://2.bp.blogspot.com/-PCVKdVn0rcw/UO9sF37UvAI/AAAAAAAADMo/dr6xPc4yyBU/s000/loading.gif" rel="nofollow">http://2.bp.blogspot.com/-PCVKdVn0rcw/UO9sF37UvAI/AAAAAAAADMo/dr6xPc4yyBU/s000/loading.gif</a>) no-repeat scroll 50% 50%;
  padding:0px;
  margin:0 !important;
  height:250px;
  width:900px;
  position:absolute;
  overflow:hidden;
}
ul.popslider-wrapper li {
  overflow:hidden;
  padding:0px !important;
  margin:0px;
  height:100%;
  width:900px;
  float:left;
}
.popslider-opacity li {
  position:absolute;
  top:0;
  left:0;
  float:inherit;
}
ul.popslider-wrapper li img {
  padding:0px !important;
  width:900px !important;
  height:auto !important;
}
ul.popslider-wrapper li {
  position:relative;
}
.PopularPosts .item-title{
 0 !important;
}
.PopularPosts .widget-item-control {
  display:none;
}
 
/* =============================
Header
============================= */
#header-wrapper {
  width:900px;
  margin:20px 0 10px;
  border-bottom:1px solid #eee;
  }
#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}
#header { 
  margin: 5px;
  text-align: center;
  color:$pagetitlecolor;
}
#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}
#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }
#header a:hover {
  color:$pagetitlecolor;
  }
#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:900px;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor;
 }
#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
 }
 
/* =============================
Wrapper
============================= */
#center-wrapper {
  margin:20px auto 0;
  }
 
#outer-wrapper {
  width: 900px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }
 
#main-wrapper {
  width: 640px;
  float: $endSide;
  word-wrap: break-word;
  overflow: hidden;
  }
 
#sidebar-wrapper {
  width: 220px;
  float: $startSide;
  word-wrap: break-word;
  overflow: hidden;
}
 
/* =============================
Heading (Title)
============================= */
h2 {
  margin:1.5em 0 15px;
  font:$widgettitlefont;
  background:url(<a href="http://4.bp.blogspot.com/-I2X6MJvuu74/UO9sGF5uZvI/AAAAAAAADMw/IkDmQMnzf0E/s000/widget-bg.png" rel="nofollow">http://4.bp.blogspot.com/-I2X6MJvuu74/UO9sGF5uZvI/AAAAAAAADMw/IkDmQMnzf0E/s000/widget-bg.png</a>) no-repeat left bottom;
  line-height: 1.4em;padding-bottom:10px;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}
 
/* =============================
Posts
============================= */
h2.date-header {
  margin:1.5em 0 .5em;
  }
 
.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }
.post h3 {
  font-size:30px;
  margin:0;
  padding:5px 0;
  text-align:left;
  font-family:Yanone Kaffeesatz, sans-serif;
  text-transform:uppercase;
  color:$titlecolor;
  font-weight:300;
}
 
.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:300;
}
 
.post h3 a:hover{
color:#333;
}
 
.post h3 strong, .post h3 a:hover {
  color:$textcolor;
}
 
.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}
 
.post-body blockquote {
  line-height:1.3em;  
}
 
.post-footer {
  margin: .75em 0;
  color:$sidebarcolor;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}
 
.comment-link {
  margin-$startSide:.6em;
}
.post img, table.tr-caption-container {
  max-width:640px;
  height:auto;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
  margin:1em 20px;
}
.post blockquote p {
  margin:.75em 0;
}
 
/* =============================
Comment
============================= */
.comments .comments-content {
  font:normal 11px Arial;
  text-align:left;
  line-height:1.4em;
  margin-bottom:16px;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:normal;
  text-transform:uppercase;
  color:#000;
}
.comments .comments-content .datetime {
  margin-left:10px;
}
.comment-replies{
  background:#fafaff;
}
.comments .comment .comment-actions a {
  background:#999;
  color:#fff;
  padding:2px 5px;
  margin-right:10px;
  font:10px sans-serif;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  transition:.2s linear;
  -moz-transition:.2s linear;
  -webkit-transition:.2s linear;
}
.comments .comment .comment-actions a:hover {
  background:#000;
  text-decoration:none;
  transition:.2s linear;
  -moz-transition:.2s linear;
  -webkit-transition:.2s linear;
}
.comments .avatar-image-container {
  border-radius:3px;
  border:1px solid #ddd;
}  
.comments .thread-toggle a {
  color:#a58;
}
.comments .thread-toggle a:hover {
  padding-left:10px;
  color:#a47;
  text-decoration:none;
}
.comments .thread-toggle a:hover, .comments .thread-toggle a {
  transition:.2s linear;
  -moz-transition:.2s linear;
  -webkit-transition:.2s linear;
}
#comments h4 {
  margin:1em 0;
  line-height:1.4em;
  letter-spacing:.2em;
  color:$sidebarcolor;
  text-transform:uppercase;
  font:normal 11px Arial;
}
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
 
/* =============================
Post Navigation
============================= */
#blog-pager-newer-link, #blog-pager-newer-link a {
  background:url(<a href="http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/post-navi.png" rel="nofollow">http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/post-navi.png</a>) no-repeat left top;
  float:left;
  width:26px;
  height:26px;
  text-indent:-9999px;
}
#blog-pager-older-link, #blog-pager-older-link a {
  background:url(<a href="http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/post-navi.png" rel="nofollow">http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/post-navi.png</a>) no-repeat right top;
  float:right;
  width:26px;
  height:26px;
  text-indent:-9999px;
}
#blog-pager-newer-link a:hover {
  background:url(<a href="http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/post-navi.png" rel="nofollow">http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/post-navi.png</a>) no-repeat left bottom
}
#blog-pager-older-link a:hover {
  background:url(<a href="http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/post-navi.png" rel="nofollow">http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/post-navi.png</a>) no-repeat right bottom
}
#blog-pager { 
  text-align: center;
 }
 
/* =============================
Sidebar
============================= */
.sidebar { 
  color: $sidebartextcolor;
  line-height: 1.5em;
 }
.sidebar ul {
  list-style:none;
margin:0;padding:0;
}
.sidebar li {
  line-height:1.5em;
  }
.sidebar .widget, .main .widget { 
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }
.main .Blog { 
  border-bottom-width: 0;
}
 
/* =============================
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;
}
.profile-link { 
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}
 
/* =============================
Posts Thumbnail and Description
============================= */
.thumbs {
  width:100%;
  max-height:300px;
  line-height:1.6em;
  overflow:hidden;
  position:relative;
  border-left:1px solid #eee;
}
.thumbs img {
  min-height:300px;
  width:100%;
}
.summary {
  margin:10px;
  font-family:Arial;
  font-size:11px;
  float:left;
  width:450px;
  text-transform:uppercase;
}
.botsnip {
  padding-left:20px;
  border-left:1px solid #eee;
  margin:10px;
  float:right;
}
 
.homelabel {
  font-size:8px;
  padding:0 10px;
  color:#fff;
  z-index:5;
  position:absolute;
  top:5px;
  right:5px;
  background:#000;
  opacity:0.7;
  filter:alpha(opacity=70);
  font:arial;
  text-transform:uppercase;
  letter-spacing:1px;
}
.homelabel a {
  color:#fff;
}
.post:hover .readitmore {
  display:inline-block;
}
.readitmore {
  position:absolute;
  background:#0063f7;
  bottom:0;
  right:0;
  padding:2px 10px;
  display:none;
  opacity:0.8;
  filter:alpha(opacity=80);
  color:#fff;
  transition:.2s all;
  -moz-transition:.2s all;
  -webkit-transition:.2s all;
}
.readitmore a {
  color:#fff;
}
.readitmore:hover {
  background:#000;
  color:#fff;
  transition:.2s all;
  -moz-transition:.2s all;
  -webkit-transition:.2s all;
}
 
/* =============================
Middle and Footer
============================= */
 
#footer-container {
  background:#fbfbfb;
  border-top:1px solid #eee;
  display:block;
  font-family:arial;
  font-size:11px
}
.addwidget {
padding: 0 0 0 0;
}
 
/* Middle Column */
#middle-columns {
  clear:both;
  width:900px;
  text-align:left;
  margin:0 auto 20px;
}
.midcolumn1 {
  width:360px;
  float:left;
  padding:0 5px 3px 0;
  margin:3px 3px 3px 0;
}
.midcolumn2 {
  width:480px;
  float:right;
  padding:0 0 3px 3px;
  margin:3px 0 3px 3px;
}
 
#middle-columns ul, #footer-columns ul {
  list-style:square;
  margin:0 0 0 10px;
  padding:0 0 0 10px;
}
#middle-columns li, #footer-columns li {
  margin:0;
  padding:0 0 .25em;
  line-height:1.5em;
}
 
/*Footer Column*/
#footer-wrapper {
  background:#f4f4f4;
  border-top:1px solid #e4e4e4;
}
#footer-columns {
  clear:both;
  margin:0 auto;
  width:900px;
  text-align:left;
  padding:0 0 50px;
}
.column1 {
  width:285px;
  float:left;
  margin:3px 5px 3px 0;
  padding:0px 5px 3px 0;
}
.column2 {
  width:285px;
  float:left;
  margin:3px 5px 3px 5px;
  padding:0px 5px 3px 5px;
}
.column3 {
  width:285px;
  float: right;
  margin:3px 0 3px 3px;
  padding:0px 0 3px 5px;
}
 
/* =============================
Twitter Widget
============================= */
#twitter_div ul {
  list-style-type:none;
  margin:0;padding:0
}
#twitter_div ul li {
  border:none;
background:url(<a href="http://1.bp.blogspot.com/-eXV1t-SyFiw/UO9sG9V6aZI/AAAAAAAADNA/Zch0O4fHTuQ/s000/tweet-li.png" rel="nofollow">http://1.bp.blogspot.com/-eXV1t-SyFiw/UO9sG9V6aZI/AAAAAAAADNA/Zch0O4fHTuQ/s000/tweet-li.png</a>) no-repeat left 5px;
  padding:0 0 10px 25px;
  font-family:arial;
  font-size:12px;
  color:#555
}
#twitter_div ul li a {
  font-size:12px!important;
  color:#111;
  font-style:italic;
}
 
/* =============================
Social Media Widget
============================= */
.social-networks {
  list-style:none;
  margin:20px 0 0 0;
  padding:0;
  width:auto;
  overflow:hidden;
}
.social-networks li {
  float:left;
  margin-right:10px;
  border:none;
}
 
/* -Facebook */
.icon-facebook a, .icon-youtube a, .icon-flickr a, .icon-feed a, .icon-gplus a, .icon-twitter a {
  float:left;
  background:url(<a href="http://2.bp.blogspot.com/-AFY4v1uxCjY/UO9sHNSHOWI/AAAAAAAADNE/jShq-WyzFNQ/s000/social-icon.png" rel="nofollow">http://2.bp.blogspot.com/-AFY4v1uxCjY/UO9sHNSHOWI/AAAAAAAADNE/jShq-WyzFNQ/s000/social-icon.png</a>) no-repeat right bottom;
  text-indent:-9999px;
  width:20px;
  height:20px;
  -o-transition: all 0.3s; 
  -moz-transition: all 0.3s; 
  -webkit-transition: all 0.3s;
}
.icon-facebook a:hover, .icon-youtube a:hover, .icon-flickr a:hover, .icon-feed a:hover, .icon-gplus a:hover, .icon-twitter a:hover {
  background:url(<a href="http://2.bp.blogspot.com/-AFY4v1uxCjY/UO9sHNSHOWI/AAAAAAAADNE/jShq-WyzFNQ/s000/social-icon.png" rel="nofollow">http://2.bp.blogspot.com/-AFY4v1uxCjY/UO9sHNSHOWI/AAAAAAAADNE/jShq-WyzFNQ/s000/social-icon.png</a>) no-repeat right top;
  -o-transition: all 0.3s; 
  -moz-transition: all 0.3s; 
  -webkit-transition: all 0.3s;
}
 
/* -Twitter */
.icon-twitter, .icon-twitter a {
  background-position:-80px bottom
}
.icon-twitter a:hover {
  background-position:-80px top;
}
 
/* -Youtube */
.icon-youtube, .icon-youtube a {
  background-position:-40px bottom
}
.icon-youtube a:hover {
  background-position:-40px top;
}
 
/* -GPlus */
.icon-gplus, .icon-gplus a {
  background-position:-60px bottom
}
.icon-gplus a:hover {
  background-position:-60px top;
}
 
/* -Flickr */
.icon-flickr, .icon-flickr a {
  background-position:-20px bottom
}
.icon-flickr a:hover {
  background-position:-20px top;
}
 
/* -RSS Feed */
.icon-feed, .icon-feed a {
  background-position:left bottom
}
.icon-feed a:hover {
  background-position:left top;
}
 
/* =============================
Footer Links and Credits
============================= */
#footer-links-wrap {
  background-color:#eee;
  border-top:1px solid #ddd;
  padding:5px 0;
}
#footer-links {
  color:#777;
  width:900px;
  margin:0 auto;
  clear:both;
  font-family:arial;
  font-size:11px;
  text-align:left;
}
#credits {
  float:left;
  line-height:20px;
}
#sitelinks {
  float:right;
  line-height:20px;
}
]]></b:skin>
 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
/* =============================
Post Looks and Feels
============================= */
.post{
  width:100%;
  height:auto;
  padding:0;
  margin:5px 0 30px;
  border-bottom:none;
}
.post-body{
  margin:0 0 .75em;
  line-height:1.6em;
  font-size:11px;
  font-family:Arial;
  text-align:justify;
}
.post h3{
  font-size:30px;
  margin:0;
  padding:5px 0;
  text-align:left;
  font-family:Yanone Kaffeesatz, sans-serif;
  text-transform:uppercase;
}
.post img{
  padding:0;
  min-width:640px;
}
.thumbs img{
  margin-left:8px;
}
.post-footer-line-1,.post-footer-line-2,post-footer-line-3,.post-footer{
  display:none;
}
</style>
 </b:if>
</b:if>
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
/* =============================
Related Posts
============================= */
#related-posts {
  float:center;
  text-transform:none;
  height:100%;
  min-height:100%;
  padding-top:5px;
}
#related-posts h2 {
  text-shadow:1px 1px 0 #fff;
  border-top:1px solid #aaa;
  background:#f6f6f6;
  font-size:17px;
  color:#555;
  font-family:Georgia, serif;
  margin:0 0 10px;
  padding:5px;
}
#related-posts a {
  color:#000;
  transition:.3s linear;
  -moz-transition:all .3s;
  -webkit-transition:.3s linear;
  overflow:hidden;
  display:block;
  width:80px;
  height:155px;
}
#related-posts a:hover {
  background:#f5f5f5;
  color:#000;
  overflow:hidden;
}
#related-posts a img {
  transition:.5s linear;
  -moz-transition:all .3s;
  -webkit-transition:.3s linear;
  box-shadow:none;
  padding:4px;
}
 
#related-posts a img:hover {
  transition:.3s linear;
  -moz-transition:all .3s;
  -webkit-transition:.3s linear;
  margin-bottom:5px;
}
 
#rptxt {
  padding-top:5px;
  width:72px;
  height:65px;
  margin:3px;
  border-top:1px solid #999;
  font-style:italic;
  font-family:Dosis,Arial;
  font-size:11.5px;
}
</style>
 
<script type='text/javascript'>
//<![CDATA[
var defaultnoimage='http://2.bp.blogspot.com/-LWaeHthMGl4/UO9sHTyOnuI/AAAAAAAADNM/6FQBsi1mWhQ/s000/noimage.jpg';
var maxresults=7;
var splittercolor='#fff';
var relatedpoststitle='you might also like these posts';
//]]></script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.media$thumbnail.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else{if(typeof(defaultnoimage)!=='undefined'){thumburl[relatedTitlesNum]=defaultnoimage}else{thumburl[relatedTitlesNum]="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"}}}if(relatedTitles[relatedTitlesNum].length>35){relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"..."}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++){if(a[j]==e){return true}}return false}function printRelatedLabels_thumbs(current){var splitbarcolor;if(typeof(splittercolor)!=='undefined'){splitbarcolor=splittercolor}else{splitbarcolor="#d4eaf2"}for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==current)||(!relatedTitles[i])){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0){document.write('<h2>'+relatedpoststitle+'</h2>')}document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;padding:5px;float:left;');if(i!=0)document.write('border-left:solid 0.5px '+splitbarcolor+';"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img style="width:72px;height:72px;border:0px;" src="'+thumburl[r]+'"/><br/><div id="rptxt">'+relatedTitles[r]+'</div></a>');i++;if(r<relatedTitles.length-1){r++}else{r=0}}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
 
</b:if>
 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<script>
$(document).ready(function(){$(&#39;#back-top a&#39;).click(function () {
$(&#39;body,html&#39;).animate({scrollTop: 0}, 800);return false;});});
</script>
<script type='text/javascript'>
//<![CDATA[
/*
 * jQuery Easing v1.3 - <a href="http://gsgd.co.uk/sandbox/jquery/easing/
" rel="nofollow">http://gsgd.co.uk/sandbox/jquery/easing/
</a> *
 * Uses the built in easing capabilities added In jQuery 1.1
 * to offer multiple easing options
 *
 * TERMS OF USE - jQuery Easing
 * 
 * Open source under the BSD License. 
 * 
 * Copyright © 2008 George McGinley Smith
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
*/
 
// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];
 
jQuery.extend( jQuery.easing,
{
	def: 'easeOutQuad',
	swing: function (x, t, b, c, d) {
		//alert(jQuery.easing.default);
		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
	},
	easeInQuad: function (x, t, b, c, d) {
		return c*(t/=d)*t + b;
	},
	easeOutQuad: function (x, t, b, c, d) {
		return -c *(t/=d)*(t-2) + b;
	},
	easeInOutQuad: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t + b;
		return -c/2 * ((--t)*(t-2) - 1) + b;
	},
	easeInCubic: function (x, t, b, c, d) {
		return c*(t/=d)*t*t + b;
	},
	easeOutCubic: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t + 1) + b;
	},
	easeInOutCubic: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t + b;
		return c/2*((t-=2)*t*t + 2) + b;
	},
	easeInQuart: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t + b;
	},
	easeOutQuart: function (x, t, b, c, d) {
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
	},
	easeInOutQuart: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
		return -c/2 * ((t-=2)*t*t*t - 2) + b;
	},
	easeInQuint: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t*t + b;
	},
	easeOutQuint: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t*t*t + 1) + b;
	},
	easeInOutQuint: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
		return c/2*((t-=2)*t*t*t*t + 2) + b;
	},
	easeInSine: function (x, t, b, c, d) {
		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
	},
	easeOutSine: function (x, t, b, c, d) {
		return c * Math.sin(t/d * (Math.PI/2)) + b;
	},
	easeInOutSine: function (x, t, b, c, d) {
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
	},
	easeInExpo: function (x, t, b, c, d) {
		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
	},
	easeOutExpo: function (x, t, b, c, d) {
		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
	},
	easeInOutExpo: function (x, t, b, c, d) {
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
	},
	easeInCirc: function (x, t, b, c, d) {
		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
	},
	easeOutCirc: function (x, t, b, c, d) {
		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
	},
	easeInOutCirc: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
	},
	easeInElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
	},
	easeOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
	},
	easeInOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
	},
	easeInBack: function (x, t, b, c, d, <img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/drunk.png" title="Drunk" alt="Drunk" class="smiley-content" /> {
		if (s == undefined) s = 1.70158;
		return c*(t/=d)*t*((s+1)*t - <img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/drunk.png" title="Drunk" alt="Drunk" class="smiley-content" /> + b;
	},
	easeOutBack: function (x, t, b, c, d, <img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/drunk.png" title="Drunk" alt="Drunk" class="smiley-content" /> {
		if (s == undefined) s = 1.70158;
		return c*((t=t/d-1)*t*((s+1)*t + <img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/drunk.png" title="Drunk" alt="Drunk" class="smiley-content" /> + 1) + b;
	},
	easeInOutBack: function (x, t, b, c, d, <img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/drunk.png" title="Drunk" alt="Drunk" class="smiley-content" /> {
		if (s == undefined) s = 1.70158; 
		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - <img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/drunk.png" title="Drunk" alt="Drunk" class="smiley-content" />) + b;
		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + <img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/drunk.png" title="Drunk" alt="Drunk" class="smiley-content" /> + 2) + b;
	},
	easeInBounce: function (x, t, b, c, d) {
		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
	},
	easeOutBounce: function (x, t, b, c, d) {
		if ((t/=d) < (1/2.75)) {
			return c*(7.5625*t*t) + b;
		} else if (t < (2/2.75)) {
			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
		} else if (t < (2.5/2.75)) {
			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
		} else {
			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
		}
	},
	easeInOutBounce: function (x, t, b, c, d) {
		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
	}
});
 
/*
 *
 * TERMS OF USE - EASING EQUATIONS
 * 
 * Open source under the BSD License. 
 * 
 * Copyright © 2001 Robert Penner
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
 */
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// JavaScript Document
/*! Copyright (c) 2009 Brandon Aaron (<a href="http://brandonaaron.net" rel="nofollow">http://brandonaaron.net</a>)
 * Dual licensed under the MIT (<a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow">http://www.opensource.org/licenses/mit-license.php</a>)
 * and GPL (<a href="http://www.opensource.org/licenses/gpl-license.php" rel="nofollow">http://www.opensource.org/licenses/gpl-license.php</a>) licenses.
 * Thanks to: <a href="http://adomas.org/javascript-mouse-wheel/" rel="nofollow">http://adomas.org/javascript-mouse-wheel/</a> for some pointers.
 * Thanks to: Mathias Bank(<a href="http://www.mathias-bank.de" rel="nofollow">http://www.mathias-bank.de</a>) for a scope bug fix.
 *
 * Version: 3.0.2
 * 
 * Requires: 1.2.2+
 * Optimized by ABu Farhan in Blogger
 * Modified by Iksandi Lojaya
 */
 
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('$(29).2a(6(){$(\'.k-l\').2b(\'<o W="1B"><o></o></o>\');$(\'.k-l K\').D(\'<o 2c="2d" W="r-2e"></o>\');$(\'.k-l K\').14().2f(\'.k-l K\');$(\'.k-l K:2g\').E(\'r-m\');$(\'.k-l K:2h\').E(\'t-u\');$(\'.k-l .r-m\').D(\'<o W="r-2i-1k"></o>\');$(\'.k-l .t-u\').D(\'<o W="t-u-1k"></o>\');$(\'.k-l .9-L .9-1C\').M(6(a){$(4).E(\'1l\'+a)});$(\'.k-l .9-L .9-X\').M(6(a){$(4).E(\'F\'+a)});n b;$(\'.k-l .9-L .9-N\').M(6(a){$(4).E(\'F\'+a);b=a});G(i=0;i<=b/2;i++){$(\'.k-l .9-L .F\'+i).2j(\'<o W="r-2k"></o>\')};$(\'.r-m .9-X\').D(\'<Y></Y>\');$(\'.r-m .9-N\').D(\'<p></p>\');$(\'.t-u .9-X\').D(\'<Y></Y>\');$(\'.t-u .9-N\').D(\'<p></p>\');$(\'.9-X a\').1D(\'<O></O>\');$(\'.9-N\').1D(\'<O></O>\');G(i=0;i<=b;i++){$(\'.k-l .9-L .1l\'+i+\' 1m\').14().1n(\'.k-l .9-L .1l\'+i)};$(".9-1C").Z();n c;c=(b+1)/2;G(i=c;i<=b;i++){$(\'.k-l .F\'+i+\' a O\').14().1n(\'.k-l Y .F\'+i)};$(".t-u .9-X").Z();G(i=0;i<=b;i++){$(\'p .F\'+i+\' O\').14().1n(\' p .F\'+i)};$(".t-u .9-N").Z();$(".t-u p").Z();$(".r-m .9-N").Z();$(\'.r-m\').H("1m").2l(\'2m\',6(i,e){j e.2n("2o-c","2p")})});(6($){n c=[\'2q\',\'x\'];$.15.2r.x={2s:6(){7(4.1E)G(n i=c.8;i;)4.1E(c[--i],16,17);y 4.1F=16},2t:6(){7(4.1G)G(n i=c.8;i;)4.1G(c[--i],16,17);y 4.1F=P}};$.10.Q({x:6(a){j a?4.1H("x",a):4.2u("x")},2v:6(a){j 4.2w("x",a)}});6 16(a){n b=[].2x.2y(2z,1),18=0,2A=s;a=$.15.2B(a||2C.15);a.2D="x";7(a.1I)18=a.1I/2E;7(a.1J)18=-a.1J/3;b.2F(a,18);j $.15.2G.2H(4,b)}})(1K);(6($){$.10.2I=6(a){j 4.M(6(){2J $.I(4,a)})};$.I=6(a,b){4.5={19:\'\',1L:\'1o\',1M:\'K\',2K:\'1o\',2L:\'11\',1N:\'.r-m\',1p:2M,1q:s,w:3,q:0,1r:\'2N\',R:2O,S:2P,z:2Q,1O:\'.t-u 1o\',1P:\'.t-u-1k\',1Q:s,A:\'1R\'};$.Q(4.5,b||{});4.1S=P;4.1T=P;4.1s=4.5.2R||1U;4.m=$(a).H(4.5.1N);4.g=4.m.H(4.5.1L);7(!4.m.8||!4.g.8)j;7(4.5.w>4.g.8){4.5.w=4.g.8}4.h=2S(4.5.q)||4.5.q>4.g.8?0:4.5.q;4.J=$(a).H(4.5.1P);4.12=$(a).H(4.5.1O);4.1a=4.J.H(4.5.1M);7(4.5.1r==\'1V\'){4.1a.T(4.g.8*4.5.S);4.J.T(4.5.w*4.5.S);4.J.1b(4.5.R)}y{4.1a.1b(4.g.8*4.5.R);4.J.1b(4.5.w*4.5.R);4.J.T(4.5.S)}4.1t=4.1W(4.5.1r);4.1u=4.1X();7(4.5.19==\'v\'){4.m.E(\'r-v\');$(4.g).1c(\'v\',<img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" />.1Y(4.<img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/grade.png" title="Grade" alt="Grade" class="smiley-content" />.1c(\'v\',1)}y{4.m.1c({\'1v\':\'-\'+4.h*4.B+\'2T\',\'T\':(4.1s)*4.g.8})}7(4.5.1Q){4.1Z(4.U)}y{4.U()}};$.I.10=$.I.2U;$.I.10.Q=$.I.Q=$.Q;$.I.10.Q({20:6(c,d){13=4;4.12.M(6(a,b){$(b).11(6(){13.21(a,s);13.1d(a,b)});$(b).1c({\'1b\':13.5.R,\'T\':13.5.S})});4.22(4.J,4);4.1d(4.h);7(4.5.1w&&2V(4.5.1w)=="2W"){4.23(\'11\',4.5.1w,4)}7(4.5.1q)4.1x(4.5.1p,\'V\',s);j 4},U:6(){24(6(){$(\'.1B\').2X(1U)},2Y);4.20()},1Z:6(c){n d=4;n e=4.m.H(\'1m\');n f=0;e.M(6(a,b){7(!b.2Z){b.30=6(){f++;7(f>=e.8){d.U()}};b.31=6(){f++;7(f>=e.8){d.U()}}}y{f++;7(f>=e.8){d.U()}}})},25:6(a){7(a<=4.5.q||a-4.5.q>=4.5.w-1){4.5.q=a-4.5.w+2;7(4.5.q<0)4.5.q=0;7(4.5.q>4.g.8-4.5.w){4.5.q=4.g.8-4.5.w}}4.1a.C().1e(1y(\'({\'+4.1t[0]+\':-\'+4.5.q*4.1t[1]+\'})\'),{z:32,A:\'1R\'})},1d:6(a,b){7((4.12)){4.12.33(\'26\');$(4.12.34(a)).E(\'26\');4.25(4.h)}},1W:6(a){7(a==\'1V\'){j[\'1v\',4.5.S]}j[\'35\',4.5.R]},1X:6(){27(4.5.19){1z\'v\':4.B=0;j[\'v\',\'v\'];36:4.B=4.1s;j[\'1v\',\'T\']}},22:6(d,e){d.1H(\'x\',6(a,b){n c=b>0?\'37\':\'38\',39=3a.3b(b);7(b>0){e.1f(s)}y{e.V(s)}j 17})},23:6(a,b,c){G(n d 3c b){27(d.3d()){1z\'V\':b[d].11(6(){c.V(s)});28;1z\'1f\':b[d].11(6(){c.1f(s)});28}}j 4},1g:6(a,b,c){4.1T=4.h+(4.h>0?-1:4.g.8-1);4.1S=4.h+(4.h<4.g.8-1?1:1-4.g.8);j 4},1h:6(a){7(a)4.C();7(a&&4.5.1q){4.1x(4.5.1p,\'V\',s)}4.1d(4.h)},1A:6(a,b){j 1y("({\'"+4.1u[0]+"\':-"+(4.h*a)+"})")},1i:6(a,b,c){7(4.5.19==\'v\'){$(4.g).C().1e({v:0},{z:4.5.z,A:4.5.A});$(4.g).1Y(a).C().1e({v:1},{z:4.5.z,A:4.5.A})}y{4.m.C().1e(b,{z:4.5.z,A:4.5.A})}j 4},21:6(a,b){4.C();7(4.h==a)j;n c=1y("({\'"+4.1u[0]+"\':-"+(4.B*a)+"})");4.1g(P,b,0,4.B).1i(a,c,4).1h(b);4.h=a},V:6(a,b){4.h+=(4.h<4.g.8-1)?1:(1-4.g.8);4.1g(b,a,0,4.B).1i(4.h,4.1A(4.B),4).1h(a)},1f:6(a,b){4.h+=4.h>0?-1:4.g.8-1;4.1g(b,a).1i(4.h,4.1A(4.B),4).1h(a)},1x:6(a,b,c){4.C();7(!c){4[b](17)}n d=4;4.1j=24(6(){d[b](s)},a)},C:6(){7(4.1j==P)j;3e(4.1j);4.1j=P}})})(1K)',62,201,'||||this|settings|function|if|length|item|||||||slides|currentNo||return|popular|posts|wrapper|var|div||startItem|popslider|true|lof|navigator|opacity|maxItemDisplay|mousewheel|else|duration|easing|maxSize|stop|wrap|addClass|desc|for|find|lofSidernews|navigatorOuter|ul|content|each|snippet|span|null|extend|navigatorHeight|navigatorWidth|width|onComplete|next|class|title|h3|remove|fn|click|navigatorItems|seft|clone|event|handler|false|delta|direction|navigatorInner|height|css|setNavActive|animate|previous|onProcessing|finishFx|fxStart|isRun|outer|descimg|img|insertBefore|li|interval|auto|navPosition|maxWidth|navigratorStep|directionMode|left|buttons|play|eval|case|getObjectDirection|preload|thumbnail|wrapInner|addEventListener|onmousewheel|removeEventListener|bind|wheelDelta|detail|jQuery|mainItemSelector|navInnerSelector|wapperSelector|navItemsSelector|navOuterSelector|isPreloaded|easeInOutQuad|nextNo|previousNo|900|horizontal|__getPositionMode|__getDirectionMode|eq|preLoadImage|startUp|jumping|registerWheelHandler|registerButtonsControl|setTimeout|navivationAnimate|active|switch|break|document|ready|prepend|id|popslider48|slidecontent|insertAfter|first|last|main|wrapAll|description|attr|src|replace|s72|s1600|DOMMouseScroll|special|setup|teardown|trigger|unmousewheel|unbind|slice|call|arguments|returnValue|fix|window|type|120|unshift|handle|apply|JSlider48|new|navSelector|navigatorEvent|4000|vertical|100|310|600|mainWidth|isNaN|px|prototype|typeof|object|fadeOut|400|complete|onload|onerror|500|removeClass|get|top|default|Up|Down|vel|Math|abs|in|toString|clearTimeout'.split('|'),0,{}))
//]]>
</script>
<script type='text/javascript'>
$(document).ready( function(){
$(&quot;#popslider48&quot;).JSlider48({interval:5000, easing:&quot;easeInSine&quot;, duration:1200, auto:true});});
</script>
  </head>
 
  <body>
  <div id='outer-wrapper'><div id='wrap2'>
 
    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
<center>
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='IB-elieve (Header)' type='Header'>
          <b:includable id='main'>
 
  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      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.
      -->
      <b:if cond='data:mobile'>
          <div 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:else/>
          <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;_height: &quot; + data:height                        + &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/>
      <!--Show the image only-->
      <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>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </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'>
  <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:widget>
      </b:section>
    </div>
 
    <div id='content-wrapper'>
 
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'>
          <b:widget id='PageList9' locked='false' title='Pages - Menu' type='PageList'>
            <b:includable id='main'>
              <b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
              <div>
                <ul>
                  <b:loop values='data:links' var='link'>
                    <b:if cond='data:link.isCurrentPage'>
                      <li id='berand'><a expr:href='data:link.href'><data:link.title/></a></li>
                    <b:else/>
                      <li><a expr:href='data:link.href'><data:link.title/></a></li>
                    </b:if>
                  </b:loop>
                </ul>
                <b:include name='quickedit'/>
              </div>
            </b:includable>
          </b:widget>
        </b:section>
      </div>
 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='poplrpst' id='poplrpst' maxwidgets='1' showaddelement='no'>
  <b:widget id='PopularPosts1' locked='true' title='Stories' 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'>
                  <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>
            <div style='clear: both;'/>
          <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:section>
</div>
</b:if>
</b:if>
     <div id='center-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'>
  <div class='date-outer'>
<script type='text/javascript'>var ssyby=&#39;<data:post.dateHeader/>&#39;;</script>
   <h2 class='date-header'><span><script type='text/javascript'>document.write(ssyby);</script></span></h2>
   <div class='date-posts'>
    <div class='post-outer'>
     <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: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:if cond='data:post.trackLatency'>
     <data:post.latencyJs/>
    </b:if>
   </div>
  </div>
 </b:loop>
 <data:adEnd/>
</div>
 
 
    <!-- feed links -->
    <b:include name='feedLinks'/>
<div class='clear'/>
 
    <!-- navigation -->
    <b:include name='nextprev'/>
 
 
    <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><data:post.commentLabelFull/>:</h4>
 
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <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;
          </b:if>
 
          <data:post.commentRangeText/>
 
          <b:if cond='data:post.hasNewerLinks'>
            &#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>
          </b:if>
        </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'/>
 
    <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'>
 
 
    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title' itemprop='name'>
          <data:post.title/>
        </h3>
 
        <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'>
                <data:post.commentLabelFull/>:
              </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'>
    <div class='date-posts'>
      <div class='post-outer'>
 
        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <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'>
                      <a expr:href='data:post.authorProfileUrl' itemprop='author' 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' itemprop='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'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                        <data:post.commentLabelFull/>:
                      </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'><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>
 
    <a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://4.bp.blogspot.com/-RTqEEF8S7SM/UO9sH2L2cSI/AAAAAAAADNY/JCEmipbzIpE/s000/homeico.png'/></a>
 
 
    <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='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <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'>
 
      <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=0;
var show_default_thumbnail=true;
var default_thumbnail="http://3.bp.blogspot.com/-kAYC7cnlHnc/UO9sIUhFQsI/AAAAAAAADNg/MgtCK_jAzOw/s000/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
 
<b:if cond='data:post.snippet'>
<div class='thumbs'>
<script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>
 
<div class='homelabel'>
        <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>
</div>
<a expr:href='data:post.url'>
<div class='readitmore'>
Read Article &#8594;
</div>
</a>
</div>
 
<div class='summary'>
<data:post.snippet/></div>
<div class='botsnip'>
<i><data:top.authorLabel/> : <data:post.author/></i><br/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/> Comments</a><br/>
</div>
          <b:else/>
            <data:post.body/>
          </b:if>
      <b:else/>
      <data:post.body/>
      </b:if>
<b:else/>
<data:post.body/>
</b:if>
 
      <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'>
          <data:top.authorLabel/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' itemprop='author' 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' itemprop='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'>
              <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> <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
 
        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div> </div>
 
      <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> 
 
<!-- Feature added by BTemplates.com -->
	<b:if cond='data:top.showReactions'>
		<span class='reaction-buttons'>
			<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
				<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
					<span class='reactions-label'>
					<data:top.reactionsLabel/></span>&#160;</td>
				<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
			</tr></table>
		</span>
	</b:if>
</div>
 
      <div class='post-footer-line post-footer-line-3'><span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> </div>
    </div>
 
<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>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
 
  </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://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 > <img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> {
        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='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:widget>
        </b:section>
      </div>
 
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
          <b:widget id='LinkList1' locked='false' title='Who' 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>
 
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
    </div>
    </div> <!-- end content-wrapper -->
</center>
  </div></div> <!-- end outer-wrapper -->
 
<div id='footer-container'>
 
<div id='middle-columns'>
<div class='midcolumn1'>
<b:section class='addwidget' id='midcol1' preferred='yes' style='float:left;'/>
</div>
<div class='midcolumn2'>
<b:section class='addwidget' id='midcol2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
 
    <div id='footer-wrapper'>
<div id='footer-columns'>
<div class='column1'>
<b:section class='addwidget' id='footcol1' preferred='yes' style='float:left;'/>
</div>
<div class='column2'>
<b:section class='addwidget' id='footcol2' preferred='yes' style='float:left;'/>
</div>
<div class='column3'>
<b:section class='addwidget' id='footcol3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
    </div>
<div id='footer-links-wrap'>
 <div id='footer-links'>
  <div id='credits'>
&amp;copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> - All Right Reserved<br/>
Design by <a href='http://iksandi.com'>Iksandi Lojaya</a> | Powered by <a href='http://www.blogger.com'>Blogger</a>
  </div>
  <div id='sitelinks'>
<a expr:href='data:blog.homepageUrl'>Home</a> / <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Entries</a> / <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a> / <span id='back-top'><a href='#top'>Top</a></span>
  </div>
 </div>
<div style='clear:both;'/>
</div>
   </div>
 
  <b:include data='blog' name='google-analytics'/>
</body>
</html><img src="/files/75095/2013/Screen%20Shot%202013-05-15%20at%2010.31.46%20AM.png" width="800" height="394" alt="Screen Shot 2013-05-15 at 10.31.46 AM.png" />

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi upinthesea, Can you post a

Hi upinthesea,
Can you post a link to the site, or view source and post that.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 37 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Haven't seen this in

Haven't seen this in years:

<?xml version="1.0" encoding="UTF-8" ?>

Do remove it as it's going to cause potential issues, also really you're better off nowadays using a simpler DTD Standards dtd:

<!DOCTYPE html>

As Tony says though please post a link or a rendered view of the markup not the script file please, check the posting guidelines for help on what to provide.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me