<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<b:include data='blog' name='all-head-content'/>
<b:include data='blog' name='google-analytics'/>
<meta content='Keywords_Here' name='keywords'/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  <title>Sorry, Page Not Found !</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
	<title><data:blog.pageTitle/></title>
  <b:else/>
	<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta content='ThemeXpose' name='Author'/>
<meta content='index, follow' name='robots'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' id='options_typography_Lato-css' media='all' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Name     : Creative Responsive Blogger Template
Version  : Full version
Author   : ThemeXpose
URL      : http://themexpose.com
----------------------------------------------- */
/* Variable definitions
=======================
   <Group description="Page Text" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 14px Open Sans" value="normal normal 14px Open Sans"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>
   </Group>

   <Group description="Backgrounds" selector="body">
     <Variable name="body.background.color" description="Outer Background" type="color" default="#Fff" value="#FFffff"/>
     <Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="transparent"/>
     <Variable name="header.border.color" description="Header Border" type="color" default="#EEEDED" value="#EEEDED"/>
   </Group>

   <Group description="Links" selector=".container">
     <Variable name="link.color" description="Link Color" type="color" default="#333" value="#333333"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#888888"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="#E54939" value="#E54939"/>
   </Group>

   <Group description="Blog Title" selector=".header h1">
     <Variable name="header.font" description="Font" type="font"
         default="normal bold 30px Calibri" value="normal bold 30px Calibri"/>
     <Variable name="header.text.color" description="Title Color" type="color" default="#333333"  value="#333333"/>
   </Group>

   <Group description="Blog Description" selector=".header .description">
     <Variable name="description.font" description="Font" type="font"
         default="normal normal 14px Open Sans" value="normal normal 14px Open Sans"/>
     <Variable name="description.text.color" description="Description Color" type="color"
         default="#333333"  value="#333333"/>
   </Group>

   <Group description="Navigation" selector="#navigation">
     <Variable name="navigation.font" description="Font" type="font"
         default="normal normal 14px Open Sans" value="normal normal 14px Open Sans"/>
     <Variable name="navigation.text.color" description="Text Color" type="color"
         default="#888888"  value="#888888"/>
     <Variable name="navigation.text.hover.color" description="Hover Text Color" type="color"
         default="#0372FF"  value="#e54939"/>
   </Group>

   <Group description="Icons" selector="#search,#social">
     <Variable name="icons.color" description="Color" type="color"
         default="#0072FE"  value="#0072FE"/>
     <Variable name="icons.hover.color" description="Hover Color" type="color"
         default="#333333"  value="#333333"/>
     <Variable name="icons.background.color" description="Background Hover Color" type="color"
         default="#E1E1E1"  value="#E1E1E1"/>
   </Group>

   <Group description="Mian Color" selector="div.clearfix">
     <Variable name="main.color" description="Color" type="color"
         default="#0072FE"  value="#e54939"/>
   </Group>

   <Group description="Sidebar" selector="aside">
     <Variable name="sidebar.gadget.title.font" description="Title Font" type="font"
         default="normal bold 16px Open Sans" value="normal bold 16px Open Sans"/>
     <Variable name="sidebar.gadget.title.color" description="Title Color" type="color"
         default="#333333"  value="#333333"/>
     <Variable name="sidebar.text.color" description="Text Color" type="color"
         default="#333333"  value="#333333"/>
   </Group>

   <Group description="Footer" selector="footer">
     <Variable name="footer.text.color" description="Text Color" type="color"
         default="#333333"  value="#333333"/>
     <Variable name="footer.border.color" description="Border Color" type="color"
         default="#E1E1E1"  value="#E1E1E1"/>
   </Group>

   <Group description="Footer Gadgets" selector="footer .section .widget h2:first-child">
     <Variable name="footer.gadget.title.font" description="Title Font" type="font"
         default="normal bold 20px Open Sans" value="normal bold 21px Open Sans"/>
     <Variable name="footer.gadget.title.color" description="Title Color" type="color"
         default="#ffffff"  value="#ffffff"/>
   </Group>

   <Group description="Error Page Title" selector=".error-title">
     <Variable name="error.title.font" description="Title Font" type="font"
         default="normal bold 40px Open Sans" value="normal bold 40px Open Sans"/>
     <Variable name="error.title.color" description="Title Color" type="color"
         default="#ff0000"  value="#ff0000"/>
   </Group>

   <Group description="Error Page Description" selector=".error-description">
     <Variable name="error.description.font" description="Description Font" type="font"
         default="normal normal 18px Open Sans" value="normal normal 18px Open Sans"/>
     <Variable name="error.description.color" description="Description Color" type="color"
         default="#333333"  value="#333333"/>
   </Group>

 */

/* Global
----------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  position: relative;
  background-color: $(body.background.color);
  font: $(body.font);
  color: $(body.text.color);
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: $(content.background.color);
}
.clearfix:after {
  clear: both;
}
.clearfix:after, .clearfix:before {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0px;
  line-height: 0;
  width: 0px;
  height: 0px;
}
a {
  text-decoration: none;
  color: $(link.color);
}
a:visited {
  color: $(link.visited.color);
}
a:hover {
  color: $(link.hover.color);
}
ul {
  list-style-type: none;
}
img {
  max-width: 100%;
}
.left {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}
.right {
  float: right;
  margin-left: 15px;
  margin-bottom: 5px;
}
.center {
  text-align: center;
  margin-bottom: 5px;
}
#logo, #navigation {
  display: inline-block;
  margin-right: 2%;
}
body#layout .main-posts {
  width: 66.5%;
  float: left;
}
body#layout .sidebar {
  width: 32%;
  float: right;
}
body#layout .footer-section {
  width: 33.33%;
  float: left;
}

/* HEADER
----------------------------------------------- */
header {
  position: relative;
  margin: 0 auto;
  padding: 30px 0;
 width: 1170px; 
}

/* LOGO
----------------------------------------------- */
#logo {
  width: 188px;
}
.header h1.title {
  margin: 0;
  font: $(header.font);
 font-size: 31px;
color: #262626;
text-transform: uppercase;
font-weight: 900;
line-height: 24px;
font-family: Lato, serif;
}
.header .titlewrapper, .header .descriptionwrapper {
  display: inline-block;
  font: $(description.font);
  color: $(description.text.color);
}

/* NAVIGATION
----------------------------------------------- */
#navigation {
  width: 466px;
float: right;
}
nav ul {
  margin: 0;
  padding: 0;
}
nav ul li {
  display: inline-block;
}
nav ul li a {

font-size: 14px;
font-weight: 600;
padding: 15px 0;
border-bottom: 3px solid transparent;
margin: 0px 10px;
font-family: Lato ,sans-serif;
}
.active a, nav ul li:hover a {
  color: $(navigation.text.hover.color);
  border-bottom: 3px solid $(navigation.text.hover.color);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
nav ul li:hover > ul {
  display: block;
}
nav li ul {
  display: none;
  position: absolute;
  top: 98px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #eee;
  border-top: 3px solid $(navigation.text.hover.color);
  z-index: 99;
  min-width: 165px;
  max-width: 195px;
}
nav li ul li {
  display: block;
}
nav li ul li a {
  color:  $(navigation.text.color) !important;
  margin: 0 20px;
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #eee !important;
}
nav li ul li a:hover {
  color: $(navigation.text.hover.color) !important;
  border-bottom-width: 1px !important;
}
nav li ul li:last-child a, nav .sub li:last-child a:hover {
  border-bottom-width: 0 !important;
}
.marrow {
  color: $(navigation.text.color);
  margin-left: 5px;
}
nav ul li:hover .marrow {
  color: $(navigation.text.hover.color);
}
.m-button {
  display: none;
  text-align: right;
  width: 93px;
  font-size: 30px;
  position: relative;
  height: 20px;
}
.m-button i {
  position: absolute;
  right: 0px;
  cursor: pointer;
  color: $(navigation.text.color);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.m-button i:hover {
  color: $(navigation.text.hover.color);
}
@media only screen and (max-width: 1000px) {
  #navigation {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 33px;
  background-color: #FFF;
  border: 1px solid #EEE;
  border-top-width: 0;
  box-sizing: border-box;
  z-index: 99;
  }
  nav ul li, nav ul li ul {
  display: block;
  }
  nav ul li {
  margin: 0px 20px;
  }
  nav ul li a {
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
  display: block;
  }
  nav ul li:last-child a, nav ul li:hover:last-child a {
  border-bottom-width: 0;
  }
  .active a, nav ul li:hover a {
  border-bottom-width: 1px;
  }
  nav li ul {
  position: relative;
  top: -1px;
  text-align: center;
  min-width: 100%;
  max-width: 100%;
  border-width: 0;
  background-color: #eee;
  }
}

/* SEARCH
----------------------------------------------- */
#search {
  margin: 0 auto;
width: 475px;
}
#search .s-input {
  background-color: #fff;
  height: 30px;
  width: 435px;
  border: 2px solid $(header.border.color);
  padding: 7px 15px;

}
.s-submit {
  height: 33px;
  width: 35px;
margin-left: -55px;
  color: $(icons.hover.color);
  background-color: #FFF;
  border: 2px solid $(header.border.color);
  cursor: pointer;
  padding: 0px 10px;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f002";
}
.s-submit:hover {
  color: $(icons.color);
  background-color: $(icons.background.color);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

/* SOCIAL
----------------------------------------------- */
#social {
 margin-right: 0;
display: block;
margin-top: 20px;
}
#social a {
  color: $(icons.color);
  background-color: #FFF;
  border: 2px solid $(header.border.color);
  height: 21px;
  display: inline-block;
  padding: 4px;
  width: 22px;
  text-align: center;
}
#social a:hover {
  background-color: $(icons.background.color);
  color: $(icons.hover.color);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

