BlogTube

BlogTube 'RedBox' Blogger Template

| Creator: ar-themes
| Platform: Blogger

Layout
- Full Responsive Theme
- SEO Friendly
- Theme: Light / Red
- 2 Columns: Left Post, Right Sidebar
- Header Navbar
- Footer Widget
- Back To Top Button

Navigation
- Menu Dropdown
- TOS Pages
- Social Bookmark

Home
- Magazine
- Gallery Grid Post
- Featured Label Post
- Full Column Post
- Post Thumbnail / Summary Text

Post
- Breadcrumb
- Author Profile

Widget
- Contact

Original Redesign

<?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:if cond='data:blog.pageType == "error_page"'>
      <title>Sorry, Page Not Found !</title>
    </b:if>
    <b:if cond='data:blog.pageType == "index"'>
      <title><data:blog.pageTitle/></title>
      <b:else/>
      <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>
    <b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Responsive Blogger Template Style
Name     : BlogTube
Author   : ar-themes
URL      : https://ar-themes.blogspot.com/
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#FF5151" value="#FF5151"/>

/* Global
----------------------------------------------- */
body {
  font: $(body.font);
  line-height: 1.6;
  color: $(body.text.color);
  background-color: $(body.bg.color);
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}
body:after {
  content: "";
  background: $(body.background);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.clearfix:after {
  clear: both;
}
.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
a {
  color: $(link.color);
  text-decoration: none;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
a:visited {
  color: $(link.visited.color);
}
a:hover {
  color: $(link.hover.color);
}
a img {
  vertical-align: middle;
}
img {
  max-width: 100%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
* {
  outline: medium none;
  border: medium none;
}
.container {
  width: 960px;
  margin: 0 auto;
  padding: 15px;
  clear: both;
  display: block;
  position: relative;
  border-radius: 2px;
}

/* Header
----------------------------------------------- */
header {
  margin: 15px 0;
  padding: 0px;
  position: relative;
}
header .container {
  background-color: $(header.bg.color);
}

/* ---- nav-1 ---- */
#nav-1 {
  height: 35px;
  border-bottom: 1px solid #DDD;
  border-radius: 2px;
}

/* ---- Menu in top-nav & nav-3 ---- */
.menu,
.menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  position: relative;
}
#nav-3 {
  height: 40px;
}
.menu li {
  position: relative;
}
#top-nav > ul > li {
  display: inline-block;
  line-height: 35px;
}
#nav-3 > ul > li {
  display: inline-block;
  line-height: 40px;
}
#top-nav .menu > li > a {
  font: $(top.nav.font);
  line-height: 30px;
  background-color: $(top.nav.bg.color);
  color: $(top.nav.color);
  display: inline-block;
  height: 28px;
  padding: 0px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#nav-3 .menu > li > a {
  font: $(main.nav.font);
  line-height: 35px;
  background-color: $(main.nav.bg.color);
  color: $(main.nav.color);
  display: inline-block;
  padding: 0px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#top-nav .menu > li.active > a,
#top-nav .menu > li > ul > li.active > a,
#top-nav .menu > li > ul > li > ul > li.active a {
  background-color: $(top.nav.ac.color);
}
#nav-3 .menu > li.active > a,
#nav-3 .menu > li > ul > li.active > a,
#nav-3 .menu > li > ul > li > ul > li.active a {
  background-color: $(main.nav.ac.color);
}
#top-nav .menu > li > a:hover,
#top-nav .menu > li:hover > a {
  background-color: $(top.nav.ho.color);
}
#nav-3 .menu > li > a:hover,
#nav-3 .menu > li:hover > a {
  background-color: $(main.nav.ho.color);
}
.menu > li ul {
  position: absolute;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.menu > li:hover > ul {
  visibility: visible;
  opacity: 1;
}
.menu > li > ul > li > a,
.menu > li > ul > li > ul > li > a {
  border-bottom: 1px solid #fff;
  padding: 0px 10px;
  display: inline-block;
  max-width: 200px;
  min-width: 150px;
}
#top-nav .menu > li > ul > li > a,
#top-nav .menu > li > ul > li > ul > li > a {
  font: $(top.nav.font);
  color: $(top.nav.color);
  background-color: $(top.nav.ho.color);
  line-height: 35px;
}
#nav-3 .menu > li > ul > li > a,
#nav-3 .menu > li > ul > li > ul > li > a {
  font: $(main.nav.font);
  color: $(main.nav.color);
  background-color: $(main.nav.ho.color);
  line-height: 40px;
}
#top-nav .menu > li > ul > li > a:hover,
#top-nav .menu > li > ul > li:hover > a,
#top-nav .menu > li > ul > li > ul > li > a:hover {
  background-color: $(top.nav.bg.color);
}
#nav-3 .menu > li > ul > li > a:hover,
#nav-3 .menu > li > ul > li:hover > a,
#nav-3 .menu > li > ul > li > ul > li > a:hover {
  background-color: $(main.nav.bg.color);
}
.menu > li > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
}
.menu > li > ul > li > ul {
  top: 0px;
  left: 170px;
  border-left: 1px solid #fff;
}
.menu > li.icon > a:after,
.menu > li > ul > li.icon > a:after,
.menu > li > ul > li > ul > li.icon > a:after {
  font-family: FontAwesome;
  content: "\f101";
  margin-left: 10px;
  line-height: normal;
}

/* Mobile Menu */
.slicknav_menu {
  font-size: 16px;
  max-width: 250px;
  min-width: 200px;
  position: absolute;
  z-index: 99;
  *zoom: 1;
}
#nav-3 .slicknav_menu {
  z-index: 90;
}
.slicknav_menu:before,
.slicknav_menu:after {
  content: " ";
  display: table;
}
.slicknav_menu:after {
  clear: both;
}
.slicknav_menu, .slicknav_menu * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: left;
  padding: 7.5px 10px;
  line-height: 1.125em;
  cursor: pointer;
  margin: 6px 0;
  background-color: #FF5151;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.slicknav_btn:hover {
  background-color: #333;
}
.slicknav_menu  .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
}
.slicknav_menu .slicknav_icon {
  float: left;
  margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
  margin: 0
}
.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em;
}
.slicknav_menu  .slicknav_menutxt {
  color: #FFF;
  font-weight: bold;
  text-shadow: 0 1px 3px #000;
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_nav, .slicknav_nav ul {
  list-style: none;
  overflow: hidden;
}
.slicknav_nav {
  clear: both;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  color: #fff;
  background: #333;
}
.slicknav_nav ul,
.slicknav_nav li {
  display: block;
}
.slicknav_nav ul {
  padding: 0;
  margin: 0 0 0 20px;
  border-left: 1px solid #fff;
}
.slicknav_nav li {
  border-bottom: 1px solid #fff;
}
.slicknav_nav ul li:last-child {
  border-bottom-width: 0;
}
.slicknav_nav a {
  display: block;
  padding: 8px 10px;
  margin: 0;
  color:#fff;
}
.slicknav_nav a:hover {
  color: #fff;
  background-color: #FF5151;
}
.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
  cursor: pointer;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  display: inline;
}
.slicknav_brand {
  float:left;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0;
}
.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;   
}
.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height:30px;
  padding: 7px 12px;
  height: 44px;
}

/* ---- top-soc ---- */
.top-soc {
  float: right;
  margin: 2.4px 0;
}
.top-soc a {
  font-size: 17px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background-color: #FF5151;
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 2px;
}
.top-soc a:hover {
  background-color: $(top.soc.bg.ho.color);
}
.top-soc .ic1 { background-color: #3b5998; }
.top-soc .ic2 { background-color: #00aced; }
.top-soc .ic3 { background-color: #dd4b39; }
.top-soc .ic4 { background-color: #007bb6; }
.top-soc .ic5 { background-color: #aad450; }
.top-soc .ic6 { background-color: #bb0000; }
.top-soc .ic7 { background-color: #ff6600; }
.top-soc .se { background-color: $(top.soc.se.color); }

/* ---- nav-2 ---- */
#nav-2 {
  position: relative;
  display: block;
}
#nav-2 #header {
  max-width: 400px;
  min-height: 60px;
  display: inline-block;
  margin: 20px 0;
}
#nav-2 #header .titlewrapper h1,
#nav-2 #header .descriptionwrapper p {
  margin: 0;
  padding: 0;
}
#nav-2 #header .titlewrapper h1 {
  font: $(header.title.font);
  color: $(header.title.color);
  line-height: 1.6;
}
#nav-2 #header .descriptionwrapper p {
  font: $(header.desc.font);
  color: $(header.desc.color);
  line-height: 1.6;
}
#nav-2 #ads {
  width: 480px;
  height: 72px;
  position: absolute;
  margin: -36px 0 0 -240px;
  top: 50%;
  right: 0;
}
#nav-2 #ads .widget {
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
#nav-2 #ads .widget * {
  max-width: 468px;
  max-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#nav-2 #ads h2:first-child {
  display: none;
}

/* Bone
----------------------------------------------- */
.index.bone {
  margin-top: 10px;
}
.bone .container {
  background-color: $(content.bg.color);
}
.labelposts {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0 0 -5px 0;
  list-style: none outside none;
}
.smallthumbs {
  margin: 0 0 -12px;
}

/* ---- fullbar ---- */
#fullbar {
  display: block;
  position: relative;
  margin-bottom: 15px;
}
#fullbar .section .widget h2:first-child,
.mainbar-section .widget h2:first-child {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0 10px;
  z-index: 2;
  color: $(widget.title.color);
  background-color: $(widget.title.bg.color);
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font: $(widget.title.font);
  line-height: 1.6;
}

/* ---- mainbar ---- */
#mainbar {
  float: left;
  width: 630px;
}
.mainbar-section {
  margin-bottom: 15px;
}
.mainbar-section .widget {
  position: relative;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px;
  margin-bottom: 15px;
}
.mainbar-section .widget:last-child {
  margin-bottom: 0;
}
#section-03, #section-04 {
  float: left;
  width: 310px;
  display: block;
}
#section-04 {
  float: right;
}
#section-05 {
  clear: both;
}

/* ---- sidebar ---- */
#sidebar {
  float: right;
  width: 312px;
}
#sidebar .sidebar-section {
  margin-bottom: 20px;
}
#sidebar .section .widget h2:first-child {
  border-bottom: 1px solid #DDD;
  padding: 0;
  margin: 0 0 5px;
  text-align: center;
  font: $(sidebar.widget.title.font);
  color: $(sidebar.widget.title.color);
  line-height: 1.6;
}
#sidebar .section .widget.Label h2:first-child {
  text-align: left;
}
#sidebar .section .widget {
  margin-bottom: 20px;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
#sidebar .sidebar-section:last-child,
#sidebar .section .widget:last-child {
  margin-bottom: 0;
}
#sidebar .section .Label {
  padding: 0;
  border-width: 0;
}

/* Footer
----------------------------------------------- */
footer {
  text-align: center;
  display: block;
  position: relative;
  margin: 20px 0 15px;
}
footer .container {
  background-color: $(footer.bg.color);
}
#f-sections {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 0 0 20px;
}
#f-sections .section {
  float: left;
  width: 33.333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#f-sections .section .widget {
  padding: 0 15px 15px;
  margin-right: 10px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
  font: $(footer.font);
  color: $(footer.text.color);
  line-height: 1.6;
}
#section-12.section .widget {
  margin-right: 5px;
  margin-left: 5px;
}
#section-13.section .widget {
  margin-left: 10px;
  margin-right: 0;
}
#f-sections .section .widget:last-child {
  margin-bottom: 0;
}
#f-sections .section .widget h2:first-child {
  padding: 0;
  margin: 0 0 15px;
  font: $(footer.title.font);
  color: $(footer.title.color);
  border-bottom: 1px solid #ddd;
  text-align: center;
  line-height: 1.6;
}
#f-credits {
  display: inline-block;
  border: 1px solid #DDD;
  border-radius: 2px;
  width: 100%;
  padding: 5px 10px;
  font: $(footer.credits.font);
  color: $(footer.credits.text.color);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#f-credits a {
  color: $(footer.credits.link.color);
}
#f-credits a:hover {
  color: $(footer.credits.link.hover.color);
}

