Problem With Xmax Template • Blogger Templates

Viewing 4 posts - 1 through 4 (of 4 total)
Author

Posts
03/12/2016 at 3:24 pm #21255
Keymaster
I Got This Error When I Try To Apply The Template (Xmax) On My Blog:
We were unable to save your template.
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. XML error message:
The new widget with id “ContactForm3” is invalid, as the limit for the widgets of type ContactForm has been exceeded.
Error Image
04/12/2016 at 9:20 am #21260
my add
Keymaster
Clear your cache and try again. I just downloaded it and installed it on a test blog in blogger and it works fine.
04/12/2016 at 9:25 pm #21265
my add
Keymaster
But it’s not works for me. please somebody help me.
Take a look at the XML Code:-
07/12/2016 at 4:22 am #21286
Templatesyard
Participant
Try with this..
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' 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'/>

    <!-- font-awesome Icons -->
    <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

    <!-- Resonsive Meta tag -->
	<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

    <!-- Web pages Titles -->
    <title>
		<b:if cond='data:blog.pageType == &quot;index&quot;'>
			<data:blog.pageTitle/>
		<b:else/>
			<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
				<data:blog.pageName/> - <data:blog.title/>
			<b:else/>
				Not Found - <data:blog.title/> 
			</b:if>
		</b:if>
    </title>

<b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

<!-- Begin Open Graph -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='Blog Logo URL Here' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='Facebook App ID here' property='fb:app_id'/> 
<meta content='Facebook Admins ID here' property='fb:admins'/> 

<!-- Begin twitter card -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:blog.postImageThumbnailUrl'>
      <b:if cond='data:blog.metaDescription'>
        <meta content='summary' name='twitter:card'/>
        <meta content='@templateism' name='twitter:site'/>
        <meta content='@templateism' name='twitter:creator'/>
        <meta expr:content='data:blog.pageName' name='twitter:title'/>
        <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src'/>
        <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
      </b:if>
    </b:if>
</b:if>

    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:      Xmax Blogger Template
Designer:  Syed Faizan Ali, Mohamed Abo El-Ghranek
URL1:      www.templateism.com
URL2:      www.mybloggerlab.com
Date:   	22 June 2014
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */

/* Variable definitions
   ====================

   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="right" value="right"/>
   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="left" value="left"/>

<Variable name="keycolor" description="Main Color" type="color" default="#F01E1E" value="#d9c9b2"/>

  <Variable name="body.background" description="Background" type="background" color="#ffffff" default="$(color) url() repeat fixed top center" value="#d9c9b2 url(//themes.googleusercontent.com/image?id=1r2wVJpX2wdMvwlG0fdinGZwn17o7iAXbs1G0FbgGY8fzvIQqx93b4i-oerJLoNx4S7Fz) no-repeat fixed top center /* Credit: richcano (http://www.istockphoto.com/googleimages.php?id=3137708&platform=blogger) */"/>

<Variable name="main.color" description="Main Theme Color" type="color" default="#F01E1E" value="#f1a12e"/>

<Group description="links color" selector="body">

  <Variable name="link.color" description="link color" type="color" default="#38c" value="#4742cf"/>
  <Variable name="link.color.hover" description="link color hover" type="color" default="#222" value="#525252"/>

</Group>

<Variable name="body.font" description="Font" type="font" default="normal normal 13px Droid Sans" value="normal normal 13px Droid Sans"/>
<Variable name="header.font" description="blog title font" type="font" default="normal normal 20px Oswald" value="normal normal 16px Allerta Stencil"/>

*/

/* Main Sittings
----------------------------------------------- */

body {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
}

body, p, .item .post-body, .FollowByEmail .widget-content:before, .post-home .post-meta, .toe, .post-snippet, .Text, #search-hide input, .selectnav, .FollowByEmail .follow-by-email-inner .follow-by-email-address, .follow-by-email-submit, .contact-form-button-submit, #ArchiveList select, .error_page .error-title span {
    font: $(body.font);
}

ul a { 
    font-weight: 400;
}

body, .widget, .section {
    padding: 0;
    margin: 0;
}
html {
    height: auto;
}

.clear {
	clear: both;
}

iframe {
    width: 99%;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

ins {
    text-decoration: underline;
}

del {
    text-decoration: line-through;
}

ul,
ol,
dl {
    list-style-position: inside;
    font-weight: 700;
}

blockquote {
    background-color: #eee;
    border-top: 5px solid $(main.color);
    padding: 10px;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

caption,
th {
    text-align: center;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

.quickedit {
	display: none;
}

.blog-feeds, 
.post-feeds {
	display: none;
}

a, a:visited { 
    color: $(link.color)
}

a:hover { 
    color: $(link.color.hover);
    text-decoration: underline;
}

.upbt {
    margin-top: 20px;
}

a {
    text-decoration: none;
}

::-moz-selection {
    background-color: $(main.color);
    color: #fff;
}
::selection {
    background-color: $(main.color);
    color: #fff;
}

.list-label-widget-content ul li {
    list-style: none;
    padding: 0;
}
.list-label-widget-content ul {
    padding: 0;
}
.list-label-widget-content ul li a {
    display: block;
    padding: 5px;
    color: #777;
    border-bottom: 1px solid #DDD;
    background-color: #F5F5F5;
    margin-bottom: 2px;
    border-radius: 5px;
}

.list-label-widget-content ul li a:hover {
    background-color: $(main.color);
    color: #FFF !important;
    text-decoration: none;
}

.list-label-widget-content ul li a:before {
content: "\f02c";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.Label span {
    display: none;
}

.cloud-label-widget-content span {
    display: inline-block;
    font-size: 100% !important;
    min-height: 30px;
    line-height: 2em;
    margin-bottom: 5px;
}
.cloud-label-widget-content span a {
    background-color: #DDD;
    color: #111;
    padding: 5px 15px;
}

.cloud-label-widget-content span a:hover {
    background-color: $(main.color);
    color: #fff;
    text-decoration: none;
}

#header-wrapper {
    overflow: hidden;
    background: $(body.background);
}

#header-content {
    overflow: hidden;
    padding: 30px 0;
    background-color: rgba(0, 0, 0, 0.83);
}

.home #header-content #header {
    margin: 0 auto;
    text-align: center;
    float: none;
}

#header-content #header {
    width: 300px;
    color: #fff;
}

#header-content #ad {
    width: 728px;
}

#header-content #ad .widget {
    line-height: 0;
}

.home #header-content #ad {
    display: none;
}

#header { 
    font: $(header.font);
}

#top-header {
    overflow: hidden;
    height: 40px;
    background-color: #F4F6F7;
}

.top-menu ul li {
    list-style: none;
    display: inline-block;
    line-height: 40px;
}
.top-menu {
    font-size: 11px;
}
.top-menu ul li a {
    color: #888;
    text-transform: uppercase;
}

.item #content {
    margin-top: 25px;
    margin-bottom: 25px;
}

.home #content {
    background-color: #F4F6F7;
    padding: 80px 0;
}

.home #content .px-title {
    background-color: #F4F6F7;
}

.Header h1 {
    color: #EEE;
    font-size: 3.5em;
    font-weight: 400;
    margin: 0;
    line-height: 1;
}

.Header h1:first-letter {
    color: $(main.color);
}

.Header h1 a {
    color: #EEE;
    font-weight: 400;
}

.Header h1 a:hover {
    opacity: .8;
}

.Header .description {
    margin: 0;
    font-size: 15px;
    margin-top: 10px;
}

div#sbar {
    height: 70px;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.05 );
    left: 0;
    right: 0;
    z-index: 55;
}

#menu {
    text-align: center;
}

#menu ul li {
    list-style: none;
    display: inline-block;
    padding: 0;
}

#nav {
    padding: 0;
}
#menu ul li a {
    height: 70px;
    display: block;
    padding: 0 20px;
    line-height: 70px;
    background-color: #fff;
    color: #555;
    text-decoration: none;
}

#menu ul li a:hover {
    opacity: .8;
}

#menu ul li.current a {
    background-color: $(main.color);
    color: #fff;
}

div#search-header {
    position: relative;
    overflow: hidden;
}

#search-header button {
    width: 50px;
    height: 40px;
    border: 0;
    font-size: 1.2em;
    color: #111;
    cursor: pointer;
    background-color: #F4F6F7;
}

#shide {
    position: absolute;
    width: 100%;
    top: -80px;
    z-index: 9999999;
    overflow: hidden;
}

#search-hide input {
    border: 0;
    width: 100%;
    padding: 0 15px;
    background-color: #F4F6F7;
    height: 40px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}
button.remove {
    position: absolute;
    top: 6px;
    border: 0;
    background-color: transparent;
    font-size: 1.5em;
    color: #555;
    cursor: pointer;
}

/* default style */
.selectnav { display: none; }

/* small screen */
@media screen and (max-width: 800px) {
  .js #nav { display: none; }
  .js .selectnav { display: block; }

.selectnav {
    border: 0;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    margin-top: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    background-color: #EEE;
    border: 1px solid #DDD;
    border-radius: 5px;
    cursor: pointer;
}

.is-sticky .selectnav {
    width: 50%;
    height: 40px;
}
#menu {
    float: none !important;
}

}

.item .post-body img {
    max-width: 97%;
    height: auto;
}

#outer-wrapper {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    background-color: #F4F6F7;
}

#outer-wrapper .woo {
    margin: 0 auto; 
}

#content {
    padding: 10px 0;
    overflow: hidden;
    margin: 0 auto;
}

#main-wrapper {
    width: 70%;
}
#sidebar-wrapper {
    width: 30%;
}

.px-title {
    text-align: center;
    padding: 10px 0;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    width: 300px;
    margin: 15px auto;
}
.px-title h2 {
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    color: #333;
}

.px-title { 
    display: none;
}
.home .px-title {
    display: block;
}

.recent-posts ul {
    padding: 0;
}

.recent-posts .recent-box {
    margin-bottom: 10px;
}

.sidebar .widget {
    padding: 15px;
    background-color: #fff; 
}
.widget-title {
    margin-bottom: 10px;
    border-bottom: 1px solid #222;
}

.sidebar h2 {
    border-bottom: 1px solid $(main.color);
    top: 1px;
    position: relative;
    font-weight: 400;
    display: inline-block;
    font-size: 15px;
    padding: 5px 10px;
    color: #444;
    text-transform: uppercase;
}

.labelom .fa {
    margin-right: 5px;
    margin-left: 5px;
}
.labelom {
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 12px;
}

.post-header {
overflow: hidden;
margin-bottom: 25px;
}
.post-meta-in {
padding: 3px;
margin-bottom:10px;
}

.post-timestamp {
margin-right: 5px !important;
margin-left: 5px !important;
}

.item #blog-pager {
    display: none;
}

.blog-posts {
    overflow: hidden;
}

.box {
    overflow: hidden;
    background-color: #fff;
    margin: 0 auto;
}

.woo {
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
    position: relative;
}
 
.main .widget {
    margin: 0 15px;
}

.item .post-body {
    background-color: #FFF;
    padding: 35px 20px;
    width: initial;
    margin-top: 8px;
    line-height: 24px;
}

.item .post-title {
    font-size: 2em;
    border-color: $(main.color);
    color: #555;
    padding: 15px;
    font-weight: 400;
    margin-bottom: 15px;
}

ul, ol, dl { 
    font-weight: 400;
} 

.popular-posts ul {
    padding: 0;
    list-style: none;
}
.popular-posts .item-thumbnail {
    width: 70px;
    height: 70px;
}
.popular-posts img {
    width: 70px;
    height: 70px;
}

img {
    max-width: 100%;
}

.popular-posts .item-snippet {
    line-height: 18px;
    font-size: 11px;
}

.popular-posts .item-title {
    line-height: 21px;
}

/* Start Follow by Email Widget */
.follow-by-email-inner td {
    width: 100%;
}
.FollowByEmail .follow-by-email-inner {
    margin-top:10px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
    height: 40px;
    border: 0 !important;
    background-color: #e6e6e6;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #000000;
}
.follow-by-email-submit {
    background-color: $(main.color) !important;
    width: 100% !important;
    margin: 0 !important;
    height: 40px !important;
    min-width: 80px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    margin-top: 5px !important;
    color: #ffffff !important;
}
.follow-by-email-address:focus {
    outline: 0;
}
.FollowByEmail .widget-content:before {
    content: "Subscribe here to get our newsletter, it is safe just Put your Email and click subscribe";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
}
.email-icon {
    position: absolute;
    top: 12px;
    color: $(main.color);
}
/* End Follow by Email Widget */

/* Scrollbar Style
----------------------------------------------- */

::-webkit-scrollbar {
    width: 7px;
    height:7px;
}
 
::-webkit-scrollbar-track {
    background-color: #EEE;
}
 
::-webkit-scrollbar-thumb {
    background-color: $(main.color);
}

::-webkit-scrollbar-thumb:window-inactive {
	background: $(main.color);
}

::-webkit-scrollbar-thumb:hover {
    background-color: #222;
}

/* Comments
----------------------------------------------- */

.comments .comments-content {
    color: #555;
}
.comment-thread ol li.comment {
    border-color: $(main.color);
}
.comments .avatar-image-container {
    max-height: none;
    width: 60px;
    height: 60px;
}
.comments .avatar-image-container img {
    border-radius: 50%;
    max-width: 60px;
    height: 60px;
    z-index: 22;
    position: relative;
}
.comment-header {
    background-color: #756A6A;
    display: inline-block;
    padding: 5px;
    text-transform: uppercase;
}
.comment-header a {
    color: #fff;
    font-weight: 400;
}
.comments .comment-block {
    background-color: #F8F8F8;
    padding: 15px;
}
.comments-horizontal {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding: 0 !important;
}
.comments-horizontal li {
    display: inline-block;
    width: 50%;
}
.comments-horizontal li a {
    background-color: #EEE;
    padding: 15px 0;
    width: 100%;
    display: block;
    text-align: center;
    color: #222;
}
.comments-horizontal li.active a {
    color: #ffffff;
    background-color: $(main.color);
}
.comments-tabs {
    margin-top: 25px;
    background-color: #ffffff;
    padding: 15px;
}
#facebook-comments {
    margin-top: 25px;
}