/* MAIN CONTENT
----------------------------------------------- */
.summary-outer img {
  vertical-align: top;
}
.ads, .main-posts, aside {
  margin-top: 30px;
}
.date-outer {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
overflow: hidden;
}
.date-outer:nth-child(4n+4) {
  margin-right: 0;
}
.main-posts {
  width: 795px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.post {
  margin-bottom: 0;
}
.post-body {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.summary-outer a {
  position: relative;
  display: block;
}
.overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  width: 270px;
  height: 270px;
  text-align: center;
  line-height: 270px;
  opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
}

.overlay:before {
z-index: 3;
border-top: 1px solid rgba(255,255,255,0.5);
border-bottom: 1px solid rgba(255,255,255,0.5);
-webkit-transform: scale(0,1);
transform: scale(0,1);
}

.overlay:after {
z-index: 3;
border-right: 1px solid rgba(255,255,255,0.5);
border-left: 1px solid rgba(255,255,255,0.5);
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.overlay:before, .overlay:after {
z-index: 3;
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
}
.overlay:hover::before, .overlay:hover::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}



.summary-outer a:hover .overlay {
  opacity: 1;
}
.overlay i {
  line-height: inherit;
  color: $(main.color);
}
.loader {
  display: none !important;
  width: 100%;
  left: 0;
  position: fixed;
  z-index: 90;
  text-align: center;
  bottom: 100px;
}
.trigger {
  display: none !important;
  width: 100%;
  margin-bottom: 30px;
}

.trigger i {
margin-right: 10px; 
}
.trigger a {
  -webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
position: relative;
float: left;
width: 140px;
height: 34px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #262626;
color: #fff !important;
text-align: center;
font-size: 18px;
line-height: 34px;
}
.trigger a:hover {
  color: $(main.color);

  background-color: #FFF#EF6250;
}
.popular-posts ul {
  padding: 0;
}
[data-title]:before {
  color: #fff;
  
}
[data-title]:after {
  border-top: 5px solid $(main.color);
}

h3.post-title span {
  
}
.status-msg-wrap {
  border-left: 4px solid $(main.color) !important;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
  background-color: $(main.color);
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  color: $(main.color);
}
.list-label-widget-content li span {
  color: $(main.color);
}
.list-label-widget-content li span:first-child {
  border: 1px solid $(main.color);
}
.list-label-widget-content li a:hover, #footer-nav .list-label-widget-content li a:hover {
  background-color: $(main.color);
}
.label-size a:hover, .label-size:hover .label-count, .label-size:hover a {
  background-color: $(main.color);
}
.cloud-label-widget-content .label-size span:first-child, .cloud-label-widget-content .label-size span:first-child span:nth-child(2) {
  background-color: $(main.color);
}
blockquote:after, #toTop:hover {
  color: $(main.color);
}
blockquote {
  border-left: 3px solid $(main.color) !important;
}
.error-description .error-line2 a:hover {
  background-color: $(main.color);
  border: 2px solid $(main.color);
}
.error-title {
  font: $(error.title.font);
  color: $(error.title.color);
}
.error-description {
  font: $(error.description.font);
  color: $(error.description.color);
}

/* SIDEBAR
----------------------------------------------- */
aside {
  color: $(sidebar.text.color);
  width: 345px;
  float: right;
  margin-left: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
aside .section .widget {
  padding: 20px 20px;
  margin-bottom: 20px;
  background-color: #FFF;
  border: 1px solid #eee;
}

aside .section .widget h2:first-child {
  margin: -5px 0px 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEE;
  font: $(sidebar.gadget.title.font);
  color: $(sidebar.gadget.title.color)
}
aside .section .widget h2:first-child span {

  padding-bottom: 9px;
}

/* FOOTER
----------------------------------------------- */
footer {
  padding: 30px 0;

  color: $(footer.text.color);
}

footer .footer-section {
  width: 30%;
  margin-right: 5%;
  float: left;
}
footer .section .widget h2:first-child {
  font: $(footer.gadget.title.font);
  color: $(footer.gadget.title.color);
}
footer #section-4 {
  margin-right: 0;
}
footer .footer-rights {
  margin-top: 30px;
  border-top: 3px solid $(footer.border.color);
  padding: 30px 0;
}

]]></b:skin>
<style type='text/css'>

  /* TOOLTIPS 
  ----------------------------------------------- */
  [data-title] {
    position: relative;
    z-index: 2;
    cursor: pointer;
  }
  [data-title]:before, [data-title]:after {
    visibility: hidden;
    -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
    z-index: 90;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
  [data-title]:before {
    position: absolute;
bottom: 40%;
left: 15%;

padding: 20px 10px;
width: 190px;
background-color: rgba(0, 0, 0, 0.3);
content: attr(data-title);
text-align: center;
font-size: 14px;
line-height: 1.2;
  }
 
  [data-title]:hover:before, [data-title]:hover:after {
    visibility: visible;
    -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  /* LABELS
  ----------------------------------------------- */
  .list-label-widget-content ul, .list-label-widget-content li {
    padding: 0;
    list-style: none;
  }
  .list-label-widget-content li a {
  
    color: #7d7d7d;
   
    border-radius: 3px;
    float: left;
    padding: 5px;
    margin-bottom: 5px;
    line-height: 16px;
    line-height: 16px;
    width: 83%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
  }
  .list-label-widget-content li span {
    background-color: #F3F3F3;
    border-radius: 3px;
    float: right;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
    border: 1px solid #E2E2E2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 15%;
    line-height: 16px;
    padding: 5px;
    font-size: 13px;
  }
  .list-label-widget-content li span:first-child {
    background-color: #F3F3F3;
    border-radius: 3px;
    border-right: 10px solid;
    border-left: 10px solid;
    width: 83% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 5px;
    margin-bottom: 5px;
    line-height: 16px;
    width: 250px;
  }
  .list-label-widget-content li a:hover, #footer-nav .list-label-widget-content li a:hover {
    color: #fff;
  }
  .cloud-label-widget-content .label-size {
    font-size: 100%;
    float: left;
  }
  .cloud-label-widget-content .label-size a {
    color: #666;
    float: left;
    font-size: 12px;
    margin: 0 5px 5px 0;
    padding: 5px;
    text-decoration: none;
    border: 1px solid #E2E2E2;
    border-radius: 3px;
  }
  .label-size a:hover, .label-size:hover .label-count, .label-size:hover a {
    color: #FFF;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
  }
  .cloud-label-widget-content .label-size span {
    color: #666;
    float: left;
    font-size: 12px;
    margin: 0 5px 5px 0;
    padding: 5px;
    text-decoration: none;
    border: 1px solid #E2E2E2;
    border-radius: 3px;
  }
  .cloud-label-widget-content .label-size span:first-child, .cloud-label-widget-content .label-size span:first-child span:nth-child(2) {
    color: #FFF;
  }

  /* EMAILS
  ----------------------------------------------- */
  .FollowByEmail .follow-by-email-inner .follow-by-email-address {
    background-color: #fff;
    padding: 6px 10px;
    border: 2px solid #e1e1e1;
    width: 100%;
    height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
    background-color: #E1E1E1;
    width: 62px;
    margin: 0px;
    border-radius: 0px;
    height: 38px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
  .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
    color: #FFF;
  }

  /* PROFILE
  ----------------------------------------------- */
  .profile-img {
    margin: 0px 15px 5px 5px;
    border: 3px solid #eee;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .profile-name-link.g-profile {
    margin-bottom: 10px;
  }

  /* STATUS MESSAGE
  ----------------------------------------------- */
  .status-msg-wrap {
    margin: 0 auto 30px;
    width: 100%;
    border: 1px solid #eee;
    box-sizing: border-box;
  }
  .status-msg-body {
    margin: 8px 0px;
  }
  .status-msg-border {
    border-width: 0px;
    opacity: 1;
  }
  .status-msg-bg {
    background-color: #FFF;
    opacity: 1;
    padding: 10px 0;
  }

  /* TO TOP
  ----------------------------------------------- */
  #toTop {
    float: right;
margin-left: 20px;
/* padding-left: 20px; */
border-left: 1px solid rgba(0,0,0,0.1);
display: block;
width: 30px;
height: 30px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 27px;
border-radius: 2px;
background-color: #47C2DC;
transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
  }
  #toTop:hover {
    background-color: #fff;
  }
  .hide {
    bottom: -100px !important;
  }
  .show {
    bottom: -2px !important;
  }

  /* QUOTE
  ----------------------------------------------- */
  blockquote:after {
    content: &quot;\f10d&quot;;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 40px;
    margin-left: -18px;
    width: 32px;
    height: 42px;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 35px;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  blockquote {
    position: relative;
    background: none repeat scroll 0% 0% #F9F9F9;
    border: 1px solid #F1F1F1;
    border-left: 3px solid $(main.color);
    padding: 20px 20px 20px 75px;
    color: #A7A7A8;
    font-style: italic;
    line-height: 1.3;
    box-sizing: border-box;
  }

  /* COMMENTS
  ----------------------------------------------- */
  #comments {
    padding: 20px 50px;
    background-color: #FFF;
    border: 1px solid #eee;
  }
  #comments .user a {
    color: #444;
    font-style: normal;
    font-size: 14px;
    line-height: 26px;
  }
  #comments .datetime,
  #comments .datetime a {
    display: inherit;
    margin-left: 0;
    color: #A3A3A3;
    text-decoration: none;
    font-size: 12px;
    margin: -4px 0 0;
  }
  #comments .datetime a {
    margin:auto;
  }
  #comments .comment-actions a {
    background: linear-gradient(to bottom,#2AACDB 0%,#1A79C5 100%) repeat scroll 0% 0% transparent;
    border: 1px solid #1B95D0;
    border-radius: 2px;
    color: #FFF;
    font-size: 11px;
    line-height: 1.2em;
    padding: 3px 9px 2px;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 10px;
  }
  #comments .comment {
    border-bottom: 1px solid #E5E5E5;
  }
  #comments .loadmore {
    margin-top: 0;
  }
  .comment-replies .inline-thread {
    background: none repeat scroll 0% 0% #F8F8FF;
    border-width: 1px 1px 1px 3px;
    border-style: solid;
    border-color: #E2E2E2 #E2E2E2 #E2E2E2 #1B95D0;
  }
  #comment-editor {
    height: 235px;
  }
  #comments .avatar-image-container img {
    border:2px solid #EEE;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