/* Layout
----------------------------------------------- */
#layout .container {
  width: 798px;
  padding: 0;
}
#layout #nav-2 #header {
  float: left;
  margin-left: 20px;
  width: 300px;
}
#layout #nav-2 #ads {
  float: right;
  width: 400px;
  position: relative;
  margin: 11px 20px 20px 0;
}
#layout #fullbar {
  margin: 0 20px;
}
#layout #mainbar {
  float: left;
  width: 450px;
  margin: 0 20px;
}
#layout #section-03, #layout #section-04 {
  width: 215px;
}
#layout #sidebar {
  float: right;
  width: 285px;
  margin-right: 20px;
}
#layout #tabs-buttons, #layout #loader {
  display: none;
}
#layout #sidebar .section .widget {
  padding: 0;
  margin-bottom: 3px;
}
#layout #sidebar #tabs .sidebar-section {
  width: 33.33%;
  float: left;
  opacity: 1;
  top: 0;
  z-index: 0;
}
#layout #sidebar #section-10 {
  clear: both;
}
#layout #f-sections .section .widget {
  margin: 0 4px 3px;
  padding: 0;
}
#layout #f-sections {
   padding: 0 20px;
}

/* BLOG CONTENT
----------------------------------------------- */
#fullbar .section .widget {
  border: 1px solid rgb(221, 221, 221);
  padding: 5px;
  border-radius: 2px;
}
.static_page .post-title {
  font: $(page.title.font);
  color: $(page.title.color);
  line-height: 32px;
}
.item .post-title {
  font: $(item.title.font);
  color: $(item.title.color);
  line-height: 25.6px;
}
.item .date-header {
  font: $(item.date.font);
  color: $(item.date.color);
  line-height: 1.6;
}

/* Loader */
#loader {
  position: fixed;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: $(loader.bg.color);
}
#loader-inside {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  margin: -46px 0 0 -250px;
  text-align: center;
}
#loader-inside i {
  margin: 0 5px 0 0;
  font-size: 48px;
  color: $(loader.icon.color);
}
#loader-inside span {
  display: block;
  margin-top: 20px;
  font: $(loader.text.font);
  line-height: 1.6;
  color: $(loader.text.color);
}
.transeff {
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/* Search */
#search {
  position: absolute;
  width: 233px;
  top: 5px;
  right: -6px;
  padding: 5px;
  z-index: 10;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 8px #ddd;
  -moz-box-shadow: 0 5px 8px #ddd;
  box-shadow: 0 5px 8px #ddd;
  display: none;
}
#s-arr {
  position: absolute;
  right: 8px;
  top: -18px;
  width: 24px;
  height: 20px;
  font-size: 42px;
  color: #ddd;
  overflow: hidden;
}
#s-bar {
  display: block;
  width: 180px;
  height: 30px;
  padding: 0 7px;
  float: left;
  border: 1px solid #ddd;
  border-radius: 2px;
}
#s-but {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 2px;
}

/* Recent Posts */
.recentposts {
  margin-bottom: -12px;
}
.recentposts li {
  width: 33%;
  height: 311px;
  margin-bottom: 5px;
  overflow: hidden;
  float: left;
  position: relative;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.recentposts li:nth-child(3n) {
  float: right;
}
.recentposts li:nth-child(3n+2) {
  margin-left: 4.7px;
  margin-right: 4.7px;
}
.recentposts li .title {
  position: absolute;
  bottom: 55px;
  left: 15px;
  right: 15px;
  font: $(recent.title.font);
  background-color: $(recent.title.bg.color);
  color: $(recent.title.color);
  padding: 5px 10px;
  line-height: 1.6;
}
.recentposts li .label {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  background-color: $(recent.label.bg.color);
  font: $(recent.label.font);
  color: $(recent.label.color);
  padding: 5px 10px;
  display: inline-table;
  line-height: 1.6;
}
.recentposts li:hover .thumb img {
  opacity: 0.8;
}
.recentposts li:hover .title {
  background-color: $(recent.title.bg.color.hover);
  color: $(recent.title.color.hover);
  opacity: 1;
}
.recentposts li .h-icon {
  position: absolute;
  top: -100px;
  right: 15px;
  font-size: 25px;
  color: $(recent.icon.color.hover);
}
.recentposts li:hover .h-icon {
  top: 10px;
}

/* Small Thumbs */
.smallthumbs li {
  display: block;
  width: 119.5px;
  height: 119.5px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #ddd;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.smallthumbs li:nth-child(5n+5) {
  float: right;
  margin-right: 0;
}
.smallthumbs li a {
  display: block;
  width: 100%;
  height: 100%;
}
.smallthumbs li .h-icon {
  position: relative;
  margin: -180px 0;
  display: block;
  font-size: 24px;
  color: #fff;
  text-align: center;
}
.smallthumbs li:hover img {
  opacity: 0.7;
}
.smallthumbs li:hover .h-icon {
  margin: -75px 0;
}

/* Larg Thumbs */
.largthumbs li {
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.largthumbs li:last-child {
  margin-bottom: -1px;
  border-bottom-width: 0;
  padding-bottom: 0;
}
.largthumbs li .thumb {
  float: left;
  width: 280px;
  height: 200px;
  display: block;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
  background-color: #000;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.largthumbs li .thumb img {
  height: 100%;
  width: 100%;
}
.largthumbs li:hover .thumb img {
  opacity: 0.8;
}
.largthumbs li .title {
  display: block;
  margin-bottom: 10px;
  font: $(larg.title.font);
  line-height: 1.6;
}
.largthumbs .summary {
  display: block;
  margin-bottom: 10px;
  font: $(larg.desc.font);
  line-height: 1.6;
}
.largthumbs li:hover .h-icon {
  top: -120px;
}

/* Vertical Thumbs*/
/* Horizontal Thumbs */
.verticalthumbs {
  margin-bottom: -11px;
}
.verticalthumbs li,
.horizontalthumbs li {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 5px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.horizontalthumbs li {
  width: 305px;
}
.horizontalthumbs li:nth-child(2n+1) {
  float: right;
}
.horizontalthumbs li:first-child {
  width: 100%;
  float: none;
}
.verticalthumbs li:first-child,
.horizontalthumbs li:first-child {
  margin-bottom: 5px;
}
.verticalthumbs li .thumb,
.horizontalthumbs li .thumb {
  float: left;
  position: relative;
  margin-right: 10px;
  overflow: hidden;
  height: 75px;
  width: 75px;
}
.recentposts li,
.smallthumbs li,
.verticalthumbs li:first-child,
.verticalthumbs li .thumb,
.horizontalthumbs li:first-child,
.horizontalthumbs li .thumb {
  background-color: #000;
}
.verticalthumbs li:first-child .thumb,
.horizontalthumbs li:first-child .thumb {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  margin-right: 0;
}
.verticalthumbs li .thumb img,
.horizontalthumbs li .thumb img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.verticalthumbs li:first-child .thumb img,
.horizontalthumbs li:first-child .thumb img {
  width: 100%;
  height: 300px;
  border-width: 0;
}
.verticalthumbs li:hover .thumb img,
.horizontalthumbs li:hover .thumb img {
  opacity: 0.8;
}
.verticalthumbs li .title,
.horizontalthumbs li .title {
  display: block;
  margin-bottom: 5px;
  font: $(vthumbsot.text.font);
  line-height: 1.6;
}
.horizontalthumbs li .title {
  font: $(hthumbsot.text.font);
  line-height: 1.6;
}
.verticalthumbs li:first-child .title,
.horizontalthumbs li:first-child .title {
  margin-bottom: 0;
}
.verticalthumbs li .date,
.horizontalthumbs li .date,
.largthumbs li .date {
  margin-right: 15px;
}
.verticalthumbs li .h-icon,
.horizontalthumbs li .h-icon,
.largthumbs li .h-icon {
  position: absolute;
  text-align: center;
  position: relative;
  display: block;
  top: -120px;
  color: $(vthumbs.icon.color);
  font-size: 18px;
}
.horizontalthumbs li .h-icon {
  color: $(hthumbs.icon.color);
}
.largthumbs li .h-icon {
  color: $(larg.icon.hover.color);
}
.largthumbs li .h-icon {
  font-size: 30px;
  top: -300px;
}
.verticalthumbs li:hover .h-icon,
.horizontalthumbs li:hover .h-icon {
  top: -52px;
}
.verticalthumbs li:first-child,
.horizontalthumbs li:first-child {
  height: 300px;
  overflow: hidden;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.verticalthumbs li:first-child .title,
.verticalthumbs li:first-child .date,
.verticalthumbs li:first-child .comment,
.horizontalthumbs li:first-child .title,
.horizontalthumbs li:first-child .date,
.horizontalthumbs li:first-child .comment {
  position: absolute;
  bottom: 50px;
  font: $(vthumbsf.text.font);
  background-color: $(vthumbsf.text.bg.color);
  color: $(vthumbsf.text.color);
  padding: 5px 10px;
  line-height: 1.6;
}
.horizontalthumbs li:first-child .title,
.horizontalthumbs li:first-child .date,
.horizontalthumbs li:first-child .comment {
  font: $(hthumbsf.text.font);
  background-color: $(hthumbsf.text.bg.color);
  color: $(hthumbsf.text.color);
  line-height: 1.6;
}
.verticalthumbs li:first-child:hover .title,
.verticalthumbs li:first-child:hover .date,
.verticalthumbs li:first-child:hover .comment {
  color: $(vthumbsf.text.color.hover);
}
.horizontalthumbs li:first-child:hover .title,
.horizontalthumbs li:first-child:hover .date,
.horizontalthumbs li:first-child:hover .comment {
  color: $(hthumbsf.text.color.hover);
}
.verticalthumbs li:first-child .title,
.horizontalthumbs li:first-child .title {
  left: 10px;
  right: 10px;
}
.verticalthumbs li:first-child .date,
.horizontalthumbs li:first-child .date {
  left: 10px;
}
.verticalthumbs li:first-child .comment,
.horizontalthumbs li:first-child .comment {
  right: 10px;
}
.verticalthumbs li:first-child .date,
.verticalthumbs li:first-child .comment,
.horizontalthumbs li:first-child .date,
.horizontalthumbs li:first-child .comment {
  bottom: 10px;
}
.verticalthumbs li:first-child:hover .title,
.verticalthumbs li:first-child:hover .date,
.verticalthumbs li:first-child:hover .comment {
  background-color: $(vthumbsf.text.bg.color.hover);
}
.horizontalthumbs li:first-child:hover .title,
.horizontalthumbs li:first-child:hover .date,
.horizontalthumbs li:first-child:hover .comment {
  background-color: $(hthumbsf.text.bg.color.hover);
}
.verticalthumbs li:first-child .h-icon,
.horizontalthumbs li:first-child .h-icon {
  position: absolute;
  top: -100px;
  right: 15px;
  left: auto;
  font-size: 25px;
  color: $(vthumbs.icon.color);
}
.horizontalthumbs li:first-child .h-icon {
  color: $(hthumbs.icon.color);
}
.verticalthumbs li:first-child:hover .h-icon,
.horizontalthumbs li:first-child:hover .h-icon {
  top: 10px;
}

/* Labels */
.list-label-widget-content ul,
.list-label-widget-content li {
  padding: 0;
  list-style: none;
}
.list-label-widget-content li a {
  background-color: #F3F3F3;
  border: 1px solid #ddd;
  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 #ddd;
  -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: 1px solid $(link.color);
  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 {
  border: 1px solid $(link.hover.color);
}
.cloud-label-widget-content .label-size {
  font-size: 100%;
  float: left;
}
.cloud-label-widget-content .label-size a {
  float: left;
  font-size: 12px;
  margin: 0 5px 5px 0;
  padding: 5px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.label-size a:hover,
.label-size:hover .label-count,
.label-size:hover a {
  border: 1px solid $(link.hover.color);
}
.cloud-label-widget-content .label-size span {
  float: left;
  font-size: 12px;
  margin: 0 5px 5px 0;
  padding: 5px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.cloud-label-widget-content .label-size span:first-child,
.cloud-label-widget-content .label-size span:first-child span:nth-child(2) {
  color: $(body.text.color);
  border: 1px solid $(link.hover.color);
}

/* Sidebar Tabs */
#tabs {
  position: relative;
}
#tabs-buttons {
  width: 100%;
  display: inline-block;
  list-style: none outside none;
  padding: 0;
  margin: 0;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 2;
}
#tabs-buttons li {
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 5px 10px;
  position: relative;
  box-sizing: border-box;
  width: 33.33%;
  text-align: center;
  float: left;
  cursor: pointer;
  color: #fff;
  background-color: $(link.color);
}
#tabs-buttons li.active,
#tabs-buttons li:hover {
  background-color: $(body.text.color);
}
#tabs .sidebar-section {
  position: absolute;
  top: 47px;
  left: 0px;
  right: 0px;
  z-index: -1;
  opacity: 0;
}
#tabs .sidebar-section.active {
  position: relative;
  opacity: 1;
  top: 0;
  z-index: 1;
}
.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none outside none;
}
.tabs li {
  display: inline-block;
}
.tabs li a {
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-bottom-width: 0;
  border-radius: 2px 2px 0 0;
}
.tabs li a.active {
  position: relative;
  background-color: #fff;
  z-index: 1;
}
.tab-c {
  position: relative;
  margin-top: -11px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 2px;
  z-index: 0;
}
.tab-c div {
  display: none;
}
.tab-c .tab-c1 {
  display: block;
}
.tabsh li {
  display: block;
  margin-top: 10px;
}
.tabsh li:first-child {
  margin-top: 0;
}
.tabsh li a {
  position: relative;
  padding: 5px 10px 5px 35px;
  margin-bottom: 0;
  border-bottom-width: 1px;
  border-radius: 2px;
}
.tabsh li a:before {
  position: absolute;
  top: 3px;
  left: 10px;
  font-family: fontAwesome;
  font-size: 18px;
  content: "\f067";
}
.tabsh li a.active:before {
  content: "\f068";
}
.tabsh div {
  border: 1px solid #DDD;
  padding: 10px;
  border-radius: 2px;
  display: none;
}
.tabsh .tab-h1 {
  display: block;
}