/* Contact form custom style
----------------------------------------------- */

.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget {
    max-width: none;
    margin-bottom: 15px;
}
.contact-form-name, .contact-form-email, .contact-form-email-message {
    background-color: #EBEBEB;
    border: 0;
}
.contact-form-button-submit {
    max-width: none;
    width: 100%;
    height: 35px;
    border: 0;
    background-image: none;
    background-color: $(main.color);
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
}
.contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus {
    border: 0;
    box-shadow: none;
}
.contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover {
    border: 0;
}
.contact-form-button-submit:hover {
    background-color: #222;
    background-image: none;
    border: 0;
}

.sidebar .contact-form-widget .form {
    padding: 15px;
    background-color: #FFF;
}

/* Home Layers
----------------------------------------------- */

#about {
    background: url(https://2.bp.blogspot.com/-sn7WwHZPq20/U57rrC8wR6I/AAAAAAAAEKk/HGuCEynRM9I/s1600/image-bg.jpg) no-repeat fixed top center;
    text-align: center;
    color: #CCC;
}

.about-inner {
    padding: 150px 0;
    background: rgba(7, 7, 7, 0.59) url(https://3.bp.blogspot.com/-wz9GyiKUKX4/UzbvcwMjtrI/AAAAAAAAD3w/-5ZGADVt_wI/s1600/widget-titles.png);
}

.welcome {
    margin-bottom: 25px;
}

.welcome h3 {
    font-size: 3em;
    font-weight: 400;
    color: #EEE;
    border-bottom: 2px solid;
    display: inline-block;
    letter-spacing: 5px;
}
.welcome h3 span {
    color: $(main.color);
    border-bottom: 2px solid;
}

#about p {
    line-height: 30px;
    font-size: 18px;
    letter-spacing: .4px;
    opacity: .7;
    color: #fff;
}

#feature .feature-posts .imageContainer {
    float: none;
    width: 280px;
    height: 320px;
    overflow: hidden;
    margin: 0;
}
#feature .feature-posts .imageContainer img {
    position: relative;
    max-width: none; 
}
#feature .feature-posts .imageContainer img:hover {
    opacity: .5;
     -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
#feature .feature-posts li {
    width: 280px;
    float: left;
    margin-right: 25px;
}
#feature .item-title {
    text-align: center;
    margin-top: 10px;
}

#feature {
    background-color: #383D42;
    color: #FFF;
}

#feature .feature-inner {
    padding: 80px 0;
}

#feature .feature-posts .item-title a {
    color: #BBB;
}

#feature .feature-posts .item-snippet {
    display: none;
}

#feature .px-title {
    background-color: #383D42;
}

#feature .px-title h2 {
    color: #FCFCFC;
}

button.prev {
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 35;
    border: 0;
    padding: 8px;
    cursor: pointer;
    background-color: #383D42;
    border: 1px solid #FFF;
    color: #FFF;
}

button.next {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 35;
    border: 0;
    padding: 8px;
    cursor: pointer;
    background-color: #383D42;
    border: 1px solid #FFF;
    color: #FFF;
}

#our-team {
    text-align: center;
    background: url(https://2.bp.blogspot.com/-yHxU16IMmgY/U5-xJwPkqxI/AAAAAAAAEK0/1Au8Luodts8/s1600/bg-2.jpg) no-repeat fixed top center;
    color: #fff;
}

#our-team ul {
    list-style: none;
    padding: 0;
    line-height: 1em;
}

#our-team .px-title {
    background-color: transparent;
    color: #fff;
}
#our-team .px-title h2 {
    color: #fff;
}

.team-inner {
    background: rgba(14, 13, 13, 0.66) url(https://3.bp.blogspot.com/-wz9GyiKUKX4/UzbvcwMjtrI/AAAAAAAAD3w/-5ZGADVt_wI/s1600/widget-titles.png);
    padding: 150px 0;
}

.teamblock {
    width: 250px;
    margin: 0 auto;
}

li.teamblock {
    margin: 0 auto;
    display: inline-block;
}

.teamblock a {
    color: #fff;
}

.team-about {
    margin-top: 10px;
    display: block;
}

.author-name p {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid;
    padding-top: 15px;
    margin-top: 15px;
}

.Profile img {
    float: none;
    margin: 0;
    border-radius: 100%;
}

#contact {
    background-color: #fff;
    padding: 80px 0 0;
}

#contact .contact-form-name, #contact .contact-form-email, #contact .contact-form-email-message {
    background-color: #FFF;
     border: 1px solid #DDD;
     border-radius: 5px;
    padding: 15px;
}

#contact .contact-form-name {
    width: 49.7%;
    height: 50px;
}
#contact .contact-form-email {
    width: 49.7%;  
    height: 50px;
}

#contact .contact-form-email-message {
    height: 250px;
}

#contact .contact-form-button-submit {
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    color: #222;
    height: 50px;
    font-size: 14px;
    text-transform: uppercase;
}

.find span {
    width: 100%;
    text-align: center;
    display: block;
    height: 85px;
    line-height: 85px;
    background-color: #3F3B3B;
    color: #fff;
    margin: 15px 0 0;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
}
.find span:hover {
    background-color: $(main.color);
    color: #fff;
}

.find span i {
    font-size: 30px;
}

.map {
     position: absolute;
     left: -555px;
}

.map iframe {
    width: 100%;
}

/* Social Icons
----------------------------------------------- */

#copyrights p {
    text-align: center;
    margin-top: 35px;
}
#copyrights a {
    color: #BBB7B7;
}
#copyrights a:hover {
    color: #222;
}

#social-sec {
    margin: 20px 0;
    text-align: center;
}

#social-sec li {
display: inline-block;
padding: 0;
}

#social-sec .widget ul {
    padding: 0;
    margin: 0;
}

.LinkList ul {
    margin-bottom: 15px;
}

#social-sec ul#social a {
    text-indent: -9999px;
    display: block;
    height: 43px;
    width: 43px;
    color: transparent;
    background-size: 43px 43px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 50%;

}
#social-sec ul#social a:hover {
    opacity: 1;
}