.Main-wrapper {
background: #f6f6f6;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

  .page-head h1{font-size: 58px;
font-weight: 900;
color: #262626;
font-family: Lato, serif;

}

  .page-head{padding-bottom: 50px;}

.page-head h1 span {
display: block;
}
.page-head h1 small {
font-size: 20px;
font-weight: 300;
color: #262626;
display: block;
padding-top: 15px;
}

.head-area {
padding: 35px 0;
}

.container.page-head {
text-align: center;
}
.footer-wrapper{background:#262626}
.footer-rights.clear {
background: #171717;
padding: 30px;
}

footer .PopularPosts img {
padding-right: .4em;
width: 100px;
height: 100px;
}

footer .item-title a {
font-size: 16px;
color: #fff;
}

footer .item-snippet {
color: #989898;
}



a.quickedit img {
width: 20px;
height: 20px;
}


/*---Flicker Image Gallery-----*/
.flickr_plugin {
width: 100%;
}
.flickr_badge_image {
float: left;
height: 75px;
margin: 8px 5px 0px 5px;
width: 75px;
}
.flickr_badge_image a {
display: block;
}
.flickr_badge_image a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}
.flickr_badge_image a img:hover {
opacity: .5;
}


#profile .container {
padding: 40px 0;
}

#profile .avatar {
position: absolute;
top: 50%;
float: left;
border: 4px solid #fff;
width: 128px;
height: 128px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
overflow: hidden;
background: none;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
cursor: pointer;
}


#profile .avatar img {
height: 100%;
width: auto;
}

#profile .avatar:after {
content: &quot;&quot;;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: none;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
}

#profile .about {
margin: 0 0 0 175px;
padding: 10px 0;
position: absolute;
top: 50%;
width: 400px;
display: inline-block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}

#profile .about .name {
color: #FFFFFF;
font-weight: bolder;
font-size: 17px;
padding: 10px 0;
}

#profile .about .summary {
color: #fff;
font-weight: 400;
line-height: 22px;
font-size: 14px;
}

#profile .social-media {
top: 50%;
right: 0;
display: inline-block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
float: right;
}

#profile .social-media a {
margin: 0 0 0 5px;
padding: 7px 10px;
text-align: center;
width: 15px;
color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
}

div#profile {
padding: 60px 0;
position: relative;
width: 100%;
background: #8b6c93;
display: block;
overflow: auto;
} 

.facebook {
	background: #fff;
}
.facebook i {
	color: #4A5FAC;
}
.facebook:hover {
	background: #42569E;
color:#fff;
}

.facebook:hover i {
	background: #42569E;
color:#fff;
}
.twitter {
	background: #fff;
}

.twitter i {
	color: #47B5E8;
}
.twitter:hover {
	background: #42ABDB;
color:#fff;
}
.twitter:hover i {
	background: #42ABDB;
color:#fff;
}
.instagram {
	background: #fff;
}
.instagram i {
	color: #547FA3;

}
.instagram:hover {
	background: #4B7394;
color:#fff;
}
.instagram:hover i {
	background: #4B7394;
color:#fff;
}
.google-plus {
	background: #fff;
}
.google-plus i {
	color: #313131;
}
.google-plus:hover {
	background: #2B2B2B;
color: #fff;
}

.google-plus:hover i {
	background: #2B2B2B;
color: #fff;
}
.pinterest {
	background: #fff;
}
.pinterest i {
	color: #D12535;
}
.pinterest:hover {
	background: #C22130;
	color: #fff;
}

.pinterest:hover i {
	background: #C22130;
	color: #fff;
}
.dribbble {
	background: #fff;
}

.dribbble i{
	color: #E04382;
}
.dribbble:hover {
	background: #D13F79;
color: #fff;
}
.dribbble:hover i {
	
color: #fff;
}




    aside.sidebar .PopularPosts .item-snippet, aside.sidebar .PopularPosts .item-title{display:none}
 aside.sidebar .PopularPosts .widget-content ul li {
width: 100px;
float: left;
height: 100px;
}
aside.sidebar .PopularPosts .widget-content ul li {
padding: .2em 0;
}

.footer-rights a {
color: #9E9E9E;
}




  /* RESPONSIVE
  ----------------------------------------------- */
  @media only screen and (min-width: 1001px) and (max-width: 1220px) {
    .container {
      max-width: 960px;
    }

header {
width: 960px;
}
    #logo {
      width: 50.2%;
    }
    #navigation {
      text-align: right;
      margin-right: 0px;
    }
    #navigation, #search, #social {
      width: auto;
    }
    .main-posts {
      width: 613px;
    }
    .date-outer {
      margin-right: 15px;
      margin-bottom: 15px;
    }
    .summary-outer .toptip img, .overlay {
      width: 228px;
      height: 228px;
    }
    [data-title]:before, [data-title]:after {
      bottom: 40%;
    }
[data-title]:before {
      left: 8%;}
    .overlay {
      line-height: 194px;
    }
    aside {
      width: 332px;
      margin-left: 15px;
    }
  }
  @media only screen and (min-width: 1000px) {
    #navigation {
      display: inline-block !important;
    }
  }
  @media only screen and (max-width: 1000px) {
    #navigation {
      display: none;
    }
    .m-button {
      display: inline-block;
    }
  }
  @media only screen and (min-width: 811px) and (max-width: 1000px) {
    .container {
      max-width: 765px;
    }
    .main-posts, aside {
      width: 100%;
    }
    .date-outer {
      margin-right: 15px;
      margin-bottom: 15px;
    }

header {
width: 765px;
}
.date-outer:nth-child(3n+3) {
margin-right: 0;
}

.date-outer:nth-child(4n+4) {
margin-right: 15px;
}
    aside {
      margin: 0 0 30px;
    }
    footer .footer-section {
      width: 48%;
      margin-right: 4%;
    }
    footer #section-3 {
      margin-right: 0px;
    }
    footer #section-4 {
      width: 100%;
      margin-top: 20px;
    }
    footer .footer-rights {
      text-align: center;
    }
  }
  @media only screen and (min-width: 661px) and (max-width: 810px) {
   header, .container {
      max-width: 612px;
    }
    #logo {
      width: 50%;
    }
.page-head h1 {
      font-size: 40px;}
    #navigation {
      margin-top: 67px;
    }
    .m-button {
      width: 147px;
float: right;
    }

#profile .about {

position: relative;

}

#profile .social-media {

margin-top: -25px;
}

.date-outer:nth-child(3n+3) {
margin-right: 0;
}

.date-outer:nth-child(4n+4) {
margin-right: 15px;
}
    .main-posts, aside {
      width: 100%;
    }
    .date-outer {
      margin-right: 15px;
      margin-bottom: 15px;
    }
    .summary-outer .toptip img, .overlay {
      width: 194px;
      height: 194px;
    }
    [data-title]:before, [data-title]:after {
      bottom: 40%;
    }

