<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

 <b:include data='blog' name='all-head-content'/>

    <title>
      <b:if cond='data:blog.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/>
          Page Not Found | <data:blog.title/> 
        </b:if>
      </b:if>
    </title>
    
    <!-- Meta Tags ~ www.way2themes.com  -->
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <meta content='noindex,noarchive' name='robots'/>
    </b:if>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
      <meta expr:content='data:blog.metaDescription' name='description'/>
    </b:if> 
   <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/> 
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <!-- /Meta Tags ~ www.way2themes.com -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,500italic,700,700italic,300italic|Roboto+Slab:400,700' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet'/>
   <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   Planer Responsive
Author: Way2themes
URL 1:  http://www.way2themes.com/
Date:   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/
----------------------------------------------- */
body#layout #headleft {
margin-top: 100px;
}
body#layout .posts-featured-wrapper {
display: none;}

body#layout .main-wrapper {
    width: 58%;
    float: left;
}
body#layout .sidebar-wrapper {
    width: 40%;
    float: right;
}
body#layout #lowerbar-wrapper {
    display: inline-block;
    width: 30%;
}

body#layout:before {
content:"\00A9 \0020 \0032 \0020 \0030 \0020 \0031 \0020 \0034 \0020 \002D \0020 \0054 \0020 \0065 \0020 \006D \0020 \0070 \0020 \006C \0020 \0061 \0020 \0074 \0020 \0065 \0020 \002D \0020 \0062 \0020 \0079 \0020 \002D \0020 \0077 \0020 \0077 \0020 \0077 \0020 \002E \0020 \0057 \0020 \0061 \0020 \0079 \0020 \0032 \0020 \0074 \0020 \0068 \0020 \0065 \0020 \006D \0020 \0065 \0020 \0073 \0020 \002E \0020 \0063 \0020 \006F \0020 \006D";
}
	html, body, 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, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    outline: 0;
	    font-weight: inherit;
	    font-style: inherit;
	    font-size: 100%;
	    font-family: inherit;
	    vertical-align: baseline;
	}
	:focus {    outline: 0 }
	ol, ul {    list-style: none }
	table {
	    border-collapse: separate;
	    border-spacing: 0;
	}
	caption, th, td {
	    text-align: left;
	    font-weight: normal;
	}
	blockquote, q {    quotes: "" "" }
html {
	    height: 100%;
	    font-size: 100.01%;
	}

	/*-------------------------------------------
	        1.1 - Body
	    -------------------------------------------*/
body {
	    height: auto;
	    min-height: 100%;
	    color: #56646F;
        overflow-x:hidden;
	}
	body, div, td {
  font-size: 14px;
  font-family: 'Roboto', sans-serif; 
	    font-style: normal;
	    font-variant: normal;
	    font-weight: normal;
	    line-height: 1.785em;
	    vertical-align: top;
	    margin: 0;
	    padding: 0;
	    word-wrap: break-word;
	    hyphens: auto;
	}
	/*-------------------------------------------
	        1.2 - Titles
	    -------------------------------------------*/
	h1, h2, h3, h4, h5, h6 {
	    color: #3d3d3d;
	    line-height: 1.3em;
	    padding: 0.5em 0;
	    margin: 0 0 0 -0.05em;
	    font-style: normal;
	    font-weight: 400;
	    font-family: inherit;
	    text-transform: uppercase;
	    font-family: 'Roboto Slab';
	}
	h1 {
	    font-size: 31px;
	    font-weight: 400;
	}
h2 {
	    font-size: 2em;
	    letter-spacing: -0.02em;
	}
	h3 {
	    font-size: 1.6em;
	    letter-spacing: -0.01em;
	}
	h4 {    font-size: 1.3em }
	h5 {    font-size: 1.15em }
	h6 {    font-size: 1em }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	    color: #3d3d3d;
	    text-decoration: none;
	}
a {
	    color: #00c8d7;
	    text-decoration: none;
	    -webkit-transition: all 250ms linear;
	    -moz-transition: background-color 250ms linear;
	    -o-transition: background-color 250ms linear;
	    -ms-transition: background-color 250ms linear;
	    transition: all 250ms linear;
	}
	a:hover {
	    color: #3d3d3d;
	    text-decoration: none;
	    -webkit-transition: all 125ms linear;
	    -moz-transition: background-color 125ms linear;
	    -o-transition: background-color 125ms linear;
	    -ms-transition: background-color 125ms linear;
	    transition: all 125ms linear;
	}
ol {
	    list-style-type: decimal;
	    line-height: inherit;
	    margin: 0 0 0 1.5em;
	}
	ul {
	    list-style-type: disc;
	    line-height: inherit;
	    margin: 0 0 0 1.5em;
	}
	dl {    display: table }
	dt { }
	dd {    padding-left: 2em }
p {
	    line-height: inherit;
	    margin: 0 0 1em 0;
	    padding: 0;
	    font-weight: 300;
	}
img {
	    display: inline-block;
	    max-width: 100%;
	    height: auto;
	    font: normal 10px/1em sans-serif;
	    border: 0;
	}
table {
	    text-align: left;
	    width: 100%;
	    max-width: 100%;
	    margin: 0 0 1em;
	    border: 0;
	    border-collapse: collapse;
	}
tbody { }
	tr {
	    background: #FFF;
	    border-bottom: 1px solid #EAEAEA;
	}
	tr.alt {    background: #F9F9F9 }
	td {
	    line-height: inherit;
	    vertical-align: top;
	    color: #56646F;
	    padding: 10px;
	}
	td:first-child {    border-left: none }
	tfoot { }
	tfoot tr {
	    background: #EAEAEA;
	    border-bottom: 1px solid #eee;
	}
	tfoot td {    border-right: none }
blockquote {
	    font-size: 1.2em;
	    text-align: left; /* needed */
	    margin: 0 0 0 35px;
	    padding: 0 0 0 15px;
	    border-left: 1px solid #eee;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	blockquote:before {
	    content: '\201C';
	    position: absolute;
	    font-size: 5em;
	    margin: 20px 0 0 -55px;
	    opacity: 0.35;
	}
	blockquote p {
	    font-family: inherit;
	    line-height: 1.785em;
	}
	blockquote cite {    display: table }
	cite {    font-size: 0.8em }
	q {    font-style: italic }
	q:before {    content: '\AB' }
	q:after {    content: '\BB' }
/*===============================================
	    L A Y O U T
	    Layout styles
===============================================*/
#layout {
	    width: 100%;
	    margin: auto;
	    background: #fff;
	    -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
	    -moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
	    box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
	}