a.facebook {
background-image: url(https://2.bp.blogspot.com/-qdm69A16hRY/Uz-UJjTlKTI/AAAAAAAAD5Q/hOF2OPnGPjU/s1600/Facebook.png)
}

a.twitter {
background-image: url(https://4.bp.blogspot.com/-qQUui1EDcag/Uz-URAk7MyI/AAAAAAAAD7k/hEo67ngQqLA/s1600/Twitter.png)
}

a.gplus {
background-image: url(https://1.bp.blogspot.com/-dTCjJ3KKKo0/Uz-UK77IcSI/AAAAAAAAD5k/y1xWbMi4oQM/s1600/Google+.png)
}

a.youtube {
background-image: url(https://1.bp.blogspot.com/-iECtaP5XGxo/Uz-UTFKCelI/AAAAAAAAD8M/NVT-Jxwfli8/s1600/Youtube.png)
}

a.instagram {
background-image: url(https://4.bp.blogspot.com/-pn-EPSmdmIE/Uz-UL47w2GI/AAAAAAAAD6A/IkvZacN41Lw/s1600/Instagram.png)
}

a.behance {
background-image: url(https://4.bp.blogspot.com/-e8atNd5pkmQ/Uz-UHsu3SSI/AAAAAAAAD4g/qP7ttxBji5s/s1600/Behance.png)
}

a.pinterest {
background-image: url(https://1.bp.blogspot.com/-61sf8rFlwEw/Uz-UNYM6j8I/AAAAAAAAD6Q/BjZIpLGndx0/s1600/Pinterest.png)
}

a.linkedin {
background-image: url(https://4.bp.blogspot.com/-PiYefa1UUpQ/Uz-UMwZNEDI/AAAAAAAAD6Y/uf7_Q6Xt8MA/s1600/Linkedin.png)
}

a.skype {
background-image: url(https://3.bp.blogspot.com/-JNszUuyfVzQ/Uz-URh6mkhI/AAAAAAAAD7s/10AkY7ISxDw/s1600/Skype.png)
}

a.vimeo {
background-image: url(https://3.bp.blogspot.com/-HbYntnqsKhs/UwYw9nnD7AI/AAAAAAAADus/-RTHX4qJ7Bw/s1600/09_vimeo.png)
}
a.flickr {
background-image: url(https://2.bp.blogspot.com/-ajVwNwG7V98/Uz-UJky9whI/AAAAAAAAD5M/SrjP9EIf0V4/s1600/Flickr.png)
}

a.blogger {
background-image: url(https://3.bp.blogspot.com/-qMyV7vV-Ez4/Uz-UHk8DlYI/AAAAAAAAD4Y/Y9eCWrGEz3I/s1600/Blogger.png)
}

a.digg {
background-image: url(https://4.bp.blogspot.com/-1JOkSJnkenI/Uz-UHsALCAI/AAAAAAAAD4c/MsnuPh9o9wA/s1600/Digg.png)
}

a.dribbble {
background-image: url(https://1.bp.blogspot.com/-fC3D9vdmBRg/Uz-UIGf-sEI/AAAAAAAAD44/rmyQby_bVAQ/s1600/Dribbble.png)
}

a.github {
background-image: url(https://2.bp.blogspot.com/-pkS-BMkpg5g/Uz-UKhR0K1I/AAAAAAAAD5o/cIep5c68z70/s1600/Github.png)
}

a .Dribbble {
background-image: url(https://1.bp.blogspot.com/-fC3D9vdmBRg/Uz-UIGf-sEI/AAAAAAAAD44/rmyQby_bVAQ/s1600/Dribbble.png)
}

a.foursquare {
background-image: url(https://2.bp.blogspot.com/-CmiVQLu6m4o/Uz-UJ4s6mPI/AAAAAAAAD5I/FTT4e1eaXi0/s1600/Foursquare.png)
}

a.dropbox {
background-image: url(https://4.bp.blogspot.com/-Yf_b42eDWAY/Uz-UIZZc1-I/AAAAAAAAD40/vZPmPJGnH10/s1600/Dropbox.png)
}

a.rss {
background-image: url(https://2.bp.blogspot.com/-9cGvH4bmmPs/Uz-UOPepamI/AAAAAAAAD6w/bCFiKbA3Cyo/s1600/RSS.png)
}

a.grooveshark {
background-image: url(https://3.bp.blogspot.com/-h0rlRWmQX84/Uz-ULCL8FUI/AAAAAAAAD5g/g7u8LroDWMo/s1600/Grooveshark.png)
}

a.yelp {
background-image: url(https://4.bp.blogspot.com/-AcE1CqlDZGo/Uz-US95PCxI/AAAAAAAAD8E/YqK1e1t2DRw/s1600/Yelp.png)
}

a.wordpress {
background-image: url(https://3.bp.blogspot.com/-vL2XhiIQ2qw/Uz-USZWB-AI/AAAAAAAAD78/lSKhNC6hfvA/s1600/WordPress.png)
}

a.skydrive {
background-image: url(https://2.bp.blogspot.com/-HGmVLBWfa-0/Uz-UORcRYII/AAAAAAAAD6o/MpdbKagXa_U/s1600/SkyDrive.png)
}

a.vine {
background-image: url(https://4.bp.blogspot.com/-v7CYz0DXtZg/Uz-UUorArUI/AAAAAAAAD8c/W4rhUTqsWwI/s1600/Vine.png)
}

a.tumblr {
background-image: url(https://2.bp.blogspot.com/-0gSagphNbJ4/Uz-UQjQK2mI/AAAAAAAAD7c/PiNXjh5NoM0/s1600/Tumblr.png)
}

a.Dribbble {
background-image: url(https://1.bp.blogspot.com/-fC3D9vdmBRg/Uz-UIGf-sEI/AAAAAAAAD44/rmyQby_bVAQ/s1600/Dribbble.png)
}

a.TED {
background-image: url(https://3.bp.blogspot.com/-fmmVvnROY_g/Uz-UQYZLFbI/AAAAAAAAD7U/LCDfvLV8yl0/s1600/TED.png)
}

a.vimeo {
background-image: url(https://1.bp.blogspot.com/-FXaNEBIsYTA/Uz-URWmjqHI/AAAAAAAAD70/ntg_dkrppwk/s1600/Vimeo.png)
}

a.stumbleupon {
background-image: url(https://3.bp.blogspot.com/-0ki8OAu6CQ8/Uz-UQB1GBPI/AAAAAAAAD7M/mxqzJ8NKsTw/s1600/StumbleUpon.png)
}

a.spotify {
background-image: url(https://1.bp.blogspot.com/-rlzJJAfMxrc/Uz-UPlWqGLI/AAAAAAAAD7A/ULSJbIAaoS0/s1600/Spotify.png)
}

a.soundcloud {
background-image: url(https://2.bp.blogspot.com/-F-c6CCi9rUc/Uz-UPa_LeRI/AAAAAAAAD7E/9Ysz9-w7Gu4/s1600/Soundcloud.png)
}

a.evernote {
background-image: url(https://3.bp.blogspot.com/-hm0iLy0oFVc/Uz-UIoJWLvI/AAAAAAAAD4w/fa8X1Rq7kO8/s1600/Evernote.png)
}

a.reddit {
background-image: url(https://1.bp.blogspot.com/-3WKa9xehFv0/Uz-UOOXOu-I/AAAAAAAAD6s/rd-hwH60w9c/s1600/reddit.png)
}

a.myspace {
background-image: url(https://3.bp.blogspot.com/-hZMYm0X2ueo/Uz-UNFRtFvI/AAAAAAAAD6U/1w2OE6_kat8/s1600/myspace.png)
}

a.lastfm {
background-image: url(https://2.bp.blogspot.com/-mw54BjBW05o/Uz-UMEWibJI/AAAAAAAAD54/9jyHl7GeRHw/s1600/Lastfm.png)
}

a.kickstarter {
background-image: url(https://4.bp.blogspot.com/-N0iOZQIjtxA/Uz-UMGYhIWI/AAAAAAAAD58/J0c49quopSs/s1600/Kickstarter.png)
}

a.iMDB {
background-image: url(https://2.bp.blogspot.com/-eNWTfIzD4sM/Uz-UTqYQybI/AAAAAAAAD8Y/lI6ro2Lw6O0/s1600/iMDB.png)
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-punk {
	border-radius: 5px; 
	border-bottom: 3px solid #f71169;
	background: #2a2a2a;
	color: #fff;
}
.tooltipster-punk .tooltipster-content {
	font-family: 'Courier', monospace;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}

.post-home .post-title {
    margin-bottom: 10px;
    font-weight: 400;
}
.post-home .post-meta {
    margin-bottom: 10px;
}
.toe {
}

.status-msg-border {
    display: none;
}
.status-msg-body {
    position: relative;
}
.status-msg-wrap {
    margin: 0;
    width: 100%;
    padding: 10px 0;
    background-color: #474747;
    color: #fff;
}

.status-msg-body:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.status-msg-wrap a {
    color: #ddd;
}

.loadbt {
    background-color: $(main.color);
    display: block;
    color: #fff;
    padding: 5px 0;
    margin-top: 15px;
}
.loadbt:hover {
    background-color: #222;
    color: #fff;
}

.post-home .post-meta a, .post-home .post-meta .fa {
    color: #777;
}

.index .post-header {
    display: none;
}

#copyrights {
    background-color: #fff;
    color: #444;
}

.upbt .fa {
    background-color: $(main.color);
    color: #fff;
    padding: 10px 15px;
    font-size: 1.3em;
    border-radius: 5px;
}
.upbt .fa:hover {
    background-color: #222;
}

#ArchiveList a {
    line-height: 22px;
}

#ArchiveList select {
    background-color: #EEE;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 8px;
    width: 100%;
    cursor: pointer;
}

.index #sidebar-wrapper {
    display: none;
}
.index #main-wrapper {
    width: 100%;
    float: none;
}

.sidebar .widget {
    margin-bottom: 25px;
}

.index .post-outer {
    position: relative;
    overflow: hidden;
    width: 380px;
    height: 450px;
    margin-top: 5px;
    background-color: #5E6B72;
}

.post-snippet {
    color: #BBB;
}

.post-home .imageContainer {
    width: 380px;
    height: 450px;
    overflow: hidden;
    margin: 0;
    float: none;
}

.post-home .imageContainer img {
    max-width: none;
    float: none;
    position: relative;
}

.post-home .post-title a { 
    color: #222;
}

.post-home .imageContainer img {
    z-index: 4;
}

.index .post-outer:hover .post-home img {
    opacity: .6;
}

.index .post-outer:hover .post-info { 
    opacity: 1;
    bottom: 0;
    z-index: 5;
}

.post-info {
    padding: 0 15px;
    position: absolute;
    z-index: 3;
    bottom: -200px;
    background-color: #fff;
    padding: 20px;
    opacity: 0;
}

.error_page .sidebar {
    display: none;
}
.error_page .home-link:hover {
    padding: 10px 25px;
}
.error_page #main-wrapper {
    width: 100%;
    background-color: #474747;
}

.error_page .home-link {
    background-color: #fff;
    color: #111;
    padding: 10px 25px;
    display: inline-block;
}

.error_page .error-title span {
    color: #fff;
    font-size: 10em;
}
.error_page .error-title {
    text-align: center;
}

.error_page #outer-wrapper {
    background-color: #474747;
}

.post-pager {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 !important;
}

.post-pager li.next {
    padding: 0;
    background: none;
    margin: 0;
}

.post-pager li.previous {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    background: none;
}

.post-pager li {
    width: 50%;
    display: inline;
    text-align: center;
}

.post-pager li a {
    position: relative;
    display: block;
    outline: none;
    text-decoration: none;
}

.post-pager li i {
    color: #ccc;
    font-size: 18px;
}

.post-pager li a strong {
    display: block;
    font-size: 20px;
    color: #ccc;
    font-weight: 700;
    margin-bottom: 10px;
}

.post-pager li a span {
    font-size: 15px;
    color: #666;
    margin: 0;
}

.post-pager li a:hover span,
.post-pager li a:hover i {
    color: #222;
}

.post-pager li.previous i {
    margin-top: 15%;
}

.post-pager li.next i {
    margin-top: 15%;
}

.post-pager li.next i,
.post-pager li.previous i,
.post-pager li.next,
.post-pager li.previous {
    -webkit-transition-property: background color;
    -webkit-transition-duration: .4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: background color;
    -moz-transition-duration: .4s;
    -moz-transition-timing-function: ease-out;
    -o-transition-property: background color;
    -o-transition-duration: .4s;
    -o-transition-timing-function: ease-out;
    transition-property: background color;
    transition-duration: .4s;
    transition-timing-function: ease-out;
}

.post-pager li {
    padding-top: 15px!important;
    margin-top: 10px !important;
}

#comments h4 {
    font-weight: 400;
}

/* related posts styles */
#related-posts h2 {
margin-bottom: 10px;
font-weight: 400;
}
#related-posts {
overflow: hidden;
border-top: 1px solid #DDD;
margin-top: 20px;
padding-top: 10px;
margin-bottom: 5px;
background-color: #FFF;
padding: 25px;
}
#related-posts .related_img {
width: 100%;
height: 120px;
opacity: 1;
}
#related-posts .related_img:hover {
opacity: .7;
}
#related-posts a {
width: 30%;
}
/* end related posts style */

/* recent posts main style */ 

#label_with_thumbs li {
    width: 100%;
    display: inline-block;
    padding: 0;
}

.imageContainer {
   width: 70px;
   height: 70px;
   overflow: hidden;
}

.label_thumb {
    position: relative;
    max-width: none !important;
}

.label_title {
    display: block;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 7px;
}

.post-date {
    font-size: 11px;
    font-weight: normal;
    color: #888 !important;
}

.post-date:before {
  content: "\f073";
  font-family: FontAwesome;
  display: inline-block;
}

.recent-com {
    color: #888 !important;
    font-size: 11px;
}

.recent-com:before {
  content: "\f0e6";
  font-family: FontAwesome;
  display: inline-block;
}

.toe {
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
}

li.recent-box:last-child {
    border-bottom: 0 !important;
}

.post-summary {
    line-height: 18px;
}

.label_title:before, .sidebar .LinkList li a:before, .feature-posts .item-title a:before, .popular-posts .item-title a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: $(main.color);
}

.LinkList ul {
    list-style: none;
    padding: 0;
}

/* End Slider */

.videoBar-container {
    width: 100% !important;
}
.videoBar-container td div {
    width: 100% !important;
    margin-top: 15px;
}
.videoBar-container td div img {
    width: 100%;
    height: auto;
}
table.gsc-branding-vertical td.gsc-branding-img-noclear {
    display: none;
}
td.gsc-branding-text {
    display: none;
}
.playing_gsvb {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    position: fixed;
}
div.floatingPlayer_gsvb div.playerInnerBox_gsvb .player_gsvb {
    width: 80%;
    height: 500px;
    margin: 30px auto;
}
.playerBox_gsvb div.alldone_gsvb {
    display: none;
}
.title_gsvb {
    display: none;
}

#ad .title {
    display: none;
}

#blog-pager {
	clear: both;
	margin: 20px 0;
	padding: 10px 0;
    font-size: 15px;
}

#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a {
	background: $(main.color);
	color: #fff;
	padding: 10px 10px 9px;
	text-decoration: none;
}

#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpagePoint,.showpageNum a:hover,.showpage a:hover {
	background: #000;
	color: #fff;
	padding: 10px 10px 9px;
	text-shadow: 1px 0 1px #000;
}

.showpageOf {
	background: $(main.color);
	color: #fff;
	padding: 10px 10px 9px;
}

@charset "UTF-8";
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/* preload style */

#movingBallG{
position:relative;
width:128px;
height:10px;
}

.movingBallLineG{
position:absolute;
left:0px;
top:4px;
height:2px;
width:128px;
background-color:#4D3D4D;
}

.movingBallG{
background-color:#171617;
position:absolute;
top:0;
left:0;
width:10px;
height:10px;
-moz-border-radius:5px;
-moz-animation-name:bounce_movingBallG;
-moz-animation-duration:0.9s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:5px;
-webkit-animation-name:bounce_movingBallG;
-webkit-animation-duration:0.9s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:5px;
-ms-animation-name:bounce_movingBallG;
-ms-animation-duration:0.9s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:5px;
-o-animation-name:bounce_movingBallG;
-o-animation-duration:0.9s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:5px;
animation-name:bounce_movingBallG;
animation-duration:0.9s;
animation-iteration-count:infinite;
animation-direction:linear;
}

@-moz-keyframes bounce_movingBallG{
0%{
left:0px;
}

50%{
left:118px;
}

100%{
left:0px;
}

}

@-webkit-keyframes bounce_movingBallG{
0%{
left:0px;
}

50%{
left:118px;
}

100%{
left:0px;
}

}

@-ms-keyframes bounce_movingBallG{
0%{
left:0px;
}

50%{
left:118px;
}

100%{
left:0px;
}

}

@-o-keyframes bounce_movingBallG{
0%{
left:0px;
}

50%{
left:118px;
}

100%{
left:0px;
}

}

@keyframes bounce_movingBallG{
0%{
left:0px;
}

50%{
left:118px;
}

100%{
left:0px;
}

}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 9999999999;
}

#movingBallG {
    position: fixed;
    top: 50%;
    height: 10px;
    margin-top: -5px;
    left: 50%;
    width: 128px;
    margin-left: -64px;
}

.is-sticky #header {
    display: block !important;
}
	
#sbar #header {
    display: none;
}
#sbar .Header h1 {
    color: #555;
    font-size: 2em;
    line-height: 2em;
}

#sbar .Header h1 a {
    color: #555;
}

#sbar .Header h1 a:hover {
    color: #777;
}

#sbar #header {
    height: 60px;
}

#sbar #header .description {
    display: none;
}

.home #header-content {
    position: fixed;
    top: 40px;
    width: 100%;
    height: 560px;
    z-index: 9;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.41);
}

.home #header-content #header {
    margin-top: 232px;
}

.home #top-header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 40px;
    z-index: 9;
}

.home #sbar-sticky-wrapper {
    margin-top: 600px;
    z-index: 11;
    position: relative;
}

.home #outer-wrapper {
    z-index: 10;
    position: relative;
}

.home #copyrights {
    z-index: 10;
    position: relative;
}

]]></b:skin>

<b:template-skin>

      <![CDATA[

#layout ul { 
    list-style: none;
}
#layout #main-wrapper {
    float: left;
    width: 70%;
}
#layout #sidebar-wrapper {
    float: right;
    width: 30%;
}
#layout #unwanted {
    display: none;
}

#layout #top-header {
    height: auto;
    margin-top: 70px;
}

#layout #header-content {
    padding: 0;
}

#layout #header-content #ad {
    float: right;
    width: 490px;
}
#layout #header {
    float: left;
}
      ]]>
</b:template-skin>
  

<b:if cond='data:blog.languageDirection == &quot;ltr&quot;'>

<!-- Styles for LTR -->
<style>
.sidebar .widget:before {
    content: &quot;&quot;;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 40;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #fff #F4F6F7 #fff #fff;
    background: #658E15;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
    box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
    display: block;
    width: 0;
}
.post-pager li.next a {
    padding-right: 24px;
}
.post-pager li {
    float: right;
}
.top-menu ul li {
    margin-right: 15px;
}
#blog-pager-newer-link {
	float: left;
}
#blog-pager-older-link {
	float: right;
}
.index .post-outer {
    float: left;
    margin-right: 5px;
}
#contact .contact-form-name {
    float: left;
}
#contact .contact-form-email {
    float: right; 
}
.is-sticky #nav {
	float: right;
}
.is-sticky #nav li {
    float: left;
}
.is-sticky #header {
	float: left;
}
#social-sec {
    float: right;
}
#copyrights p {
    float: left;
}
#copyrights p i {
    margin-right: 5px;
}
.find span i {
    margin-right: 15px;
}
.is-sticky .selectnav {
    float: right;
}
.top-menu {
    float: left;
    margin-left: 15px;
}
#header-content #header {
    float: left;
}
#header-content #ad {
    float: right;
}
.comment-thread ol li.comment {
    padding-left: 15px;
}
.status-msg-body:before {
  content: &quot;\f0a4&quot;;
}
.comment-thread ol li.comment {
    border-left-style: solid;
    border-left-width: 1px;
}
.item .post-title {
    border-left-style: solid;
    border-left-width: 15px;
}
.list-label-widget-content ul li a:before {
  margin-right: 5px;
}
.cloud-label-widget-content span {
    float: left;
    margin-right: 5px;
}
.post-meta-in {
    margin-left: 10px;
    float: left;
}
.popular-posts .item-thumbnail {
    float: left;
    margin: 0 5px 5px 0;
}
.popular-posts img {
    padding-right: 8px;
    padding-left: 0;
}
.comments-tabs .fa {
    margin-right: 5px;
}
.comments .avatar-image-container {
    margin-left: 15px;
}
.comment-header {
    margin-left: 15px !important;
}
.comments-horizontal li {
    float: left;
}

.status-msg-body:before {
  margin-right: 5px;
}
.post-pager li.previous {
    margin-right: -2px;
    margin-left: 0;
    float: left;
    border-right: 1px solid #ddd;
}
.post-pager li.previous a {
    padding-right: 24px;
}
.post-pager li.previous i {
    float: left;
    margin-left: 5%;
}
.post-pager li.next i {
    float: right;
    margin-right: 5%;
}
#related-posts a {
    margin-right: 15px !important;
}
.imageContainer {
   float: left;
   margin-right: 8px;
}
.label_title {
    padding-right: 5px;
}
.post-date {
    margin-right: 8px;
    float: left;
}
.post-date:before {
    margin-right: 5px;
    float: left;
}
.recent-com {
    float: left;
}