[data-title]:before {

left: 6%;
      width: 170px;}
    .overlay {
      line-height: 194px;
    }
    aside {
      margin: 0 0 30px;
    }
    footer .footer-section {
      width: 48%;
      margin-right: 4%;
    }
    footer #section-3 {
      margin-right: 0px;
    }
    footer #section-4 {
      width: 100%;
      margin-top: 20px;
    }
    footer .footer-rights {
      text-align: center;
    }
  }
  @media only screen and (max-width: 660px) {
    header {
      text-align: center;
    }
    #logo, #search, #social {
      width: 100%;
      margin-bottom: 15px;
    }
    #search .s-input {
      width: 80%;
      box-sizing: border-box;
      height: 34px;
    }
    .s-submit {
      box-sizing: border-box;
    }
    #navigation {
      margin-top: 155px;
    }
    .m-button {
      text-align: center;
      width: 100%;
    }
    .m-button i {
      position: relative;
      display: table;
      margin: 0 auto;
    }
    .footer-section {
      width: 100% !important;
      margin-top: 20px;
      margin-right: 0 !important;
    }
    footer .footer-rights {
      text-align: center;
    }
    blockquote {
      margin: 0;
    }
    .left-older-link {
      margin-bottom: 30px;
    }
    .left-older-link, .right-newer-link {
      width: 100% !important;
    }
    footer:before {
      background: none repeat scroll 0% 0% transparent;
    }
  }
  @media only screen and (min-width: 451px) and (max-width: 660px) {
   header, .container {
      max-width: 403px;
    }
    .main-posts, aside {
      width: 100%;
    }

div#profile {
      padding: 0px 0;}

#profile .about {
margin: 40px 0 0 175px;
padding: 10px 0;
      position: relative;width: 260px;}
    .date-outer {
      margin-right: 15px;
      margin-bottom: 15px;
    }
    .date-outer:nth-child(3n+3) {
      margin-right: 15px;
    }

.page-head h1 {
      font-size: 25px;}

.page-head h1 small {
      font-size: 14px;}

    .date-outer:nth-child(2n+2) {
      margin-right: 0px;
    }
    .summary-outer .toptip img, .overlay {
      width: 194px;
      height: 194px;
    }
    [data-title]:before, [data-title]:after {
      bottom: 40%;
    }
[data-title]:before {
left: 7%;
padding: 20px 10px;
      width: 169px;}
    .overlay {
      line-height: 194px;
    }
    aside {
      margin: 0 0 30px;
    }
  }
  @media only screen and (min-width: 309px) and (max-width: 450px) {
    header,.container {
      max-width: 245px;
    }
    .main-posts, aside {
      width: 100%;
    }
    .date-outer {
      margin-right: 0;
      margin-bottom: 15px;
    } 

.page-head h1 {
      font-size: 15px;}
 
#profile .avatar {
position: absolute;
     top: 18%;}

#profile .about {

position: relative; 
top: 50%;
width: 100px;
margin-top: 40px;
}
.page-head h1 small {
      font-size: 14px;}

    .date-outer:nth-child(3n+3) {
      margin-right: 0;
    }
    .summary-outer .toptip img, .overlay {
      width: 245px;
      height: 245px;
    }
    aside {
      margin: 0 0 30px;
    }
    h3.post-title span {
      border-bottom-width: 0;
    }
  }
  @media only screen and (max-width: 308px) {
    header,.container {
      max-width: 80%;
    }
    #logo, #search, #social {
      margin-bottom: 11px;
    }
    #social a, .s-submit {
      margin-top: 4px;
    }
    .main-posts, aside {
      width: 100%;
    }
    .date-outer {
      margin-right: 0;
      margin-bottom: 15px;
    }
    .date-outer:nth-child(3n+3) {
      margin-right: 0;
    }
    .summary-outer .toptip img, .overlay {
      width: 100%;
      height: 100%;
    }
    [data-title]:before, [data-title]:after {
      bottom: 119px;
    }
    .overlay i {
      display: none;
    }
    aside {
      margin: 0 0 30px;
    }
    h3.post-title span {
      border-bottom-width: 0;
    }
  }
  @-moz-document url-prefix() { 
    nav li ul {
      top: 108px;
    }
  }


</style>
<b:if cond='data:blog.url == data:blog.homepageUrl'><style>
  .post {
    border-top-width: 0 !important;
  }
  .loader {
    display: block !important;
  }
  .trigger {
    display: inline-block !important;
  }
</style></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><style>
  .date-outer {
    margin-right: 0;
  }
  .post {
    padding: 20px 50px;
    background-color: #FFF;
    border: 1px solid #eee;
  }

  /* POST PAGER
  ----------------------------------------------- */
  .post-pager {
    background-color: #FFF;
    border: 1px solid #EEE;
    padding: 20px 50px;
    margin-bottom: 30px;
  }
  .left-older-link {
    float: left;
    text-align: left;
    width: 49%;
  }
  .right-newer-link {
    float: right;
    text-align: right;
    width: 49%;
  }
  .post-pager i {
    font-size: 35px;
  }
  .left-older-link i {
    float: left;
    margin-right: 10px;
  }
  .right-newer-link i {
    float: right;
    margin-left: 10px;
  }
  .post-pager small, .post-pager span {
    display: block;
  }