#header {
position: relative;
z-index: 3;
}
#header-wrapper {
    overflow:hidden;
    position: relative;  display: table;  width: 1140px;  margin: 0 auto;
}
#logo {
float: left;
width: 262px;
height: 90px;
margin: 40px 30px 40px 0px;
position: relative;
display: table;
}
#Header1 {
    max-width: 262px;
}
#logo img , #logo a{
    position: relative;
display: block;
font-size: 50px;
line-height: 0.9em;
font-weight: bold;
color: #3d3d3d;
letter-spacing: -0.06em;
text-decoration: none;
max-width: 100%;
margin: 0;
padding: 0;
opacity: 1;
}
div#headright {
    float: right;  display: table;  width: 818px;  text-align: right;  height: 90px;  margin: 40px 0;
    max-width: 828px;
}
div.navmenu {
    background: #3d3d3d;  color: #fff;  width: 100%;  position: relative;  clear: both;
}
nav.menu {
    position: relative;  clear: both;  width: 1140px;  margin: 0 auto;  background: #3d3d3d;  z-index: 5;  display: block;
}
ul.nav {
    display: inline-block;    list-style-type: none;  margin: 0;  padding: 0;  
    line-height: 1.2em;  position: relative;  
   z-index: 1;
}
ul.nav > li {
    display: inline-block;
}
ul.nav li {
    position: relative;
}
ul.nav a {
position: relative;
display: block;
text-decoration: none;
transition: all 200ms linear;
}
ul.nav > li > a {
font-size: 15px;
text-transform: uppercase;
color: #FFF;
padding: 21px;
z-index: 9;
}
ul.nav > li > a:hover {
    background: #2a2a2a;
opacity: 1;
}
ul.nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.nav ul {
position: absolute;
width: 190px;
line-height: 1.785em;
top: -9999px;
left: 0;
padding: 6px 0 0;
border-bottom: 5px solid #3D3D3D;
z-index: 10;
}
ul.nav ul li:first-child {
border-top: 5px solid #3D3D3D;
}
ul.nav ul li {
padding: 0 5px;
background: #3D3D3D;
}
ul.nav li {
position: relative;
}
ul.nav ul li a {
display: block;
color: #fff;
font-weight: 400;
text-transform: uppercase;
padding: 15px 20px 13px;
}
ul.nav ul li a:hover {
box-shadow: 180px 0 0 #2A2A2A inset;
color: #fff;
font-weight: 400;
}
nav.menu ul > li:hover > ul {
top: 100%;
opacity: 1;
height: auto;
}
.menu ul > li > ul:hover {
top: 100%;
opacity: 1;
height: auto;
}
ul.nav > li > ul > li:first-child > a:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
top: -10px;
left: 20px;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #3D3D3D transparent;
}
ul.nav > li > .ico-menu-top {
position: absolute;
display: block;
top: 23px;
right: 13px;
z-index: 10;
opacity: 0.7;
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: FontAwesome;
font-size: 16px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ul.nav > li > .ico-menu-top:before {
content: "\f107";
}
ul.nav > li.hasUl > a {
padding-right: 35px;
}

#search-form-header {
	    position: absolute;
	    display: none;
	    float: right;
	    top: 0;
	    right: 0;
	    background: #00c8d7;
	    overflow: hidden;
	    z-index: 2;
	}
	#search-form-header span {
	    display: inline-block;
	    float: left;
	    width: 54px;
	    line-height: 58px;
	    opacity: 1;
	    cursor: pointer;
	    transition: all 250ms linear;
	    text-align: center;
	    font-size: 28px;
	    color: #fff;
	    font-family: 'Fontawesome';
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	#search-form-header span:before {    content: "\f002" }
	#search-form-header span:hover, #search-form-header span.inProgress {
	    opacity: 1;
	    transition: all 125ms linear;
	}
	#search-form-header input {
	    position: absolute;
	    display: inline-block;
	    color: #FFF;
	    font-size: 17px;
	    text-indent: 1px;
	    width: 195px;
	    padding: 0;
	    background: transparent;
	    border: none;
	    font-weight: 300;
height: 58px;
	}
	#search-form-header input::-webkit-input-placeholder {    color: #FFF }