.recent-com:before {
  margin-right: 5px;
  float: left;
}
.label_title:before, .sidebar .LinkList li a:before, .feature-posts .item-title a:before, .popular-posts .item-title a:before {
    margin-right: 5px;
    content: &quot;\f101&quot;;
}
.sidebar .LinkList ul li a:hover {
    margin-left: 10px;
}
.upbt {
    float: left;
    margin-right: 20px;
}

div#search-header {
    float: right;
}
#search-header button {
    float: right;
}
button.remove {
    right: 15px;
}
#sidebar-wrapper {
    float: right;
}
#main-wrapper {
    float: left;
}
.post-meta-in .fa {
    margin-right: 5px;
}
.follow-by-email-inner td {
    float: right;
}
.email-icon {
    right: 15px;
}
.comments .comments-content .datetime {
    float: right;
}
.social-footer #social-sec {
    float: right;
}
.list-label-widget-content ul li a:hover {
    padding-left: 15px;
}
#search-hide input {
    float: left;
}
.post-meta-in .post-labels {
    margin-left: 5px;
}

</style>

<b:else/>

<!-- Styles for RTL -->
<style>
.sidebar .widget:before {
    content: &quot;&quot;;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    border-width: 0 0 16px 16px;
    border-style: solid;
    border-color: #fff #fff #fff #F4F6F7;
    background: #658E15;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
    box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
    display: block;
    width: 0;
}

.post-pager li.next a {
    padding-left: 24px;
}
.post-pager li {
    float: left;
}
.top-menu ul li {
    margin-left: 15px;
}
#blog-pager-newer-link {
	float: right;
}
#blog-pager-older-link {
	float: left;
}
.index .post-outer {
    float: right;
    margin-left: 5px;
}

#contact .contact-form-name {
    float: right;
}
#contact .contact-form-email {
    float: left; 
}
#feature {
    direction: ltr !important;
}
.is-sticky #nav {
	float: left;
}
.is-sticky #nav li {
    float: right;
}
.is-sticky #header {
	float: right;
}
#social-sec {
    float: left;
}
#copyrights p {
    float: right;
}
#copyrights p i {
    margin-left: 5px;
}
.find span i {
    margin-left: 15px;
}
.is-sticky .selectnav {
    float: left;
}
.top-menu {
    float: right;
    margin-right: 15px;
}

#header-content #header {
    float: right;
}
#header-content #ad {
    float: left;
}
.comment-thread ol li.comment {
    padding-right: 15px;
}
.status-msg-body:before {
  content: &quot;\f0a5&quot;;
}
.comment-thread ol li.comment {
    border-right-style: solid;
    border-right-width: 1px;
}

.item .post-title {
    border-right-style: solid;
    border-right-width: 15px;
}
.list-label-widget-content ul li a:before {
  margin-left: 5px;
}
.cloud-label-widget-content span {
    float: right;
    margin-left: 5px;
}
.post-meta-in {
    margin-right: 10px;
    float: right;
}
.popular-posts .item-thumbnail {
    float: right;
    margin: 0 0 5px 5px;
}
.popular-posts img {
    padding-left: 8px;
    padding-right: 0;
}
.comments-tabs .fa {
    margin-left: 5px;
}
.comments .avatar-image-container {
    margin-right: 15px;
}
.comment-header {
    margin-right: 15px !important;
}
.comments-horizontal li {
    float: right;
}
.status-msg-body:before {
  margin-left: 5px;
}

.post-pager li.previous {
    margin-left: -2px;
    margin-right: 0;
    float: right;
    border-left: 1px solid #ddd;
}
.post-pager li.previous a {
    padding-left: 24px;
}
.post-pager li.previous i {
    float: right;
    margin-right: 5%;
}
.post-pager li.next i {
    float: left;
    margin-left: 5%;
}
#related-posts a {
    margin-left: 15px !important;
}
.imageContainer {
   float: right;
   margin-left: 8px;
}
.label_title {
    padding-left: 5px;
}
.post-date {
    margin-left: 8px;
    float: right;
}

.post-date:before {
    margin-left: 5px;
    float: right;
 
}
.recent-com {
    float: right;
}

.recent-com:before {
  margin-left: 5px;
  float: right;
}
.label_title:before, .sidebar .LinkList li a:before, .feature-posts .item-title a:before, .popular-posts .item-title a:before {
    margin-left: 5px;
    content: &quot;\f100&quot;;
}
.sidebar .LinkList ul li a:hover {
    margin-right: 10px;
}
.upbt {
    float: right;
    margin-left: 20px;
}
div#search-header {
    float: left;
}
#search-header button {
    float: left;
}
button.remove {
    left: 15px;
}
#sidebar-wrapper {
    float: left;
}
#main-wrapper {
    float: right;
}
#sidebar-wrapper2{
    float: right;
}
.post-meta-in .fa {
    margin-left: 5px;
}
.follow-by-email-inner td {
    float: left;
}
.email-icon {
    left: 15px;
}
.comments .comments-content .datetime {
    float: left;
}
.list-label-widget-content ul li a:hover {
    padding-right: 15px;
}
#search-hide input {
    float: right;
}
.post-meta-in .post-labels {
    margin-right: 5px;
}

</style>

</b:if>

<!-- Styles for Responsive Design -->
<style>

/* Responsive Design
----------------------------------------------- */

@media screen and (min-width: 1200px) {
    #facebook-comments1 {
        display: block;
    }
    #facebook-comments2, #facebook-comments3, #facebook-comments4 {
        display: none;
    }
}

@media screen and (max-width: 1200px) {

    #facebook-comments2 {
        display: block;
    }
    #facebook-comments1, #facebook-comments3, #facebook-comments4 {
        display: none;
    }

    .woo {
        max-width: 800px;
    }
    #main-wrapper {
        width: 100%;
        float: none !important;
        clear: both;
    }
    #sidebar-wrapper {
        width: 100%;
        margin-top: 25px;
    }
    #header-content #header {
        float: none;
        margin: 20px auto;
    }
    .Header h1, .Header .description, #header {
        text-align: center;
    }
    #header-content #ad {
       float: none !important;
       width: 100%;
       max-width: 728px;
       margin: 0 auto;
   }

}

@media screen and (max-width: 800px) {

    #facebook-comments3 {
        display: block;
    }
    #facebook-comments1, #facebook-comments2, #facebook-comments4 {
        display: none;
    }

   .woo {
       max-width: 600px;
   }
   #coverflow {
       max-width: 400px;
       margin: 0 auto;
   }
   #footer-wrapper .footer {
       width: 100%;
       float: none !important;
       margin-bottom: 10px;
   }

}

@media screen and (max-width: 600px) {

    #facebook-comments4 {
        display: block;
    }
    #facebook-comments1, #facebook-comments3, #facebook-comments2 {
        display: none;
    }

   .woo {
       max-width: 400px;
   }

    #sidebar-wrapper {
        width: 100%;
        float: none !important;
        margin-top: 25px;
    }

    #copyrights p {
        float: none !important;
        margin-bottom: 15px;
        text-align: center;
    }

    #related-posts a {
        width: 100%;
    }

}
</style>

  <b:include data='blog' name='google-analytics'/>
 
	<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

<script type='text/javascript'> 
//<![CDATA[