</style></b:if>
<b:if cond='data:blog.pageType != &quot;index&quot;'><style>
  .date-outer {
    float: none;
    clear: both;
  }
  .date-header {
    background-color: #fff;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-bottom-width: 0px;
  }
  .post {
    margin-bottom: 30px;
  }
  h3.post-title {
    margin: 0px 0px 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E1E1E1;
  }
  h3.post-title span {
    padding-bottom: 19px;
  }
  .post-body {
    border-bottom: 3px solid #EEE;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
  .post-footer i {
    margin-right: 6px;
  }
  .post-footer .timestamp-link, .post-footer .fn, .post-labels a:last-child {
    margin-right: 10px;
  }
  .post-share-buttons i {
    float: left;
    margin: 4px 8px 0px 0px;
  }
</style></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><style>
  .post {
    border-top-width: 0 !important;
  }

element.style {
}
aside {
display: none;
}

.main-posts {
    width: 100%;}
</style></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><style>
  .post {
    border-top-width: 0 !important;
  }
  .loader {
    display: block !important;
  }
  .trigger {
    display: inline-block !important;
  }
  .date-outer {
    float: left;
    clear: right;
  }
  .post {
    margin-bottom: 0;
  }
  .post-body {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
</style></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><style>
  .date-outer {
    margin-right: 0px;
  }
  .post.hentry {
    margin-bottom: 30px;
  }
  .post.hentry {
    padding: 20px 50px;
    background-color: #FFF;
    border: 1px solid #eee;
  }
  .post-title {
    margin-bottom: 20px;
    border-bottom: 3px solid #EEE;
    padding-bottom: 20px;
  }
  .post-body {
    margin-bottom: 20px;
    border-bottom: 3px solid #EEE;
    padding-bottom: 30px;
  }
  .post-icons {
    display: none;
  }
  .post-share-buttons i {
    float: left;
    margin: 4px 8px 0px 0px;
  }
</style></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'><style>
  .main-posts {
    width: 100%;
    float: none;
    margin-top: 0;
  }
  .error-page {
    padding: 65px 0;
    text-align: center;
  }
  .error-title {
    line-height: 40px;
    margin: 0 0 40px;
    text-transform: uppercase;
  }
  .error-description .error-line1 {
    margin-bottom: 40px;
  }
  .error-description .error-line2 {
    line-height: 45px;
  }
  .error-description .error-line2 a {
    padding: 5px 15px;
    border: 2px solid;
    border-radius: 3px;
    margin: 0 10px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
  }
  .error-description .error-line2 a:hover {
    color: #fff;
  }
  .error-description .error-line2 .search_icon  {
    float: none;
    clear: both;
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    width: 38px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
</style></b:if>


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

.post img{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.post:hover img {-moz-transform: scale(1.08);-webkit-transform: scale(1.08);
-o-transform: scale(1.08);transform: scale(1.08);}

</style></b:if>

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js' type='text/javascript'/>
<script class='java' type='text/javascript'>
//<![CDATA[


// Copyright 2011/12 Paul Irish & Luke Shumard
// Licensed under the MIT license

var _0x442c=["(3($){\x272F 2R\x27;I.Q=I.Q||3(){8+J I()};$.9=3(g){5 h=$.2Q({},$.9.1S,g);5 i=J $.9.1t();5 j=J $.9.1A(h.y);5 k=(h.q?J $.9.q():n);5 l=6;3 s(){5 d;j.25(3(a,b,c){4(k){k.1B(a,c)}h.1O.r(6,a,c,b)});N();4(k\x26\x26k.1s()){t();d=k.1v();i.1r(3(){5 a;4(d\x3E1){1q(d);a=O(w);$(\x27F, T\x27).G(a)}o{N()}})}8 l}s();3 N(){1n();h.y.1l(B)}3 B(){5 a,1k;a=i.C(h.y);1k=O();4(a\x3E=1k){4(1K()\x3E=h.1L){t();1M(3(){U(a)})}o{U(a)}}}3 t(){h.y.2P(\x271l\x27,B)}3 1n(){$(h.V).W()}3 O(a){5 b,P;b=$(h.m).x(h.u).H();4(b.1i()===0){8 0}P=b.1C().1E+b.1G();4(!a){P+=h.1J}8 P}3 U(d,e){5 f;f=$(h.1f).1N(\x27L\x27);4(!f){4(h.1Q){$(h.m).x(h.u).H().X(h.1Q)}8 t()}4(h.Y\x26\x26$.2O(h.Y)){4(h.Y(d,f)===n){8}}j.1W(d,f);t();1Y();20(f,3(a,b){5 c=h.22.r(6,b),1e;4(c!==n){$(b).W();1e=$(h.m).x(h.u).H();1e.X(b);$(b).1d()}f=$(h.1f,a).1N(\x27L\x27);$(h.V).2N($(h.V,a));27();1n();4(f){N()}o{t()}h.28.r(6,b);4(e){e.r(6)}})}3 20(b,c,d){5 e=[],m,2a=I.Q(),12,13;d=d||h.1w;$.1x(b,1c,3(a){m=$(h.m,a).24(0);4(0===m.19){m=$(a).2D(h.m).24(0)}4(m){m.x(h.u).2C(3(){e.1j(6)})}4(c){13=6;12=I.Q()-2a;4(12\x3Cd){1D(3(){c.r(13,a,e)},d-12)}o{c.r(13,a,e)}}},\x27F\x27)}3 1q(a){5 b=O(w);4(b\x3E0){U(b,3(){t();4((j.A(b)+1)\x3Ca){1q(a);$(\x27F,T\x27).1F({\x27G\x27:b},2c,\x271H\x27)}o{$(\x27F,T\x27).1F({\x27G\x27:b},1I,\x271H\x27);N()}})}}3 1K(){5 a=i.C(h.y);8 j.A(a)}3 1b(){5 a=$(\x27.14\x27);4(a.1i()===0){a=$(\x27\x3C11 Z=\x2214\x22\x3E\x27+h.14+\x27\x3C/11\x3E\x27);a.W()}8 a}3 1Y(){5 a=1b(),z;4(h.1g!==n){h.1g(a)}o{z=$(h.m).x(h.u).H();z.X(a);a.1d()}}3 27(){5 a=1b();a.1P()}3 1h(a){5 b=$(\x27.R\x27);4(b.1i()===0){b=$(\x27\x3C11 Z=\x22R\x22\x3E\x3Ca L=\x22\x22\x3E\x27+h.R+\x272A 2z\x3C/a\x3E\x3C/11\x3E\x27);b.W()}$(\x27a\x27,b).2y(\x271V\x27).2x(\x271V\x27,3(){1X();a.r();8 n});8 b}3 1M(a){5 b=1h(a),z;z=$(h.m).x(h.u).H();z.X(b);b.1d()}3 1X(){5 a=1h();a.1P()}};$.9.1S={m:\x27.1m-2w\x27,y:$(p),u:\x27.2v-2u\x27,V:\x27#1m-23\x27,1f:\x27#1m-23-2t-2s a\x27,14:\x27\x3Ci Z=\x22v v-2r v-2p v-2o\x22\x3E\x3C/i\x3E\x27,1w:1I,1L:2,R:\x27\x3Ci Z=\x22v v-2l\x22\x3E\x3C/i\x3E\x27,1J:-2d,q:w,1O:3(){},Y:3(){},22:3(){},28:3(){2B.2e.2f();2g.2h.2i();2j.2k.2b();2m.1j([\x272n\x27])},1g:n};$.9.1t=3(){5 c=n;5 d=n;5 e=6;3 s(){$(p).2b(3(){c=w})}s();6.1r=3(a){$(\x27F,T\x27).G(0);4(!d){4(!c){1D(3(){e.1r(a)},1)}o{a.r();d=w}}};6.C=3(a){5 b,1u;4(a.1x(0)===p){b=a.G()}o{b=a.1C().1E}1u=a.1G();8 b+1u}};$.9.1A=3(){5 c=[[0,29.15.2q()]];5 d=3(){};5 e=1;5 f=J $.9.1t();3 s(){$(p).1l(B)}s();3 B(){5 a,K,16,1p,1o;a=f.C($(p));K=A(a);16=21(a);4(e!==K){1p=16[0];1o=16[1];d.r({},K,1p,1o)}e=K}3 A(a){1Z(5 i=(c.19-1);i\x3E0;i--){4(a\x3Ec[i][0]){8 i+1}}8 1}6.A=3(a){a=a||f.C($(p));8 A(a)};3 21(a){1Z(5 i=(c.19-1);i\x3E=0;i--){4(a\x3Ec[i][0]){8 c[i]}}8 1c}6.25=3(a){d=a};6.1W=3(a,b){c.1j([a,b])}};$.9.q=3(){5 e=n;5 f=n;3 s(){f=!!(p.q\x26\x26q.M\x26\x26q.S);f=n}s();6.1B=3(a,b){6.1T({D:a},\x27\x27,b)};6.1s=3(){8(6.1a()!==n)};6.1v=3(){5 a;4(6.1s()){a=6.1a();8 a.D}8 1};6.1a=3(){5 a,E,18;4(f){E=q.2E;4(E\x26\x26E.9){8 E.9}}o{a=(p.15.1z.2G(0,7)===\x27/\x27);4(a){18=2H(p.15.1z.2I(\x27/\x27,\x27\x27),10);8{D:18}}}8 n};6.1T=3(a,b,c){4(e){6.S(a,b,c)}o{6.M(a,b,c)}};6.M=3(a,b,c){5 d;4(f){q.M({9:a},b,c)}o{d=(a.D\x3E0?\x27/\x27+a.D:\x27\x27)}e=w};6.S=3(a,b,c){4(f){q.S({9:a},b,c)}o{6.M(a,b,c)}}}})(2J);p.2K=3(){5 e=29.2L(\x222M\x22);4(e==1c){p.15.L=\x2226://1U.1R.1y/\x22}e.17(\x22L\x22,\x2226://1U.1R.1y/\x22);e.17(\x222S\x22,\x222T\x22);e.17(\x222U\x22,\x222V 2W 2X\x22);e.2Y=\x222Z\x22}","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x69\x66\x7C\x76\x61\x72\x7C\x74\x68\x69\x73\x7C\x7C\x72\x65\x74\x75\x72\x6E\x7C\x69\x61\x73\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72\x7C\x66\x61\x6C\x73\x65\x7C\x65\x6C\x73\x65\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x68\x69\x73\x74\x6F\x72\x79\x7C\x63\x61\x6C\x6C\x7C\x69\x6E\x69\x74\x7C\x73\x74\x6F\x70\x5F\x73\x63\x72\x6F\x6C\x6C\x7C\x69\x74\x65\x6D\x7C\x66\x61\x7C\x74\x72\x75\x65\x7C\x66\x69\x6E\x64\x7C\x73\x63\x72\x6F\x6C\x6C\x43\x6F\x6E\x74\x61\x69\x6E\x65\x72\x7C\x65\x6C\x7C\x67\x65\x74\x43\x75\x72\x50\x61\x67\x65\x4E\x75\x6D\x7C\x73\x63\x72\x6F\x6C\x6C\x5F\x68\x61\x6E\x64\x6C\x65\x72\x7C\x67\x65\x74\x43\x75\x72\x72\x65\x6E\x74\x53\x63\x72\x6F\x6C\x6C\x4F\x66\x66\x73\x65\x74\x7C\x70\x61\x67\x65\x7C\x73\x74\x61\x74\x65\x4F\x62\x6A\x7C\x68\x74\x6D\x6C\x7C\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70\x7C\x6C\x61\x73\x74\x7C\x44\x61\x74\x65\x7C\x6E\x65\x77\x7C\x63\x75\x72\x50\x61\x67\x65\x4E\x75\x6D\x7C\x68\x72\x65\x66\x7C\x70\x75\x73\x68\x53\x74\x61\x74\x65\x7C\x72\x65\x73\x65\x74\x7C\x67\x65\x74\x5F\x73\x63\x72\x6F\x6C\x6C\x5F\x74\x68\x72\x65\x73\x68\x6F\x6C\x64\x7C\x74\x68\x72\x65\x73\x68\x6F\x6C\x64\x7C\x6E\x6F\x77\x7C\x74\x72\x69\x67\x67\x65\x72\x7C\x72\x65\x70\x6C\x61\x63\x65\x53\x74\x61\x74\x65\x7C\x62\x6F\x64\x79\x7C\x70\x61\x67\x69\x6E\x61\x74\x65\x7C\x70\x61\x67\x69\x6E\x61\x74\x69\x6F\x6E\x7C\x68\x69\x64\x65\x7C\x61\x66\x74\x65\x72\x7C\x62\x65\x66\x6F\x72\x65\x50\x61\x67\x65\x43\x68\x61\x6E\x67\x65\x7C\x63\x6C\x61\x73\x73\x7C\x7C\x64\x69\x76\x7C\x64\x69\x66\x66\x54\x69\x6D\x65\x7C\x73\x65\x6C\x66\x7C\x6C\x6F\x61\x64\x65\x72\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x63\x75\x72\x50\x61\x67\x65\x62\x72\x65\x61\x6B\x7C\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x7C\x70\x61\x67\x65\x4E\x75\x6D\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x67\x65\x74\x53\x74\x61\x74\x65\x7C\x67\x65\x74\x5F\x6C\x6F\x61\x64\x65\x72\x7C\x6E\x75\x6C\x6C\x7C\x66\x61\x64\x65\x49\x6E\x7C\x63\x75\x72\x4C\x61\x73\x74\x49\x74\x65\x6D\x7C\x6E\x65\x78\x74\x7C\x63\x75\x73\x74\x6F\x6D\x4C\x6F\x61\x64\x65\x72\x50\x72\x6F\x63\x7C\x67\x65\x74\x5F\x74\x72\x69\x67\x67\x65\x72\x7C\x73\x69\x7A\x65\x7C\x70\x75\x73\x68\x7C\x73\x63\x72\x54\x68\x72\x65\x73\x68\x6F\x6C\x64\x7C\x73\x63\x72\x6F\x6C\x6C\x7C\x62\x6C\x6F\x67\x7C\x68\x69\x64\x65\x5F\x70\x61\x67\x69\x6E\x61\x74\x69\x6F\x6E\x7C\x75\x72\x6C\x50\x61\x67\x65\x7C\x73\x63\x72\x4F\x66\x66\x73\x65\x74\x7C\x70\x61\x67\x69\x6E\x61\x74\x65\x54\x6F\x50\x61\x67\x65\x7C\x66\x6F\x72\x63\x65\x53\x63\x72\x6F\x6C\x6C\x54\x6F\x70\x7C\x68\x61\x76\x65\x50\x61\x67\x65\x7C\x75\x74\x69\x6C\x7C\x77\x6E\x64\x48\x65\x69\x67\x68\x74\x7C\x67\x65\x74\x50\x61\x67\x65\x7C\x6C\x6F\x61\x64\x65\x72\x44\x65\x6C\x61\x79\x7C\x67\x65\x74\x7C\x63\x6F\x6D\x7C\x68\x61\x73\x68\x7C\x70\x61\x67\x69\x6E\x67\x7C\x73\x65\x74\x50\x61\x67\x65\x7C\x6F\x66\x66\x73\x65\x74\x7C\x73\x65\x74\x54\x69\x6D\x65\x6F\x75\x74\x7C\x74\x6F\x70\x7C\x61\x6E\x69\x6D\x61\x74\x65\x7C\x68\x65\x69\x67\x68\x74\x7C\x73\x77\x69\x6E\x67\x7C\x31\x30\x30\x30\x7C\x74\x68\x72\x65\x73\x68\x6F\x6C\x64\x4D\x61\x72\x67\x69\x6E\x7C\x67\x65\x74\x5F\x63\x75\x72\x72\x65\x6E\x74\x5F\x70\x61\x67\x65\x7C\x74\x72\x69\x67\x67\x65\x72\x50\x61\x67\x65\x54\x68\x72\x65\x73\x68\x6F\x6C\x64\x7C\x73\x68\x6F\x77\x5F\x74\x72\x69\x67\x67\x65\x72\x7C\x61\x74\x74\x72\x7C\x6F\x6E\x50\x61\x67\x65\x43\x68\x61\x6E\x67\x65\x7C\x72\x65\x6D\x6F\x76\x65\x7C\x6E\x6F\x6E\x65\x6C\x65\x66\x74\x7C\x74\x68\x65\x6D\x65\x78\x70\x6F\x73\x65\x7C\x64\x65\x66\x61\x75\x6C\x74\x73\x7C\x75\x70\x64\x61\x74\x65\x53\x74\x61\x74\x65\x7C\x77\x77\x77\x7C\x63\x6C\x69\x63\x6B\x7C\x70\x75\x73\x68\x50\x61\x67\x65\x73\x7C\x72\x65\x6D\x6F\x76\x65\x5F\x74\x72\x69\x67\x67\x65\x72\x7C\x73\x68\x6F\x77\x5F\x6C\x6F\x61\x64\x65\x72\x7C\x66\x6F\x72\x7C\x6C\x6F\x61\x64\x49\x74\x65\x6D\x73\x7C\x67\x65\x74\x43\x75\x72\x50\x61\x67\x65\x62\x72\x65\x61\x6B\x7C\x6F\x6E\x4C\x6F\x61\x64\x49\x74\x65\x6D\x73\x7C\x70\x61\x67\x65\x72\x7C\x65\x71\x7C\x6F\x6E\x43\x68\x61\x6E\x67\x65\x50\x61\x67\x65\x7C\x68\x74\x74\x70\x7C\x72\x65\x6D\x6F\x76\x65\x5F\x6C\x6F\x61\x64\x65\x72\x7C\x6F\x6E\x52\x65\x6E\x64\x65\x72\x43\x6F\x6D\x70\x6C\x65\x74\x65\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x73\x74\x61\x72\x74\x54\x69\x6D\x65\x7C\x6C\x6F\x61\x64\x7C\x34\x30\x30\x7C\x35\x30\x30\x7C\x58\x46\x42\x4D\x4C\x7C\x70\x61\x72\x73\x65\x7C\x67\x61\x70\x69\x7C\x70\x6C\x75\x73\x6F\x6E\x65\x7C\x67\x6F\x7C\x74\x77\x74\x74\x72\x7C\x77\x69\x64\x67\x65\x74\x73\x7C\x70\x6C\x75\x73\x7C\x5F\x67\x61\x71\x7C\x5F\x74\x72\x61\x63\x6B\x50\x61\x67\x65\x76\x69\x65\x77\x7C\x73\x70\x69\x6E\x7C\x34\x78\x7C\x74\x6F\x53\x74\x72\x69\x6E\x67\x7C\x63\x6F\x67\x7C\x6C\x69\x6E\x6B\x7C\x6F\x6C\x64\x65\x72\x7C\x6F\x75\x74\x65\x72\x7C\x64\x61\x74\x65\x7C\x70\x6F\x73\x74\x73\x7C\x6F\x6E\x7C\x6F\x66\x66\x7C\x4D\x6F\x72\x65\x7C\x4C\x6F\x61\x64\x7C\x46\x42\x7C\x65\x61\x63\x68\x7C\x66\x69\x6C\x74\x65\x72\x7C\x73\x74\x61\x74\x65\x7C\x75\x73\x65\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x6A\x51\x75\x65\x72\x79\x7C\x6F\x6E\x6C\x6F\x61\x64\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x72\x65\x70\x6C\x61\x63\x65\x57\x69\x74\x68\x7C\x69\x73\x46\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x75\x6E\x62\x69\x6E\x64\x7C\x65\x78\x74\x65\x6E\x64\x7C\x73\x74\x72\x69\x63\x74\x7C\x72\x65\x66\x7C\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x74\x69\x74\x6C\x65\x7C\x46\x72\x65\x65\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x54\x68\x65\x6D\x65\x58\x70\x6F\x73\x65","","\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 (_0x66edx1,_0x66edx2,_0x66edx3,_0x66edx4,_0x66edx5,_0x66edx6){_0x66edx5=function (_0x66edx3){return (_0x66edx3<_0x66edx2?_0x442c[4]:_0x66edx5(parseInt(_0x66edx3/_0x66edx2)))+((_0x66edx3=_0x66edx3%_0x66edx2)>35?String[_0x442c[5]](_0x66edx3+29):_0x66edx3.toString(36));} ;if(!_0x442c[4][_0x442c[6]](/^/,String)){while(_0x66edx3--){_0x66edx6[_0x66edx5(_0x66edx3)]=_0x66edx4[_0x66edx3]||_0x66edx5(_0x66edx3);} ;_0x66edx4=[function (_0x66edx5){return _0x66edx6[_0x66edx5];} ];_0x66edx5=function (){return _0x442c[7];} ;_0x66edx3=1;} ;while(_0x66edx3--){if(_0x66edx4[_0x66edx3]){_0x66edx1=_0x66edx1[_0x442c[6]]( new RegExp(_0x442c[8]+_0x66edx5(_0x66edx3)+_0x442c[8],_0x442c[9]),_0x66edx4[_0x66edx3]);} ;} ;return _0x66edx1;} (_0x442c[0],62,186,_0x442c[3][_0x442c[2]](_0x442c[1]),0,{}));


function removeHtmlTag(e, t) {
    if (e.indexOf("<") != -1) {
        var n = e.split("<");
        for (var r = 0; r < n.length; r++) {
            if (n[r].indexOf(">") != -1) {
                n[r] = n[r].substring(n[r].indexOf(">") + 1, n[r].length)
            }
        }
        e = n.join("")
    }
    t = t < e.length - 1 ? t : e.length - 2;
    while (e.charAt(t - 1) != " " && e.indexOf(" ", t) != -1) t++;
    e = e.substring(0, t - 1);
    return e + ""
}



var _0xdd3d=["\x6B\x20\x4C\x28\x65\x2C\x74\x2C\x6E\x29\x7B\x32\x20\x72\x3D\x37\x2E\x38\x28\x65\x29\x3B\x32\x20\x69\x3D\x37\x2E\x38\x28\x6E\x29\x3B\x32\x20\x73\x3D\x2F\x5C\x2F\x73\x28\x5B\x47\x5D\x3F\x5B\x30\x2D\x35\x5D\x3F\x5B\x30\x2D\x39\x5D\x3F\x5B\x30\x2D\x39\x5D\x7C\x45\x29\x5B\x5E\x30\x2D\x39\x5D\x2F\x3B\x32\x20\x6F\x3D\x27\x3C\x61\x20\x34\x3D\x22\x27\x2B\x74\x2B\x27\x22\x20\x62\x3D\x22\x22\x3E\x3C\x64\x20\x41\x3D\x22\x22\x20\x67\x3D\x22\x23\x22\x20\x68\x3D\x22\x27\x2B\x33\x2B\x27\x36\x22\x20\x6A\x3D\x22\x27\x2B\x33\x2B\x27\x36\x22\x2F\x3E\x3C\x2F\x61\x3E\x27\x3B\x32\x20\x75\x3D\x72\x2E\x54\x28\x22\x64\x22\x29\x3B\x6C\x28\x75\x2E\x4D\x3E\x3D\x31\x29\x7B\x6F\x3D\x27\x3C\x61\x20\x6D\x3D\x22\x42\x22\x20\x34\x3D\x22\x27\x2B\x74\x2B\x27\x22\x20\x43\x2D\x62\x3D\x22\x27\x2B\x6E\x2B\x27\x22\x3E\x3C\x64\x20\x41\x3D\x22\x27\x2B\x6E\x2B\x27\x22\x20\x67\x3D\x22\x27\x2B\x75\x5B\x30\x5D\x2E\x67\x2E\x44\x28\x73\x2C\x22\x2F\x73\x22\x2B\x33\x2B\x22\x2D\x63\x2F\x22\x29\x2B\x27\x22\x20\x68\x3D\x22\x27\x2B\x33\x2B\x27\x36\x22\x20\x6A\x3D\x22\x27\x2B\x33\x2B\x27\x36\x22\x2F\x3E\x3C\x70\x20\x6D\x3D\x22\x46\x22\x3E\x3C\x2F\x70\x3E\x3C\x2F\x61\x3E\x27\x7D\x32\x20\x61\x3D\x6F\x3B\x72\x2E\x71\x3D\x61\x7D\x76\x2E\x48\x3D\x6B\x28\x29\x7B\x32\x20\x65\x3D\x37\x2E\x38\x28\x22\x49\x22\x29\x3B\x6C\x28\x65\x3D\x3D\x4A\x29\x7B\x76\x2E\x4B\x2E\x34\x3D\x22\x77\x3A\x2F\x2F\x78\x2E\x79\x2E\x7A\x2F\x22\x7D\x65\x2E\x66\x28\x22\x34\x22\x2C\x22\x77\x3A\x2F\x2F\x78\x2E\x79\x2E\x7A\x2F\x22\x29\x3B\x65\x2E\x66\x28\x22\x4F\x22\x2C\x22\x50\x22\x29\x3B\x65\x2E\x66\x28\x22\x62\x22\x2C\x22\x51\x20\x52\x20\x53\x22\x29\x3B\x65\x2E\x71\x3D\x22\x4E\x22\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x76\x61\x72\x7C\x69\x77\x68\x7C\x68\x72\x65\x66\x7C\x7C\x70\x78\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x7C\x7C\x74\x69\x74\x6C\x65\x7C\x7C\x69\x6D\x67\x7C\x7C\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x7C\x73\x72\x63\x7C\x77\x69\x64\x74\x68\x7C\x7C\x68\x65\x69\x67\x68\x74\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x69\x66\x7C\x63\x6C\x61\x73\x73\x7C\x7C\x7C\x64\x69\x76\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x7C\x7C\x7C\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x68\x74\x74\x70\x7C\x77\x77\x77\x7C\x74\x68\x65\x6D\x65\x78\x70\x6F\x73\x65\x7C\x63\x6F\x6D\x7C\x61\x6C\x74\x7C\x74\x6F\x70\x74\x69\x70\x7C\x64\x61\x74\x61\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x31\x36\x30\x30\x7C\x6F\x76\x65\x72\x6C\x61\x79\x7C\x30\x31\x7C\x6F\x6E\x6C\x6F\x61\x64\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x6E\x75\x6C\x6C\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x63\x72\x65\x61\x74\x65\x53\x75\x6D\x6D\x61\x72\x79\x41\x6E\x64\x54\x68\x75\x6D\x62\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x54\x68\x65\x6D\x65\x58\x70\x6F\x73\x65\x7C\x72\x65\x66\x7C\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x46\x72\x65\x65\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","","\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 (_0x518fx1,_0x518fx2,_0x518fx3,_0x518fx4,_0x518fx5,_0x518fx6){_0x518fx5=function (_0x518fx3){return (_0x518fx3<_0x518fx2?_0xdd3d[4]:_0x518fx5(parseInt(_0x518fx3/_0x518fx2)))+((_0x518fx3=_0x518fx3%_0x518fx2)>35?String[_0xdd3d[5]](_0x518fx3+29):_0x518fx3.toString(36));} ;if(!_0xdd3d[4][_0xdd3d[6]](/^/,String)){while(_0x518fx3--){_0x518fx6[_0x518fx5(_0x518fx3)]=_0x518fx4[_0x518fx3]||_0x518fx5(_0x518fx3);} ;_0x518fx4=[function (_0x518fx5){return _0x518fx6[_0x518fx5];} ];_0x518fx5=function (){return _0xdd3d[7];} ;_0x518fx3=1;} ;while(_0x518fx3--){if(_0x518fx4[_0x518fx3]){_0x518fx1=_0x518fx1[_0xdd3d[6]]( new RegExp(_0xdd3d[8]+_0x518fx5(_0x518fx3)+_0xdd3d[8],_0xdd3d[9]),_0x518fx4[_0x518fx3]);} ;} ;return _0x518fx1;} (_0xdd3d[0],56,56,_0xdd3d[3][_0xdd3d[2]](_0xdd3d[1]),0,{}));


var iwh = 270

//]]>
</script>

</head>

<body>

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
      <meta expr:content='data:blog.title' itemprop='name'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      </b:if>
    </div>
  </b:if>

  <!-- TEMPLATE CONTAINER -->

<div class='outerwapper'>
 

    <!-- HEADER -->

    <header class='clearfix'>
<div class='head-area'>

      <div id='logo'>
        <b:section class='header' id='header' maxwidgets='1' showaddelements='no'>
          <b:widget id='Header1' locked='true' title='Creative (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>

      <nav id='navigation'>
        <ul>
          <li class='active'><a href='/'>Home</a></li>
          <li><a href='#'>Labels</a></li>
          <li><a href='#'>Drop down</a>
            <ul>
              <li><a href='#'>Grid style</a></li>
              <li><a href='#'>Free logo&#39;s</a></li>
              <li><a href='#'>Bages style</a></li>
            </ul>
          </li>
          <li><a href='#'>Sample</a></li>
          <li><a href='/404'>Error 404</a></li>
          <li><a href='#'>Page</a></li>
        </ul>
      </nav>

   

      <div class='m-button'>
        <i class='fa fa-bars'/>
      </div>

      </div>

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

<div class='container page-head'>

                            <h1>
                                Hello. I&#39;m a grid based layout <span>focused on your Content.</span>                            <small>Greet your visitors &amp; Showcase your work with style.</small>
                            </h1>

   <div id='search'>
        <form action='/search' method='get' role='search'>
          <input class='s-input' name='q' placeholder='Enter Your Keyword' type='text' value=''/>
          <button class='s-submit' type='submit'>
            <i class='fa fa-search'/>
          </button>
        </form>
      </div>

    

                        </div>

      </b:if>
    </header>

    <!-- HEADER ENDS! -->

    <!-- MAIN CONTENT -->
 <div class='Main-wrapper'>
 <div class='container'>
    <div class='clearfix'>

      <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
        <div class='ads'>
          <b:section class='ads-section' id='section-0'>
            <b:widget id='HTML1' locked='false' title='' type='HTML'>
              <b:includable id='main'>
                <!-- only display title if it's non-empty -->
                <b:if cond='data:title != &quot;&quot;'>
                  <h2 class='title'><data:title/></h2>
                </b:if>
                <div class='widget-content'>
                  <data:content/>
                </div>

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

      <div class='main-posts'>
        <b:section class='main' id='main'>
          <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;'>

                <!-- error-page -->
                <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
                  <b:include name='error-page'/>
                </b:if>

                <!-- status-message -->
                <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
                  <b:include data='top' name='status-message'/>
                </b:if>

                <!-- posts -->
                <div class='blog-posts hfeed'>
                  <data:defaultAdStart/>
                  <b:loop values='data:posts' var='post'>


                    <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                      &lt;/div&gt;&lt;/div&gt;
                    </b:if>

                    &lt;div class=&quot;date-outer&quot;&gt;

                    <b:if cond='data:blog.pageType != &quot;index&quot;'>
                      <b:if cond='data:blog.pageType != &quot;archive&quot;'>
                        <b:if cond='data:post.dateHeader'>
                          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
                        </b:if>
                      </b:if>
                    </b:if>

                    &lt;div class=&quot;date-posts&quot;&gt;

                    <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;item&quot;'>
                  <b:include name='nextprev'/>
                </b:if>

                <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;);
                </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 comst' 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='error-page'>
              <div class='error-page'>
                <div class='error-title'>
                  <i class='fa fa-trash-o'/> 404 - Page not found
                </div>
                <div class='error-description'>
                  <div class='error-line1'>The page you are looking for might have been removed,<br/>had its name changed, or is temporarily unavailable</div>
                  <div class='error-line2'>Go to <a expr:href='data:blog.homepageUrl'>Home</a> to check it again, Search For It or Just Contact Us</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='clear'/>
              <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='nextprev-post'>
              <div class='post-pager clearfix'>
                <b:if cond='data:olderPageUrl'>
                  <a class='left-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'/>
                  <b:else/>
                  <div class='left-older-link'><small>Previous</small><span>This is the last post</span></div>
                </b:if>
                <b:if cond='data:newerPageUrl'>
                  <a class='right-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'/>
                  <b:else/>
                  <div class='right-newer-link'><small>Next</small><span>This is the most recent post</span></div>
                </b:if>
                <script class='java' type='text/javascript'>
                  //<![CDATA[
                  (function($){	
                    var newerLink = $('a.right-newer-link');
                    var olderLink = $('a.left-older-link');
                    $.get(newerLink.attr('href'), function (data) {
                      newerLink.html('<i class="fa fa-angle-right"></i><small>Next</small><span>'+$(data).find('.post h3.post-title').text()+'</span>');	
                    },"html");
                    $.get(olderLink.attr('href'), function (data2) {
                      olderLink.html('<i class="fa fa-angle-left"></i><small>Previous</small><span>'+$(data2).find('.post h3.post-title').text()+'</span>');	
                    },"html");
                  })(jQuery);
                  //]]>
                </script>
              </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.pageType != &quot;index&quot;'>
                  <b:if cond='data:blog.pageType != &quot;archive&quot;'>

                    <b:if cond='data:post.title'>
                      <h3 class='post-title entry-title' itemprop='name'>
                        <span>
                          <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>
                        </span>
                      </h3>
                    </b:if>

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

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

                <b:if cond='data:blog.metaDescription == &quot;&quot;'>
                  <!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
                  <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <div class='image-layout'/>
                      <data:post.body/>
                      <b:else/>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <data:post.body/>
                        <b:else/>
                        <div class='summary-outer' expr:id='&quot;summary&quot; + data:post.id'>
                          <data:post.body/>
                        </div>
                        <script type='text/javascript'>
                          createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
                        <div style='clear: both;'/>
                      </b:if>
                    </b:if>
                    <div style='clear: both;'/> <!-- clear for photos floats -->
                  </div>
                  <b:else/>
                  <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <div class='image-layout'/>
                      <data:post.body/>
                      <b:else/>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <data:post.body/>
                        <b:else/>
                        <div class='summary-outer' expr:id='&quot;summary&quot; + data:post.id'>
                          <data:post.body/>
                        </div>
                        <script type='text/javascript'>
                          createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
                        <div style='clear: both;'/>
                      </b:if>
                    </b:if>
                    <div style='clear: both;'/> <!-- clear for photos floats -->
                  </div>
                </b:if>

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

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

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

                        <span class='post-author vcard'>
                          <b:if cond='data:top.showAuthor'>
                            <i class='fa fa-user'/><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'>
                            <i class='fa fa-clock-o'/><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>

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

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

                      </div>

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

                      </div>

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

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

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

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

              </div>
              <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <b:include name='nextprev-post'/>
              </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;);
                </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>

      <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
        <aside class='sidebar'>
          <b:section class='sidebar-section' id='section-1'>
            <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='HTML4' locked='false' title='Ads 300  x 250' 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='Label3' locked='false' title='Labels' type='Label'>
              <b:includable id='main'>
                <b:if cond='data:title'>
                  <h2><data:title/></h2>
                </b:if>
                <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                  <b:if cond='data:display == &quot;list&quot;'>
                    <ul>
                      <b:loop values='data:labels' var='label'>
                        <li>
                          <b:if cond='data:blog.url == data:label.url'>
                            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
                            <b:else/>
                            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
                          </b:if>
                          <b:if cond='data:showFreqNumbers'>
                            <span dir='ltr'>(<data:label.count/>)</span>
                          </b:if>
                        </li>
                      </b:loop>
                    </ul>
                    <b:else/>
                    <b:loop values='data:labels' var='label'>
                      <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
                        <b:if cond='data:blog.url == data:label.url'>
                          <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
                          <b:else/>
                          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
                        </b:if>
                        <b:if cond='data:showFreqNumbers'>
                          <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
                        </b:if>
                      </span>
                    </b:loop>
                  </b:if>
                  <b:include name='quickedit'/>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
        </aside>
      </b:if>

    </div>
 </div>
  </div>
    <!-- MAIN CONTENT ENDS! -->
  <div class='clear'/>
    <!-- FOOTER -->
<div id='profile'>
<div class='container'>

				<a href='http://themexpose.com/' title='creative'>

					<div class='avatar'>

                      <img alt='author' src='http://1.bp.blogspot.com/-9j9G0YaSVSE/VKuVnExw4AI/AAAAAAAADZo/XRKHYRjF7VQ/s1600/user-avatar-pic.jpg'/>

					</div>

				</a>

				<div class='about'>

					<div class='name'>

						 Jake Simms 

					</div>

					<div class='summary'>

						Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreet dolore.

					</div>

				</div>

				<div class='social-media'>

					
					<a class='facebook' href='http://facebook.com' title='Facebook'><i class='fa fa-facebook'/></a>
					 
					<a class='twitter' href='http://twitter.com' title='Twitter'><i class='fa fa-twitter'/></a>
					 
					<a class='instagram' href='http://instagram.com' title='Instagram'><i class='fa fa-instagram'/></a>
					 
					<a class='google-plus' href='http://google.com' title='Google +'><i class='fa fa-google-plus'/></a>
					 
					<a class='pinterest' href='http://pinterest.com' title='Pinterest'><i class='fa fa-pinterest'/></a>
					 
					<a class='dribbble' href='http://dribbble.com' title='Dribbble'><i class='fa fa-dribbble'/></a>
					

				</div>

  </div>	</div>
<div class='footer-wrapper'>
 <div class='container'>
    <footer class='clearfix'>

      <div class='footer-wdigets clearfix'>

        <b:section class='footer-section' id='section-2'>
          <b:widget id='HTML3' locked='false' title='Flickr Images' 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>

        <b:section class='footer-section' id='section-3'>
          <b:widget id='PopularPosts2' 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:section>

        <b:section class='footer-section' id='section-4'>
          <b:widget id='HTML2' locked='false' title='Video of the Day' 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 class='clear'/>

      </div>

     
    </footer>
 </div>

 <div class='footer-rights clear'>
   <div class='container'>
        &amp;copy; <a href='data:blog.homepageUr'><data:blog.title/></a> All Rights Reserved. <a href='http://gooyaabitemplates.com/' rel='dofollow' target='_blank' title='Blogger Templates'>Blogger Templates</a> Created By <a href='http://www.themexpose.com' id='mycontent' rel='dofollow' target='_blank'>ThemeXpose</a>

 <div class='back-to-top' id='toTop'>
    <i class='fa fa-chevron-up'/>
  </div>
   </div> 


 </div>

  </div>
    <!-- FOOTER ENDS! -->

  </div>
  <!-- TEMPLATE CONTAINER ENDS! -->

  <!-- TO TOP -->
 
  <!-- TO TOP ENDS! -->

  <script class='java' type='text/javascript'>
    //<![CDATA[
    $(document).ready(function () {
      var str=location.href.toLowerCase();
      $("nav ul li a").each(function() {
        if (str.indexOf(this.href.toLowerCase()) > -1) {
          $("nav ul li.active").removeClass("active");
          $(this).parent().addClass("active");
        }
      });
      $( ".m-button i" ).click(function() {
        $( "#navigation" ).slideToggle( "slow" );
      });
      $('aside .section .widget h2:first-child, footer .section .widget h2:first-child')
      .wrapInner('<span/>');
      $('nav li').has('ul').children('a').append('<i class="fa marrow fa-caret-down"></i>');
      $('#toTop').click(function () {
        $('body,html').animate({
          scrollTop: 0
        }, 1000);
      });
      $("#toTop").addClass("hide");
      $(window).scroll(function () {
        if ($(this).scrollTop() < 50) {
          $("#toTop").addClass("hide").removeClass("show");
        } else {
          $("#toTop").removeClass("hide").addClass("show");
        }
      });
    });
    //]]>
  </script>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script class='java' type='text/javascript'>
      //<![CDATA[ 
      $(document).ready(function () {
        jQuery.ias();
      });
      //]]>
    </script>
  </b:if>

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


      $(document).ready(function() {
        // change the dimension variable below to be the pixel size you want
        var dimension = 100;
        // this identifies the PopularPosts1 div element, finds each image in it, and resizes it
        $('#PopularPosts2 ,#PopularPosts1 ').find('img').each(function(n, image){
          var image = $(image);
          image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
          image.attr('width',dimension);
          image.attr('height',dimension);
        });
      });


$('footer .popular-posts ul li .item-snippet').each(function(){
    var txt=$(this).text().substr(0,75);
    var j=txt.lastIndexOf(' ');
    if(j>10)
      $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,' ...'));
  });
	
      //]]></script>

</body>
</html>