input, select, textarea {
width: auto;
height: auto;
font-family: inherit;
font-size: inherit;
line-height: 1.4em !important;
color: #888;
margin: 0;
padding: 10px;
background: #FFF;
border: 1px solid #eee;
}
#content-wrapper {
    z-index: 1;  position: relative; overflow: hidden;
}
#content-holder {
    display: block;  width: 1140px;  margin: 0 auto;  padding: 0;  z-index: 1; overflow:hidden;
}
.main-wrapper {
    float: left;  width: 790px;
}
.sidebar-wrapper {
    width: 350px;  padding: 50px 0;  background: transparent;  z-index: 2;
    float: right;
}
#main {
    padding: 70px 50px 50px 0;  border-right: 1px solid #eee;
}
h3.post-title.entry-title,h2.date-header,div.blog-feeds,.post-comment-link,span.post-author.vcard,span.post-timestamp,.icon-action {
    display: none;
}
.post {
    position: relative;  margin-bottom: 40px;  padding-bottom: 30px;  border-bottom: 1px solid #eee;
}
/*****************************************
Comments CSS
******************************************/
.comments { border-top: 3px solid #333; clear: both; margin: 40px 0 0; padding: 40px 0; }
.comments h4 { border-bottom: 1px solid #ddd; font-size: 30px; line-height: normal; margin: 0 0 30px; padding: 0 0 10px; }
.comments .comments-content .comment-thread ol { overflow: hidden; margin: 0; }
.comments .comments-content .comment-thread ol li { list-style: none; }
.comments .comments-content .comment:first-child { padding-top: 0; }
.comments .comments-content .comment { margin-bottom: 0; padding-bottom: 0; }
.comments .avatar-image-container { max-height: 60px; width: 60px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.comments .avatar-image-container img { max-width: 60px; width: 100%; }
.comments .comment-block { border-bottom: 1px solid #f5f5f5; margin-left: 72px; padding: 0 0 0 20px; }
.comments .comments-content .comment-header a {  text-transform: capitalize;font-size: 18px; }
.comments .comments-content .user { display: block; font-family: 'Roboto','sans-serif'; }
.comments .comments-content .datetime { margin-left: 0; }
.comments .comments-content .datetime a { color: #333; font-size: 12px; text-transform: uppercase; }
.comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0 20px 0 0; }
.comments .comment-block .comment-actions { display: block; text-align: right; }
.comments .comment .comment-actions a { font-family: 'roboto','sans-serif'; font-size: 12px; font-weight: bold; line-height: normal; padding: 5px 8px; }
.comments .comment .comment-actions a:hover { text-decoration: none; }
.comments .thread-toggle { display: none; }
.comments .comments-content .inline-thread { margin: 0 0 20px 35px !important; padding: 0 0 0 20px; }
.comments .continue { display: none; }
.entrythumb {
    display: block;  float: left;  width: 272px;  
    margin: 0; margin-right:40px;
}
h3.entry-title {
    font-size: 25px;  padding-top: 0;  letter-spacing: 0;  text-transform: none;  padding-top: 0;
}
h3.entry-title a:hover {
    color:#00c8d7;
}
div.posts-featured-wrapper {
    padding-top: 50px;  border-bottom: 1px solid #eee;  padding-bottom: 70px;
    overflow: hidden;
}
div.featured-wrapper {
    width: 22.394%;
float: left;
display: block;
margin-bottom: -50px;
margin-left: 30.5px;
margin-top: 70px;
}
div.post-thumb {
    display: block;  width: 100%;    background-position: top center;  background-repeat: no-repeat;  background-size: 100% auto;  overflow: hidden;
}

.featured-wrapper h3 {
    height: 98px;  opacity: 1;
    font-size: 17px;
letter-spacing: 0;
padding-top: 0;
font-weight: 400;
text-transform: none;
display: block;
padding: 10px;
background: none;
}
.featured-wrapper img:hover {
    -webkit-transform: scale(1.2);    -webkit-transition: background-size 250ms linear;
    transition: 250ms linear;  transition-timing-function: cubic-bezier(1,.28,.65,.91);
}
.feature-text {
float: left;
width: 350px;
}
.feature-text h1 {
margin: 0px;
padding-top: 0px;
}
.feature-text {
font-weight: 300;
}
.icons-social {
    display: block;
    float: left;
    margin-top: 20px;
}
.icons-social a {
    float: left;
    transition: background-color 350ms, opacity 350ms;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    color: #3d3d3d;
    margin: 0 7px 7px 0;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 35px;
}
.icons-social a:hover {
    opacity: 1;
    transition: background-color 350ms, opacity 350ms;
    background: none;
    color: #3d3d3d;
}
#icon-Dribbble:before {    content: "\f17d" }
#icon-Dribbble {
    background: #EC4989;
    color: #fff;
    border: 1px solid #EC4989;
}
#icon-Dribbble:hover {
    background: #fff;
    color: #EC4989;
    border: 1px solid #EC4989;
}
#icon-Facebook {
    background: #39579B;
    color: #fff;
    border: 1px solid #39579B;
}
#icon-Facebook:hover {
    background: #fff;
    color: #39579B;
    border: 1px solid #39579B;
}
#icon-Facebook:before {    content: "\f09a" }
#icon-Flickr:before {    content: "\f16e" }
#icon-Flickr {
    background: #005FDF;
    color: #fff;
    border: 1px solid #005FDF;
}
#icon-Flickr:hover {
    background: #fff;
    color: #005FDF;
    border: 1px solid #005FDF;
}
#icon-GitHub:before {    content: "\f113" }
#icon-GitHub {
    background: #171515;
    color: #fff;
    border: 1px solid #171515;
}
#icon-GitHub:hover {
    background: #fff;
    color: #171515;
    border: 1px solid #171515;
}
#icon-GooglePlus {
    background: #d34836;
    color: #fff;
    border: 1px solid #d34836;
}
#icon-GooglePlus:hover {
    background: #fff;
    color: #d34836;
    border: 1px solid #d34836;
}
#icon-GooglePlus:before {    content: "\f0d5" }
#icon-Instagram:before {    content: "\f16d" }
#icon-Instagram {
    background: #3C719D;
    color: #fff;
    border: 1px solid #3C719D;
}
#icon-Instagram:hover {
    background: #fff;
    color: #3C719D;
    border: 1px solid #3C719D;
}
#icon-LinkedIn {
    background: #0075AA;
    color: #fff;
    border: 1px solid #0075AA;
}
#icon-LinkedIn:hover {
    background: #fff;
    color: #0075AA;
    border: 1px solid #0075AA;
}
#icon-LinkedIn:before {    content: "\f0e1" }
#icon-Pinterest:before {    content: "\f0d2" }
#icon-Pinterest {
    background: #CA2025;
    color: #fff;
    border: 1px solid #CA2025;
}
#icon-Pinterest:hover {
    background: #fff;
    color: #CA2025;
    border: 1px solid #CA2025;
}
#icon-RSS {
    background: #F0801E;
    color: #fff;
    border: 1px solid #F0801E;
}
#icon-RSS:hover {
    background: #fff;
    color: #F0801E;
    border: 1px solid #F0801E;
}
#icon-RSS:before {    content: "\f09e" }
#icon-Tumblr:before {    content: "\f173" }
#icon-Tumblr {
    background: #335170;
    color: #fff;
    border: 1px solid #335170;
}
#icon-Tumblr:hover {
    background: #fff;
    color: #335170;
    border: 1px solid #335170;
}
#icon-Skype:before {    content: "\f17e" }
#icon-Skype {
    background: #00AEF3;
    color: #fff;
    border: 1px solid #00AEF3;
}
#icon-Skype:hover {
    background: #fff;
    color: #00AEF3;
    border: 1px solid #00AEF3;
}
#icon-Twitter {
    background: #50ABF1;
    color: #fff;
    border: 1px solid #50ABF1;
}
#icon-Twitter:hover {
    background: #fff;
    color: #50ABF1;
    border: 1px solid #50ABF1;
}
#icon-Twitter:before {    content: "\f099" }
#icon-Vimeo {
    background: #3BBAFF;
    color: #fff;
    border: 1px solid #3BBAFF;
}
#icon-Vimeo:hover {
    background: #fff;
    color: #3BBAFF;
    border: 1px solid #3BBAFF;
}
#icon-Vimeo:before {    content: "\f194" }
#icon-Youtube {
    background: #C62E24;
    color: #fff;
    border: 1px solid #C62E24;
}
#icon-Youtube:hover {
    background: #fff;
    color: #C62E24;
    border: 1px solid #C62E24;
}
#icon-Youtube:before {    content: "\f167" }
div.featured-post {
clear: both;
margin-left: -30px;
}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { width:750px !important; position: relative;float: right; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 35px; height: 35px; line-height:35px; margin: -17px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #00C8D9; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 1; left: 10px; }
.flexslider:hover .flex-next { opacity: 1; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family:FontAwesome; font-size: 35px; display: inline-block; content: "\f060";	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.flex-direction-nav a.flex-next:before  { content: "\f061"; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family:FontAwesome; font-size: 20px; display: inline-block; content: "\f04c"; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: "\f04b"; }

/* Control Nav */
.flex-control-nav {width: 100%;position: absolute;top: 15px;text-align: right;text-indent: -999999px;right: 15px;}
.flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 10px; height: 10px; display: block;  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; border: 1px solid transparent; background: rgba(255,255,255,0.5);}
.flex-control-paging li a:hover { background: #00C8D9; }
.flex-control-paging li a.flex-active { background: #00C8D9; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
.flexslider .slides img {
    height: 380px;
}
div.slider-details {    
    height: 60px;  margin-top: -60px;  opacity: 1;
    position: relative;
}
div.slider-details h1 {
    font-size: 31px;  font-weight: bold;  letter-spacing: 0em;  padding-bottom: 10px;  padding-top: 0px;
}
.slider-details div {
    display: block;  padding: 10px 25px 0px 25px;  background: rgba(255,255,255,0.85);
}
/*****************************************
Sidebar CSS
******************************************/
.sidebar {
display: block;
margin-left: 50px;
}
.sidebar h2, .sidebar h5 {border-bottom: 1px solid #EEEEEE;
font-size: 22px;
font-weight: 400;
margin: 0 0 10px;
padding: 5px 10px 5px 0;
text-transform: capitalize;}
.sidebar .widget { margin-bottom: 25px; }
.sidebar ul { clear: both; margin: 0 0 0 15px; padding: 0; }
.sidebar ul li { padding: 0 0 5px; }

/***** Custom Labels *****/
.cloud-label-widget-content .label-size {
background: #00c8d7;
margin: 0 5px 5px 0;
padding: 7px 10px;
float: left;
font:normal normal 20px roboto;
font-size: 16px;
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 250ms linear;
-moz-transition: background-color 250ms linear;
-o-transition: background-color 250ms linear;
-ms-transition: background-color 250ms linear;
transition: all 250ms linear;
}
.cloud-label-widget-content:hover .label-size:hover {box-shadow: 0 30px 0 0 rgba(0,0,0,0.25) inset;margin: 0 5px 5px 0;
padding: 7px 10px;}
.cloud-label-widget-content .label-size .label-count {
display: inline;
background: rgba(255,255,255,0.3);
margin: 0 -10px 0 10px;
padding: 12px 10px;
color: #FFF;
filter: alpha(opacity=60);
opacity: 0.8;
font-weight: normal;
font-size: 12px;

}
.cloud-label-widget-content .label-size a {
color: white;
}

#lower { 
margin:auto; 
padding: 0px 0px 10px 0px; 
width: 100%; 
background:#2d2d2d; 
} 
#lower-wrapper { 
background:#2d2d2d; 
margin:auto; 
padding: 20px 0px 20px 0px; 
width: 1140px; 
border:0; 
} 
#lowerbar-wrapper { 
background:#2d2d2d; 
float: left; 
margin: 0px 5px auto; 
padding-bottom: 20px; 
width: 32%; 
text-align: justify; 
color:#ddd; 
font: bold 12px Arial, Tahoma, Verdana; 
line-height: 1.6em; 
word-wrap: break-word; 
overflow: hidden; 
} 
.lowerbar {margin: 0; padding: 0;} 
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;} 
.lowerbar h2 { 
border-bottom: 1px solid #555;
margin: 0px 0px 10px 0px; 
padding: 3px 0px 3px 0px; 
text-align: left; 
color:#ddd; 
text-transform:uppercase; 
font: bold 14px Roboto Slab; 
} 
.lowerbar ul { 
color:#fff; 
margin: 0 auto; 
padding: 0; 
list-style-type: none; 
} 
.lowerbar li { 
display:block; 
color:#fff; 
line-height: 1.6em; 
margin-left: 0 !important; 
padding: 6px; 
border-bottom: 1px solid #222; 
border-top: 1px solid #444; 
list-style-type: none; 
} 
.lowerbar li a { 
text-decoration:none; color: #DBDBDB; 
} 
.lowerbar li a:hover { 
text-decoration:underline; 
} 
.lowerbar li:hover { 
display:block; 
background: #222; 
}
#copyrights-holder {
width: 100%;
color: #FFF;
margin: 0 auto;
padding: 7px 0;
background: #3d3d3d;
}
#copyrights-box {
width: 1140px;
margin: auto;
}
#copyrights-company {
font-size: 13px;
width: 65%;
float: left;
font-weight: 300;
}
#copyrights-developer {
font-size: 13px;
width: 35%;
float: right;
text-align: right;
font-weight: 300;
}
#copyrights-box a {
color: #FFF;
opacity: 1;
transition: opacity 250ms linear;
}
/* ######## 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: 20px;
border: 0 !important;
background-color: #e6e6e6;
text-align: center;
font-family: open sans;
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #000000;
}
.follow-by-email-submit {
background-color: #00c8d7 !important;
width: 100% !important;
margin: 0 !important;
border-radius:0px;
height: 40px !important;
min-width: 80px !important;
font-family: Roboto !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 13px !important;
color: #ffffff !important;
}
.follow-by-email-address:focus {
outline: 0;
}
.FollowByEmail .widget-content:before {
content: "Conveying or northward offending admitting perfectly my. Colonel gravity get thought fat smiling add but. Wonder twenty hunted.";
font-style: normal;
font-weight: 400;
font-size: 13px;
}
#lowerbar-wrapper .FollowByEmail .follow-by-email-inner .follow-by-email-address {
padding: 10px 44px 10px 10px;
height: 20px;
background-color: #3D3D3D;
color: #fff;
}
#lowerbar-wrapper .FollowByEmail .follow-by-email-inner tr {
border:none;
background-color: #2d2d2d;
color: #fff;
}
.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-widget .form {
}
.contact-form-button-submit {
max-width: none;
width: 100%;
height: 35px;
border: 0;
background-image: none;
background-color: #00c8d7 !important;
cursor: pointer;
font-family: Roboto;
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;
}
.page-navigation{clear:both;margin:30px auto;text-align:center;}
.page-navigation span,.page-navigation a{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}
.page-navigation a:hover,.page-navigation .current{background:#CECECE;text-decoration:none;color: #000;}
.page-navigation .pages,.page-navigation .current{font-weight:bold;color: #888;}
.page-navigation .pages{border:none;}

.author-profile img {display: block;
width: 75px;
height: 75px;}
#pre_next_post {
position: relative;
font-size: 1.2em;
line-height: inherit;
margin: 40px 0 0;
padding: 1.5em 45px;
box-shadow: 0 1px 0 #eee inset, 0 -1px 0 #eee inset;
}
#pre_next_post a.older-link {
float: left;
font-weight: 300;
}
#pre_next_post a {
display: inline-block;
max-width: 50%;
}
#pre_next_post .older-link:before {
content: "\f0a8";
display: inline-block;
float: left;
margin: 1px 0 0 -30px;
font-family: 'Fontawesome';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #3d3d3d;
font-size: 19px;
}
#pre_next_post a.newer-link {
float: right;
text-align: right;
font-weight: 300;
}
#pre_next_post .newer-link:before {
content: "\f0a9";
display: inline-block;
float: right;
min-height: 16px;
margin: 1px -30px 0 0;
font-family: 'Fontawesome';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #3d3d3d;
font-size: 19px;
}
/*****************************************
Responsive styles
******************************************/
@media screen and (max-width: 1200px) {
#header-wrapper, nav.menu, #content-holder, #lower-wrapper, #copyrights-box {width:1110px;}
.main-wrapper {width: 750px; }
.sidebar-wrapper .widget { border: none; margin: 0px auto 10px auto; }
}
@media screen and (max-width: 1100px) {
#header-wrapper, nav.menu, #content-holder, #lower-wrapper, #copyrights-box {width:1000px;}
#headright {width:708px !important;}
.feature-text {width:250px}
.main-wrapper {width: 680px; }
.sidebar-wrapper {width:300px; }
.sidebar-wrapper .widget { border: none; margin: 0px auto 10px auto; }
}
@media screen and (max-width: 960px) {
#header-wrapper, nav.menu, #content-holder, #lower-wrapper, #copyrights-box {width:100%;}
#logo {
margin: 0 auto !important;
float: none !important;
}
#headright {margin: 0 auto !important;float:none !important;}
#search-form-header, ul.nav ul{display:none !important}
.feature-text{margin: 0 auto !important;float:none !important;width: 90%;}
.flexslider{width: 90% !important;margin: 0 auto !important;float:none !important;clear:both;}
.featured-wrapper {
width: 20% !important;}
.main-wrapper { margin: 0 !important; width: 100%; }
.sidebar-wrapper { float: left; padding: 0 15px; width: auto; }
.sidebar-wrapper .widget { border: none; margin: 0px auto 10px auto; }
}
@media screen and (max-width: 768px){
#comment-editor { margin: 10px; }
#headright{display:none !important}
.featured-wrapper {
width: 42% !important;
}
#lowerbar-wrapper, #copyrights-company, #copyrights-developer {width:100%;float:left;text-align:left;}
}
@media screen and (max-width: 600px){
#header img { width: 100%; }
h1.post-title, h2.post-title { font-size: 36px; }
}
@media screen and (max-width: 420px){
.comments .comments-content .datetime{ display: block; float: none; }
.comments .comments-content .comment-header { height: 70px; }
}
@media screen and (max-width: 320px){
.comments .comments-content .comment-replies { margin-left: 0; }
}

]]></b:skin>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
<script src='http://flexslider.woothemes.com/js/jquery.flexslider.js' type='text/javascript'/>
<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes -with thumbnail, no -no thumbnail
summary_noimg = 200; //summary length when no image
summary_img = 200; //summary length when with image
img_thumb_height = 204;
img_thumb_width = 272;
</script>
<script type='text/javascript'>
//<![CDATA[
var _0xd8d6=["\x66\x20\x71\x28\x33\x2C\x36\x29\x7B\x64\x28\x33\x2E\x65\x28\x22\x3C\x22\x29\x21\x3D\x2D\x31\x29\x7B\x37\x20\x73\x3D\x33\x2E\x31\x35\x28\x22\x3C\x22\x29\x3B\x31\x32\x28\x37\x20\x69\x3D\x30\x3B\x69\x3C\x73\x2E\x38\x3B\x69\x2B\x2B\x29\x7B\x64\x28\x73\x5B\x69\x5D\x2E\x65\x28\x22\x3E\x22\x29\x21\x3D\x2D\x31\x29\x7B\x73\x5B\x69\x5D\x3D\x73\x5B\x69\x5D\x2E\x48\x28\x73\x5B\x69\x5D\x2E\x65\x28\x22\x3E\x22\x29\x2B\x31\x2C\x73\x5B\x69\x5D\x2E\x38\x29\x7D\x7D\x33\x3D\x73\x2E\x31\x6B\x28\x22\x22\x29\x7D\x36\x3D\x28\x36\x3C\x33\x2E\x38\x2D\x31\x29\x3F\x36\x3A\x33\x2E\x38\x2D\x32\x3B\x31\x67\x28\x33\x2E\x55\x28\x36\x2D\x31\x29\x21\x3D\x27\x20\x27\x26\x26\x33\x2E\x65\x28\x27\x20\x27\x2C\x36\x29\x21\x3D\x2D\x31\x29\x36\x2B\x2B\x3B\x33\x3D\x33\x2E\x48\x28\x30\x2C\x36\x2D\x31\x29\x3B\x51\x20\x33\x2B\x27\x2E\x2E\x2E\x27\x7D\x66\x20\x50\x28\x43\x29\x7B\x37\x20\x34\x3D\x47\x2E\x4F\x28\x43\x29\x3B\x37\x20\x68\x3D\x22\x22\x3B\x37\x20\x62\x3D\x34\x2E\x4E\x28\x22\x62\x22\x29\x3B\x37\x20\x6C\x3D\x52\x3B\x64\x28\x53\x3D\x3D\x22\x4D\x22\x29\x7B\x64\x28\x62\x2E\x38\x3E\x3D\x31\x29\x7B\x68\x3D\x27\x3C\x34\x20\x35\x3D\x22\x56\x22\x3E\x3C\x62\x20\x6E\x3D\x22\x27\x2B\x62\x5B\x30\x5D\x2E\x6E\x2B\x27\x22\x20\x54\x3D\x22\x27\x2B\x58\x2B\x27\x70\x22\x20\x4B\x3D\x22\x27\x2B\x49\x2B\x27\x70\x22\x2F\x3E\x3C\x2F\x34\x3E\x27\x3B\x6C\x3D\x4C\x7D\x7D\x37\x20\x75\x3D\x68\x2B\x27\x3C\x76\x20\x35\x3D\x22\x44\x2D\x4A\x22\x20\x57\x3D\x22\x31\x61\x22\x3E\x3C\x61\x20\x63\x3D\x22\x27\x2B\x79\x2B\x27\x22\x3E\x27\x2B\x78\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x76\x3E\x3C\x34\x20\x35\x3D\x22\x44\x2D\x6A\x22\x3E\x3C\x67\x20\x35\x3D\x22\x6A\x2D\x6D\x22\x3E\x20\x3C\x69\x20\x35\x3D\x22\x39\x20\x39\x2D\x31\x66\x22\x3E\x3C\x2F\x69\x3E\x20\x3C\x61\x20\x63\x3D\x22\x27\x2B\x31\x65\x2B\x27\x22\x20\x31\x63\x3D\x22\x6D\x22\x3E\x27\x2B\x7A\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x67\x3E\x20\x26\x23\x31\x68\x3B\x20\x3C\x69\x20\x35\x3D\x22\x39\x20\x39\x2D\x31\x69\x22\x3E\x3C\x2F\x69\x3E\x20\x3C\x67\x20\x35\x3D\x22\x6A\x2D\x59\x22\x3E\x27\x2B\x74\x2B\x27\x3C\x2F\x67\x3E\x3C\x2F\x34\x3E\x3C\x34\x20\x35\x3D\x22\x31\x6C\x22\x3E\x27\x2B\x71\x28\x34\x2E\x46\x2C\x6C\x29\x2B\x27\x3C\x61\x20\x35\x3D\x22\x31\x6A\x22\x20\x63\x3D\x22\x27\x2B\x79\x2B\x27\x22\x3E\x20\x3C\x69\x20\x35\x3D\x22\x39\x20\x39\x2D\x31\x62\x2D\x31\x33\x2D\x6F\x22\x3E\x3C\x2F\x69\x3E\x20\x31\x31\x3C\x2F\x61\x3E\x3C\x2F\x34\x3E\x27\x3B\x34\x2E\x46\x3D\x75\x7D\x3B\x6B\x28\x47\x29\x2E\x5A\x28\x66\x28\x29\x7B\x6B\x28\x27\x23\x77\x27\x29\x2E\x31\x30\x28\x22\x3C\x61\x20\x63\x3D\x27\x42\x3A\x2F\x2F\x41\x2E\x45\x2E\x72\x2F\x27\x3E\x31\x34\x3C\x2F\x61\x3E\x22\x29\x3B\x31\x39\x28\x66\x28\x29\x7B\x64\x28\x21\x6B\x28\x22\x23\x77\x3A\x31\x38\x22\x29\x2E\x38\x29\x31\x37\x2E\x31\x36\x2E\x63\x3D\x22\x42\x3A\x2F\x2F\x41\x2E\x45\x2E\x72\x2F\x22\x7D\x2C\x31\x64\x29\x7D\x29","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x73\x74\x72\x78\x7C\x64\x69\x76\x7C\x63\x6C\x61\x73\x73\x7C\x63\x68\x6F\x70\x7C\x76\x61\x72\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x66\x61\x7C\x7C\x69\x6D\x67\x7C\x68\x72\x65\x66\x7C\x69\x66\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x73\x70\x61\x6E\x7C\x69\x6D\x67\x74\x61\x67\x7C\x7C\x6D\x65\x74\x61\x7C\x6A\x51\x75\x65\x72\x79\x7C\x73\x75\x6D\x6D\x7C\x61\x75\x74\x68\x6F\x72\x7C\x73\x72\x63\x7C\x7C\x70\x78\x7C\x72\x65\x6D\x6F\x76\x65\x48\x74\x6D\x6C\x54\x61\x67\x7C\x63\x6F\x6D\x7C\x7C\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x68\x33\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x7C\x7C\x7C\x77\x77\x77\x7C\x68\x74\x74\x70\x7C\x70\x49\x44\x7C\x65\x6E\x74\x72\x79\x7C\x77\x61\x79\x32\x74\x68\x65\x6D\x65\x73\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x69\x6D\x67\x5F\x74\x68\x75\x6D\x62\x5F\x68\x65\x69\x67\x68\x74\x7C\x74\x69\x74\x6C\x65\x7C\x68\x65\x69\x67\x68\x74\x7C\x73\x75\x6D\x6D\x61\x72\x79\x5F\x69\x6D\x67\x7C\x79\x65\x73\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x63\x72\x65\x61\x74\x65\x53\x75\x6D\x6D\x61\x72\x79\x41\x6E\x64\x54\x68\x75\x6D\x62\x7C\x72\x65\x74\x75\x72\x6E\x7C\x73\x75\x6D\x6D\x61\x72\x79\x5F\x6E\x6F\x69\x6D\x67\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x5F\x6D\x6F\x64\x65\x7C\x77\x69\x64\x74\x68\x7C\x63\x68\x61\x72\x41\x74\x7C\x65\x6E\x74\x72\x79\x74\x68\x75\x6D\x62\x7C\x69\x74\x65\x6D\x70\x72\x6F\x70\x7C\x69\x6D\x67\x5F\x74\x68\x75\x6D\x62\x5F\x77\x69\x64\x74\x68\x7C\x64\x61\x74\x65\x7C\x72\x65\x61\x64\x79\x7C\x68\x74\x6D\x6C\x7C\x4D\x6F\x72\x65\x7C\x66\x6F\x72\x7C\x73\x71\x75\x61\x72\x65\x7C\x57\x61\x79\x32\x74\x68\x65\x6D\x65\x73\x7C\x73\x70\x6C\x69\x74\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x76\x69\x73\x69\x62\x6C\x65\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x6E\x61\x6D\x65\x7C\x73\x68\x61\x72\x65\x7C\x72\x65\x6C\x7C\x33\x30\x30\x30\x7C\x61\x75\x7C\x70\x65\x6E\x63\x69\x6C\x7C\x77\x68\x69\x6C\x65\x7C\x38\x32\x31\x32\x7C\x63\x61\x6C\x65\x6E\x64\x61\x72\x7C\x72\x65\x61\x64\x6D\x6F\x72\x65\x7C\x6A\x6F\x69\x6E\x7C\x70\x6F\x73\x74\x62\x6F\x64\x79","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x92b0x1,_0x92b0x2,_0x92b0x3,_0x92b0x4,_0x92b0x5,_0x92b0x6){_0x92b0x5=function (_0x92b0x3){return (_0x92b0x3<_0x92b0x2?_0xd8d6[4]:_0x92b0x5(parseInt(_0x92b0x3/_0x92b0x2)))+((_0x92b0x3=_0x92b0x3%_0x92b0x2)>35?String[_0xd8d6[5]](_0x92b0x3+29):_0x92b0x3.toString(36));} ;if(!_0xd8d6[4][_0xd8d6[6]](/^/,String)){while(_0x92b0x3--){_0x92b0x6[_0x92b0x5(_0x92b0x3)]=_0x92b0x4[_0x92b0x3]||_0x92b0x5(_0x92b0x3);} ;_0x92b0x4=[function (_0x92b0x5){return _0x92b0x6[_0x92b0x5];} ];_0x92b0x5=function (){return _0xd8d6[7];} ;_0x92b0x3=1;} ;while(_0x92b0x3--){if(_0x92b0x4[_0x92b0x3]){_0x92b0x1=_0x92b0x1[_0xd8d6[6]]( new RegExp(_0xd8d6[8]+_0x92b0x5(_0x92b0x3)+_0xd8d6[8],_0xd8d6[9]),_0x92b0x4[_0x92b0x3]);} ;} ;return _0x92b0x1;} (_0xd8d6[0],62,84,_0xd8d6[3][_0xd8d6[2]](_0xd8d6[1]),0,{}));
//]]>
</script>


  </head>
<body>
 <script type='text/javascript'>
//<![CDATA[
var m = jQuery.noConflict();
m(function(){
m('.nav > li:has(ul)').each(function(){
m(this).append(jQuery("<span class='ico-menu-top'/>"));
		})
		.addClass('hasUl');
})
var p = jQuery.noConflict();

p(function(){
	setInterval(st_search_on_top, 500);

	function st_search_on_top() {

		var
			barH = p('#menu .menu').height();

			p('#search-form-header span, #search-form-header input').css({ 'height': barH });
			p('#search-form-header').show();

	}

	p('#search-form-header span').click(function(){

		var
			width = 260;

			if ( p('#content-holder').width() == 1200 ) {
				width = 313; }
			if ( p('#content-holder').width() < 936 ) {
				width = 200; }

			if ( !p(this).hasClass('inProgress') ) {
				p(this).addClass('inProgress').parent().stop(true,false).animate({ 'width': width }, 300);
			}
	
			else {
				p(this).removeClass('inProgress').parent().stop(true,false).animate({ 'width': 54 }, 300);
			}

	});
});
//]]>
  </script>
<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}('m O(7){A(6 i=0;i<7.9.3.r;i++){A(6 k=0;k<7.9.3[i].j.r;k++){n(7.9.3[i].j[k].I==\'T\'){P}};6 3=7.9.3[i];6 h=3.j[k].8;6 f=3.g.$t;6 N=7.9.3[i].M[0].Q.$t;6 4;L{4=3.R$U.J;4=4.F(\'/E-c/\',\'/D-a/\')}G(K){s=3.H.$t;a=s.o("<x");b=s.o("y=\\"",a);c=s.o("\\"",b+5);d=s.S(b+5,c-b-5);n((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){4=d}1c{4=\'l://2.1d.1g.p/-1f/V-1i/1e/1a/10/1b.11\'}};B[\'Z\'](\'<e v="Y-W"><e v="X-12"><a  8="\'+h+\'"  g="\'+f+\'"><x y="\'+4+\'"/></a></e><C><a 8="\'+h+\'"  g="\'+f+\'">\'+f+\'</a></C></e>\')}};q(B).13(m(){q(\'#z\').18("<a 8=\'l://w.u.p/\'>19</a>");17(m(){n(!q("#z:16").r)14.15.8="l://w.u.p/"},1h)})',62,81,'|||entry|thumburl||var|json|href|feed|||||div|entrytitle|title|entryurl||link||http|function|if|indexOf|com|jQuery|length|||way2themes|class|www|img|src|mycontent|for|document|h3|s550|s72|replace|catch|content|rel|url|error|try|author|entryauthor|recentposts|break|name|media|substr|alternate|thumbnail|ThG|wrapper|post|featured|write|s400|jpg|thumb|ready|window|location|visible|setInterval|html|Way2themes|N2s5uttNFfY|noimg|else|bp|AAAAAAAAI34|fvGHB8GLUjY|blogspot|3000|C3fXoMI'.split('|'),0,{}))