eval(function(p,a,c,k,e,d){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--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[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}('D 4j(e){G.I(\'<3Z 1W="4h">\');V(q t=0;t<3b;t++){q n=e.1h.H[t];q r=n.1n.$t;q i;z(t==e.1h.H.F)1m;V(q o=0;o<n.R.F;o++){z(n.R[o].1H=="3d"&&n.R[o].31=="2H/22"){q u=n.R[o].1n;q f=n.R[o].X}z(n.R[o].1H=="2A"){i=n.R[o].X;1m}}q l;3Y{l=n.4i$1J.44}3W(h){s=n.1v.$t;a=s.15("<U");b=s.15(\'K="\',a);c=s.15(\'"\',b+5);d=s.2l(b+5,c-b-5);z(a!=-1&&b!=-1&&c!=-1&&d!=""){l=d}P l="1I://3.2z.2y.1w/-4g/4k/4L/4D/1K/4C.2C"}q p=n.2k.$t;q v=p.19(0,4);q m=p.19(5,7);q g=p.19(8,10);q y=16 14;y[1]="2w";y[2]="2I";y[3]="2J";y[4]="2K";y[5]="2F";y[6]="4b";y[7]="3B";y[8]="2x";y[9]="3L";y[10]="2D";y[11]="2E";y[12]="2L";G.I(\'<3f Z="3g-4F">\');z(4G==1f)G.I(\'<Y Z="4K"><a X="\'+i+\'" 2O ="2Q"><U Z="2q" K="\'+l+\'" 1n="\'+r+\'" 4J="\'+r+\'"/></a></Y>\');G.I(\'<a Z="4n" X="\'+i+\'" 2O ="2Q">\'+r+"</a>");q w="";q E=0;G.I("");p=n.2k.$t;q S=[1,2,3,4,5,6,7,8,9,10,11,12];q x=["2w","2I","2J","2K","2F","4b","3B","2x","3L","2D","2E","2L"];q T=p.1d("-")[2].19(0,2);q N=p.1d("-")[1];q C=p.1d("-")[0];V(q k=0;k<S.F;k++){z(42(N)==S[k]){N=x[k];1m}}q L=T+" "+N+" "+C;z(4r==1f){G.I(\'<Y Z="4s"><a X="\'+i+\'" Z="29-4x">\'+L+"</a>")}z(4t==1f){z(E==1){w=w+" | "}z(u=="1 2T")u="1 4o";z(u=="0 2T")u="4u 2T";w=w+u;E=1;G.I(\'<a Z="3g-1w" X="\'+f+\'" 2O ="2Q">\'+u+"</a></Y>")}z("1v"1R n){q A=n.1v.$t}P z("1S"1R n){q A=n.1S.$t}P q A="";q O=/<\\S[^>]*>/g;A=A.1P(O,"");z(4v==1f){z(A.F<30){G.I("");G.I(A);G.I("")}P{G.I("");A=A.19(0,30);q M=A.4w(" ");A=A.19(0,M);G.I(\'<p Z="29-1S">\'+A+"...</p>")}}G.I("</3f>");z(t!=3b-1)G.I("")}G.I("</3Z>")};$(G).1g(D(){$(\'.2q\').1q(\'K\',D(i,K){Q K.1P(\'3O-c\',\'1K\')})});$(G).1g(D(){$(\'.2q\').1q(\'K\',D(i,K){Q K.1P(\'47.23\',\'4a.23\')})});$(G).1g(D(){$(\'.3N-26 .3R-1J U, .29-3U U, .3E-26 U\').1q(\'K\',D(i,K){Q K.1P(\'3O-c\',\'1K\')})});$(G).1g(D(){$(\'.3N-26 .3R-1J U, .29-3U U, .3E-26 U\').1q(\'K\',D(i,K){Q K.1P(\'47.23\',\'4a.23\')})});1G=16 14();1G[0]="1I://2.2z.2y.1w/-3p/3i/3h/3H/1K/3n-1J.2C";3a=1f;4m=1f;4l=4p;4q=20;4y=12;2i=4;D 4z(3A,3u){q s=3A.1d("<");V(q i=0;i<s.F;i++){z(s[i].15(">")!=-1){s[i]=s[i].19(s[i].15(">")+1,s[i].F)}}s=s.4H("");s=s.19(0,3u-1);Q s}D 4I(1j){j=(3a)?1y.3r((1G.F+1)*1y.3s()):0;U=16 14();z(2i<=1j.1h.H.F){2n=2i}P{2n=1j.1h.H.F}V(q i=0;i<2n;i++){q H=1j.1h.H[i];q 2X=H.1n.$t;q 21;q 1M;z(i==1j.1h.H.F)1m;V(q k=0;k<H.R.F;k++){z(H.R[k].1H==\'2A\'){1M=H.R[k].X;1m}}V(q k=0;k<H.R.F;k++){z(H.R[k].1H==\'3d\'&&H.R[k].31==\'2H/22\'){21=H.R[k].1n.1d(" ")[0];1m}}z("1v"1R H){q 1X=H.1v.$t}P z("1S"1R H){q 1X=H.1S.$t}P q 1X="";1Z=H.2k.$t;z(j>1G.F-1)j=0;U[i]=1G[j];s=1X;a=s.15("<U");b=s.15("K=\\"",a);c=s.15("\\"",b+5);d=s.2l(b+5,c-b-5);z((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))U[i]=d;q 2h=[1,2,3,4,5,6,7,8,9,10,11,12];q 38=["2w","2I","2J","2K","2F","4B","4A","2x","4E","2D","2E","2L"];q 3V=1Z.1d("-")[2].19(0,2);q m=1Z.1d("-")[1];q y=1Z.1d("-")[0];V(q 1L=0;1L<2h.F;1L++){z(42(m)==2h[1L]){m=38[1L];1m}}q 4f=3V+\' \'+m+\' \'+y;21=\'<a X="\'+1M+\'">\'+21+\' 5v</a>\';q 46=\'<Y Z="5w"><1Y Z="2X"><a X="\'+1M+\'">\'+2X+\'</a></1Y><a X="\'+1M+\'"><U Z="37" K="\'+U[i]+\'"/></a><Y Z="3e"></Y></Y>\';G.I(46);j++}}q W=16 14();q 18=0;q 13=16 14();q 1b=16 14();D 5x(1j){V(q i=0;i<1j.1h.H.F;i++){q H=1j.1h.H[i];W[18]=H.1n.$t;3Y{1b[18]=H.5y.44}3W(2S){s=H.1v.$t;a=s.15("<U");b=s.15("K=\\"",a);c=s.15("\\"",b+5);d=s.2l(b+5,c-b-5);z((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){1b[18]=d}P 1b[18]=\'1I://2.2z.2y.1w/-3p/3i/3h/3H/1K/3n-1J.2C\'}z(W[18].F>35)W[18]=W[18].19(0,35)+"...";V(q k=0;k<H.R.F;k++){z(H.R[k].1H==\'2A\'){13[18]=H.R[k].X;18++}}}}D 5u(){q 1z=16 14(0);q 1N=16 14(0);q 1O=16 14(0);V(q i=0;i<13.F;i++){z(!3x(1z,13[i])){1z.F+=1;1z[1z.F-1]=13[i];1N.F+=1;1O.F+=1;1N[1N.F-1]=W[i];1O[1O.F-1]=1b[i]}}W=1N;13=1z;1b=1O}D 3x(a,e){V(q j=0;j<a.F;j++)z(a[j]==e)Q 1f;Q 1a}D 5t(){V(q i=0;i<13.F;i++){z((13[i]==5p)||(!(W[i]))){13.1p(i,1);W.1p(i,1);1b.1p(i,1);i--}}q r=1y.3r((W.F-1)*1y.3s());q i=0;z(W.F>0)G.I(\'<1Y>\'+5q+\'</1Y>\');G.I(\'<Y 2s="3e: 5r;"/>\');5A(i<W.F&&i<20&&i<5s){G.I(\'<a 2s="2H-4M:3X;5z:0 0 5D 5F;27:5C;\');z(i!=0)G.I(\'"\');P G.I(\'"\');G.I(\' X="\'+13[r]+\'"><U Z="37" K="\'+1b[r]+\'"/><5E/><Y 1W="5B-1n">\'+W[r]+\'</Y></a>\');z(r<W.F-1){r++}P{r=0}i++}G.I(\'</Y>\');13.1p(0,13.F);1b.1p(0,1b.F);W.1p(0,W.F)};(D(e){q t={1e:0,25:0,1D:"4Y-1k",4c:"1k-4e",48:1a,1C:""},n=e(1c),r=e(G),i=[],s=n.1l(),o=D(){q t=n.2j(),o=r.1l(),u=o-s,a=t>u?u-t:0;V(q f=0;f<i.F;f++){q l=i[f],c=l.3C.2m().1Q,h=c-l.1e-a;z(t<=h){z(l.1B!==1F){l.1i.17("41","").17("1Q","");l.1i.1o().3q(l.1D);l.1B=1F}}P{q p=o-l.1i.3K()-l.1e-l.25-t-a;z(p<0){p=p+l.1e}P{p=l.1e}z(l.1B!=p){l.1i.17("41","4X").17("1Q",p);z(2G l.1C!=="50"){l.1i.17("2v",e(l.1C).2v())}l.1i.1o().2R(l.1D);l.1B=p}}}},u=D(){s=n.1l()},a={2g:D(n){q r=e.34(t,n);Q B.2a(D(){q t=e(B);q n=t.1q("1W");q s=e("<Y></Y>").1q("1W",n+"-1k-4e").2R(r.4c);t.51(s);z(r.48){t.1o().17({2v:t.53(),52:"40",4W:"40"})}z(t.17("27")=="3I"){t.17({"27":"3X"}).1o().17({"27":"3I"})}q o=t.1o();o.17("1l",t.3K());i.5o({1e:r.1e,25:r.25,1i:t,1B:1F,3C:o,1D:r.1D,1C:r.1C})})},4V:o,2V:D(t){Q B.2a(D(){q t=e(B);24=-1;V(q n=0;n<i.F;n++){z(i[n].1i.3M(0)==t.3M(0)){24=n}}z(24!=-1){i.1p(24,1);t.4P();t.4O("2s")}})}};z(1c.2r){1c.2r("2B",o,1a);1c.2r("3v",u,1a)}P z(1c.2p){1c.2p("4N",o);1c.2p("4Q",u)}e.2M.1k=D(t){z(a[t]){Q a[t].28(B,14.2d.3P.3Q(1T,1))}P z(2G t==="43"||!t){Q a.2g.28(B,1T)}P{e.2S("3D "+t+" 3G 49 45 1A 2b.1k")}};e.2M.2V=D(t){z(a[t]){Q a[t].28(B,14.2d.3P.3Q(1T,1))}P z(2G t==="43"||!t){Q a.2V.28(B,1T)}P{e.2S("3D "+t+" 3G 49 45 1A 2b.1k")}};e(D(){4U(o,0)})})(2b);$(G).1g(D(){$("#3S").1k({1e:0})});(D(e,t,n,r){q i=D(r,i){B.1t=r;B.$1t=e(r);B.2Z=i;B.32=B.$1t.4T("4S-2Z");B.$1u=e(t);B.2c={};B.1U=1a;B.$2P=e(n);B.2Y=B.$2P.1l()};i.2d={2f:{3z:"a",1x:"54",3T:1a,36:"55",1V:"",33:5i,3l:.5,2U:1a,2u:1a,1E:1a},2g:D(){B.J=e.34({},B.2f,B.2Z,B.32);B.$1r=B.$1t.2t(B.J.3z);z(B.J.1V!==""){B.$1r=B.$1r.1V(B.J.1V)}B.$1r.1A("5h.1s",e.3y(B.3t,B));B.2e();B.2o();B.$1u.1A("3v.1s",e.3y(B.2e,B));Q B},2N:D(e,t){e.$1t.2t("."+e.J.1x).3q(e.J.1x);t.2R(e.J.1x)},2o:D(){q e=B;q t;e.$1u.1A("2B.1s",D(){e.1U=1f});e.t=39(D(){t=e.$2P.1l();z(e.1U){e.1U=1a;e.1E()}z(t!==e.2Y){e.2Y=t;e.2e()}},5j)},2W:D(e){Q e.1q("X").1d("#")[1]},2e:D(){q t=B;q n;q r;q i;t.$1r.2a(D(){n=t.2W(e(B));i=e("#"+n);z(i.F){r=i.2m().1Q;t.2c[n]=1y.3m(r)}})},3F:D(e){q t=1F;q n=1y.3m(B.$1u.1l()*B.J.3l);V(q r 1R B.2c){z(B.2c[r]-n<e){t=r}}Q t},3t:D(n){q r=B;q i=e(n.5m);q s=i.1o();q o="#"+r.2W(i);z(!s.3J(r.J.1x)){z(r.J.2U){r.J.2U()}r.2N(r,s);r.3w();r.4d(o,D(){z(r.J.3T){t.3j.5l=o}r.2o();z(r.J.2u){r.J.2u()}})}n.5f()},1E:D(){q e=B.$1u.2j();q t=B.3F(e);q n;z(t!==1F){n=B.$1t.2t(\'a[X$="#\'+t+\'"]\').1o();z(!n.3J(B.J.1x)){B.2N(B,n);z(B.J.1E){B.J.1E(n)}}}},4d:D(t,n){q r=e(t).2m().1Q;e("22, 58").57({2j:r},B.J.33,B.J.36,n)},3w:D(){59(B.t);B.$1u.5a("2B.1s")}};i.2f=i.2d.2f;e.2M.1s=D(e){Q B.2a(D(){(16 i(B,e)).2g()})}})(2b,1c,G);$(G).1g(D(){$(\'#1r\').1s()});$(1c).5b(D(){$("#5c").5d("56")});$(G).1g(D(){$("#5e").5k().5g("#3S .4R")});$(G).1g(D(){$(\'#3c\').22(\'<a X="1I://3k.3o.1w/">4Z</a>\');39(D(){z(!$(\'#3c:5G\').F)1c.3j.X=\'1I://3k.3o.1w/\'},5n)})',62,353,'||||||||||||||||||||||||||var|||||||||if||this||function||length|document|entry|write|config|src|||||else|return|link|||img|for|relatedTitles|href|div|class||||relatedUrls|Array|indexOf|new|css|relatedTitlesNum|substring|false|thumburl|window|split|topSpacing|true|ready|feed|stickyElement|json|sticky|height|break|title|parent|splice|attr|nav|onePageNav|elem|win|content|com|currentClass|Math|tmp|on|currentTop|getWidthFrom|className|scrollChange|null|imgr|rel|http|thumbnail|s1600|u2|posturl|tmp2|tmp3|replace|top|in|summary|arguments|didScroll|filter|id|postcontent|h2|postdate||pcm|html|jpg|removeIdx|bottomSpacing|posts|float|apply|post|each|jQuery|sections|prototype|getPositions|defaults|init|month|numposts2|scrollTop|published|substr|offset|maxpost|bindInterval|attachEvent|label_thumb|addEventListener|style|find|end|width|Jan|Aug|blogspot|bp|alternate|scroll|png|Oct|Nov|May|typeof|text|Feb|Mar|Apr|Dec|fn|adjustNav|target|doc|_top|addClass|error|Comments|begin|unstick|getHash|posttitle|docHeight|options|numchars|type|metadata|scrollSpeed|extend||easing|related_img|month2|setInterval|showRandomImg|numposts|mycontent|replies|clear|li|recent|AAAAAAAAFdA|UrCQQa4cLsI|location|www|scrollThreshold|round|no|templateism|ex3V86fj4dQ|removeClass|floor|random|handleClick|chop|resize|unbindInterval|contains_thumbs|proxy|navItems|strx|July|stickyWrapper|Method|feature|getSection|does|j2FCTmGOrog|right|hasClass|outerHeight|Sept|get|popular|s72|slice|call|item|sbar|changeHash|home|day|catch|none|try|ul|auto|position|parseInt|object|url|exist|trtd|default|center|not|mqdefault|June|wrapperClassName|scrollTo|wrapper|daystr|zP87C2q9yog|label_with_thumbs|media|labelthumbs|UVopoHY30SI|summaryPost|aBold|label_title|Comment|400|summaryTitle|showpostdate|toe|showcommentnum|No|showpostsummary|lastIndexOf|date|numposts1|removeHtmlTag|Jul|Jun|picture_not_available|AIyPvrpGLn8|Sep|box|showpostthumbnails|join|showrecentposts1|alt|imageContainer|AAAAAAAAE5k|decoration|onscroll|removeAttr|unwrap|onresize|woo|plugin|data|setTimeout|update|marginRight|fixed|is|Templateism|undefined|wrapAll|marginLeft|outerWidth|current|swing|slow|animate|body|clearInterval|unbind|load|preloader|fadeOut|header|preventDefault|prependTo|click|750|250|clone|hash|currentTarget|3000|push|currentposturl|relatedpoststitle|both|maxresults|printRelatedLabels_thumbs|removeRelatedDuplicates_thumbs|comments|col_maskolis|related_results_labels_thumbs|gform_foot|margin|while|related|left|10px|br|4px|visible'.split('|'),0,{}))

//]]>
</script>

 </head>

  <body expr:class='data:blog.pageType'>

<b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'> 

    <div id='preloader'>

<div id='movingBallG'>
<div class='movingBallLineG'>
</div>
<div class='movingBallG' id='movingBallG_1'>
</div>
</div>

    </div>
 
</b:if>

<div id='wrapper'>

    <div id='top'/>

  <div class=&quot;<b:if cond='data:blog.url == data:blog.homepageUrl'>home <b:else/><data:blog.pageType/> </b:if>box<b:if cond='data:blog.pageType == &quot;static_page&quot;'> item</b:if><b:if cond='data:blog.pageType == &quot;archive&quot;'> index</b:if>&quot;>

<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/en_GB/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div id='tos'>

  <div id='header-wrapper'>

    <div id='top-header'>

<div class='woo'>

<b:section class='top-menu' id='top-menu' maxwidgets='1' showaddelement='yes'>
  <b:widget id='LinkList33' locked='true' title='Top Menu' type='LinkList'>
    <b:includable id='main'>

 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
 </div>
</b:includable>
  </b:widget>
</b:section>
 
<div id='search-header'>
<button><span><i class='fa fa-search'/></span></button>
</div>
<div id='shide'>

<div id='search-hide'>
<form action='/search'>
<input id='feed-input' name='q' placeholder='Search here ...' size='40' type='text'/>
</form>

  <button class='remove'><span><i class='fa fa-times'/></span></button>

</div>

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

<div id='header-content'>

<div class='woo'>

<b:section class='header wow fadeInDown' id='header' maxwidgets='1' showaddelement='yes'>
  <b:widget id='Header1' locked='true' title='Xmax (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>

<b:section class='ad' id='ad' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML2' locked='false' title='Ad 728×90px' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

  </div>

    </div>

      <div class='clear'/>

<div id='sbar'>

<div class='woo'>

<div id='menu'>

<b:section class='pages' id='pages' maxwidgets='1' showaddelement='yes'>
  <b:widget id='PageList5' locked='true' title='Menu' type='PageList'>
    <b:includable id='main'>

  <div class='widget-content'>

      <ul id='nav'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='current'><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>

  </div>
</b:includable>
  </b:widget>
</b:section>

  </div>

  </div>

</div>

      <div class='clear'/>

    </div>

      <div class='clear'/>

<div id='outer-wrapper'>

<b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'> 

<div id='about'>

<div class='about-inner wow fadeInDown'>

  <div class='woo'>

  <div class='welcome'><h3>Welcome to <span><data:blog.title/></span></h3></div>

  <b:section class='about-text' id='about-text' maxwidgets='1' showaddelement='yes'>
    <b:widget id='HTML22' locked='true' title='About' type='HTML'>
      <b:includable id='main'>
 
  <div class='widget-content'>
    <p><data:content/></p>
  </div>

</b:includable>
    </b:widget>
  </b:section>

  </div>

</div>

</div>

<div id='feature'>

<div class='feature-inner wow fadeInDown'>

  <div class='woo'>

  <b:section class='popular' id='popular' maxwidgets='1' showaddelement='yes'>
    <b:widget id='PopularPosts55' locked='true' title='Featured Posts' type='PopularPosts'>
      <b:includable id='main'>
  <b:if cond='data:title'><div class='px-title'><h2><data:title/></h2></div></b:if>

<button class='prev'><i class='fa fa-chevron-left'/></button>
<button class='next'><i class='fa fa-chevron-right'/></button>

  <div class='widget-content feature-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>

            <div class='featuro'>
              
               
                  <a expr:href='data:post.href'>
                   <div class='imageContainer'>
                    <img expr:src='data:post.thumbnail'/>
                   </div>
                  </a>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
         
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
    </b:widget>
  </b:section>

  </div>

</div>

</div>

  </b:if>

<div id='content'>

<div class='woo'>

<div id='main-wrapper'>

<div class='px-title'><h2>Our Blog</h2></div>

<b:section class='main' id='main' maxwidgets='1' 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='post-outer wow fadeInDown'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>

      <data:adEnd/>
    </div>

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

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

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

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

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

</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </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.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' 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:includable>
    <b:includable id='comment_picker' var='post'>
  <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:includable>
    <b:includable id='comments' var='post'>

<div class='comments-tabs' data-toggle='tabslet'>
    <ul class='comments-horizontal'>
      <li><a href='#comments'><i class='fa fa-comments'/> Blog Comments</a></li>
      <li><a href='#facebook-comments'><i class='fa fa-facebook'/> Facebook Comments</a></li>
    </ul>

  <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>
               
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
               
          </b:if>

          <data:post.commentRangeText/>

          <b:if cond='data:post.hasNewerLinks'>
             
            <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>
          </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>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

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

      </p>
    </b:if>
    <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>

<div id='facebook-comments'>

<div id='facebook-comments1'>

<div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='620' expr:data-href='data:post.url'/>

</div>

<div id='facebook-comments2'>

<div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='715' expr:data-href='data:post.url'/>

</div>

<div id='facebook-comments3'>

<div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='510' expr:data-href='data:post.url'/>

</div>

<div id='facebook-comments4'>

<div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='300' expr:data-href='data:post.url'/>

</div>

</div>

  </div>
</b:includable>
    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

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

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

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

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

        <div class='mobile-index-arrow'>&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'>
              <b:include data='post' name='comment_count_picker'/>
            </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'>&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'>&rsaquo;</a>
      </div>
    </b:if>

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

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

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

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

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

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

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </span>
                  </b:if>
                </b:if>
              </span>

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

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <b:include data='post' name='comment_count_picker'/>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

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

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='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'><data:homeMsg/></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 uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

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

<div class='labelom'>

<span class='post-labels'>

  <i class='fa fa-home'/> <a href='/'>Home</a> <b:if cond='data:blog.languageDirection == &quot;ltr&quot;'><i class='fa fa-angle-right'/><b:else/><i class='fa fa-angle-left'/></b:if>

          <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 cond='data:blog.languageDirection == &quot;ltr&quot;'><i class='fa fa-angle-right'/><b:else/><i class='fa fa-angle-left'/></b:if> </b:if>
          </b:loop>

<b:if cond='data:blog.languageDirection == &quot;ltr&quot;'><i class='fa fa-angle-right'/><b:else/><i class='fa fa-angle-left'/></b:if> <a expr:href='data:post.link'><data:post.title/></a>

    </span>

  </div>

    </b:if>

    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>

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

      <h2 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>
      </h2>

      </b:if>

    </b:if>

    <div class='post-header'>

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
   <div class='post-meta-in'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <i class='fa fa-user'/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:post.author/></span>
              </span>
            </b:if>
        </b:if>
      </span>

 <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <i class='fa fa-calendar'/>
        <b:if cond='data:post.url'>
          <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>

        </div>

      </b:if>

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

    <b:if cond='data:blog.metaDescription == &quot;&quot;'>
      <!-- Then use the post body as the schema.org description,
          for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
        

          <b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div class='post-home'>
   <b:if cond='data:post.thumbnailUrl'>
     <a expr:href='data:post.url'><div class='imageContainer'><img class='post-thumbnail resizethumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></div></a>
   </b:if>

<div class='post-info'>

    <b:if cond='data:post.title'>
      <h2 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>
      </h2>
    </b:if>

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

        <div class='post-meta'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <i class='fa fa-user'/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:post.author/></span>
              </span>
            </b:if>
        </b:if>
      </span>

 <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <i class='fa fa-clock-o'/>
        <b:if cond='data:post.url'>
          <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>

        </div>

  </b:if>

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

        <div class='post-meta'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <i class='fa fa-user'/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:post.author/></span>
              </span>
            </b:if>
        </b:if>
      </span>

 <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <i class='fa fa-clock-o'/>
        <b:if cond='data:post.url'>
          <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>

        </div>

  </b:if>

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

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

          <b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div class='post-home'>
   <b:if cond='data:post.thumbnailUrl'>
     <a expr:href='data:post.url'><img class='post-thumbnail resizethumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='100%' width='100%'/></a>
   </b:if>

<div class='post-info'>

    <b:if cond='data:post.title'>
      <h2 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>
      </h2>
    </b:if>

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

        <div class='post-meta'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <i class='fa fa-user'/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:post.author/></span>
              </span>
            </b:if>
        </b:if>
      </span>

 <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <i class='fa fa-clock-o'/>
        <b:if cond='data:post.url'>
          <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>

        </div>

  </b:if>

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

        <div class='post-meta'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <i class='fa fa-user'/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:post.author/></span>
              </span>
            </b:if>
        </b:if>
      </span>

 <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <i class='fa fa-clock-o'/>
        <b:if cond='data:post.url'>
          <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>

        </div>

  </b:if>

    <p class='post-snippet'><data:post.snippet/></p>
    </div></div>

 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

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

    <div class='post-footer'>

<div class='clear'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<ul class='post-pager'>
        <li class='next'> 
<b:if cond='data:newerPageUrl'> 
<a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/> 
<b:else/> 
<a rel='next'><strong>Next</strong> <span>This The latest post</span></a> 
</b:if> 
</li>
    <li class='previous'> 
<b:if cond='data:olderPageUrl'> 
<a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/> 
<b:else/> 
<a rel='previous'><strong>Previous</strong> <span>This the oldest post</span></a> 
</b:if> 
</li>
    </ul>

<script type='text/javascript'> 
//<![CDATA[ 
(function($){    
    var newerLink = $('a.newer-link'); 
    var olderLink = $('a.older-link'); 
    $.get(newerLink.attr('href'), function (data) { 
     newerLink.html('<strong>Next</strong> <span>'+$(data).find('.post h2.post-title').text()+'</span>');    
    },"html"); 
    $.get(olderLink.attr('href'), function (data2) { 
     olderLink.html('<strong>previous</strong> <span>'+$(data2).find('.post h2.post-title').text()+'</span>');    
    },"html"); 
})(jQuery); 
//]]> 
</script>
      </b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=3;
var relatedpoststitle=&quot;<span>Related Posts</span>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>

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

      </div>

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

      </div>

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

      </div>
      <b:if cond='data:post.authorAboutMe'>
        <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
          <span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
      </b:if>
    </div>
  </div>
</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://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;&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;&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;&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;&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;&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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

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

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

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

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } 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-tabs' data-toggle='tabslet'>
    <ul class='comments-horizontal'>
      <li><a href='#comments'><i class='fa fa-comments'/> Blog comments</a></li>
      <li><a href='#facebook-comments'><i class='fa fa-facebook'/> Facebook comments</a></li>
    </ul>

 <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>