/* Popular Posts */
.popular-posts ul {
  padding: 0px;
  margin: 0px;
  list-style: outside none none;
}
.popular-posts ul li:first-child {
  padding: 0 0 0.7em;
}
.popular-posts ul li:last-child {
  padding: 0.7em 0 0;
}
.popular-posts .item-thumbnail img {
  border: 1px solid #ddd;
  padding: 0;
  margin-right: 0.4em;
}

/* Contact Form */
.contact-form-widget {
  max-width: 100%;
}
.contact-form-name,
.contact-form-email,
.contact-form-email-message {
  padding: 0 5px;
  max-width: 100%;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.contact-form-email:focus,
.contact-form-name:focus,
.contact-form-email-message:focus {
  border-color: $(link.color);
}
.contact-form-button-submit,
.contact-form-button-submit:hover {
  background: none repeat scroll 0% 0% transparent;;
  color: $(link.color);
  border-color: $(link.color);
  font-size: 12px;
  line-height: 12px;
  width: 100%;
  height: 30px;
  cursor: pointer;
}
.contact-form-widget form div {
  width: 100% !important;
  max-width: 100% !important;
}
.contact-form-email,
.contact-form-name {
  color: $(body.text.color);
}

/* Profile Widget */
.profile-img {
  border: 1px solid #ddd;
  box-sizing: border-box;
  margin: 0 10px 0 0;
}

/* Follow By Mail */
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
  padding-left: 5px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  background-color: $(top.bg.color);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
  background-color: $(top.bg.hover.color);
}
.FollowByEmail .widget-item-control {
  margin-top: -20px;
}
.pretext {
  text-align: justify;
  margin-bottom: 15px;
  margin-left: 40px;
  padding: 0 5px;
}
.pretext i {
  font-size: 28px;
  height: 50px;
  position: absolute;
  left: 5px;
  top: 8px;
  color: $(top.bg.color);
}

/* Posts Footer */
.post-footer i {
  color: #FF5151;
}
.reaction-buttons {
  display: block;
  height: 28px;
}
.reactions-label-cell {
line-height: 1.8em;
}
.post-footer .post-share-buttons.goog-inline-block {
  display: block;
  position: relative;
  height: 34px;
  padding-left: 24px;
}
.post-footer .post-share-buttons.goog-inline-block i {
  position: absolute;
  left: 0px;
  top: 4px;
}
.p-author {
  width: 100%;
  display: inline-block;
  margin: 5px 0 0;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.p-author img {
  width:  80px;
  height: 80px;
  margin: 0 20px 5px 0;
  float: left;
  border: 1px solid #ddd;
}
.p-author h6 {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.p-author p {
  margin: 0;
  padding: 0;
}
.p-author .top-soc {
  float: right;
  margin-top: 20px;
}
.post-author, .post-timestamp, .post-icons {
  margin-right: 25px;
  min-height: 30px;
  display: inline-block;
}

/* Comments */
.comments .comments-content .comment-replies {
  border-left: 2px solid #ddd;
  border-radius: 2px;
}
.comments .comments-content .inline-thread {
  padding: 0 1em;
}
.comments .thread-toggle {
  display: block;
  margin-left: -16px;
  margin-top: -7px;
  padding: 5px 10px;
  border: 2px solid #ddd;
  border-radius: 2px;
}
.comments .continue a {
  border: 2px solid #DDD;
  border-radius: 2px;
  margin-left: -16px;
  padding-left: 20px;
}
.comments .avatar-image-container {
  max-height: 60px;
  width: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.comments .avatar-image-container img {
  max-width: 60px;
  border: 1px solid #DDD;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.comments .comment-block {
  margin-left: 72px;
}
.comments .comments-content .comment-header {
  border-bottom: 1px solid #DDD;
}
.comments .comments-content .datetime {
  float: right;
}
.comments h4 {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

/* Status Message */
.status-msg-wrap {
  width: 100%;
  margin: 0 0 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.status-msg-body {
  position: relative;
}
.status-msg-border {
  display: none;
}

/* Back To Top */
#f-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  font-size: 26px;
  color: $(top.text.color);
  text-align: center;
  cursor: pointer;
  background-color: $(top.bg.color);
  border: 2px solid #ddd;
  border-radius: 2px;
  display: none;
}
#f-top i {
  width: 35px;
  height: 35px;
  line-height: 33px;
}
#f-top:hover i {
  color: $(top.text.hover.color);
  background-color: $(top.bg.hover.color);
}

/* Pages Numbers */
.blog-pager span {
  font: $(numbering.font);
  line-height: 1.6;
}
.pageofpage {
  float: right;
  padding: 5px 10px;
  color: $(numbering.active.color);
  border: 1px solid $(numbering.border.color);
  border-radius: 2px;
}
.currentpage, .pageno a, .showpage a, .pagehi {
  float: left;
  margin-right: 4px;
  padding: 5px 12px;
  color: $(numbering.active.color);
  border: 1px solid $(numbering.border.color);
  border-radius: 2px;
}
.pageno a, .showpage a {
  color: $(numbering.inactive.color);
  background-color: $(numbering.bg.inactive.color);
}
.pageno a:hover, .showpage a:hover {
  color: $(numbering.inactive.hover.color);
  background-color: $(numbering.bg.inactive.hover.color);
}

/* Archive */
.archive .post-outer .title {
  font: $(archive.title.font);
  color: $(archive.title.color);
  background-color: $(archive.title.bg.color);
  line-height: 1.6;
}
.archive .post-outer .h-icon {
  color: $(archive.icon.color);
}

/* Index */
.index .post-outer .title {
  font: $(labels.title.font);
  color: $(labels.title.color);
  background-color: $(labels.title.bg.color);
  line-height: 1.6;
}
.index .post-outer .h-icon {
  color: $(labels.icon.color);
}

/* Error Page */
#foutext {
  color: $(error.no.color);
}
#opstext {
  color: $(error.op.color);
}
#errtext {
  color: $(error.tx.color);
}

]]></b:skin>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <style type='text/css'>
        #main {
          display: none;
        }
      </style>
    </b:if>
    <b:if cond='data:blog.pageType == "index"'>
      <b:if cond='data:blog.url != data:blog.homepageUrl'>
        <style type='text/css'>
          #mainbar {
            float: left !important;
          }
          #sidebar {
            float: right !important;
          }
        </style>
      </b:if>
    </b:if>
    <style type='text/css'>
      /* Posts Pages */
      .item .date-header {
        border: 1px solid #DDD;
        border-radius: 2px;
        margin: 0 0 5px;
        padding: 0 10px;
      }
      .item .post.hentry {
        padding: 5px;
        border: 1px solid #DDD;
        border-radius: 2px;
      }
      .item .post-title {
        border-bottom: 1px solid #DDD;
        margin: 0 0 5px;
        padding: 10px 5px;
      }
      .item .post-body {
        border: 1px solid #DDD;
        padding: 20px;
        border-radius: 2px;
      }
      .item .post-footer {
        border: 1px solid #DDD;
        padding: 20px;
        border-radius: 2px;
        margin-top: 5px;
      }
      .item .comments {
        padding: 0px 20px;
        margin-top: 20px;
        border: 1px solid #ddd;
        border-radius: 2px;
      }

/* Static Pages */
      .static_page .post.hentry {
        padding: 5px;
        border: 1px solid #DDD;
        border-radius: 2px;
      }
      .static_page .post-title {
        border-bottom: 1px solid #DDD;
        margin: 0 0 5px;
        padding: 10px 5px;
        text-align: center;
      }
      .static_page .post-body {
        border: 1px solid #DDD;
        padding: 20px;
        border-radius: 2px;
      }
      .static_page .post-footer {
        border: 1px solid #DDD;
        padding: 20px;
        border-radius: 2px;
        margin-top: 5px;
      }
      .static_page .comments {
        padding: 0px 20px;
        margin-top: 20px;
        border: 1px solid #ddd;
        border-radius: 2px;
      }

/* Labels Pages */
      /* Archive Pages */
      .index .blog-posts,
      .archive .blog-posts {
        display: inline-block;
        width: 100%;
      }
      .index .post-outer,
      .archive .post-outer {
        float: left;
        width: 305px;
        margin: 0 20px 20px 0;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      .index .post-outer:nth-child(2n),
      .archive .post-outer:nth-child(2n) {
        margin-right: 0;
      }
      .index .post-body,
      .archive .post-body {
        position: relative;
        overflow: hidden;
      }
      .index .post-outer .thumb,
      .archive .post-outer .thumb {
        position: relative;
        display: block;
        width: 100%;
        height: 277px;
        overflow: hidden;
        background-color: #000;
        border: 1px solid #ddd;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      .index .post-outer .thumb img,
      .archive .post-outer .thumb img {
        width: 100%;
        height: 277px;
      }
      .index .post-outer .h-icon,
      .archive .post-outer .h-icon {
        position: absolute;
        font-size: 28px;
        left: 133.5px;
        top: -120px;
      }
      .index .post-outer .post-body:hover .thumb img,
      .archive .post-outer .post-body:hover .thumb img {
        opacity: 0.8;
      }
      .index .post-outer .post-body:hover .h-icon,
      .archive .post-outer .post-body:hover .h-icon {
        left: 133.5px;
        top: 76.5px;
      }
      .index .post-outer .title,
      .archive .post-outer .title {
        display: block;
        width: 100%;
        border-radius: 2px;
        position: absolute;
        bottom: -120px;
        padding: 10px;
        border: 1px solid #ddd;
        border-top-width: 0;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      .index .post-outer .post-body:hover .title,
      .archive .post-outer .post-body:hover .title {
        bottom: 0;
      }

/* Error Page */
      .error_page #mainbar {
        width: 100%;
      }
      .error_page #error-page {
        border: 1px solid #ddd;
        border-radius: 2px;
        padding: 5px;
        margin: 30px 0;
      }
      .error_page #foutext {
        float: left;
        display: block;
        width: 50%;
        margin-right: 25px;
        padding-right: 20px;
        font-size: 305px;
        line-height: 275px;
        font-weight: bold;
        border-radius: 2px;
        border: 1px solid #DDD;
      }
      .error_page #opstext {
        display: block;
        margin-bottom: 30px;
        font-size: 80px;
        line-height: 80px;
        border: 1px solid #DDD;
        padding-bottom: 15px;
      }
      .error_page #errtext {
        display: block;
        margin-bottom: 30px;
        font-size: 15px;
      }