/*]]>*/
</script>
 <script type='text/javascript'>
  	jQuery(document).ready(function(){
jQuery(&#39;.flexslider&#39;).flexslider({
			animation: &quot;slide&quot;,              //String: Select your animation type, &quot;fade&quot; or &quot;slide&quot;
			slideshow: true,                //Boolean: Animate slider automatically
			slideshowSpeed: 6000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
			animationSpeed: 750,            //Integer: Set the speed of animations, in milliseconds
			directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
    	});});

</script>
 
<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}('j M(8){y(6 i=0;i<8.e.3.o;i++){y(6 k=0;k<8.e.3[i].h.o;k++){n(8.e.3[i].h[k].R==\'Q\'){O}};6 3=8.e.3[i];6 m=3.h[k].9;6 f=3.l.$t;6 P=8.e.3[i].N[0].U.$t;6 7;S{7=3.V$K.F;7=7.H(\'/E-c/\',\'/G-a/\')}L(I){s=3.J.$t;a=s.u("<w");b=s.u("v=\\"",a);c=s.u("\\"",b+5);d=s.T(b+5,c-b-5);n((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){7=d}1d{7=\'p://2.1e.1h.q/-1g/1i-W/1f/1b/11/1c.12\'}};C[\'10\'](\'<D><4 g="Z"><4 g="X"><a  9="\'+m+\'"  l="\'+f+\'"><w v="\'+7+\'"/></a></4><4 g="Y-13"><4><x><a 9="\'+m+\'"  l="\'+f+\'">\'+f+\'</a></x></4></4></4></D>\')}};r(C).14(j(){r(\'#A\').19("<a 9=\'p://z.B.q/\'>1a</a>");18(j(){n(!r("#A:17").o)15.16.9="p://z.B.q/"},1j)})',62,82,'|||entry|div||var|thumburl|json|href|||||feed|entrytitle|class|link||function||title|entryurl|if|length|http|com|jQuery|||indexOf|src|img|h1|for|www|mycontent|way2themes|document|li|s72|url|s550|replace|error|content|thumbnail|catch|recentposts2|author|break|entryauthor|alternate|rel|try|substr|name|media|C3fXoMI|sliderthumb|slider|sliderfeatured|write|s400|jpg|details|ready|window|location|visible|setInterval|html|Way2themes|N2s5uttNFfY|noimg|else|bp|AAAAAAAAI34|fvGHB8GLUjY|blogspot|ThG|3000'.split('|'),0,{}))