<div id='facebook-comments'>

<div id='facebook-comments1'>

<div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='620' expr:data-href='data:post.url'/>

</div>

<div id='facebook-comments2'>

<div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='715' expr:data-href='data:post.url'/>

</div>

<div id='facebook-comments3'>

<div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='510' expr:data-href='data:post.url'/>

</div>

<div id='facebook-comments4'>

<div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='300' expr:data-href='data:post.url'/>

</div>

</div>

  </div>

 </b:includable>
  </b:widget>
</b:section>

  </div>

<div id='sidebar-wrapper'>

  <b:section class='sidebar' id='sidebar' showaddelement='yes'>
    <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

<b:if cond='data:content == &quot;remove&quot;'>

   <style> #HTML88 { display: none; } </style>

<b:else/>

<iframe allowtransparency='true' expr:src='&quot;//www.facebook.com/plugins/likebox.php?href=&quot; + data:content + &quot;&width=340px&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=492409184153294&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100%; height:258px;'/>

   </b:if>

      </div>

      <b:include name='quickedit'/>
    </b:includable>
    </b:widget>
    <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
      <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <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:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
      <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
      <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
      <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
      <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
      <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
      <b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>▼ </span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          ◄ 
        <b:else/>
          ► 
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
    </b:widget>
    <b:widget id='Label3' locked='false' title='Labels' type='Label'>
      <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
    </b:widget>
    <b:widget id='FollowByEmail1' locked='false' title='Follow By Email' type='FollowByEmail'>
      <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
    </b:widget>
    <b:widget id='Label2' locked='false' title='Labels' type='Label'>
      <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
    </b:widget>
    
  </b:section>

  </div>

  </div>

  </div>

      <div class='clear'/>

<b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'> 

<div id='our-team'>

<div class='team-inner wow fadeInDown'>

<div class='woo'>
  <b:section class='team' id='team' maxwidgets='1' showaddelement='yes'>
    <b:widget id='Profile1' locked='true' title='Our Team' type='Profile'>
      <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <div class='px-title'><h2><data:title/></h2></div>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
      <ul>

<b:loop values='data:authors' var='i'>

          <li class='teamblock'>

            <a expr:href='data:i.userUrl'><div class='author-name'><p><data:i.display-name/></p></div></a>
          <span class='team-about'><data:aboutme/></span>

</li>

        </b:loop>

      </ul>

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

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

  <a expr:href='data:i.userUrl'><div class='author-name'><p><data:displayname/></p></div></a>
          <b:if cond='data:aboutme != &quot;&quot;'><span class='team-about'><data:aboutme/></span></b:if>

      </div>

    </b:if>

    </div>
  </b:includable>
    </b:widget>
  </b:section>
  </div>

</div> </div>

<div class='clear'/>

<b:section class='contact' id='contact' maxwidgets='2' showaddelement='yes'>
  
  <b:widget id='HTML155' locked='true' title='Find Us' type='HTML'>
    <b:includable id='main'>

      <div class='find wow fadeInDown'><span><i class='fa fa-map-marker'/> <data:title/></span></div>

  <div class='widget-content map'>
    <data:content/>
  </div>

</b:includable>
  </b:widget>
</b:section>

<div class='clear'/>

  </b:if>

  </div>

  </div>

<div class='clear'/>

<div id='copyrights'>

<div class='woo'>

   <a class='upbt' href='#top'><i class='fa fa-angle-up'/></a> <p> <i class='fa fa-flag'/> <data:blog.title/> Designed by <a href='http://www.templateism.com' id='mycontent'>Templateism</a> | <a href='http://www.MyBloggerLab.com'>MyBloggerLab</a> | Published By <a href='https://gooyaabitemplates.com/' rel='dofollow' target='_blank' title='Blogger Templates'>Gooyaabi Templates</a> Copyright © 2014 </p>

   <!-- Social icons widget -->
 <b:section class='social-sec' id='social-sec' maxwidgets='1' showaddelement='yes'>
   <b:widget id='LinkList55' locked='true' title='Social Media Icons' type='LinkList'>
     <b:includable id='main'>

   <div class='widget-content wow fadeInDown'>
     <ul id='social'>
       <b:loop values='data:links' var='link'>
         <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a></li>
       </b:loop>
     </ul>
   </div>

</b:includable>
   </b:widget>
 </b:section>

  </div>

    </div>

     </div>

  
<div class='recent-posts-1' style='display:none'>
<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>
<script src='/feeds/posts/default?published&alt=json-in-script&callback=labelthumbs' type='text/javascript'/>
</div>
<script type='text/javascript'>
 //<![CDATA[

$(document).ready(function() {

$('.recent-posts-1').appendTo(".recent-posts");
$('.box .recent-posts-1').css("display", "block");

});

  //]]>
</script>

<div style='display: none'>
<b:section class='unwanted' id='unwanted' showaddelement='no' style='display: none'>
  <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
    <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

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

    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
    <b:includable id='main'><script type=&quot;text/javascript&quot;>
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id=&quot;navbar-iframe-container&quot;></div>
<script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;></script>
<script type=&quot;text/javascript&quot;>
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes && gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: 'https://www.blogger.com/navbar.g?targetBlogID\0752899706164049586765\46blogName\75Xmax\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://xmax-theme.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://xmax-theme.blogspot.com/\46blogFollowUrl\75https://plus.google.com/105005011522381071803\46vt\75-6702207623896323114',
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      </script><script type=&quot;text/javascript&quot;>
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
  </b:widget>
</b:section>
      </div>
   
<script type='text/javascript'> 
//<![CDATA[

// jCarouselLite plugin
(function($){$.fn.jCarouselLite=function(o){o=$.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});return this.each(function(){var b=false,animCss=o.vertical?"top":"left",sizeCss=o.vertical?"height":"width";var c=$(this),ul=$("ul",c),tLi=$("li",ul),tl=tLi.size(),v=o.visible;if(o.circular){ul.prepend(tLi.slice(tl-v-1+1).clone()).append(tLi.slice(0,v).clone());o.start+=v}var f=$("li",ul),itemLength=f.size(),curr=o.start;c.css("visibility","visible");f.css({overflow:"hidden",float:o.vertical?"none":"left"});ul.css({margin:"0",padding:"0",position:"relative","list-style-type":"none","z-index":"1"});c.css({overflow:"hidden",position:"relative","z-index":"2",left:"0px"});var g=o.vertical?height(f):width(f);var h=g*itemLength;var j=g*v;f.css({width:f.width(),height:f.height()});ul.css(sizeCss,h+"px").css(animCss,-(curr*g));c.css(sizeCss,j+"px");if(o.btnPrev)$(o.btnPrev).click(function(){return go(curr-o.scroll)});if(o.btnNext)$(o.btnNext).click(function(){return go(curr+o.scroll)});if(o.btnGo)$.each(o.btnGo,function(i,a){$(a).click(function(){return go(o.circular?o.visible+i:i)})});if(o.mouseWheel&&c.mousewheel)c.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll)});if(o.auto)setInterval(function(){go(curr+o.scroll)},o.auto+o.speed);function vis(){return f.slice(curr).slice(0,v)};function go(a){if(!b){if(o.beforeStart)o.beforeStart.call(this,vis());if(o.circular){if(a<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*g)+"px");curr=a==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll}else if(a>=itemLength-v+1){ul.css(animCss,-((v)*g)+"px");curr=a==itemLength-v+1?v+1:v+o.scroll}else curr=a}else{if(a<0||a>itemLength-v)return;else curr=a}b=true;ul.animate(animCss=="left"?{left:-(curr*g)}:{top:-(curr*g)},o.speed,o.easing,function(){if(o.afterEnd)o.afterEnd.call(this,vis());b=false});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled")}}return false}})};function css(a,b){return parseInt($.css(a[0],b))||0};function width(a){return a[0].offsetWidth+css(a,'marginLeft')+css(a,'marginRight')};function height(a){return a[0].offsetHeight+css(a,'marginTop')+css(a,'marginBottom')}})(jQuery);
$(function() {
    $("#feature .feature-posts").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        auto: 4000,
        speed: 800,
        visible: 4
    });
});