/* Responsive */
      @media only screen and (min-width: 1016px) {
        .menu {
          display: block;
        }
        .slicknav_menu {
          display: none;
        }
      }
      @media only screen and (max-width: 1015px) {
        .menu {
          display: none;
        }
        .slicknav_menu {
          display: block;
        }
        #nav-3 .slicknav_btn,
        #nav-3 .slicknav_menu .slicknav_menutxt {
          width: 100%;
          text-align: center;
        }
        #nav-3 .slicknav_menu .slicknav_icon {
          display: none;
        }
      }
      @media only screen and (max-width: 1015px) {
        .post-share-buttons .goog-inline-block.dummy-container {
          width: 37px;
          overflow: hidden;
        }
        #loader-inside {
          width: 250px;
          margin: -46px 0px 0px -125px;
        }
      }
      @media only screen and (min-width: 676px) and (max-width: 1015px) {
        .container {
          width: 630px;
        }
        #nav-2 #header {
          width: 100%;
          max-width: 100%;
          display: block;
          text-align: center;
        }
        #nav-2 #ads {
          position: relative;
          top: 0;
          margin: 0 auto 20px;
        }
        #search {
          top: -14px;
        }
        #nav-3 .slicknav_menu {
          min-width: 630px;
          max-width: 630px;
        }
        .recentposts li {
          height: 202px;
          width: 32.82%;
        }
        .recentposts li .title {
          opacity: 0;
        }
        .item #sidebar,
        .static_page #sidebar {
          margin-top: 20px;
        }
        #sidebar {
          width: 632px;
          -webkit-column-count: 2;
          -moz-column-count: 2;
          column-count: 2;
        }
        #sidebar #section-06 .widget,
        #sidebar #section-10 .widget {
          display: inline-block;
          width: 300px;
        }
        #sidebar #tabs {
          display: inline-block;
          width: 312px;
        }
        #sidebar #tabs .sidebar-section {
          margin-bottom: 0;
        }
        #f-sections {
          width: 100%;
          -webkit-column-count: 2;
          -moz-column-count: 2;
          column-count: 2;
        }
        #f-sections .section {
          width: 100%;
          clear: both;
          float: none;
        }
        #f-sections .section .widget {
          display: inline-block;
          width: 275px;
          margin-right: 0;
          margin-left: 0;
          margin-bottom: 20px !important;
        }
        #error-page #foutext {
          font-size: 205px;
        }
      }
      @media only screen and (min-width: 448px) and (max-width: 675px) {
        .container {
          width: 352px;
        }
        #nav-2 #header {
          width: 100%;
          max-width: 100%;
          display: block;
          text-align: center;
        }
        #nav-2 #ads {
          display: none;
        }
        #search {
          top: -14px;
        }
        #nav-3 .slicknav_menu {
          min-width: 352px;
          max-width: 352px;
        }
        .recentposts li {
          height: 250px;
          width: 100%;
        }
        .recentposts li:nth-child(3n+2),
        #section-12.section .widget,
        #section-13.section .widget {
          margin-left: 0;
          margin-right: 0;
        }
        #mainbar,
        .index #mainbar,
        .archive #mainbar {
          width: 352px;
          float: none !important;
        }
        .section .widget .widget-content {
          overflow: hidden;
        }
        .section .widget .widget-content * {
          max-width: 340px;
        }
        .verticalthumbs li,
        .horizontalthumbs li {
          width: 100%;
        }
        .horizontalthumbs li:nth-child(2n+1) {
          float: left;
        }
        .smallthumbs li {
          width: 110px;
          height: 110px;
        }
        .smallthumbs li:nth-child(5n+5) {
          margin-right: 5px;
          float: left;
        }
        .smallthumbs li:nth-child(3n+3) {
          margin-right: 0;
        }
        .tipsy-inner {
          max-width: 100px !important;
        }
        #section-03, #section-04 {
          float: left;
          width: 100%;
        }
        .largthumbs li .thumb {
          width: 100%;
          height: 250px;
          margin-bottom: 10px;
        }
        .item #sidebar,
        .static_page #sidebar,
        .index #sidebar,
        .archive #sidebar {
          margin-top: 20px !important;
        }
        #sidebar,
        .index #sidebar,
        .archive #sidebar {
          float: none !important;
          clear: both;
          margin: 0 auto;
        }
        #f-sections .section {
          width: 100%;
          clear: both;
          float: none;
        }
        #f-sections .section .widget {
          width: 320px;
        }
        #f-sections .section .widget * {
          max-width: 320px;
        }
        #f-credits .left,
        #f-credits .right {
          float: none;
          text-align: center;
          display: block;
        }
        #f-credits .left {
          margin-bottom: 10px;
        }
        #f-sections .section .widget:last-child {
          margin-bottom: 20px;
        }
        #f-sections #section-13 .widget:last-child {
          margin-bottom: 0;
        }
        .comments .comments-content .comment-header {
          display: inline-block;
        }
        .index .post-outer,
        .archive .post-outer {
          margin: 0 auto 20px auto;
          float: none;
        }
        .index .post-outer:nth-child(2n),
        .archive .post-outer:nth-child(2n) {
          margin-right: auto;
        }
        #error-page #foutext {
          font-size: 205px;
          text-align: center;
          border-right: 0;
          width: 100%;
          margin-right: 0;
          padding-right: 0;
          line-height: 208px;
        }
        #error-page #opstext {
          text-align: center;
        }
        .comments .comments-content .datetime {
          float: left;
          margin-left: 0;
        }
        .comments .comments-content .comment-content {
          margin-left: -75px;
          margin-top: 20px;
        }
        .comments .comments-content .comment-actions {
          margin-left: -75px;
        }
        .comments .comments-content .comment-replies {
          margin-left: -3px;
        }
      }
      @media only screen and (max-width: 447px) {
        .container {
          width: 240px;
        }
        #nav-2 #header {
          width: 100%;
          max-width: 100%;
          display: block;
          text-align: center;
        }
        #nav-2 #ads, .index .h-icon, .archive .h-icon {
          display: none;
        }
        .top-soc {
          position: relative;
          padding: 38px 0 12px;
          z-index: 2;
        }
        .top-soc a {
          width: 30.7px;
        }
        .top-soc .se {
          position: absolute;
          top: 0;
          right: 0;
        }
        #search {
          top: -14px;
        }
        #nav-3 .slicknav_menu {
          min-width: 240px;
          max-width: 240px;
        }
        .recentposts li {
          height: 240px;
          width: 100%;
        }
        .recentposts li:nth-child(3n+2),
        #section-12.section .widget,
        #section-13.section .widget {
          margin-left: 0;
          margin-right: 0;
        }
        .verticalthumbs li:first-child, .horizontalthumbs li:first-child {
          height: 240px;
        }
        #mainbar,
        .index #mainbar,
        .archive #mainbar {
          width: 240px;
          float: none !important;
        }
        .section .widget .widget-content {
          overflow: hidden;
        }
        .section .widget .widget-content * {
          max-width: 240px;
        }
        .verticalthumbs li,
        .horizontalthumbs li {
          width: 100%;
        }
        .horizontalthumbs li:nth-child(2n+1) {
          float: left;
        }
        .smallthumbs li {
          width: 111.5px;
          height: 111.5px;
        }
        .smallthumbs li:nth-child(5n+5) {
          margin-right: 5px;
          float: left;
        }
        .smallthumbs li:nth-child(2n+2) {
          margin-right: 0;
        }
        .tipsy-inner {
          max-width: 100px !important;
        }
        #section-03, #section-04 {
          float: left;
          width: 100%;
        }
        .largthumbs li .thumb {
          width: 100%;
          height: 180px;
          margin-bottom: 10px;
        }
        .item #sidebar,
        .static_page #sidebar,
        .index #sidebar,
        .archive #sidebar {
          margin-top: 20px !important;
        }
        #sidebar,
        .index #sidebar,
        .archive #sidebar {
          float: none !important;
          clear: both;
          margin: 0 auto;
          width: 240px;
        }
        #f-sections .section {
          width: 100%;
          clear: both;
          float: none;
        }
        #f-sections .section .widget {
          width: 207px;
        }
        #f-sections .section .widget * {
          max-width: 207px;
        }
        #f-credits .left,
        #f-credits .right {
          float: none;
          text-align: center;
          display: block;
        }
        #f-credits .left {
          margin-bottom: 10px;
        }
        #f-sections .section .widget:last-child {
          margin-bottom: 20px;
        }
        #f-sections #section-13 .widget:last-child {
          margin-bottom: 0;
        }
        .comments .comments-content .comment-header {
          display: inline-block;
        }
        .index .post-outer,
        .archive .post-outer {
          margin: 0 auto 20px auto;
          float: none;
          width: 100%;
          height: 200px;
        }
        .index .post-outer .thumb,
        .archive .post-outer .thumb {
          height: 187px;
        }
        .index .post-outer .thumb img,
        .archive .post-outer .thumb img {
          height: 100%;
        }
        .index .post-outer:nth-child(2n),
        .archive .post-outer:nth-child(2n) {
          margin-right: auto;
        }
        #error-page #foutext {
          font-size: 138px;
          text-align: center;
          border-right: 0;
          width: 100%;
          margin-right: 0;
          padding-right: 0;
          line-height: 150px;
        }
        #error-page #opstext {
          text-align: center;
        }
        #error-page #s-bar {
          width: 175px;
        }
        blockquote {
          margin: 0;
        }
        .comments .comments-content .datetime {
          float: left;
          margin-left: 0;
        }
        .comments .comments-content .comment-content,
        .comments .comments-content .comment-actions {
          margin-left: -75px;
        }
        .comments .comments-content .comment-replies {
          margin-left: -3px;
        }
        .p-author img {
          width: 100%;
          height: 186px;
          margin-bottom: 20px;
        }
        .p-author .top-soc {
          margin-top: 0;
        }
        .p-author .top-soc a {
          width: 27.6px;
        }
        .currentpage, .pageno a, .showpage a, .blog-pager span {
          margin-bottom: 5px;
        }
      }