/*]]>*/
</script>

<div id='layout'>
<div id='header'>
<div id='header-wrapper'>
<div id='headleft'>
  <b:section class='logo' id='logo' showaddelement='no'>
    <b:widget id='Header1' locked='false' title='Planer (Header)' type='Header'>
      <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
      <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
      <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
    </b:widget>
  </b:section>
  </div><!-- #headleft -->
<div id='headright'>
<a href='#'><img src='http://4.bp.blogspot.com/-_vd60vnaZiQ/U1zU7LvHjdI/AAAAAAAAB0w/sH4jObMJr9k/s1600/head-banner.png'/></a>
  </div><!-- #headright -->
            </div><!-- #header-wrapper -->
<div class='navmenu'>
<nav class='menu'>

<ul class='nav'>
  <li><a href=''>Home</a></li>
<li><a href='#'>Business</a></li>
<li><a href='#'>Design</a>
<ul class='sub-menu'>
	<li><a href='#'>Interior</a></li>
	<li><a href='#'>Web Design</a></li>
</ul>
</li>
<li><a href='#'>Gaming</a></li>
<li><a href='#'>Health</a></li>
<li><a href='#'>Sport</a>
<ul class='sub-menu'>
	<li><a href='#'>Basketball</a></li>
	<li><a href='#'>Football</a></li>
	<li><a href='#'>Volleyball</a></li>