/*
 * Plugin Name: Resize Image to Parent Container
 *
 * Author: Christian Varga
 * Author URI: http://christianvarga.com
 * Plugin Source: https://github.com/levymetal/jquery-resize-image-to-parent/
 *
 */
 
(function(e){e.fn.resizeToParent=function(t){function r(e){e.css({width:"",height:"","margin-left":"","margin-top":""});var n=e.parents(t.parent).width();var r=e.parents(t.parent).height();var i=e.width();var s=e.height();var o=i/n;if(s/o<r){e.css({width:"auto",height:r});i=i/(s/r);s=r}else{e.css({height:"auto",width:n});i=n;s=s/o}var u=(i-n)/-2;var a=(s-r)/-2;e.css({"margin-left":u,"margin-top":a})}var n={parent:"div",delay:100};var t=e.extend(n,t);var i;var s=this;e(window).on("resize",function(){clearTimeout(i);i=setTimeout(function(){s.each(function(){r(e(this))})},t.delay)});return this.each(function(){var t=e(this);t.attr("src",t.attr("src"));t.load(function(){r(t)});if(this.complete){r(t)}})}})(jQuery);$(".imageContainer img").resizeToParent();

/**
 * Tabslet jQuery plugin
 *
 * @copyright Copyright 2012, Dimitris Krestos
 * @license   Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
 * @link    http://vdw.staytuned.gr
 * @version   v1.3.0
 */

(function($,window,undefined){$.fn.tabslet=function(options){var defaults={mouseevent:"click",attribute:"href",animation:false,autorotate:false,delay:6000,active:1,controls:{prev:".prev",next:".next"}};var options=$.extend(defaults,options);$(this).each(function(){var $this=$(this);$this.find("> div").hide();$this.find("> div").eq(options.active-1).show();$this.find("> ul li").eq(options.active-1).addClass("active");var fn=eval(function(){$(this).trigger("_before");$this.find("> ul li").removeClass("active");$(this).addClass("active");$this.find("> div").hide();var currentTab=$(this).find("a").attr(options.attribute);if(options.animation){$this.find(currentTab).animate({opacity:"show"},"slow",function(){$(this).trigger("_after")})}else{$this.find(currentTab).show();$(this).trigger("_after")}return false});var init=eval("$this.find('> ul li')."+options.mouseevent+"(fn)");init;var elements=$this.find("> ul li"),i=options.active-1;function forward(){i=++i%elements.length;options.mouseevent=="hover"?elements.eq(i).trigger("mouseover"):elements.eq(i).click();var t=setTimeout(forward,options.delay);$this.mouseover(function(){clearTimeout(t)})}if(options.autorotate){setTimeout(forward,0)}function move(direction){if(direction=="forward"){i=++i%elements.length}if(direction=="backward"){i=--i%elements.length}elements.eq(i).click()}$(this).find(options.controls.next).click(function(){move("forward")});$(this).find(options.controls.prev).click(function(){move("backward")})})};$(document).ready(function(){$('[data-toggle="tabslet"]').tabslet()})})(jQuery);$('#contentom').tabslet();

// template Jquery Codes
$( ".sidebar .widget h2" ).wrap( "<div class='widget-title'/>" );$('.error_page #main-wrapper').prepend('<div class="error-title"><span>404</span>');$(".FollowByEmail .follow-by-email-inner .follow-by-email-address").after("<div class='email-icon'><i class='fa fa-envelope'/></div>");

// Tooltipster v3.1.4
(function(e,t,n){function r(t,n){this.bodyOverflowX;this.callbacks={hide:[],show:[]};this.checkInterval=null;this.content;this.$el=e(t);this.$elProxy;this.elProxyPosition;this.enabled=true;this.options=e.extend({},a,n);this.mouseIsOverProxy=false;this.namespace="tooltipster-"+Math.round(Math.random()*1e5);this.status="hidden";this.timerHide=null;this.timerShow=null;this.$tooltip;this.options.iconTheme=this.options.iconTheme.replace(".","");this.options.theme=this.options.theme.replace(".","");this.init()}function i(t,n){var r=true;e.each(t,function(e,i){if(typeof n[e]==="undefined"||t[e]!==n[e]){r=false;return false}});return r}function s(){return!l&&f}function o(){var e=n.body||n.documentElement,t=e.style,r="transition";if(typeof t[r]=="string"){return true}v=["Moz","Webkit","Khtml","O","ms"],r=r.charAt(0).toUpperCase()+r.substr(1);for(var i=0;i<v.length;i++){if(typeof t[v[i]+r]=="string"){return true}}return false}var u="tooltipster",a={animation:"fade",arrow:true,arrowColor:"",autoClose:true,content:null,contentAsHTML:false,contentCloning:true,delay:200,fixedWidth:0,maxWidth:0,functionInit:function(e,t){},functionBefore:function(e,t){t()},functionReady:function(e,t){},functionAfter:function(e){},icon:"(?)",iconCloning:true,iconDesktop:false,iconTouch:false,iconTheme:"tooltipster-icon",interactive:false,interactiveTolerance:350,offsetX:0,offsetY:0,onlyOne:false,position:"top",positionTracker:false,speed:350,timer:0,theme:"tooltipster-default",touchDevices:true,trigger:"hover",updateAnimation:true};r.prototype={init:function(){var t=this;if(n.querySelector){if(t.options.content!==null){t.setContent(t.options.content)}else{var r=t.$el.attr("title");if(typeof r==="undefined")r=null;t.setContent(r)}var i=t.options.functionInit.call(t.$el,t.$el,t.content);if(typeof i!=="undefined")t.setContent(i);t.$el.removeAttr("title").addClass("tooltipstered");if(!f&&t.options.iconDesktop||f&&t.options.iconTouch){if(typeof t.options.icon==="string"){t.$elProxy=e('<span class="'+t.options.iconTheme+'"></span>');t.$elProxy.text(t.options.icon)}else{if(t.options.iconCloning)t.$elProxy=t.options.icon.clone(true);else t.$elProxy=t.options.icon}t.$elProxy.insertAfter(t.$el)}else{t.$elProxy=t.$el}if(t.options.trigger=="hover"){t.$elProxy.on("mouseenter."+t.namespace,function(){if(!s()||t.options.touchDevices){t.mouseIsOverProxy=true;t.showTooltip()}}).on("mouseleave."+t.namespace,function(){if(!s()||t.options.touchDevices){t.mouseIsOverProxy=false}});if(f&&t.options.touchDevices){t.$elProxy.on("touchstart."+t.namespace,function(){t.showTooltipNow()})}}else if(t.options.trigger=="click"){t.$elProxy.on("click."+t.namespace,function(){if(!s()||t.options.touchDevices){t.showTooltip()}})}}},showTooltip:function(){var e=this;if(e.status!="shown"&&e.status!="appearing"){if(e.options.delay){e.timerShow=setTimeout(function(){if(e.options.trigger=="click"||e.options.trigger=="hover"&&e.mouseIsOverProxy){e.showTooltipNow()}},e.options.delay)}else e.showTooltipNow()}},showTooltipNow:function(n){var r=this;r.options.functionBefore.call(r.$el,r.$el,function(){if(r.enabled&&r.content!==null){if(n)r.callbacks.show.push(n);r.callbacks.hide=[];clearTimeout(r.timerShow);r.timerShow=null;clearTimeout(r.timerHide);r.timerHide=null;if(r.options.onlyOne){e(".tooltipstered").not(r.$el).each(function(t,n){var r=e(n),i=r[u]("status"),s=r[u]("option","autoClose");if(i!=="hidden"&&i!=="disappearing"&&s){r[u]("hide")}})}var i=function(){r.status="shown";e.each(r.callbacks.show,function(e,t){t.call(r.$el)});r.callbacks.show=[]};if(r.status!=="hidden"){var s=0;if(r.status==="disappearing"){r.status="appearing";if(o()){r.$tooltip.clearQueue().removeClass("tooltipster-dying").addClass("tooltipster-"+r.options.animation+"-show");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(i)}else{r.$tooltip.stop().fadeIn(i)}}else if(r.status==="shown"){i()}}else{r.status="appearing";var s=r.options.speed;r.bodyOverflowX=e("body").css("overflow-x");e("body").css("overflow-x","hidden");var a="tooltipster-"+r.options.animation,l="-webkit-transition-duration: "+r.options.speed+"ms; -webkit-animation-duration: "+r.options.speed+"ms; -moz-transition-duration: "+r.options.speed+"ms; -moz-animation-duration: "+r.options.speed+"ms; -o-transition-duration: "+r.options.speed+"ms; -o-animation-duration: "+r.options.speed+"ms; -ms-transition-duration: "+r.options.speed+"ms; -ms-animation-duration: "+r.options.speed+"ms; transition-duration: "+r.options.speed+"ms; animation-duration: "+r.options.speed+"ms;",c=r.options.fixedWidth>0?"width:"+Math.round(r.options.fixedWidth)+"px;":"",h=r.options.maxWidth>0?"max-width:"+Math.round(r.options.maxWidth)+"px;":"",p=r.options.interactive?"pointer-events: auto;":"";r.$tooltip=e('<div class="tooltipster-base '+r.options.theme+'" style="'+c+" "+h+" "+p+" "+l+'"><div class="tooltipster-content"></div></div>');if(o())r.$tooltip.addClass(a);r.insertContent();r.$tooltip.appendTo("body");r.positionTooltip();r.options.functionReady.call(r.$el,r.$el,r.$tooltip);if(o()){r.$tooltip.addClass(a+"-show");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(i)}else{r.$tooltip.css("display","none").fadeIn(r.options.speed,i)}r.setCheckInterval();e(t).on("scroll."+r.namespace+" resize."+r.namespace,function(){r.positionTooltip()});if(r.options.autoClose){e("body").off("."+r.namespace);if(r.options.trigger=="hover"){if(f){setTimeout(function(){e("body").on("touchstart."+r.namespace,function(){r.hideTooltip()})},0)}if(r.options.interactive){if(f){r.$tooltip.on("touchstart."+r.namespace,function(e){e.stopPropagation()})}var d=null;r.$elProxy.add(r.$tooltip).on("mouseleave."+r.namespace+"-autoClose",function(){clearTimeout(d);d=setTimeout(function(){r.hideTooltip()},r.options.interactiveTolerance)}).on("mouseenter."+r.namespace+"-autoClose",function(){clearTimeout(d)})}else{r.$elProxy.on("mouseleave."+r.namespace+"-autoClose",function(){r.hideTooltip()})}}else if(r.options.trigger=="click"){setTimeout(function(){e("body").on("click."+r.namespace+" touchstart."+r.namespace,function(){r.hideTooltip()})},0);if(r.options.interactive){r.$tooltip.on("click."+r.namespace+" touchstart."+r.namespace,function(e){e.stopPropagation()})}}}}if(r.options.timer>0){r.timerHide=setTimeout(function(){r.timerHide=null;r.hideTooltip()},r.options.timer+s)}}})},setCheckInterval:function(){var t=this;t.checkInterval=setInterval(function(){if(e("body").find(t.$el).length===0||e("body").find(t.$elProxy).length===0||t.status=="hidden"||e("body").find(t.$tooltip).length===0){if(t.status=="shown"||t.status=="appearing")t.hideTooltip();t.cancelCheckInterval()}else{if(t.options.positionTracker){var n=t.positionInfo(t.$elProxy),r=false;if(i(n.dimension,t.elProxyPosition.dimension)){if(t.$elProxy.css("position")==="fixed"){if(i(n.position,t.elProxyPosition.position))r=true}else{if(i(n.offset,t.elProxyPosition.offset))r=true}}if(!r){t.positionTooltip()}}}},200)},cancelCheckInterval:function(){clearInterval(this.checkInterval);this.checkInterval=null},hideTooltip:function(n){var r=this;if(n)r.callbacks.hide.push(n);r.callbacks.show=[];clearTimeout(r.timerShow);r.timerShow=null;clearTimeout(r.timerHide);r.timerHide=null;var i=function(){e.each(r.callbacks.hide,function(e,t){t.call(r.$el)});r.callbacks.hide=[]};if(r.status=="shown"||r.status=="appearing"){r.status="disappearing";var s=function(){r.status="hidden";if(typeof r.content=="object"&&r.content!==null){r.content.detach()}r.$tooltip.remove();r.$tooltip=null;e(t).off("."+r.namespace);e("body").off("."+r.namespace).css("overflow-x",r.bodyOverflowX);e("body").off("."+r.namespace);r.$elProxy.off("."+r.namespace+"-autoClose");r.options.functionAfter.call(r.$el,r.$el);i()};if(o()){r.$tooltip.clearQueue().removeClass("tooltipster-"+r.options.animation+"-show").addClass("tooltipster-dying");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(s)}else{r.$tooltip.stop().fadeOut(r.options.speed,s)}}else if(r.status=="hidden"){i()}},setContent:function(e){if(typeof e==="object"&&e!==null&&this.options.contentCloning){e=e.clone(true)}this.content=e},insertContent:function(){var e=this,t=this.$tooltip.find(".tooltipster-content");if(typeof e.content==="string"&&!e.options.contentAsHTML){t.text(e.content)}else{t.empty().append(e.content)}},updateTooltip:function(e){var t=this;t.setContent(e);if(t.content!==null){if(t.status!=="hidden"){t.insertContent();t.positionTooltip();if(t.options.updateAnimation){if(o()){t.$tooltip.css({width:"","-webkit-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-moz-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-o-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-ms-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms",transition:"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms"}).addClass("tooltipster-content-changing");setTimeout(function(){if(t.status!="hidden"){t.$tooltip.removeClass("tooltipster-content-changing");setTimeout(function(){if(t.status!=="hidden"){t.$tooltip.css({"-webkit-transition":t.options.speed+"ms","-moz-transition":t.options.speed+"ms","-o-transition":t.options.speed+"ms","-ms-transition":t.options.speed+"ms",transition:t.options.speed+"ms"})}},t.options.speed)}},t.options.speed)}else{t.$tooltip.fadeTo(t.options.speed,.5,function(){if(t.status!="hidden"){t.$tooltip.fadeTo(t.options.speed,1)}})}}}}else{t.hideTooltip()}},positionInfo:function(e){return{dimension:{height:e.outerHeight(false),width:e.outerWidth(false)},offset:e.offset(),position:{left:parseInt(e.css("left")),top:parseInt(e.css("top"))}}},positionTooltip:function(){var n=this;if(e("body").find(n.$tooltip).length!==0){n.$tooltip.css("width","");n.elProxyPosition=n.positionInfo(n.$elProxy);var r=null,i=e(t).width(),s=n.elProxyPosition,o=n.$tooltip.outerWidth(false),u=n.$tooltip.innerWidth()+1,a=n.$tooltip.outerHeight(false);if(n.$elProxy.is("area")){var f=n.$elProxy.attr("shape"),l=n.$elProxy.parent().attr("name"),c=e('img[usemap="#'+l+'"]'),h=c.offset().left,p=c.offset().top,d=n.$elProxy.attr("coords")!==undefined?n.$elProxy.attr("coords").split(","):undefined;if(f=="circle"){var v=parseInt(d[0]),m=parseInt(d[1]),g=parseInt(d[2]);s.dimension.height=g*2;s.dimension.width=g*2;s.offset.top=p+m-g;s.offset.left=h+v-g}else if(f=="rect"){var v=parseInt(d[0]),m=parseInt(d[1]),y=parseInt(d[2]),b=parseInt(d[3]);s.dimension.height=b-m;s.dimension.width=y-v;s.offset.top=p+m;s.offset.left=h+v}else if(f=="poly"){var w=[],E=[],S=0,x=0,T=0,N=0,C="even";for(var k=0;k<d.length;k++){var L=parseInt(d[k]);if(C=="even"){if(L>T){T=L;if(k===0){S=T}}if(L<S){S=L}C="odd"}else{if(L>N){N=L;if(k==1){x=N}}if(L<x){x=L}C="even"}}s.dimension.height=N-x;s.dimension.width=T-S;s.offset.top=p+x;s.offset.left=h+S}else{s.dimension.height=c.outerHeight(false);s.dimension.width=c.outerWidth(false);s.offset.top=p;s.offset.left=h}}if(n.options.fixedWidth===0){n.$tooltip.css({width:Math.round(u)+"px","padding-left":"0px","padding-right":"0px"})}var A=0,O=0,M=0,_=parseInt(n.options.offsetY),D=parseInt(n.options.offsetX),P=n.options.position;function H(){var n=e(t).scrollLeft();if(A-n<0){r=A-n;A=n}if(A+o-n>i){r=A-(i+n-o);A=i+n-o}}function B(n,r){if(s.offset.top-e(t).scrollTop()-a-_-12<0&&r.indexOf("top")>-1){P=n}if(s.offset.top+s.dimension.height+a+12+_>e(t).scrollTop()+e(t).height()&&r.indexOf("bottom")>-1){P=n;M=s.offset.top-a-_-12}}if(P=="top"){var j=s.offset.left+o-(s.offset.left+s.dimension.width);A=s.offset.left+D-j/2;M=s.offset.top-a-_-12;H();B("bottom","top")}if(P=="top-left"){A=s.offset.left+D;M=s.offset.top-a-_-12;H();B("bottom-left","top-left")}if(P=="top-right"){A=s.offset.left+s.dimension.width+D-o;M=s.offset.top-a-_-12;H();B("bottom-right","top-right")}if(P=="bottom"){var j=s.offset.left+o-(s.offset.left+s.dimension.width);A=s.offset.left-j/2+D;M=s.offset.top+s.dimension.height+_+12;H();B("top","bottom")}if(P=="bottom-left"){A=s.offset.left+D;M=s.offset.top+s.dimension.height+_+12;H();B("top-left","bottom-left")}if(P=="bottom-right"){A=s.offset.left+s.dimension.width+D-o;M=s.offset.top+s.dimension.height+_+12;H();B("top-right","bottom-right")}if(P=="left"){A=s.offset.left-D-o-12;O=s.offset.left+D+s.dimension.width+12;var F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_;if(A<0&&O+o>i){var I=parseFloat(n.$tooltip.css("border-width"))*2,q=o+A-I;n.$tooltip.css("width",q+"px");a=n.$tooltip.outerHeight(false);A=s.offset.left-D-q-12-I;F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_}else if(A<0){A=s.offset.left+D+s.dimension.width+12;r="left"}}if(P=="right"){A=s.offset.left+D+s.dimension.width+12;O=s.offset.left-D-o-12;var F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_;if(A+o>i&&O<0){var I=parseFloat(n.$tooltip.css("border-width"))*2,q=i-A-I;n.$tooltip.css("width",q+"px");a=n.$tooltip.outerHeight(false);F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_}else if(A+o>i){A=s.offset.left-D-o-12;r="right"}}if(n.options.arrow){var R="tooltipster-arrow-"+P;if(n.options.arrowColor.length<1){var U=n.$tooltip.css("background-color")}else{var U=n.options.arrowColor}if(!r){r=""}else if(r=="left"){R="tooltipster-arrow-right";r=""}else if(r=="right"){R="tooltipster-arrow-left";r=""}else{r="left:"+Math.round(r)+"px;"}if(P=="top"||P=="top-left"||P=="top-right"){var z=parseFloat(n.$tooltip.css("border-bottom-width")),W=n.$tooltip.css("border-bottom-color")}else if(P=="bottom"||P=="bottom-left"||P=="bottom-right"){var z=parseFloat(n.$tooltip.css("border-top-width")),W=n.$tooltip.css("border-top-color")}else if(P=="left"){var z=parseFloat(n.$tooltip.css("border-right-width")),W=n.$tooltip.css("border-right-color")}else if(P=="right"){var z=parseFloat(n.$tooltip.css("border-left-width")),W=n.$tooltip.css("border-left-color")}else{var z=parseFloat(n.$tooltip.css("border-bottom-width")),W=n.$tooltip.css("border-bottom-color")}if(z>1){z++}var X="";if(z!==0){var V="",$="border-color: "+W+";";if(R.indexOf("bottom")!==-1){V="margin-top: -"+Math.round(z)+"px;"}else if(R.indexOf("top")!==-1){V="margin-bottom: -"+Math.round(z)+"px;"}else if(R.indexOf("left")!==-1){V="margin-right: -"+Math.round(z)+"px;"}else if(R.indexOf("right")!==-1){V="margin-left: -"+Math.round(z)+"px;"}X='<span class="tooltipster-arrow-border" style="'+V+" "+$+';"></span>'}n.$tooltip.find(".tooltipster-arrow").remove();var J='<div class="'+R+' tooltipster-arrow" style="'+r+'">'+X+'<span style="border-color:'+U+';"></span></div>';n.$tooltip.append(J)}n.$tooltip.css({top:Math.round(M)+"px",left:Math.round(A)+"px"})}}};e.fn[u]=function(){var t=arguments;if(this.length===0){if(typeof t[0]==="string"){var n=true;switch(t[0]){case"setDefaults":e.extend(a,t[1]);break;default:n=false;break}if(n)return true;else return this}else{return this}}else{if(typeof t[0]==="string"){var i="#*$~&";this.each(function(){var n=e(this).data("tooltipster");if(n){switch(t[0]){case"content":case"update":if(typeof t[1]==="undefined"){i=n.content;return false}else{n.updateTooltip(t[1]);break};case"destroy":n.hideTooltip();if(n.$el[0]!==n.$elProxy[0])n.$elProxy.remove();var r=typeof n.content==="string"?n.content:e("<div></div>").append(n.content).html();n.$el.removeClass("tooltipstered").attr("title",r).removeData("tooltipster").off("."+n.namespace);break;case"disable":n.hideTooltip();n.enabled=false;break;case"elementIcon":i=n.$el[0]!==n.$elProxy[0]?n.$elProxy[0]:undefined;return false;case"elementTooltip":i=n.$tooltip?n.$tooltip[0]:undefined;return false;case"enable":n.enabled=true;break;case"hide":n.hideTooltip(t[1]);break;case"option":i=n.options[t[1]];return false;case"reposition":n.positionTooltip();break;case"show":n.showTooltipNow(t[1]);break;case"status":i=n.status;return false;default:throw new Error('Unknown method .tooltipster("'+t[0]+'")');break}}else{throw new Error("You called Tooltipster's \""+t[0]+'" method on an uninitialized element')}});return i!=="#*$~&"?i:this}else{return this.each(function(){if(!e(this).data("tooltipster")){e(this).data("tooltipster",new r(this,t[0]))}})}}};var f=!!("ontouchstart"in t);var l=false;e("body").one("mousemove",function(){l=true})})(jQuery,window,document);$(document).ready(function(){$("#social-sec ul#social a").tooltipster({theme:"tooltipster-punk"})});