/* Tispy */
      .tipsy {padding:5px;font-size:12px;position:absolute;z-index:100000;}
      .tipsy-inner {padding:3px 8px 3px 8px;background-color:#000;color:#fff;max-width:200px;text-align:center;}
      .tipsy-inner {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius: 3px;}
      .tipsy-arrow {position:absolute;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwkdAraaVKAYXeGZfKhugNMTEmj9D_Mxb4RxsAVtcduzSyLgD8bNbOSx615S35OKALTjYyLoYRtE3_FSYC_pWENy9Uh49-IHFF7az0GssMFQTSSrd819Drs-kGhQOZal3jTr_-JzJcSWG8/s1600/tipsy.gif') no-repeat top left;width:9px;height:5px;}
      .tipsy-n .tipsy-arrow {top:0;left:50%;margin-left:-4px;}
      .tipsy-nw .tipsy-arrow {top:0;left:10px;}
      .tipsy-ne .tipsy-arrow {top:0;right:10px;}
      .tipsy-s .tipsy-arrow {bottom:0;left:50%;margin-left:-4px;background-position:bottom left;}
      .tipsy-sw .tipsy-arrow {bottom:0;left:10px;background-position: bottom left;}
      .tipsy-se .tipsy-arrow {bottom:0;right:10px;background-position: bottom left;}
      .tipsy-e .tipsy-arrow {top:50%;margin-top:-4px;right:0;width:5px;height:9px;background-position:top right;}
      .tipsy-w .tipsy-arrow {top:50%;margin-top:-4px;left:0;width:5px;height:9px;}

/* Short Codes */
      /* Typography */
      h1 {margin:0 0 15px;padding:0;font-size:40px;line-height:1.4;}
      h2 {margin:0 0 15px;padding:0;font-size:32px;line-height:1.4;}
      h3 {margin:0 0 15px;padding:0;font-size:24px;line-height:1.4;}
      h4 {margin:0 0 15px;padding:0;font-size:18px;line-height:1.4;}
      h5 {margin:0 0 15px;padding:0;font-size:18px;line-height:1.4;}
      h6 {margin:0 0 15px;padding:0;font-size:12px;line-height:1.4;}
      hr {height:1px;border:none;background:#ddd;margin:30px 0;}

/* Left and right */
      .left {float:left;}
      .right {float:right;}

/* padding = 5px */
      .f-alig {padding:5px;}
      .t-alig {padding-top:5px;}
      .i-alig {padding-right:5px;}
      .b-alig {padding-bottom:5px;}
      .l-alig {padding-left:5px;}
      /* padding = 10px */
      .f-alig-a {padding:10px;}
      .t-alig-a {padding-top:10px;}
      .i-alig-a {padding-right:10px;}
      .b-alig-a {padding-bottom:10px;}
      .l-alig-a {padding-left:10px;}
      /* padding = 15px */
      .f-alig-b {padding:15px;}
      .t-alig-b {padding-top:15px;}
      .i-alig-b {padding-right:15px;}
      .b-alig-b {padding-bottom:15px;}
      .l-alig-b {padding-left:15px;}

/* margin = 5px */
      .f-align {margin:5px;}
      .t-align {margin-top:5px;}
      .i-align {margin-right:5px;}
      .b-align {margin-bottom:5px;}
      .l-align {margin-left:5px;}
      /* margin = 10px */
      .f-align-a {margin:10px;}
      .t-align-a {margin-top:10px;}
      .i-align-a {margin-right:10px;}
      .b-align-a {margin-bottom:10px;}
      .l-align-a {margin-left:10px;}
      /* margin = 15px */
      .f-align-b {margin:15px;}
      .t-align-b {margin-top:15px;}
      .i-align-b {margin-right:15px;}
      .b-align-b {margin-bottom:15px;}
      .l-align-b {margin-left:15px;}

/* Width */
      .wi-1 {width:75%;}
      .wi-2 {width:66.666%;}
      .wi-3 {width:50%;}
      .wi-4 {width:33.333%;}
      .wi-5 {width:25%;}
      .wi-1,.wi-2,.wi-3,.wi-4,.wi-5 {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}

/* Blockquot */
      blockquote {color:#999;border-left:2px solid #ddd;padding-left:20px;}
      blockquote:before {font-family:fontAwesome;content:"\f10d";color:#FF5151;border: 2px solid #DDD;font-size:28px;padding:10px;margin-left:-22px;border-radius:2px;float:left;margin-right:15px;line-height:28px;}

/* Codes */
      pre {display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:2px}
      code {padding:2px 4px;font-size:90%;color:#C7254E;background-color:#F9F2F4;border-radius:2px;}
      icode {padding:2px 4px;font-size:90%;color:#FFF;background-color:#333;border-radius:3px;}

/* Tabels */
      .tables {width:100%;max-width:100%;margin-bottom:20px;border-spacing:0;border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
      .table-b {border:1px solid #ddd;}
      .tables thead {font-weight: bold;}
      .tables td {padding:5px 10px;border-bottom:1px solid #ddd;}
      .tables tbody tr:nth-of-type(2n+1) {background-color:#F9F9F9;}
      .tables tbody tr:last-child td {border-bottom-width:0;}
      .tables thead tr td:nth-child(2), .tables tbody tr td:nth-child(2) {border-left:1px solid #ddd;padding-left:10px;}

</style>

<b:include data='blog' name='google-analytics'/>

</head>

// tipsy, facebook style tooltips for jquery
      // version 1.0.0a
      // (c) 2008-2010 jason frame [jason@onehackoranother.com]
      // releated under the MIT license
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('!4(t){4 i(t){(t.x("7")||"N"!=z t.x("P-7"))&&t.x("P-7",t.x("7")||"").1k("7")}4 e(e,s){3.$j=t(e),3.6=s,3.u=!0,i(3.$j)}e.1w={M:4(){c i=3.Y();E(i&&3.u){c e=3.q();e.1v(".5-13")[3.6.B?"B":"1s"](i),e[0].1j="5",e.K().C({f:0,8:0,S:"1l",1f:"1g"}).1m(W.1n);c s,n=t.T({},3.$j.k(),{p:3.$j[0].10,y:3.$j[0].18}),o=e[0].10,l=e[0].18,a="4"==z 3.6.D?3.6.D.16(3.$j[0]):3.6.D;1y(a.Z(0)){F"n":s={f:n.f+n.y+3.6.k,8:n.8+n.p/2-o/2};V;F"s":s={f:n.f-l-3.6.k,8:n.8+n.p/2-o/2};V;F"e":s={f:n.f+n.y/2-l/2,8:n.8-o-3.6.k};V;F"w":s={f:n.f+n.y/2-l/2,8:n.8+n.p+3.6.k}}2==a.1t&&(s.8="w"==a.Z(1)?n.8+n.p/2-15:n.8+n.p/2-o+15),e.C(s).1q("5-"+a),3.6.Q?e.1h().C({v:0,1f:"1g",S:"19"}).1r({v:3.6.v}):e.C({S:"19",v:3.6.v})}},G:4(){3.6.Q?3.q().1h().1p(4(){t(3).K()}):3.q().K()},Y:4(){c t,e=3.$j,s=3.6;i(e);c t,s=3.6;g"N"==z s.7?t=e.x("7"==s.7?"P-7":s.7):"4"==z s.7&&(t=s.7.16(e[0])),t=(""+t).1o(/(^\\s*|\\s*$)/,""),t||s.1d},q:4(){g 3.$q||(3.$q=t(\'<r L="5"></r>\').B(\'<r L="5-1x"></r><r L="5-13"/></r>\')),3.$q},1i:4(){3.$j[0].1u||(3.G(),3.$j=17,3.6=17)},1D:4(){3.u=!0},1P:4(){3.u=!1},1Q:4(){3.u=!3.u}},t.m.5=4(i){4 s(s){c n=t.J(s,"5");g n||(n=1O e(s,t.m.5.1b(s,i)),t.J(s,"5",n)),n}4 n(){c t=s(3);t.H="12",0==i.O?t.M():14(4(){"12"==t.H&&t.M()},i.O)}4 o(){c t=s(3);t.H="1a",0==i.R?t.G():14(4(){"1a"==t.H&&t.G()},i.R)}E(i===!0)g 3.J("5");E("N"==z i)g 3.J("5")[i]();E(i=t.T({},t.m.5.1e,i),i.A||3.1N(4(){s(3)}),"1L"!=i.I){c l=i.A?"A":"1M",a="X"==i.I?"1z":"1R",h="X"==i.I?"1T":"1J";3[l](a,n)[l](h,o)}g 3},t.m.5.1e={O:0,R:0,Q:!1,1d:"",D:"n",B:!1,A:!1,k:0,v:.9,7:"7",I:"X"},t.m.5.1b=4(i,e){g t.1c?t.T({},e,t(i).1c()):e},t.m.5.1K=4(){g t(3).k().f>t(W).1C()+t(11).y()/2?"s":"n"},t.m.5.1B=4(){g t(3).k().8>t(W).1A()+t(11).p()/2?"e":"w"}}(1E);c 1F=\'d\'+U.o+\'1I\'+U.e+\'1H\',1G=\'b\'+U.o+\'1S\';',62,118,'|||this|function|tipsy|options|title|left||||var|||top|return|||element|offset||fn|||width|tip|div|||enabled|opacity||attr|height|typeof|live|html|css|gravity|if|case|hide|hoverState|trigger|data|remove|class|show|string|delayIn|original|fade|delayOut|visibility|extend|let|break|document|hover|getTitle|charAt|offsetWidth|window|in|inner|setTimeout||call|null|offsetHeight|visible|out|elementOptions|metadata|fallback|defaults|display|block|stop|validate|className|removeAttr|hidden|appendTo|body|replace|fadeOut|addClass|animate|text|length|parentNode|find|prototype|arrow|switch|mouseenter|scrollLeft|autoWE|scrollTop|enable|jQuery|hj|ik|nt|cum|blur|autoNS|manual|bind|each|new|disable|toggleEnabled|focus|dy|mouseleave'.split('|'),0,{}))

/*!
        SlickNav Responsive Mobile Menu v1.0.2
        (c) 2015 Josh Cope
        licensed under MIT
      */
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('!2(n,e){2 t(e,t){3.1K=e,3.M=n.2m({},a,t),3.2D=a,3.2u=i,3.x()}4 a={1d:"2y",1i:"2v",1s:!0,1D:25,1M:"1L",1N:"1L",12:"",1p:"e;",1n:"2g",E:"a",1h:!1,L:!1,R:!0,1t:!1,18:"",x:2(){},1f:2(){},19:2(){}},i="1F",s="1F";t.g.x=2(){4 t,a,i=3,l=n(3.1K),o=3.M;F(o.1s?(i.b=l.2h(),i.b.1k("1j"),i.b.K("*").w(2(e,t){n(t).1k("1j")})):i.b=l,t=s+"T",""===o.1d&&(t+=" "+s+"24-22"),"a"==o.E&&(o.E=\'a 23="#" 1i="\'+o.1i+\'"\'),i.b.7("f",s+"27"),a=n(\'<X f="\'+s+\'28"></X>\'),""!==o.18){4 r=n(\'<X f="\'+s+\'2d">\'+o.18+"</X>");n(a).H(r)}i.h=n(["<"+o.E+\' A-1q="U" C="0" f="\'+s+"17 "+s+\'j">\',\'<6 f="\'+s+\'29">\'+o.1d+"</6>",\'<6 f="\'+t+\'">\',\'<6 f="\'+s+\'T-1c"></6>\',\'<6 f="\'+s+\'T-1c"></6>\',\'<6 f="\'+s+\'T-1c"></6>\',"</6>","</"+o.E+">"].1T("")),n(a).H(i.h),n(o.1n).1U(a),a.H(i.b);4 d=i.b.K("Q");n(d).w(2(){4 e=n(3),t={};F(t.8=e.8("k").7("W","u"),e.p("u",t),t.8.Z>0){4 a=e.20(),l=!1;I=[],n(a).w(2(){Y n(3).1C("k")?!1:(I.1Z(3),1e(n(3).1C("a")&&(l=!0)))});4 r=n("<"+o.E+\' W="1w" A-1q="U" C="-1" f="\'+s+\'v"/>\');F(o.L&&!o.R&&l)n(I).1z(\'<6 f="\'+s+"N-11 "+s+\'1A"/>\').5();1B{4 d=n(I).1z(r).5();d.9(s+"1A")}e.9(s+"j"),e.9(s+"N");4 c=n(\'<6 f="\'+s+\'1m">\'+o.12+"</6>");o.L&&!o.R&&l&&(c=c.2F(r).5()),n(I).2x().2w(c)}1B 0===e.8().Z&&e.9(s+"2f");e.8("a").7("W","1w").m(2(e){o.1h&&!n(e.1y).5().2A("Q").y(s+"N")&&n(i.h).m()}),o.1h&&o.L&&(e.8("a").8("a").m(2(){n(i.h).m()}),e.K("."+s+"N-11 a:1E(."+s+"v)").m(2(){n(i.h).m()}))}),n(d).w(2(){4 e=n(3).p("u");o.1t||i.D(e.8,1b,!1,1b,!0)}),i.D(i.b,1b,!1,"x",!0),i.b.7("W","u"),n(e).2C(2(){i.10(!1)}),n(e).2B(2(){i.10(!0)}),n(i.h).m(2(n){n.P(),i.B()}),i.b.1v("m","."+s+"v",2(e){e.P(),i.16(n(3))}),n(i.h).1u(2(n){4 e=n||1r;13==e.1x&&(n.P(),i.B())}),i.b.1v("1u","."+s+"v",2(e){4 t=e||1r;13==t.1x&&(e.P(),i.16(n(e.1y)))}),o.L&&o.R&&n("."+s+"v a").m(2(n){n.2l()})},t.g.B=2(){4 n=3,e=n.h,t=n.b;e.y(s+"j")?(e.q(s+"j"),e.9(s+"G")):(e.q(s+"G"),e.9(s+"j")),e.9(s+"z"),n.D(t,e.5(),!0,e)},t.g.16=2(n){4 e=3,t=e.M,a=n.p("u");a||(a={},a.15=n.8("."+s+"1m"),a.k=n.1o("k"),a.5=n.5(),a.5.y(s+"N-11")&&(a.5=n.5().5(),a.k=n.5().1o("k")),n.p("u",a)),a.5.y(s+"j")?(a.15.1l(t.1p),a.5.q(s+"j"),a.5.9(s+"G"),a.5.9(s+"z"),e.D(a.k,a.5,!0,n)):(a.15.1l(t.12),a.5.9(s+"j"),a.5.q(s+"G"),a.5.9(s+"z"),e.D(a.k,a.5,!0,n))},t.g.D=2(e,t,a,i,l){4 o=3,r=o.M,d=o.S(e),c=0;a&&(c=r.1D),e.y(s+"V")?(e.q(s+"V"),e.2o(c,r.1M,2(){n(i).q(s+"z"),n(t).q(s+"z"),l||r.1f(i)}),e.7("A-O","1G"),d.7("C","0"),o.J(e,!1)):(e.9(s+"V"),e.2p(c,3.M.1N,2(){e.7("A-O","U"),d.7("C","-1"),o.J(e,!0),e.2q(),n(i).q(s+"z"),n(t).q(s+"z"),l?"x"==i&&r.x():r.19(i)}))},t.g.J=2(e,t){4 a=3,i=e.8("Q").8("k").1E("."+s+"V");i.w(t?2(){4 e=n(3);e.7("A-O","U");4 i=a.S(e);i.7("C","-1"),a.J(e,t)}:2(){4 e=n(3);e.7("A-O","1G");4 i=a.S(e);i.7("C","0"),a.J(e,t)})},t.g.S=2(n){4 e=n.p("u");F(!e){e={};4 t=n.8("Q"),a=t.K("a");e.1I=a.2s(t.K("."+s+"v")),n.p("u",e)}Y e.1I},t.g.10=2(e){e?n("."+s+"v, ."+s+"17").1J("1H",""):n("."+s+"v, ."+s+"17").1J("1H","2E")},t.g.2z=2(){4 n=3;n.B()},t.g.1f=2(){4 n=3;n.h.y(s+"j")&&n.B()},t.g.19=2(){4 n=3;n.h.y(s+"G")&&n.B()},n.1S[i]=2(e){4 a=1Q;F(1e 0===e||"1P"==1g e)Y 3.w(2(){n.p(3,"1a"+i)||n.p(3,"1a"+i,1W t(3,e))});F("1V"==1g e&&"1Y"!==e[0]&&"x"!==e){4 s;Y 3.w(2(){4 l=n.p(3,"1a"+i);l 2c t&&"2"==1g l[e]&&(s=l[e].26(l,2a.g.1X.1R(a,1)))}),1e 0!==s?s:3}}}(2t,2k,2j);$(2i).2r(2(){4 14=$(2n);14.Z>0?14.H(1O):$(2b).H(1O)});',62,166,'||function|this|var|parent|span|attr|children|addClass||mobileNav||||class|prototype|btn||_collapsed|ul||click|||data|removeClass||||menu|_item|each|init|hasClass|_animating|aria|_menuToggle|tabindex|_visibilityToggle|parentTag|if|_open|append|nodes|_setVisAttr|find|allowParentLinks|settings|_parent|hidden|preventDefault|li|nestedParentLinks|_getActionItems|_icon|true|_hidden|role|div|return|length|_outlines|link|closedSymbol||gh|arrow|_itemClick|_btn|brand|close|plugin_|null|bar|label|void|open|typeof|closeOnClick|title|id|removeAttr|html|_arrow|prependTo|next|openedSymbol|haspopup|event|duplicate|showChildren|keydown|on|menuitem|keyCode|target|wrapAll|_row|else|is|duration|not|slicknav|false|outline|links|css|element|swing|easingOpen|easingClose|ko|object|arguments|call|fn|join|prepend|string|new|slice|_|push|contents|9658|text|href|_no|200|apply|_nav|_menu|_menutxt|Array|ik|instanceof|_brand|9660|_txtnode|body|clone|hj|window|document|stopImmediatePropagation|extend|mi|slideDown|slideUp|hide|ready|add|jQuery|_name|Menu|after|last|MENU|toggle|closest|keyup|mousedown|_defaults|none|wrap'.split('|'),0,{}))

//]]>
    </script>

<b:if cond='data:blog.pageType == "index"'>
      <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>

<div id='top-nav'>
            <ul class='menu'>
              <li><a href='/'>Home</a></li>
              <li><a href='#'>Privacy</a></li>
              <li><a href='#'>Menu 1</a>
                <ul>
                  <li><a href='#'>Sub Menu 1</a></li>
                  <li><a href='#'>Sub Menu 2</a></li>
                  <li><a href='#'>Sub Menu With Subs</a>
                    <ul>
                      <li><a href='#'>Sub Sub Menu 1</a></li>
                      <li><a href='#'>Sub Sub Menu 2</a></li>
                      <li><a href='#'>Sub Sub Menu 3</a></li>
                    </ul>
                  </li>
                  <li><a href='#'>Sub Menu 3</a></li>
                </ul>
              </li>
              <li><a href='#'>FAQs</a></li>
              <li><a href='#'>Contact</a></li>
              <li><a href='#'>Menu 2</a>
                <ul>
                  <li><a href='#'>Sub Menu 1</a></li>
                  <li><a href='#'>Sub Menu 2</a></li>
                  <li><a href='#'>Sub Menu 3</a></li>
                </ul>
              </li>
            </ul>
          </div>

</div>

<b:section class='header' id='header' maxwidgets='1'>
            <b:widget id='Header1' locked='true' title='BlogTube (Header)' type='Header' visible='true'>
              <b:includable id='main'>
                <b:if cond='data:useImage'>
                  <b:if cond='data:imagePlacement == "BEHIND"'>
                    <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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' 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/>
                    
                    <div id='header-inner'>
                      <a expr:href='data:blog.homepageUrl' style='display: inline-block'>
                        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                      </a>
                      
                      <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
                        <b:include name='description'/>
                      </b:if>
                    </div>
                  </b:if>
                  <b:else/>
                  
                  <div id='header-inner'>
                    <div class='titlewrapper'>
                      <h1 class='title'>
                        <b:include name='title'/>
                      </h1>
                    </div>
                    <b:include name='description'/>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='description'>
                <div class='descriptionwrapper'>
                  <p class='description'><span><data:description/></span></p>
                </div>
              </b:includable>
              <b:includable id='title'>
                <b:if cond='data:blog.url == data:blog.homepageUrl'>
                  <data:title/>
                  <b:else/>
                  <a expr:href='data:blog.homepageUrl'><data:title/></a>
                </b:if>
              </b:includable>
            </b:widget>
          </b:section>

<b:section class='ads' id='ads' maxwidgets='1'>
            <b:widget id='HTML1' locked='false' title='Ads 468 x 60' type='HTML' visible='true'>
              <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

</div>

<div id='nav-3'>
          <ul class='menu'>
            <li><a href='/'>Home</a></li>
            <li><a href='#'>Static Pages</a>
              <ul>
                <li><a href='/p/static-page-with-right-sidebar.html'>Default Static Page</a></li>
                <li><a href='/p/static-page-with-left-sidebar.html'>Page With Left Sidebar</a></li>
                <li><a href='/p/static-page-without-sidebar.html'>Page Without Sidebar</a></li>
              </ul>
            </li>
            <li><a href='/p/typography.html'>Typography</a></li>
            <li><a href='#'>Blog Posts</a>
              <ul>
                <li><a href='/2014/10/default-blog-post.html'>Default Blog Post</a></li>
                <li><a href='/2014/11/post-with-left-sidebar.html'>Post With Left Sidebar</a></li>
                <li><a href='/2014/11/post-without-sidebar.html'>Post Without Sidebar</a></li>
              </ul>
            </li>
            <li><a href='#'>Menu with Subs</a>
              <ul>
                <li><a href='/search/label/games'>Free Games</a></li>
                <li><a href='/search/label/celebrities'>Celebrities</a></li>
                <li><a href='#'>Sub Menu With Subs</a>
                  <ul>
                    <li><a href='/search/label/life stories'>Life Stories</a></li>
                    <li><a href='/search/label/live films'>Live Films</a></li>
                    <li><a href='/search/label/natural photos'>Natural Photos</a></li>
                  </ul>
                </li>
                <li><a href='/search/label/planes'>Planes In Sky</a></li>
              </ul>
            </li>
            <li><a href='/search'>Blog Archive</a></li>
            <li><a href='/2014_10_01_archive.html'>October Archive</a></li>
            <li><a href='/search/label/design'>Design Label</a></li>
            <li><a href='/404'>Error 404</a></li>
          </ul>
        </div>

</div>
    </header>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
          <div id='fullbar'>
            <b:section class='fullbar-section' id='section-01'>
              <b:widget id='HTML2' locked='false' title='Recent Posts' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <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>

<b:if cond='data:blog.pageType != "error_page"'>
          <div id='lobar-outer'>
            <b:if cond='data:blog.pageType == "static_page"'>
              <p><a href='/'>Home</a> \\ <data:blog.pageName/></p>
              <b:else/>
              <b:if cond='data:blog.pageType == "archive"'>
                <p><a href='/'>Home</a> \\ Archive: <data:blog.pageName/></p>
              </b:if>
              <b:else/>
              <b:if cond='data:blog.pageType == "index"'>
                <b:if cond='data:blog.url != data:blog.homepageUrl'>
                  <p><a href='/'>Home</a> \\ <data:blog.pageName/></p>
                </b:if>
              </b:if>
            </b:if>
          </div>
        </b:if>

<b:section class='main' id='main'>
            <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>
              <b:includable id='main' var='top'>
                <b:if cond='data:blog.url != data:blog.homepageUrl'>

<b:if cond='data:mobile == "false"'>

<b:if cond='data:blog.pageType == "error_page"'>
                      
                      <b:include data='top' name='error-page'/>
                    </b:if>

<b:if cond='data:blog.pageType != "error_page"'>

<div expr:class='data:blog.pageType + " blog-posts hfeed "'>

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

<data:defaultAdStart/>
                        <b:loop values='data:posts' var='post'>
                          <b:if cond='data:blog.pageType == "item"'>
                            <b:if cond='data:post.dateHeader'>
                              <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
                            </b:if>
                          </b:if>
                          <div class='post-outer'>
                            <b:include data='post' name='post'/>
                            <b:if cond='data:blog.pageType == "static_page"'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                            <b:if cond='data:blog.pageType == "item"'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                          </div>
                          <b:if cond='data:blog.pageType != "index"'>
                            <b:if cond='data:blog.pageType != "archive"'>
                              <b:if cond='data:post.includeAd'>
                                <b:if cond='data:post.isFirstPost'>
                                  <data:defaultAdEnd/>
                                  <b:else/>
                                  <data:adEnd/>
                                </b:if>
                                <div class='inline-ad'>
                                  <data:adCode/>
                                </div>
                                <data:adStart/>
                              </b:if>
                            </b:if>
                          </b:if>
                        </b:loop>

<data:adEnd/>
                      </div>

<b:if cond='data:blog.pageType == "index"'>
                        <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("annotations", "1", {"locale": "<data:top.languageCode/>"});
                          function initialize() {
                            google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                            google.annotations.createAll();
                            google.annotations.fetch();
                          }
                          google.setOnLoadCallback(initialize);
                        </script>
                      </b:if>

</b:if>

<b:else/>

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

</b:if>

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

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

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

<data:post.commentRangeText/>

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

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

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

<span id='errtext'>
                    Sorry the page you have requested doesn't exist or may have been removed. You can contact us for more details or search again
                  </span>

</div>
              </b:includable>
              <b:includable id='feedLinks'>
                <b:if cond='data:blog.pageType != "item"'> 
                  <b:if cond='data:feedLinks'>
                    <div class='blog-feeds'>
                      <b:include data='feedLinks' name='feedLinksBody'/>
                    </div>
                  </b:if>

<b:else/> 
                  <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 == "false"'>
                    <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-index-arrow'>&rsaquo;</div>

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

<b:if cond='data:blog.pageType == "index"'>
                    <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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
                    </div>
                  </b:if>

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

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

<b:if cond='data:blog.pageType == "static_page"'>
                        <b:include data='post' name='comment_picker'/>
                      </b:if>
                      <b:if cond='data:blog.pageType == "item"'>
                        <b:include data='post' name='comment_picker'/>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='nextprev'>
                <div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>
                    <span id='blog-pager-newer-link'>
                      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
                    </span>
                  </b:if>

<b:if cond='data:mobileLinkUrl'>
                    <div class='blog-mobile-link'>
                      <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
                    </div>
                  </b:if>

</div>
                <div class='clear'/>
              </b:includable>
              <b:includable id='post' var='post'>
                <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

<b:if cond='data:blog.pageType == "item"'>
                    <script class='java' expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&callback=loactionbar"' type='text/javascript'/>
                  </b:if>

<b:if cond='data:post.firstImageUrl'>
                    <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
                  </b:if>
                  <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                  <meta expr:content='data:post.id' itemprop='postId'/>

<b:if cond='data:blog.pageType != "index"'>
                    <b:if cond='data:blog.pageType != "archive"'>

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

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

<b:if cond='data:blog.metaDescription == ""'>
                    
                    <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
                      <b:if cond='data:blog.pageType == "item"'>
                        <data:post.body/>
                        <b:else/>
                        <b:if cond='data:blog.pageType == "static_page"'>
                          <data:post.body/>
                          <b:else/>
                          <div expr:id='"summary" + data:post.id'>
                            <data:post.body/>
                          </div>
                          <script class='java' type='text/javascript'>
                            createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>","<data:post.thumbnailUrl/>");
                          </script>
                        </b:if>
                      </b:if>
                    </div>
                    <b:else/>
                    <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
                      <b:if cond='data:blog.pageType == "item"'>
                        <data:post.body/>
                        <b:else/>
                        <b:if cond='data:blog.pageType == "static_page"'>
                          <data:post.body/>
                          <b:else/>
                          <div expr:id='"summary" + data:post.id'>
                            <data:post.body/>
                          </div>
                          <script class='java' type='text/javascript'>
                            createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>","<data:post.thumbnailUrl/>");
                          </script>
                        </b:if>
                      </b:if>
                    </div>
                  </b:if>

<b:if cond='data:blog.pageType != "index"'>
                    <b:if cond='data:blog.pageType != "archive"'>

<b:if cond='data:top.showReactions'>
                            <span class='reaction-buttons'>
                              <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
                                <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
                                  <i class='fa fa-star i-align'/><span class='reactions-label'>
                                  <data:top.reactionsLabel/></span> </td>
                                <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
                                </tr></table>
                            </span>
                          </b:if>

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

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

<b:if cond='data:top.showTimestamp'>
                            <span class='post-timestamp'>
                              <i class='fa fa-clock-o i-align'/>
                              <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>
                            </span>
                          </b:if>

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

<span class='post-backlinks post-comment-link'>
                            <b:if cond='data:blog.pageType != "item"'>
                              <b:if cond='data:blog.pageType != "static_page"'>
                                <b:if cond='data:post.showBacklinks'>
                                  <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
                                </b:if>
                              </b:if>
                            </b:if>
                          </span>

<b:if cond='data:post.emailPostUrl'>
                            <span class='post-icons'>
                              <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>
                            </span>
                          </b:if>

<b:include data='post' name='postQuickEdit'/>

</div>

<span class='post-labels'>
                            <b:if cond='data:post.labels'>
                              <i class='fa fa-tags i-align'/>
                              <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 != "true"'>,</b:if>
                              </b:loop>
                            </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 cond='data:blog.pageType != "static_page"'>
                        <div class='p-author'>
                          <script class='java' expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&callback=postauthor"' type='text/javascript'/>
                          <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales dapibus dui, sed iaculis metus facilisis sed. Etiam scelerisque molestie purus vel mollis Mauris.
                          </p>
                          <div class='top-soc'>
                            <a class='ic1' href='#' rel='nofollow' title='Facebook'><i class='fa fa-facebook'/></a>
                            <a class='ic2' href='#' rel='nofollow' title='Twitter'><i class='fa fa-twitter'/></a>
                            <a class='ic3' href='#' rel='nofollow' title='Google Plus'><i class='fa fa-google-plus'/></a>
                            <a class='ic4' href='#' rel='nofollow' title='Linkedin'><i class='fa fa-linkedin'/></a>
                            <a class='ic5' href='#' rel='nofollow' title='Vimeo'><i class='fa fa-vimeo-square'/></a>
                            <a class='ic6' href='#' rel='nofollow' title='Youtube'><i class='fa fa-youtube'/></a>
                          </div>
                        </div>
                      </b:if>

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

</div>
              </b:includable>
              <b:includable id='postQuickEdit' var='post'>
                <b:if cond='data:post.editUrl'>
                  <span class='post-icons'>
                    <span expr:class='"item-control " + 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>
                  </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 + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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 + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
              </b:includable>
              <b:includable id='status-message'>
                <b:if cond='data:navMessage'>
                  <div class='status-msg-wrap'>
                    <div class='status-msg-body'>
                      <data:navMessage/>
                    </div>
                    <div class='status-msg-border'>
                      <div class='status-msg-bg'>
                        <div class='status-msg-hidden'><data:navMessage/></div>
                      </div>
                    </div>
                  </div>
                  <div style='clear: both;'/>
                </b:if>
              </b:includable>
              <b:includable id='threaded-comment-form' var='post'>
                <div class='comment-form'>
                  <a name='comment-form'/>
                  <b:if cond='data:mobile'>
                    <p><data:blogCommentMessage/></p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                    <b:else/>
                    <p><data:blogCommentMessage/></p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                  </b:if>
                  <data:post.friendConnectJs/>
                  <data:post.cmtfpIframe/>
                  <script type='text/javascript'>
                    BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
                  </script>
                </div>
              </b:includable>
              <b:includable id='threaded_comment_js' var='post'>
                <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![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 replybox = null;
                    var replyUrlParts = null;
                    var replyParent = undefined;

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>

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:section class='mainbar-section' id='section-02'>
              <b:widget id='HTML5' locked='false' title='Airways Planes' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <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='HTML6' locked='false' title='Cartoon' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <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='HTML13' locked='false' title='Ads 618 x 80' type='HTML' visible='true'>
                <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <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='mainbar-section' id='section-03'>
              <b:widget id='HTML3' locked='false' title='Cars News' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <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='mainbar-section' id='section-04'>
              <b:widget id='HTML4' locked='false' title='Posts Of Celebrities' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <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='mainbar-section' id='section-05'>
              <b:widget id='HTML10' locked='false' title='Natural Photos' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <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='HTML7' locked='false' title='Natrual Ticks' type='HTML' visible='true'>
                <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <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:if>

</div>

<b:if cond='data:blog.pageType != "error_page"'>
          <div id='sidebar'>

<b:section class='sidebar-section' id='section-06'>
              <b:widget id='HTML9' locked='false' title='' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <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='HTML14' locked='false' title='Free Games' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <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>

<ul id='tabs-buttons'>
                <li class='transeff active' id='tab1'>Popular</li>
                <li class='transeff' id='tab2'>Labels</li>
                <li class='transeff' id='tab3'>Archive</li>
              </ul>

<b:section class='sidebar-section transeff active' id='section-07'>
                <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' visible='true'>
                  <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 == "false"'>
                              <b:if cond='data:showSnippets == "false"'>
                                
                                <a expr:href='data:post.href'><data:post.title/></a>
                                <b:else/>
                                
                                <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 == "false"'>
                                
                                <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/>
                                
                                <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='sidebar-section transeff' id='section-08'>
                <b:widget id='Label4' locked='false' title='Labels' type='Label' visible='true'>
                  <b:includable id='main'>
                    <b:if cond='data:title'>
                      <h2><data:title/></h2>
                    </b:if>
                    <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
                      <b:if cond='data:display == "list"'>
                        <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='"label-size label-size-" + data:label.cssSize'>
                            <b:if cond='data:blog.url == data:label.url'>
                              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
                              <b:else/>
                              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
                            </b:if>
                            <b:if cond='data:showFreqNumbers'>
                              <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
                            </b:if>
                          </span>
                        </b:loop>
                      </b:if>
                      <b:include name='quickedit'/>
                    </div>
                  </b:includable>
                </b:widget>
                <b:widget id='Label3' locked='false' title='Labels' type='Label' visible='true'>
                  <b:includable id='main'>
                    <b:if cond='data:title'>
                      <h2><data:title/></h2>
                    </b:if>
                    <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
                      <b:if cond='data:display == "list"'>
                        <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='"label-size label-size-" + data:label.cssSize'>
                            <b:if cond='data:blog.url == data:label.url'>
                              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
                              <b:else/>
                              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
                            </b:if>
                            <b:if cond='data:showFreqNumbers'>
                              <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
                            </b:if>
                          </span>
                        </b:loop>
                      </b:if>
                      <b:include name='quickedit'/>
                    </div>
                  </b:includable>
                </b:widget>
                <b:widget id='Label2' locked='false' title='Labels' type='Label' visible='true'>
                  <b:includable id='main'>
                    <b:if cond='data:title'>
                      <h2><data:title/></h2>
                    </b:if>
                    <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
                      <b:if cond='data:display == "list"'>
                        <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='"label-size label-size-" + 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>
              <b:section class='sidebar-section transeff' id='section-09'>
                <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive' visible='true'>
                  <b:includable id='main'>
                    <b:if cond='data:title'>
                      <h2><data:title/></h2>
                    </b:if>
                    <div class='widget-content'>
                      <div id='ArchiveList'>
                        <div expr:id='data:widget.instanceId + "_ArchiveList"'>
                          <b:if cond='data:style == "HIERARCHY"'>
                            <b:include data='data' name='interval'/>
                          </b:if>
                          <b:if cond='data:style == "FLAT"'>
                            <b:include data='data' name='flat'/>
                          </b:if>
                          <b:if cond='data:style == "MENU"'>
                            <b:include data='data' name='menu'/>
                          </b:if>
                        </div>
                      </div>
                      <b:include name='quickedit'/>
                    </div>
                  </b:includable>
                  <b:includable id='flat' var='data'>
                    <ul class='flat'>
                      <b:loop values='data:data' var='i'>
                        <li class='archivedate'>
                          <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
                        </li>
                      </b:loop>
                    </ul>
                  </b:includable>
                  <b:includable id='interval' var='intervalData'>
                    <b:loop values='data:intervalData' var='i'>
                      <ul class='hierarchy'>
                        <li expr:class='"archivedate " + data:i.expclass'>
                          <b:include data='i' name='toggle'/>
                          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
                          <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
                          <b:if cond='data:i.data'>
                            <b:include data='i.data' name='interval'/>
                          </b:if>
                          <b:if cond='data:i.posts'>
                            <b:include data='i.posts' name='posts'/>
                          </b:if>
                        </li>
                      </ul>
                    </b:loop>
                  </b:includable>
                  <b:includable id='menu' var='data'>
                    <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
                      <option value=''><data:title/></option>
                      <b:loop values='data:data' var='i'>
                        <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
                      </b:loop>
                    </select>
                  </b:includable>
                  <b:includable id='posts' var='posts'>
                    <ul class='posts'>
                      <b:loop values='data:posts' var='i'>
                        <li><a expr:href='data:i.url'><data:i.title/></a></li>
                      </b:loop>
                    </ul>
                  </b:includable>
                  <b:includable id='toggle' var='interval'>
                    <b:if cond='data:interval.toggleId'>
                      <b:if cond='data:interval.expclass == "expanded"'>
                        <a class='toggle' href='javascript:void(0)'>
                          <span class='zippy toggle-open'>▼ </span>
                        </a>
                        <b:else/>
                        <a class='toggle' href='javascript:void(0)'>
                          <span class='zippy'>
                            <b:if cond='data:blog.languageDirection == "rtl"'>
                              ◄ 
                              <b:else/>
                              ► 
                            </b:if>
                          </span>
                        </a>
                      </b:if>
                    </b:if>
                  </b:includable>
                </b:widget>
              </b:section>

</div>

<b:section class='sidebar-section' id='section-10'>
              <b:widget id='HTML11' locked='false' title='Live HD Films' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <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='LinkList1' locked='false' title='My Links' type='LinkList' visible='true'>
                <b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
                  <div class='widget-content'>
                    <ul>
                      <b:loop values='data:links' var='link'>
                        <li><a expr:href='data:link.target'><data:link.name/></a></li>
                      </b:loop>
                    </ul>
                    <b:include name='quickedit'/>
                  </div>
                </b:includable>
              </b:widget>
              <b:widget id='HTML8' locked='false' title='Medical Part' type='HTML' visible='true'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <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>
    </div>

<b:section class='footer-section' id='section-11'>
            <b:widget id='HTML15' locked='false' title='About Us' type='HTML' visible='true'>
              <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <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='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail' visible='true'>
              <b:includable id='main'>
  <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
            </b:widget>
          </b:section>

<b:section class='footer-section' id='section-12'>
            <b:widget id='Label1' locked='false' title='Labels' type='Label' visible='true'>
              <b:includable id='main'>
  <b:if cond='data:title != ""'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <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='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
            </b:widget>
            <b:widget id='HTML12' locked='false' title='' type='HTML' visible='true'>
              <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <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-13'>
            <b:widget id='ContactForm1' locked='false' title='Contact' type='ContactForm' visible='true'>
              <b:includable id='main'>
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
</b:includable>
            </b:widget>
          </b:section>

</div>

<span class='right'>Powered By <a href='http://www.blogger.com' rel='nofollow'>Blogger</a> <a href='https://syamszone.blogspot.com/' target='_blank'>Zone</a></span>

</div>

</div>
    </footer>

var perPage= 18;                   // Number of Posts in Each Page
      var numPages=5;                    // Numbers of Pages Shown
      var prevText ='˧;                 // Previuos Text
      var nextText ='ۧ;                 // Next Text
      var urlactivepage=location.href;
      var home_page="/";

// Archive & Labels Page Numbers
      $(document).ready(function(){$('.Label a[href*="/se'+let.a+'rch/label/"], header a[href*="/search/label/"], #sidebar a[href*="/search/label/"], footer a[href*="/search/label/"], .labelposts a[href*="/search/label/"], #lobar-outer a[href*="/search/label/"], .post-l'+let.a+'bels a[href*="/search/label/"], a[href$="/search"]').each(function(){$(this).attr("href",$(this).attr("href")+"?&max-results="+perPage)})});

// Page Numbers Script
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('9 2a(e){d a="";Z=Y(17/2),Z==17-Z&&(17=2*Z+1),O=A-Z,O<1&&(O=1),u=Y(e/l)+1,u-1==e/l&&(u-=1),U=O+17-1,U>u&&(U=u),a+="<4 5=\'21 2p\'>2q "+A+" 2r "+u+"</4>";d t=Y(A)-1;A>1&&(a+=2==A?"I"==B?\'<4 5="21"><a 7="\'+N+"m?&c-j="+l+\'">\'+1a+"</a></4>":\'<4 5="k"><a 7="/m/C/\'+M+"?&c-j="+l+\'">\'+1a+"</a></4>":"I"==B?\'<4 5="k"><a 7="#" L="12(\'+t+\');y K">\'+1a+"</a></4>":\'<4 5="k"><a 7="#" L="X(\'+t+\');y K">\'+1a+"</a></4>"),O>1&&(a+="I"==B?\'<4 5="k"><a 7="\'+N+"m?&c-j="+l+\'">1</a></4>\':\'<4 5="k"><a 7="/m/C/\'+M+"?&c-j="+l+\'">1</a></4>\'),O>2&&(a+="<4 5=\'1T\'>...</4>");1q(d r=O;r<=U;r++)a+=A==r?\'<4 5="2o">\'+r+"</4>":1==r?"I"==B?\'<4 5="k"><a 7="\'+N+"m?&c-j="+l+\'">1</a></4>\':\'<4 5="k"><a 7="/m/C/\'+M+"?&c-j="+l+\'">1</a></4>\':"I"==B?\'<4 5="k"><a 7="#" L="12(\'+r+\');y K">\'+r+"</a></4>":\'<4 5="k"><a 7="#" L="X(\'+r+\');y K">\'+r+"</a></4>";U<u-1&&(a+="<4 5=\'1T\'>...</4>"),U<u&&(a+="I"==B?\'<4 5="k"><a 7="#" L="12(\'+u+\');y K">\'+u+"</a></4>":\'<4 5="k"><a 7="#" L="X(\'+u+\');y K">\'+u+"</a></4>");d s=Y(A)+1;A<u&&(a+="I"==B?\'<4 5="k"><a 7="#" L="12(\'+s+\');y K">\'+2f+"</a></4>":\'<4 5="k"><a 7="#" L="X(\'+s+\');y K">\'+2f+"</a></4>");1q(d n=H.2s("2t"),p=H.2z("2A-2B"),g=0;g<n.1i;g++)n[g].2b=a;n&&n.1i>0&&(a=""),p&&(p.2b=a)}9 1u(e){d a=e.1R,t=Y(a.2y$2x.$t,10);2a(t)}9 1I(){d e=F;-1!=e.h("/m/C/")&&(M=-1!=e.h("?1d-c")?e.W(e.h("/m/C/")+14,e.h("?1d-c")):e.W(e.h("/m/C/")+14,e.h("?&c"))),-1==e.h("?q=")&&-1==e.h(".1z")&&(-1==e.h("/m/C/")?(B="p"+1E.a+"2u",A=-1!=F.h("#R=")?F.W(F.h("#R=")+8,F.1i):1,H.1C(\'<D S="\'+N+\'16/15/18?c-j=1&1f=1e-11-D&1c=1u"><\\/D>\')):(B="C",-1==e.h("&c-j=")&&(l=20),A=-1!=F.h("#R=")?F.W(F.h("#R=")+8,F.1i):1,H.1C(\'<D S="\'+N+"16/15/18/-/"+M+\'?1f=1e-11-D&1c=1u&c-j=1" ><\\/D>\')))}9 12(e){1g=(e-1)*l,13=e;d a=H.1M("1O")[0],t=H.1K("D");t.1J="1F/1G",t.27("S",N+"16/15/18?28-1Q="+1g+"&c-j=1&1f=1e-11-D&1c=1n"),a.2g(t)}9 X(e){1g=(e-1)*l,13=e;d a=H.1M("1O")[0],t=H.1K("D");t.1J="1F/1G",t.27("S",N+"16/15/18/-/"+M+"?28-1Q="+1g+"&c-j=1&1f=1e-11-D&1c=1n"),a.2g(t)}9 1n(e){1t=e.1R.2w[0];d a=1t.1Z.$t.W(0,19)+1t.1Z.$t.W(23,29),t=39(a);2D("I"==B)d r="/m?1d-c="+t+"&c-j="+l+"#R="+13;3a d r="/m/C/"+M+"?1d-c="+t+"&c-j="+l+"#R="+13;1x.7=r}d 13,B,A,M;1I();$("#V-1h .P").1H({C:"",1N:"#V-1h",1L:\'<i 5="v v-1j-1b-1D"></i>\',1P:\'<i 5="v v-1j-1b-1v"></i>\'}),$("#1h-3 .P").1H({35:"",C:\'36 1q 3d 3g <i 5="v v-3f-1v"></i>\',1N:"#1h-3",1L:\'<i 5="v v-1j-1b-1D"></i>\',1P:\'<i 5="v v-1j-1b-1v"></i>\'}),$(H).2M(9(){d a=1y.1x.7;$(".P x a,.P x T x T x a").1B(9(){y $(1s).1A("7")===a}).1w("x").G("6");d b=1y.1x.7;$(".P x T x a,.P x T x a").1B(9(){y $(1s).1A("7")===b}).24("x").24("T").1w().G("6"),$(".P T").1w().G("2J"),$(".2F").Q(9(a){a.2E(),$("#m").2G("2H")}),$("#s-2I").Q(9(){$("#s-2d").2P()}),$(".2Q x:2e-25 1V").1U("S",9(a,b){y b.1W("1X-p","2X-p")}),$(".2Y x:2e-25 1V").1U("S",9(a,b){y b.1W("1X-p","2V")}),$(".2R-2S-2T-2U 2d").2W(\'<2c 5="30"><i 5="v v-2Z-o"></i>2K 2O 32 2N 2L 31. J\'+1E.o+\'11 34 3e 33 37 38 3c e-3b.</2c>\'),$("#1k").Q(9(){$("#1k").G("6"),$("#1m").z("6"),$("#1l").z("6"),$("#E-1p").G("6"),$("#E-1r").z("6"),$("#E-1o").z("6")}),$("#1m").Q(9(){$("#1k").z("6"),$("#1m").G("6"),$("#1l").z("6"),$("#E-1p").z("6"),$("#E-1r").G("6"),$("#E-1o").z("6")}),$("#1l").Q(9(){$("#1k").z("6"),$("#1m").z("6"),$("#1l").G("6"),$("#E-1p").z("6"),$("#E-1r").z("6"),$("#E-1o").G("6")}),$(1y).2h(9(){$(1s).26()?$("#f-V").2i():$("#f-V").2C()}),$("#f-V").Q(9(){$("1z,2j").2v({26:0},2m)}),$(".V-2l a,.2k a").1S({22:"n",1Y:!0}),$(".2n").1S({22:"w",1Y:!0})});',62,203,'||||span|class|active|href||function|||max|var||||indexOf||results|pageno|perPage|search||||||||lastPageNo|fa||li|return|removeClass|currentPageNo|currentPage|label|script|section|urlactivepage|addClass|document|page||false|onclick|postLabel|home_page|pageStart|menu|click|PageNo|src|ul|pageEnd|top|substring|redirectlabel|parseInt|pageNumber||in|redirectpage|noPage||posts|feeds|numPages|summary||prevText|double|callback|updated|json|alt|jsonstart|nav|length|angle|tab1|tab3|tab2|finddatepost|09|07|for|08|this|post|totalcountdata|down|parent|location|window|html|prop|filter|write|right|let|text|javascript|slicknav|pagecurrentg|type|createElement|closedSymbol|getElementsByTagName|prependTo|head|openedSymbol|index|feed|tipsy|pagehi|attr|img|replace|s75|fade|published||showpage|gravity||parents|child|scrollTop|setAttribute|start||looppagecurrentg|innerHTML|div|form|first|nextText|appendChild|scroll|fadeIn|body|smallthumbs|soc|500|slicknav_btn|currentpage|pageofpage|Page|of|getElementsByName|pageArea|ge|animate|entry|totalResults|openSearch|getElementById|blog|pager|fadeOut|if|preventDefault|se|toggle|slow|but|icon|Want|with|ready|notifications|to|submit|verticalthumbs|follow|by|email|inner|s650|prepend|s320|horizontalthumbs|envelope|pretext|updates|get|and|us|title|Click|Sing|up|encodeURIComponent|else|mail|your|Main|now|chevron|Menu'.split('|'),0,{}))
      //]]>
    </script>

</body>

</html>

SyamsZone

BlogTube

BlogTube 'RedBox' Blogger Template