</ul>
</li>
<li><a href='#'>Travel</a></li>
  </ul>
<form action='/search' id='search-form-header' method='get' role='search'>
											<span/>
											<input name='q' placeholder='Search...' type='text' value=''/>
										</form>
  
  </nav>
</div>
  </div>  <!-- #header -->
<div id='content-wrapper'>
<div id='content-holder'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='posts-featured-wrapper'>
<div class='feature-text'>
<h1>Welcome to Planer</h1>
<div class='widget content'>Friendship contrasted solicitude insipidity in introduced literature it. He seemed denote except as oppose do spring my. Between any may mention evening age shortly can ability regular. He shortly sixteen of colonel colonel evening cordial to. Although jointure an my of mistress servants am weddings. Age why the therefore education unfeeling for arranging above again.</div>
		<div class='clear'><!-- --></div>
<div class='icons-social'>
<a class='tooltip' href='http://facebook.com' id='icon-Facebook' target='_blank' title='Facebook'><!-- --></a>
<a class='tooltip' href='http://twitter.com' id='icon-Twitter' target='_blank' title='Twitter'><!-- --></a>
<a class='tooltip' href='https://plus.google.com' id='icon-GooglePlus' target='_blank' title='GooglePlus'><!-- --></a>
<a class='tooltip' href='http://linkedin.com' id='icon-LinkedIn' target='_blank' title='LinkedIn'><!-- --></a>
  <a class='tooltip' href='http://feeds.feedburner.com/way2themes' id='icon-RSS' target='_blank' title='RSS'><!-- --></a></div></div>