$(document).on('click','#search-header button',function(){
  $( "#shide" ).animate({top:'0px'},"slow");
      });
$(document).on('click','button.remove',function(){
  $( "#shide" ).animate({top:'-80px'},"slow");
      });

/*
 SelectNav.js (v. 0.1)
 Converts your <ul>/<ol> navigation into a dropdown list for small screens
 https://github.com/lukaszfiszer/selectnav.js
*/
window.selectnav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("selectnav"+t);t++);return e?"selectnav"+t:"selectnav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="selectnav" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"→",u=n.label||"- Navigation -",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();selectnav('nav');

/*! WOW - v0.1.9 - 2014-05-10
* Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */(function(){var a,b,c=function(a,b){return function(){return a.apply(b,arguments)}};a=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in a)d=a[c],null!=d&&(b[c]=d);return b},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a}(),b=this.WeakMap||(b=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),this.WOW=function(){function d(a){null==a&&(a={}),this.scrollCallback=c(this.scrollCallback,this),this.scrollHandler=c(this.scrollHandler,this),this.start=c(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),this.animationNameCache=new b}return d.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0},d.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():document.addEventListener("DOMContentLoaded",this.start)},d.prototype.start=function(){var a,b,c,d;if(this.boxes=this.element.getElementsByClassName(this.config.boxClass),this.boxes.length){if(this.disabled())return this.resetStyle();for(d=this.boxes,b=0,c=d.length;c>b;b++)a=d[b],this.applyStyle(a,!0);return window.addEventListener("scroll",this.scrollHandler,!1),window.addEventListener("resize",this.scrollHandler,!1),this.interval=setInterval(this.scrollCallback,50)}},d.prototype.stop=function(){return window.removeEventListener("scroll",this.scrollHandler,!1),window.removeEventListener("resize",this.scrollHandler,!1),null!=this.interval?clearInterval(this.interval):void 0},d.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},d.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},d.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),d.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.setAttribute("style","visibility: visible;"));return e},d.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},d.prototype.vendors=["moz","webkit"],d.prototype.vendorSet=function(a,b){var c,d,e,f;f=[];for(c in b)d=b[c],a[""+c]=d,f.push(function(){var b,f,g,h;for(g=this.vendors,h=[],b=0,f=g.length;f>b;b++)e=g[b],h.push(a[""+e+c.charAt(0).toUpperCase()+c.substr(1)]=d);return h}.call(this));return f},d.prototype.vendorCSS=function(a,b){var c,d,e,f,g,h;for(d=window.getComputedStyle(a),c=d.getPropertyCSSValue(b),h=this.vendors,f=0,g=h.length;g>f;f++)e=h[f],c=c||d.getPropertyCSSValue("-"+e+"-"+b);return c},d.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=window.getComputedStyle(a).getPropertyValue("animation-name")}return"none"===b?"":b},d.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},d.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},d.prototype.scrollHandler=function(){return this.scrolled=!0},d.prototype.scrollCallback=function(){var a;return this.scrolled&&(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),!this.boxes.length)?this.stop():void 0},d.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},d.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+this.element.clientHeight-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},d.prototype.util=function(){return this._util||(this._util=new a)},d.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},d}()}).call(this);new WOW().init();

$(document).on('click','.find span',function(){
  $( ".map" ).css( "position", "relative" );
  $( ".map" ).css( "left", "0" );
  $( this ).addClass( "removei" );
      });

$(document).on('click','.find span.removei',function(){
  $( ".map" ).css( "position", "absolute" );
  $( ".map" ).css( "left", "-555px" );
  $( this ).removeClass( "removei" );
      });

//]]>
</script>

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<script type='text/javascript'> 
//<![CDATA[
// pages navi numbers
var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/";var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}
mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}
if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}
if(mulai>2){html+=' ... '}
for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}
if(akhir<maksimal-1){html+='...'}
if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}
var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}
var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}
if(pageArea&&pageArea.length>0){html=''}
if(blogPager){blogPager.innerHTML=html}}
function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}
function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}
if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}
document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}
if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}
document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}
function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}
function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}
function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}
location.href=alamat};

//]]>
</script>
</b:if>

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

<script type='text/javascript'> 
//<![CDATA[

// smooth scroll
$(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=$(this.hash);e=e.length?e:$("[name="+this.hash.slice(1)+"]");if(e.length){$("html,body").animate({scrollTop:e.offset().top},1e3);return false}}})});

//]]>
</script>

    </b:if>

    </div>

  </body>

</html>
Author

Posts
Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.
Get New Designs

Top 5 Latest Themes

Support