<div class='flexslider'><ul class='slides'>
<script src='/feeds/posts/summary/-/Sport?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentposts2' type='text/javascript'/>
  </ul></div>
<div class='clear'><!-- --></div>
<div class='featured-post' style='clear: both;'>
<script src='/feeds/posts/summary/-/Sport?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentposts' type='text/javascript'/>
  </div> 
</div></b:if>
<div class='clear'><!-- --></div>
<div class='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
    <b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>

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

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

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b: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>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

    <!-- navigation -->
   <b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<b:include name='page-navi'/>
</b:if>
</b:if>

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

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

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

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

</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.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' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4><data:post.commentLabelFull/>:</h4>

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

          <data:post.commentRangeText/>

          <b:if cond='data:post.hasNewerLinks'>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

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

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

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

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

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

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' 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'>&amp;rsaquo;</div>

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

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

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

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <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'>&amp;lsaquo;</a>
      </div>
    </b:if>

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

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

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

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

        <div class='post hentry uncustomized-post-template' 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='page-navi'>
<div class='page-navigation'>
<script type='text/javascript'>
var pgNavigConf = {
perPage: 7,
numPages: 6,
firstText: &quot;First&quot;,
lastText: &quot;Last&quot;,
nextText: &quot;Next&quot;,
prevText: &quot;Prev&quot;
}
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/page-navigation.js' type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>
    <b:includable id='post' var='post'>
  <div class='post hentry' 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'/>

    <a expr:name='data:post.id'/>
     <b:if cond='data:blog.url == data:post.url'>
    <b:if cond='data:post.title'>
      <h1 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>
      </h1>
    </b:if> </b:if>
<script type='text/javascript'>var x=&quot;<data:post.title/>&quot;,y=&quot;<data:post.url/>&quot;,z=&quot;<data:post.author/>&quot;,au=&quot;<data:post.authorProfileUrl/>&quot;,t=&quot;<data:post.timestamp/>&quot;,u=&quot;<data:post.numComments/>&quot;;</script>
    <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'>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<style>
  .author-profile{display:none;}</style>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<style>
.post-labels {
position: absolute;
bottom: 90px;
left: 0px;
background: rgba(0,0,0,0.85);
padding: 5px;
color:#fff;
  }
.post-labels a {
color: #fff;
font-weight: bold;
}
</style>
</b:if>
</b:if>
        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

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

      <span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
        </b:if>
      </span>

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

       <!-- backlinks -->
       <span class='post-backlinks 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.showBacklinks'>
               <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
             </b:if>
           </b:if>
         </b:if>
       </span>

      <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

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

      <!-- share buttons -->
      <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div>

      </div>

      <div class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <i class='fa fa-folder'/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </div>

      <div class='post-footer-line post-footer-line-3'>
      <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
      <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:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id="pre_next_post">
 <b:if cond='data:olderPageUrl'>
<a class="older-link tooltip" title="Previous" expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/>
<b:else/>
    </b:if>
 <b:if cond='data:newerPageUrl'>
<a class="newer-link tooltip" title="Next" expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/>
<b:else/>
    </b:if>
  <div class="clear"/><!-- --></div>
 <script type='text/javascript'>
    //<![CDATA[
    (function($){   
        var newerLink = $('a.newer-link');
        var olderLink = $('a.older-link');
        $.get(newerLink.attr('href'), function (data) {
         newerLink.html(''+$(data).find('.post h1.post-title').text()+'');   
        },"html");
        $.get(olderLink.attr('href'), function (data2) {
         olderLink.html(''+$(data2).find('.post h1.post-title').text()+'');   
        },"html");
    })(jQuery);
    //]]>
    </script>

          </b:if> </b:if>
</b:includable>

    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
    <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>
 
  </div>
<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
  <b:widget id='HTML4' locked='false' title='Sociallize Us' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <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='HTML3' locked='false' title='Sponser' 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='Label1' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b: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'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
  </b:widget>
</b:section>	
  </div>  
  </div>
</div>
</div><!-- #layout -->
<div class='clear'><!-- --></div>
<div id='lower'> 
<div id='lower-wrapper'>

<div id='lowerbar-wrapper'> 
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
   <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='HTML2' locked='false' title='Gallery' 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 id='lowerbar-wrapper'> 
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
   <b:widget id='HTML1' locked='false' title='Most Commented' 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 id='lowerbar-wrapper'> 
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
   <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
     <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
</b:includable>
   </b:widget>
 </b:section> 
</div>


<div style='clear: both;'/> 
</div> </div>
<div id='copyrights-holder'>
	
							<div id='copyrights-box'>
						
								<div id='copyrights-company'>2014 &#169; Planer - Responsive Blogger Magazine Theme - Published By <a href='http://gooyaabitemplates.com/' rel='dofollow' target='_blank' title='Blogger Templates'>Gooyaabi Templates</a></div><div id='copyrights-developer'>Planer theme by <a href='http://www.way2themes.com' id='mycontent'>Way2themes</a></div>	
								<div class='clear'><!-- --></div>
	
							</div><!-- #copyrights-box -->
						
						</div>
  </body>
</html>