<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' 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' xmlns:og='http://ogp.me/ns#'>
  <head>
    <!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
    <meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
    <meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>


    <b:include data='blog' name='all-head-content'/>
    <!-- SEO Meta Tag -->
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
      <meta expr:content='data:blog.title' name='keywords'/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <meta expr:content='data:blog.pageName' name='keywords'/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.searchLabel'>
        <meta content='noindex,nofollow' name='robots'/>
      </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <meta content='noindex,nofollow' name='robots'/>
    </b:if>
    <b:if cond='data:blog.isMobile'>
      <meta content='noindex,nofollow' name='robots'/>
    </b:if>
    <!-- SEO Title Tag -->
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <title>
        <data:blog.title/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <title>
        <data:blog.pageName/>
        | 
        <data:blog.title/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <title>
        Archive for 
        <data:blog.pageName/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <title>
        <data:blog.pageName/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.searchLabel'>
        <title>
          <data:blog.title/>
          - 
          <data:blog.pageName/>
        </title>
      </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
      <title>
        Page Not Found
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.url != data:blog.homepageUrl'>
        <title>
          <data:blog.pageTitle/>
          - All Post
        </title>
      </b:if>
    </b:if> 
<link href='https://plus.google.com/#' rel='publisher'/>
    
   <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'/>
    <link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab%3A400%2C700%2C300%2C100&amp;ver=3.9.2' id='RobotoSlab-css' media='all' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>

    &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* 
    <b:skin><![CDATA[
      
/*
-----------------------------------------------
Blogger Template Style
Name:        miniBlog
Author :     http://www.seobloggertemplates.com
License:     Free Version
----------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:&#39;&#39;;content:none;}table{border-collapse:collapse;border-spacing:0;}
/* FRAMEWORK */

body#layout #mywrapper {
width: 60%;
}
body#layout #post-wrapper {
width: 60%;
float: left;
}

body#layout div#main {
width: 100%;
}
body#layout #sidebar-wrapper {
overflow: visible;
float: left;
margin-left: -300px;
margin-top: -8px;
}


body#layout .headtitle{

display:none;
}



body#layout .top-menu{
position:relative;
left:223px;
}

.navbar,.post-feeds,.feed-links{display:none;
}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;
}
strong,b{font-weight:bold;
}
cite,em,i{font-style:italic;
}
a:link{color:#383838;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;
}
a:visited{color:#333333;text-decoration:none;
}
a:hover{text-decoration:none;
}
a img{border:none;border-width:0;outline:none;
}
abbr,acronym{cursor:help;
}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;
}
sub{top:.4em;}small{font-size:86%;
}
kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;
}
mark{background-color:#ffce00;color:black;
}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;
}
hr{height:1px;border:none;background-color:#666;
}
/* heading */
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;
}
h1{font-size:200%
}
h2{font-size:180%
}
h3{font-size:160%
}
h4{font-size:140%
}
h5{font-size:120%
}
h6{font-size:100%
}
/* list */
ol,ul,dl{margin:.5em 0em .5em 3em
}
ol{list-style:decimal outside
}
ul{list-style:disc outside
}
li{
}
dt{font-weight:bold
}
dd{margin:0 0 .5em 2em
}
/* form */
input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;
}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
/* code blockquote */
pre,code{font-family:&quot;Courier New&quot;,Courier,Monospace;color:inherit;
}
pre{white-space:pre;word-wrap:normal;overflow:auto;
}
.post-body blockquote {
background: url(https://lh6.googleusercontent.com/-6UyQr7E0nTU/UVRWwhvPScI/AAAAAAAAFUU/15cIvW74xwg/s50/quote.png) no-repeat scroll left 18px transparent;
font-family: Monaco,Georgia,&quot;
font-size: 100%;
font-style: italic;
line-height: 22px;
margin: 20px 0 30px 20px;
min-height: 60px;
padding: 0 0 0 60px;
}
/* table */
.post-body table[border=&quot;1&quot;] th, .post-body table[border=&quot;1&quot;] td, .post-body table[border=&quot;1&quot;] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top;
}
.post-body table.tr-caption-container {border:1px solid #e5e5e5;
}
.post-body th{font-weight:bold;
}
.post-body table[border=&quot;1&quot;] caption{border:none;font-style:italic;
}
.post-body table{
}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5;
}
.post-body th{background:#f0f0f0;
}
.post-body table.tr-caption-container td {border:none;padding:8px;
}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:97%;height:auto;
}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;
}
img {
max-width:100%;
height:auto;
border:0;
}
table {
max-width:100%;
}
body#layout #outer-wrapper, body#layout .post-container, body#layout .sidebar-container {
padding:0 0 0 0;
}
body#layout #header-wrapper {
margin-top:60px;
}
body#layout .panel {
float:left;
width:79px;
}
.clear {
clear:both;
}
.clear:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
body {
background:#fff none repeat scroll top left;
margin:0 0 0 0;
padding:0 0 0 0;
color:#333333;
font:normal normal 13px Open Sans, sans-serif;
text-align:left;
}
/* outer-wrapper */
#outer-wrapper {
background:#ffffff;
max-width:100%;
margin:0px auto;
box-shadow: 0px 0px 5px rgba(80, 80, 80, 0.1);
overflow:hidden;
}
/* NAVIGATION MENU */
.top-menu {
font:normal normal 12px Open Sans, sans-serif;
margin:0 auto;
height:65px;

overflow:hidden;
padding: 0 28px;
}
.menubar {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
position:relative;
z-index:3000;


}
.menubar li {
display:block;
float:left;
line-height:38px;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menubar li a {
color: #E0E0E0;
display: block;
padding: 0 12px;
color: #fff;
font-size: 15px;
line-height: 1.7em;
font-family: 'Open Sans', serif;
font-weight: 400;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
margin: 20px 35px 27px 0;
border: none;
text-shadow: none;
position: relative;
padding: 0;
}
.menubar li a:hover {
color:#FC4618;
}
ul.socialbar {
height:38px;
margin:0 0 0 0;
padding:0 0;
float:right;
}
ul.socialbar li {
display:inline-block;
list-style-type:none;
float:right;
margin:0 0;
padding:0 0;
border-right:none;
}

/* HEADER WRAPPER */
#header-wrapper {
margin:0 auto;
overflow:hidden;
padding: 0 28px;
background: #000;
z-index:300;
display:none;
position:relative;
}
.header {
/* float: left; */
width: 500px;
/* max-width: 257px; */
position: relative;
z-index: 99999;
margin: 0 auto;
padding: 80px 0;
}
.header h1.title,.header p.title {
font:normal bold 24px Open Sans, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
text-transform:uppercase;
}
.header .description {
color:#555555;
}
.header a {
color:#333333;
}
.header a:hover {
color:#999;
}
.header img {
display:block;
margin:0 auto;

}
.header-right {
float:right;
padding:0;
overflow:hidden;
margin:55px 0;
width:41.8%;
max-width:468px;
}
.header-right img {
display:block;
}
#nav {
font: normal 12px Open Sans, sans-serif;
height: 85px;
line-height: 85px;
padding: 0 28px;
background:#646464;
}
.menubar2 {
list-style: none;
margin:0 0 0 0;
*zoom: 1;
float:left;
}
.menubar2:before,
.menubar2:after {
content: " ";
display: table;
}
.menubar2:after {
clear: both;
}
.menubar2 ul {
list-style: none;
margin:0 0 0 0;
width:12em;
}
.menubar2 a {
display:block;
padding:0 40px 0 0;
}
.menubar2 li {
position: relative;
margin:0 0;
padding: 0 1px 0 0;
}
.menubar2 > li {
float: left;
}
#blog-pager{display:none;}
.menubar2 > li > a {
display: block;
height: 84px;
line-height: 84px;
font-size: 15px;
text-decoration: none;
color: #ffffff;
font-family: 'Open Sans', serif;
}

.menubar2 li ul {
background: #444444 url(http://2.bp.blogspot.com/-YxxeRcqP6UI/U6V7A_pfmnI/AAAAAAAAAik/NyzEC4z7POQ/s1600/menu-bg2.png) repeat;
border-bottom: 4px solid #FC4618;
display:block;
position:absolute;
left:0;
z-index:10;
visibility:hidden;
opacity:0;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
-o-transition:all .25s ease-out;
transition:all .25s ease-out;
}
.menubar2 li li ul {
left:100%;
top:-1px;
}
.menubar2 > li.hover > ul {
visibility:visible;
opacity:10;
}

.menubar2 li li.hover ul {
visibility:visible;
opacity:10;
}
.menubar2 li li a {
display: block;
color: #e0dfdf;
font-family: 'Droid Sans', sans-serif;
text-shadow: 0 1px 1px #4B4B4B;
position: relative;
z-index:100;
line-height:32px;
border-bottom: 1px solid #212223;
margin-left: 10px;
}
.menubar2 li li a:hover {
color:#fff;
}
.menubar2 li li li a {
color: #e0dfdf;
font-family: 'Droid Sans', sans-serif;
text-shadow: 0 1px 1px #4B4B4B;
z-index:20;
}
i.fa.fa-home {
color:#646464;
}
/* CONTENT WRAPPER */
#content-wrapper {
background-color:transparent;
margin: 0 auto;
word-wrap:break-word;
width: 1135px;
z-index:300;
position:relative;
}
.largebanner {
background:#fff;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
}
.largebanner .widget {
padding:15px 14px;
overflow:hidden;
}
.largebanner img, .largebanner iframe{
display:block;
max-width:100%;
border:none;
overflow:hidden;
}
/* POST WRAPPER */
#post-wrapper {

float:left;
width:760px;
max-width:780px;
position:relative;
z-index:300;

}

.authordesc {
text-align: center;
font-family: open sans;
font-size: 16px;
}
.post-container {

}
.breadcrumbs {border-bottom: 1px solid #DDDDDD;border-radius: 2px 2px 2px 2px;border-top: 1px solid #DDDDDD;font-size: 90%;height: 16px;margin-bottom: 10px;margin-top: 1px;overflow: hidden;padding: 5px;display: none;}
.breadcrumbs > span {background: url("http://1.bp.blogspot.com/-VaJX0ShxH6c/TeUGQ0IGOWI/AAAAAAAAJGo/Qw7sIjc5MrQ/s200/bc_separator.png") no-repeat scroll right center transparent;padding: 10px 25px 10px 10px;}
.breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #333333;}
.breadcrumbs a {color: #333333;}
.post {
background:#ffffff;
padding:0px 0;
}
.post-body {
color: #777777;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 1.86em;
font-weight: 400;
}
h2.post-title, h1.post-title {
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
font-family: 'Lato', serif;
font-size: 35px!important;
line-height: 1.52em;
color: #000;
font-weight: 400!important;
text-decoration: none;
margin-top: -8px;
padding: 45px 0px 0 0px!important;
text-align: center;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:#000;
}
h2.post-title a:hover, h1.post-title a:hover {
color:#0099FF;
}
.img-thumbnail {
background:#fbfbfb url(http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/no-image.png) no-repeat center center;
position:relative;
float:left;
width:375px;
height:210px;
margin:0 20px 0 0;
}
.img-thumbnail img {
width:375px;
height:210px;
border-radius: 4px;
webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
-webkit-backface-visibility: hidden;
}

.img-thumbnail img:hover{

opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}

span.rollover {
}
span.rollover:before {
content:"";
position: absolute;
width:24px;
height:24px;
margin:-12px;
top:50%;
left:50%;
}
span.rollover:hover {
opacity: .7;
-o-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
}
.post-info {
background: transparent;
margin: 0 0 12px;
color: #666666;
font-size: 14px;
padding: 0px 0;
}
.post-info a {
display:inline-block;
color:#666666;
}
.time-info, .comment-info, .label-info, .review-info {
margin-right:12px;
display:inline;
}

/* Page Navigation */
.pagenavi {
clear:both;
margin:-5px 0 10px;
text-align:center;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
.pagenavi span,.pagenavi a {
margin-right: 3px;
display: inline-block;
color: $(readmore.color);
background-color: #FFF;
padding: 10px 14px;
margin: 15px 15px 50px 0;
font-size: 14px;
font-weight: 400;
}
.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
background:#FC4618;
color: #fff;
}
.pagenavi .pages {
display:none;
}
/* SIDEBAR WRAPPER */
#sidebar-wrapper {

float: right;
width: 320px;
max-width: 350px;
margin: 25px auto;
}

.sidebar-container {
width: 325px;
margin: 0 auto;
}
.sidebar-container {
padding:55px 0;
}
.sidebar h2, .panel h2 {
color: #333333;
margin: 0 0 10px 0;
padding: 10px 0;
position: relative;
font-family: 'Open Sans', serif;
font-size: 15px;
line-height: 1.52em;
}
#sidebar h2 span, #bottombar h2 span,#sidebar-narrow h2 span {
background: #FC4618;
padding: 6px;
color: #fff;
z-index:300;
position:relative;
}




.sidebar h2{background: #fc4618;
display: inline-block;padding: 8px 15px;
text-transform: uppercase;
color: #fff;
position: absolute;
right: -15px;
top: -15px;
font-size:14px;
}
.main-content-wrapper {
background: #F2F2F2;
background-image:url(http://3.bp.blogspot.com/-kzJSVbZ348g/VE4d_-5a5-I/AAAAAAAABNg/bJGxVsqyeqY/s1600/bg0.png);
}


.sidebar h2:after{content: "";
display: block;
width: 0;
height: 0;
position: absolute;
bottom: -6px;
right: 0;
border-style: solid;
border-width: 0 0 6px 15px;
border-color: transparent transparent transparent #555;}

.sidebar h2:after, .panel h2:after {
content: " ";
width: 90px;
height: 0px;
position: absolute;
/* left: 86px; */
right: -90px;
bottom: -6px;
}
.sidebar .widget {
background: #fff;
padding: 40px 25px 30px 25px;
margin-bottom:80px;
}
.sidebar ul, .sidebar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}

.authorinfo {
text-align: center;
}

.authorinfo img {
border-radius: 50%;
}

.sidebar li {
margin:5px 0;
padding:0 0 0 0;
}
/* Recent Post */
.recent-post-title {
background: url(http://2.bp.blogspot.com/-gzRaJ5AFrCo/U6V7dFE88nI/AAAAAAAAAi0/_DclnNHIuHY/s1600/dot.png);
margin:0 0 15px;
padding:0;
position:relative;
}
div.recent-post-title:after {
content: no-close-quote;
position: absolute;
width: 0px;
height: 0px;
bottom: -6px;
left: 22px;
border-left: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
border-top: 6px solid #FC4618;
}
.recent-post-title h2 {
font:normal bold 14px Open Sans, sans-serif;
height:26px;
line-height:26px;
margin:0 0;
padding:0 10px;
background:#FC4618;
color:#ffffff;
display:inline-block;
}
.recent-post-title h2 a {
color:#ffffff;
}
.stylebox {
float:left;
width:50%;
margin:0 0;
}
.stylebox .widget {
padding:0 15px 15px 0;
}
.stylebox .widget-content {
background:#ffffff;
}
.stylebox ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.stylebox1 {
float:left;
width:98%;
margin:0 0;
}
.stylebox1 .widget {
padding:0 0px 15px 0;
}
.stylebox1 .widget-content {
background:#ffffff;
}
.stylebox1  ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
/* Recent Post */
/* Author */


.author-wrapper{
background: #ffffff;
margin-bottom: 30px;
overflow: hidden;
position: relative;
margin-top:24px;
z-index: 0;
}

article.author-wrapper {
-webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.03);
box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.03);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.author-wrapper .title h3 {
font-size: 28px;
margin: 0;
text-transform: uppercase;
position: relative;
padding: 0 0 10px 0;
font-weight: normal;
line-height: 145% !important;
color: #212121;
}

article .media {
margin: 0 0 25px 0;
}
.media {
overflow: hidden;
zoom: 1;
border-bottom:1px solid #eee;
}

.about_img img {
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
position: relative;
width: 140px;
height: 140px;
margin-bottom: 20px;
margin-right: 20px;
float:left;
}

.media p {
margin: 110px 0 40px;
padding: 0 35px;
text-align: center;
}

.post-footer {
position: relative;
display: block;
overflow: hidden;
margin: 30px 0 0;
padding: 15px 0;

}

.social span a:hover {
color: #fff;

}
.social {
}

.social span a {
list-style: none;
text-align: center;
display: inline-block;
margin: 0 5px;
width: 35px;
color: #fff;
height: 35px;
line-height: 35px !important;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}






/* BOTTOMBAR */
#bottombar {
background:#646464;
overflow:hidden;
margin:0 auto;
padding:10px 28px;
color:#dddddd;
}
#bottombar .left {
float:left;
width:34%;
}
#bottombar .center {
float:left;
width:34%;
}
#bottombar .right {
float:right;
width:32%;
}
#bottombar .left .widget, #bottombar .center .widget {
margin:0 15px 15px 0;
}
#bottombar .right .widget {
margin:0 0 15px 0;
}
#bottombar h2 {
font:normal bold 13px Open Sans, sans-serif;
margin:0 0 10px 0;
padding:6px 0;
text-transform:uppercase;
position:relative;
background: url(http://1.bp.blogspot.com/-MlMosFqnzNQ/U6V71fpyrHI/AAAAAAAAAi8/DroNXqPjOw0/s1600/dot-footer.png);
color:#eeeeee;
}
#bottombar ul, #bottombar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#bottombar li {
margin:5px 0;
padding:0 0 0 0;
}
#bottombar ul li:before {
color:#eeeeee !important;
}
#bottombar a {
color:#dddddd;
}
#bottombar a:hover {
color:#ffffff;
}
/* FOOTER */
body#layout div#sidebartab {
margin-top: 40px;
}
body#layout #footer div.column {
width: 32%;
margin-right: 0 !important;
float:left;
}
body#layout .sidebar-container {
margin-left: 80px;
}
body#layout #footer .column .widget {
float: left;
margin-bottom: 15px;
overflow: hidden;
width: 176px;
}
#footer-wrapper {
background: none repeat scroll 0 0 #333;
border-top: 1px solid #DDDDDD;
color: #444444;
font: 11px Open Sans,Geneva,sans-serif;
margin: 0 auto;
overflow: hidden;
padding: 30px;
position:relative;
z-index:300;

}

#footer3 li a:hover {
background: #FC4618;
}
#footer3 li{
margin: 5px 0;
padding: 0 0 0 0;
list-style:none;}

#footer3 li a {
/* background: #555555; */
color: #fff;
display: inline-block;
float: left;
font-size: 14px!important;
line-height: 12px;
margin: 0 5px 5px 0;
padding: 12px 18px;
background: #424242;
}

*::-moz-selection {
background: none repeat scroll 0 0 #CD2122;
color: #FFFFFF;
text-shadow: none;
}
.flickr_badge_image {
float: left;
height: 55px;
margin: 5px;
width: 55px;
}
.flickr_badge_image a {
display: block;
}
.flickr_badge_image a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}

#footer-wrapper .widget h2 {
background-position: 0 50%;
background-repeat: repeat-x;

font: 600 20px 'Open Sans',serif,sans-serif;
margin: 0 0 3px;
overflow: hidden;
padding: 5px 0;
text-transform: uppercase;
}
#footer-wrapper .widget h2 span {
border-bottom: 2px solid #646464;
color: #FAFBFB;
font-family: Open Sans,sans-serif;
font-weight: bold;
padding-bottom: 5px;
position: absolute;
}
#footer .widget-area {
padding: 0 0 15px;
margin: 0 0 15px;
}
#footer div.column {
display: inline;
float: left;
width: 32%;
padding:2px;
}
#footer .column .widget {
width: 97%;
padding: 5px;
float: left;
line-height: 1.7;
overflow: hidden;
margin-bottom: 15px;
}
#footer .widget-area h2 {
color: #FC4618;
font-family: Open Sans,sans-serif;
font-size: 21px;
font-weight: bold;
padding-bottom: 20px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
}
#footer .widget-content {
color: #fff;
text-align: left;
margin-top:20px;
font-family: Open sans;
font-size: 14px;
}
.widget-item-control {
float: right;
height: 20px;
margin-top: -20px;
position: relative;
z-index: 10;
}
/* CUSTOM WIDGET */
.widget ul {
line-height:1.4em;
}
/* Tab Menu */
.set, .panel {
margin: 0 0;
}
.tabs .panel {
padding:0 0;
}
.tabs-menu {
border-bottom:3px solid #E73138;
padding: 0 0;
margin:0 0;
}
.tabs-menu li {
font:normal bold 12px Open Sans, sans-serif;
display: inline-block;
*display: inline;
zoom: 1;
margin: 0 3px 0 0;
padding:10px;
background:#fff;
border:1px solid #e5e5e5;
border-bottom:none !important;
color:#333333;
cursor:pointer;
position:relative;
}
.tabs-menu .active-tab {
background:#E73138;
border:1px solid #E73138;
border-bottom:none !important;
color:#fff;
}
.tabs-content {
padding:10px 0;
}
.tabs-content .widget li {
float:none !important;
margin:5px 0;
}
.tabs-content .widget ul {
overflow:visible;
}
/* label 
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
background:#E73037;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#333333;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff !important;
}
.label-size {
line-height:1.2
}*/
/* Custom CSS for Blogger Popular Post Widget */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
float:left;
}
.PopularPosts ul li {
background-color:#eee;
counter-increment:num;
position:relative;
}


/* Set color and level */
.PopularPosts ul li {margin-right:1% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
color: #777777;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.5em;
}
.profile-img{
display:inline;
opaciry:10;
margin:0 6px 3px 0;
}
/* back to top */
#back-to-top {
background:#353738;
color:#ffffff;
padding:8px 10px;
font-size:24px;
}
.back-to-top {
position:fixed !important;
position:absolute;
bottom:20px;
right:20px;
z-index:999;
}
/* ==== Related Post Widget Start ==== */

#related-posts{
width:auto;
margin-bottom:40px;
}

.large-12 {
width: 100%;
}

.related_title {
font-size: 14px;
margin-top: -40px;
margin-bottom: 5px;
position: absolute;
color: #fff;
padding-left: 5px;
background: rgba(0, 0, 0, 0.51);
padding-right: 5px;
word-wrap: break-word;
margin-left:6px;
}


h2.fword {
margin-bottom: 30px;
font: normal normal 18px Oswald;
text-transform: uppercase;
font-size: 22px;
color: #585858;
margin-bottom: 5px;
margin: 7px 0 33px;
font-family: 'Open Sans', serif;
}
.fword {
padding: 28px 0 0 55px;
}
.fwstyle {
color: #fff;
background: #646464;
display: inline-block;
padding: 0 10px;
line-height:1.5;
margin-right:5px;
}


#related-posts h2{
font: normal normal 18px Oswald;
text-transform: uppercase;
font-size: 22px;
color: #585858;
margin-bottom: 5px;
margin: 7px 0 33px;
font-family: 'Open Sans', serif;
}
#related-posts .related_img {
padding: 0px 0 0 6px;
width: 240px;
height: 140px;

}
#related-posts .related_img:hover{
opacity:.7;
filter:alpha(opacity=70);
-moz-opacity:.7;
-khtml-opacity:.7;
}
/* share buttons */
.share-buttons-box {
height: 67px;
background: url(http://3.bp.blogspot.com/-moj4-jk-UB0/U1qCkCPaGQI/AAAAAAAADTY/tixmak8NHV8/s1600/share.png) no-repeat 330px 10px;
margin:20px 0 15px;
overflow:hidden;
}
.share-buttons {
margin:0 0;
height:67px;
float:left;
}
.share-buttons .share {
float:left;
margin-right:10px;
display:inline-block;
}
/* error and search */
.status-msg-wrap {
font-size:120%;
font-weight:bold;
width:100%;
margin:20px auto;
}
.status-msg-body {
padding:20px 2%;
width:96%;
}
.status-msg-border {
border:1px solid #e5e5e5;
opacity:10;
width:auto;
}
.status-msg-bg {
background-color:#ffffff;
}
.status-msg-hidden {
padding:20px 2%;
}
#ArchiveList ul li:before {
content:"" !important;
padding-right:0px !important;
}
/* facebook comments */

.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;
}
.rich-snippet {
padding:10px;
margin:15px 0 0;
border:3px solid #eee;
font-size:12px;
}
/*-------sidebar----------------*/

div#main {
width: 100%;
}
div#mywrapper {
float: left;
width: 780px;
margin-top: 80px;
}
#sidebartab {
margin-bottom: 15px;
margin-top: -15px;
}


.tab-widget-menu:after
{
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
bottom: -6px;
right: 0;
border-style: solid;
border-width: 0 0 6px 15px;
border-color: transparent transparent transparent #555;
}


.tab-widget-menu {
height: 35px;
margin: 0;
background: #555555;
right: -15px;
width: 240px;
position: relative;
float: right;
z-index: 99999;
top: -15px;
}
#sidebartab .widget {
margin-bottom: 0;

}
#sidebartab .h2title {
display: none;
}
#sidebartab .h2titlesmall {
display: none;
}
#sidebartab .widget-content {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: 0;
}
.tab-widget-menu ul, .tab-widget-menu li {
list-style: none;
padding: 0;
margin: 0;
}
.tab-widget-menu li {
bottom: -2px;
color: #fff;
cursor: pointer;
float: left;
text-transform: uppercase;
height: 38px;
line-height: 38px;
background:#555555;
margin: -12px 0px 0 0px;
padding: 7px 12px 2px;
position: relative;
text-align: center;
width: 20%;
z-index: 2;
font-family: Open sans;
}
.tab-widget-menu>ul {
overflow: hidden;
}
.tab-widget-menu li.selected {
border-width: 1px 1px 3px;
color: #FFFFFF;
margin: -5px 6px 0 0px;
padding: 0px 24px 0px;
background: #FC4618;
margin-right: -10px;
text-align: left;
font-family: Open sans;
}
li .fa {
font-size: 20px;
color: #777;
}
.selected .fa {
color: #777;
}

div#tab1 ,div#tab2 ,div#tab3{
background: #fff;
padding: 14px 21px;
}

div#tab3{

background:none;
padding:0px;
}


#sidebartab .h2title, #sidebartab h2 {
display: none;
}
#sidebartab .h2titlesmall, #sidebartab h2 {
display: none;
}
#sidebartab .popular-posts li {
background: none repeat scroll 0 0 transparent;
overflow: hidden;
padding: 10px 0;
}
.PopularPosts img:hover{
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
}
#sidebarlab .sidebar li a:hover {
color: #fff;
background: #222;
}
.PopularPosts .item-title{
padding-bottom: 1.2em;
display:inline-block;
margin-top:10px;
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
float: right;
width: 150px;
}


.PopularPosts a {font-weight:bold;}
.tagcloud a {
background: #FFFFFF;
display: block;
float: left;
font-size: 12px!important;
line-height: 12px;
margin: 0 2px 2px 0;
padding: 10px 12px;
border: 1px solid #A3A3A3;
text-transform:uppercase;
}
.tagcloud a:link {
color: #888;
}
.tagcloud a:hover {
background: #FC4618;
color: #fff;
border-color: transparent;
}
.tagcloud1 a {
background: #555555;
color: #888;
display: block;
float: left;
font-size: 14px!important;
line-height: 12px;
margin: 0 2px 2px 0;
padding: 12px 17px;
}
.tagcloud1 a:link {
color: #888;
}
.tagcloud1 a:hover {
background: #FC4618;
color: #fff;
}
.showpageArea a {
clear:both;
margin:-5px 0 10px;
text-align:center;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
.showpageNum a {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #dddddd;
}
.showpageNum a:hover {
border: 1px solid #aaaaaa;
}
.showpagePoint {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #aaaaaa;
}
.showpageOf {
display:none;
}
.showpage a {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #dddddd;
}
.showpage a:hover {
border: 1px solid #aaaaaa;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#666;
}
.button {
text-align: center;
width: 100%;
margin: 10px 0;
padding: 0;
font-size: 14px;
font-family: 'Tahoma', Geneva, Sans-serif;
color: #fff;
margin-left: 0em !important;
}
.button ul {
margin: 0;
padding: 0;
}
.button li {
display: inline-block;
margin: 10px 0;
padding: 0;
}
.demo {
border-radius: 3px;
padding: 8px 12px;
background: #e74c3c;
color: #fff !important;
transition: background-color 1s 0s ease-out;
}
.download {
border-radius: 3px;
padding: 8px 12px;
background: #3498db;
color: #fff !important;
transition: background-color 1s 0s ease-out;
}
.buton a {
color: #fff;
}
.demo:hover {
background: #c0392b;
color: #fff;
}
.download:hover {
background: #2980b9;
color: #fff;
}
.download:before {
content: "\f019";
font-family: FontAwesome;
font-weight: normal;
padding: 8px;
background: #2980b9;
margin-left: -12px;
margin-right: 6px;
border-radius: 3px 0 0 3px;
font-size: 16px;
}
.demo:before {
content: "\f06e";
font-family: FontAwesome;
font-weight: normal;
padding: 8px;
background: #c0392b;
margin-left: -12px;
margin-right: 6px;
border-radius: 3px 0 0 3px;
font-size: 16px;
}
#Attribution1 {
height:0px; 
visibility:hidden;
display:none
}
.author-avatar img{float:left;margin:0 10px 5px 0;border:50%;}
#author-box h3 {
padding-bottom: 5px;
border-bottom: 4px solid #333;
font-size: 18px;
font-family: Oswald,arial,Georgia,serif;
}
.share-post {
font-size: 13px;
margin-top: 15px;
}
.share-post li {
float: left;
}
.share-post a {
display: block;
margin-right: 10px;
text-indent: -9999px;
margin-left: 12px;
background: url(http://4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/s1600/single-share.png) no-repeat;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s; 
}
.share-post a:hover {
opacity: .7;
}
.share-post
.facebook a {
width: 7px;
}
.share-post
.twitter a {
width: 18px;
background-position: -47px 0;
}
.share-post
.google a {
width: 14px;
background-position: -105px 0;
}
.share-post
.pinterest a {
width: 11px;
background-position: -159px 1px;
}
/*** Share Post Styling ***/
#share-post {
width: 100%;
overflow: hidden;
margin-top: 20px;
}
#share-post a {
display: block;
height: 32px;
line-height: 43px;
color: #fff;
float: left;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 25px;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
margin: 0 10px 10px 0;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
width: 125px;
height: 45px;
float: left;
padding: 0;
overflow: hidden;
text-align: center;
font-weight: 600;
}
#share-post
.facebook {
background-color: #6788CE;
}
#share-post
.twitter {
background-color: #29C5F6;
}
#share-post
.google {
background-color: #E75C3C;
}
#share-post
span {
display: block;
width: 32px;
height: 32px;
float: left;
padding: 6px;
background: url(http://4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/s1600/single-share.png) no-repeat;
background-position-y: 6px;
background-position-x: 7px;
}
#share-post
.facebook span {
background-color: #3967C6;
}
#share-post
.twitter span {
background-color: #26B5F2;
background-position: -65px;
}
#share-post
.google span {
background-color: #E94D36;
background-position: -137px;
}

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





#container{

width: 1170px;
margin:0 auto;
}

.vcard span {
color: #646464;
}
a.timestamp-link {
color: #646464;
}
span.comment-info a {
color: #aaaaaa;
}

span.comment-info l,span.time-info l {
padding-left: 8px;
margin-right: 6px;
margin-left: -5px;
}



/*--- SOC. IKONS ---*/
.soc-icon {
    width: auto;
    display: inline-block;
    margin: 25px 0 0;
}

.soc-icon ul {
    margin: 0;
}

.soc-icon li {
    margin: 0 0 0 8px;
    padding: 0;
    display: inline-block;
}

.soc-icon li a {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    float: left;
    width: 26px;
    height: 24px;
    overflow: hidden;
}

.soc-icon li a img {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    position: relative;
    top: 0;
    float: left;
    width: 26px;
    height: 49px;
}

.soc-icon li a:hover img {
    top: -24px;
}


#nav.fixed-nav{
position: fixed;
top: 0;
left: 0;
width: 100% !important;
z-index: 999;
padding: 0;
}


.scroll-top.cl-effect-5 {
float: right;
margin-right: 36px;}

p#back-top {
background: #fff;
padding: 10px 11px 11px;
color: #222;
border-radius: 3px;
}

p#back-top .fa {
color: #222;
}
/*----------//// AUTHORS ARCHIVE \\\\-------------*/

div#top-comment {
margin-top: 20px;
background: #fff;
padding-top: 35px;
}

.top-comment-widget-menu {
float: left;
margin: -15px 0 15px;
padding: 0;
width: 100%;
height: 40px;
   
}

.top-comment {
   float: left;
font-size: 14px;
list-style: none outside none;
text-transform: uppercase;
width: 43%;
margin: 1px;
padding: 10px 20px !important;
font-weight: normal;
color: #646464;
cursor: pointer;

-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#relpost_img_sum .news-text {
    display: none;
}

.top-comment.selected {
   cursor: pointer;
padding: 11px 20px !important;
margin: 0px 0 0 -16px;
color: #FFF;
background: #646464;
   
-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.top-comment.blogico:before {
    content: &quot;\f0d5&quot;;
    font-family: fontawesome;
    margin-right: 15px;
}

.top-comment.faceico:before {
    content: &quot;\f09a&quot;;
    font-family: fontawesome;
    margin-right: 15px;
}


h1, h2, h3 {
	font-family: 'Open Sans', sans-serif;
}

.headtitle h1 {
	color: #fff;
	font-size: 120px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	z-index: 150;
margin:0 0 0 45px;
}

h1.small {
	font-size: 90px;

}

.headtitle h2 {
	font-size: 60px;
	font-weight: 700;
	color: #434343;
	text-transform: uppercase;
	text-align: center;
	margin-top: 90px;
	margin-bottom: 80px;
}

h2.white {
	color: #fff;
}

span.lines {
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
}

h3 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 600;
	color: #434343;
}

h3.white {
	color: #fff;
}

h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}

h5 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
}

p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	color: #515151;
}

p.white {
	color: #f9f9f9;
}


ul.slimmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1000;
    position: relative;
    text-align: center;
	background: #383838;
}
ul.slimmenu li {
    position: relative;
    display: inline-block;
    
}
#menunav ul li:hover > ul{display:block;}
ul.slimmenu > li {}
ul.slimmenu > li:first-child { border-left: 0; }
ul.slimmenu > li:last-child { margin-right: 0;margin-left:10px; }
ul.slimmenu li a {
    display: block;
    color: #fff;
height: 30px;
line-height: 2;
    padding: 12px 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
-webkit-transform: scale(1);
transform: scale(1);
}

.slimmenu .active:hover{border-bottom:0;}

ul.slimmenu>li>a:hover {
    background-color: #FC4618;
    text-decoration: none;
color:#fff;
border-bottom:4px solid #E23E15;
}

ul.slimmenu li a:hover{background-color: #FC4618;
    text-decoration: none;
color:#fff;}

ul.slimmenu li a:after{-webkit-transform: scale(0.5, 1);
transform: scale(0.5, 1);
transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;}

ul.slimmenu li .sub-collapser {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.075);
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 100%;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
ul.slimmenu li .sub-collapser > i {
    color: #333;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}
ul.slimmenu li ul {
    margin: 0;
    list-style-type: none;
}
ul.slimmenu li ul li { 
    background-color: #383838;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
min-width: 200px;
}
ul.slimmenu li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
}
ul.slimmenu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

ul.slimmenu.collapsed li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
ul.slimmenu.collapsed li .sub-collapser {
    height: 40px;
}
ul.slimmenu.collapsed li > ul {
    display: none;
    position: static;
}



  .FollowByEmail .follow-by-email-inner .follow-by-email-address{

margin: 0px 0px 12px;
background-image: url(http://wordpress.novarostudio.com/sastro/wp-content/themes/sastro/images/newsletter.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 48px;
font-size:15px;
width:75%;
margin-top:10px;


}

.follow-by-email-inner:before {
color: #f5f5f5;
content: "Join with Thousands Of Subscribers ! Get Our Latest Articles Delivered to Your email Inbox";
font-family: nunito;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 1px;
}


 .FollowByEmail td {
display: inline;
}

  .FollowByEmail .follow-by-email-inner .follow-by-email-submit{

width: 80px;
margin: 0;
border: 0;
border-radius: 2px;
-moz-border-radius: 2px;
background: #646464;
color: #fff;
cursor: pointer;
font-size: 13px;
height: 37px;
z-index: 0;

}

#footer1{line-height:30px;padding:25px
0 30px 0;background-color:#333;
position:relative;
z-index:300;
border-top: 2px solid #6B6B6B;
margin: 0 100px;
}#footer1
p{font-size:12px;float:left;line-height:30px;text-align:justify;}#footer1 .go-top{float: right;
/* margin-left: 20px; */
/* padding-left: 20px; */
border-left: 1px solid rgba(0,0,0,0.1);
position: fixed;
top: 88%;
right:3%;}#footer1 .go-top
a{display:block;width:40px;height:40px;color:#fff;font-size:14px;text-align:center;background-color:#646464;transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out}#footer1 .go-top a:hover{background-color:#444}#footer1 .go-top a
i{line-height:40px}#footer1 .social-icons{text-align:center;float:right}#footer1 .social-icons
a{display:inline-block;color:#ccc;font-size:14px;border-radius:2px;margin-left:15px}#footer1 .social-icons a:hover{color:#646464}.toggle-item{margin-bottom:15px}.toggle-item .panel-title{margin-bottom:10px}.toggle-item .panel-title
a{display:block;color:#888;height:42px;line-height:42px;position:relative;font-size:13px;padding:0
20px;border-radius:2px;overflow:hidden;background-color:#f8f8f8;letter-spacing:1px;text-transform:uppercase}.toggle-item .panel-title a:after{content:&quot;&quot;;position:absolute;left:0;top:0;height:100%;width:3px;background-color:#646464}.toggle-item .panel-title a.collapsed:after{background-color:#ddd}.toggle-item .panel-title a
i{position:absolute;right:0;top:0;color:#fff;width:42px;height:42px;font-size:14px;text-align:center;line-height:42px;background-color:#646464;transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out}
.thumbnail {
position: relative;
display: block;
padding: 0px;
line-height: 20px;
border: 0px solid #ddd;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055);
-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.featured-thumbnail a {
position: relative;
display: block;
}
a.image-wrap {
display: block;
width: 100%;
height: 100%;
text-align:center;
}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle}
input,textarea,.uneditable-input{width:206px}
textarea{height:auto}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}
select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}
select{width:220px;border:1px solid #ccc;background-color:#fff}
select[multiple],select[size]{height:auto}
select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.uneditable-input,.uneditable-textarea{color:#999;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);cursor:not-allowed}






/* Post social share */
.post_social_share {
display:block;
padding: 25px 0 50px;
border-bottom: 1px solid #eee;
margin-bottom:30px;
}

.mbt-pager {   margin-bottom: 10px;   overflow:hidden; padding:0px;} 
.mbt-pager li.next { float: right; padding:0px; background:none; margin:0px;} 
.mbt-pager li.next a { padding-left: 24px; }
.mbt-pager li.previous { margin:0px -2px 0px 0px; float: left;  border-right:1px solid #ddd; padding:0px; background:none; 
} 
.mbt-pager li a span:hover{color:#222;}
.mbt-pager li.previous a { padding-right: 24px;  }
.mbt-pager li a strong:hover{color:#FC4618;}
.mbt-pager li.next:hover, .mbt-pager li.previous:hover  { }
.mbt-pager li { width: 50%; display: inline; float: left; text-align: center; } 
.mbt-pager li a { position: relative; min-height: 77px; display: block; padding: 15px 46px 15px; outline:none; text-decoration:none;}
.mbt-pager li i { color: #ccc; font-size: 18px; }
.mbt-pager li a strong { display: block; font-size: 20px; color: #7e7e7e; letter-spacing: 0.5px; font-weight: bold; text-transform: uppercase; font-family:oswald, sans-serif, arial; margin-bottom:10px;}
.mbt-pager li a span { font-size: 15px; color: #666;  font-family:oswald,Helvetica, arial; margin:0px;} 
.mbt-pager li a:hover span, 
.mbt-pager li a:hover i { color: #222; } 
.mbt-pager li.previous i { float:left; margin-top:15%; margin-left:5%; } 
.mbt-pager li.next i { float: right; 
margin-top: 15%; 
margin-right: 5%; }
.mbt-pager li.next i, .mbt-pager li.previous i , 
.mbt-pager li.next,  .mbt-pager li.previous{ 
-webkit-transition-property: background color; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; 
-moz-transition-property: background color; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out; 
-o-transition-property: background color; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out; 
transition-property: background color; transition-duration: 0.4s; transition-timing-function: ease-out; }
.fa-chevron-right {padding-right:0px;}

.post_social_share h3 {
display: block;
font-size: 14px;
line-height: 54px;
font-weight: 400;
margin-bottom: 0;
letter-spacing: 2px;
float:left;
}
.authorname {
font-size: 26px;
text-align: center;
margin: 10px 0;
font-family: Open sans;
}

.post_social_share a {
width:32px;
font-size:20px;
padding:10px;
margin:0 10px;
display:inline-block
}

.post_social_share a:hover {
-webkit-transition:border-color .2s;
-moz-transition:border-color .2s;
transition:border-color .2s
}

.post_social_share a {

}

.post_social_share a:hover {
border-color:#646464;
color:#646464;
}
.cen {
text-align: center;
margin-bottom:20px;
}

*/]]></b:skin>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.post {
background: #ffffff;
padding: 35px 35px;
}
  .post-share{display:none;}
</style>
    </b:if>



<!--sticky css-->
<style>
  ul.slimmenu li a.fixed-nav
{
line-height:3;
}
</style>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <style type='text/css'>

.post-entry span {
font-family: Open Sans,serif!important;
font-size: 16px!important;
line-height: 30px!important;
}




   .post{padding: 0 50px 30px;}

.post-info {
text-align:center;
}


      </style>
    </b:if>

<style type='text/css'>
.slimmenu i.fa.fa-search {
color: #fff;
}
.pull {
margin: 0 auto;
width: 400px;
text-align: center;
margin-bottom: 20px;
}
  
.avatar-name{position:relative;}

  .avatar-container{position: absolute;
top: -70px;
left: 50%;
margin-left: -70px;
padding: 10px;
background: white;
display: inline-block;
border-radius: 50%;
}

.avatar-container img {
border-radius: 50%;
}

/*Flicker Image Gallery
-----------------------------------------------------------------*/
.flickr_plugin {
width: 300px;
}
.flickr_badge_image {
float: left;
height: 65px;
margin: 5px;
width: 65px;
}
.flickr_badge_image a {
display: block;
}
.flickr_badge_image a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}
.flickr_badge_image a img:hover {
opacity: .7;
}
.d-header {
margin-top: -1px;
}
.ccounter {
margin-top: -1px;
}


  .footermain{background:#333;}
  a img{position:initial;}
/*.overlay23 {


  }



.post a:hover::after {
opacity: 0.4;
    top: 0;}

a.jack:before {
content: &quot;\f00e&quot;;
font-family: &quot;FontAwesome&quot;;
font-size: 46px;
color: white;
position: absolute;
width: 46px;
height: 46px;
top: 30%;
left: 50%;
z-index: 15;
text-align: center;
line-height: 1;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}


a.jack:before, a.jack:after {
opacity: 0;
transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
a.jack:before {
font-size: 70px !important;
margin-top: -35px;
margin-left: -35px;
width: 70px !important;
height: 70px !important;
}
*/
  .kite:after{content: &quot;&quot;;
display: block;
width: 0;
height: 0;
position: absolute;
top: 42px;
left: -20px;
border-style: solid;
border-width: 0 20px 6px 0;
border-color: transparent #555 transparent transparent;}

.kite:before {

font-family: &#39;FontAwesome&#39;;
content: &#39;\f006&#39;;
position: absolute;
top: -10px;
left: -20px;
color: white;
width: 60px;
height: 52px;
line-height: 52px;
font-size: 24px;
text-align: center;
z-index: 999;
background: #fc4618;
  }

/*
a.jack:hover::before {
opacity: 1;
top: 25%;
-webkit-transform: rotate(0);
transform: rotate(0);
}



a.jack:after {
content: &quot;&quot;;
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 10;}


*/



.preview:before {
    content: &quot;&quot;;
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(http://3.bp.blogspot.com/-HLFf1G3B2h8/VE9Qad8tz0I/AAAAAAAABN0/mO74F2Vtq78/s1600/Screenshot_1.png) no-repeat scroll center center #000;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in-out 0s;
background-size: 9%;
  }

.preview:hover:before {
    visibility: visible;
    opacity: 0.8;
}

.preview {
    display: block;
    position: relative;
  
}

.preview img {
    box-shadow: 0 0 0 #000;
}

.preview img {
    display: block;
    width: 100%;
}




/*......................*/

  .responsive{width:100%;}
div.widget-content.list-label-widget-content ul li {
font-size: 15px;
margin-bottom:10px;
}

.responsive&gt;iframe {
width: 275px;
}

div.widget-content.list-label-widget-content ul li span {
float: right;
color: #fff;
background: #555555;
padding: 3px 6px;
}

.slimmenu .active{background-color: #FC4618;}
.active&gt;a {
border-bottom: 4px solid #E23E15;
}
.socials a:hover {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}

a.social {
font-size: 30px;
padding: 6px 0px;
margin: 0 7px;
width: 54px;
text-align: center;
color:#fff!important;
}

.social i.fa.fa-facebook {
background: #3B5998;
padding: 8px 18px;
}

.social i.fa.fa-google-plus {
background: #D14836;
padding: 8px 14px;
}

.social i.fa.fa-twitter {
background: #00ACED;
padding: 8px 14px;
}

.social i.fa.fa-pinterest {
background: #CB2027;
padding: 8px 14px;
}


.social i.fa.fa-youtube {
background: #CD332D;
padding: 8px 14px;
}

.social i.fa.fa-linkedin {
background: #65B7D2;
padding: 8px 14px;
}
.social i.fa.fa-instagram {
background: #2b618f;
padding: 8px 14px;
}



.post-details {font-size:14px;display:inline-block;position:relative;line-height:1;background: #FFFF66;
padding-top: 7px;
padding-left: 20px;}
header.post-header {padding-bottom:25px;padding-top:7px;background:#fff;text-align:center;}
.auth a,.post-da a,.post-com a {color:#FC4618;}
.entry-title {font-size: 40px;
font-family: Lato, helvetica, sans-serif;
padding: 0 50px;
font-weight: 400;
line-height: 1.2;
color: #303030!important;
margin-top: 35px;
text-transform: uppercase;
margin-bottom: 1.2rem;}
.entry-title a {color:#303030!important;transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;}
.entry-title a:hover {color:#fc4618!important;}
.post-details span {margin-right:24px;margin-bottom:10px;display:inline-block;}
.entry-content {position:relative;padding-left:5px;padding-right:5px;padding: 0 50px;}
.intro-text {
margin-bottom: 30px;
font-size: 16px;
color: #6a6359;
font-family: &#39;Open Sans&#39;, helvetica, sans-serif;
font-weight: 400;
line-height: 1.6;
padding: 0 30px;
}

a.read-more:hover {
background: #D63C15;
}

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}


@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

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

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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



@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

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


.post-outer {
-webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
margin-bottom: 80px;
}

  .pull-right{

padding-right:5px;

}


  a.readmore:hover{
color:#fff;

}
.read-more {
display: block;
width: 80px;
margin: 0 auto;
text-align: center;
/* border-radius: 3px; */
color: #FFFFFF!important;
font-size: 11px;
padding: 8px 12px;
letter-spacing: 0.5px;
text-transform: uppercase;
/* border: 1px solid #23a1e0; */
background: #fc4618;
font-size: 12px;
font-weight: 800;
}
  .pull-left{float:none;margin-bottom:40px;}

</style>

<style>
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 940px;
}
.container:before, .container:after {
display: table;
content: &quot;&quot;;
line-height: 0;
}

@media (min-width: 1200px)
{
.container{
width: 1117px;
}
  }
.container {
margin-right: auto;
margin-left: auto;
}


@media (max-width: 979px) and (min-width: 768px){
.container{
width: 724px;
}
  }

@media (max-width: 979px) and (min-width: 768px){
.container {
width: auto;
}
  
#footer div.column {
width: 32%;
margin-right: 2px;
}
    }

@media (max-width: 767px)
{

.container {
width: auto;
}

    #footer div.column {
width: 100%;
}

    }


</style>

<style>

nav{width:100%;position:relative;z-index:999;}#intro{text-align:center}#intro,#intro .bg1{z-index:100;width:100%;height:600px}#intro .bg1{background:url(http://1.bp.blogspot.com/-V_T6hfaGo3g/VCPmQrzBjqI/AAAAAAAABQI/QVi_o5-ywH0/s1600/slider-bg2.jpg) 0 0 fixed;background-size:cover;margin:0 auto;padding:0;position:absolute}.headtitle{position:fixed;width:100%;text-align:center;z-index:150;padding-top:70px}.intro-line{border-top:1px solid #ededed;width:670px;margin:0 auto}.intro-line,.headtitle span{position:relative;z-index:150}.headtitle span{font-size:24px;line-height:30px;color:#fff;margin-top:20px}.social-intro{margin-top:45px;position:relative;z-index:150}.social-intro ul{text-align:center}.social-intro ul li{display:inline;margin:0 5px}.social-intro a{opacity:.7}.social-intro a:hover{opacity:1}@media only screen and (max-width:1024px){.title{position:relative}#intro{height:500px}.headtitle{padding-top:20px}.headtitle h1{font-size:90px;}h1{font-size:100px;margin-bottom:60px}h1.small{font-size:65px;margin-bottom:20px}}@media only screen and (min-width:480px)and (max-width:767px){.headtitle h1{font-size:70px;margin-bottom:20px}h1.small{font-size:40px;margin-bottom:20px}.headtitle span{font-size:20px;line-height:28px}}@media only screen and (max-width:479px){#intro{height:375px}.title{position:relative;padding-top:20px}.intro-line{display:none}.headtitle h1{font-size:60px;margin-bottom:15px}h1.small{font-size:30px;margin-bottom:15px}.headtitle span{font-size:18px;line-height:28px;margin-bottom:0}.social-intro{margin-top:10px}}</style>



<style type='text/css'>


@media only screen and (max-width:767px) {
#navigation { display:none; background: none repeat scroll 0 0 #333333;border: 1px solid #232323;color: #FFFFFF;margin:27px 0 0 0px;padding: 5px;width: 430px;position: absolute;}
.selectnav { display: block;margin: 0 10px; padding: 7px; width: 90%; height:40px;border:none;}
   a.js-search-trigger{display:none;}

}

@media only screen and (max-width:479px) {
#navigation {width: 275px;}}
  </style>

<style type='text/css'> 
@media only screen and (max-width:1219px) and (min-width: 768px) {

div#mywrapper {
margin-left: 12px;
}
  }

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

#outer-wrapper {width: 100%;}
    #container {width: 924px;}
    #content-wrapper{width:1020px}
#post-wrapper,div#mywrapper {width: 650px;}
    #sidebar-wrapper{max-width:370px;width: 35%;}

div#main {width: 659px;}

    .post{
margin-left:5px;
}
    h2.post-title, h1.post-title{
font-size:19px;
}

} 


@media only screen and (max-width:985px) and (min-width: 768px) {

#outer-wrapper {width: 100%;}
#searchformfix,.soc-icon{display:none}
#container {width: 700px;}
#content-wrapper{width:710px}
#post-wrapper,div#mywrapper {width: 710px;}
#sidebar-wrapper{width: 100%;max-width: 100%;}
.sidebar-container { width: 95%;}
div#main {width: 710px;}
    #post-wrapper{margin-top:44px;}
    nav{top:45px;}


} 

/* Phone : 480px */ 
@media only screen and (max-width: 767px) and (min-width: 480px){ 
#outer-wrapper {width: 100%;}
#searchformfix,.soc-icon{display:none}
.header-right {width: 100%;max-width: 432px;float:none}
#container {width: 430px;}
#content-wrapper{width:430px}
#post-wrapper,div#mywrapper {width: 430px;}
#sidebar-wrapper{width: 100%;max-width: 100%;}
.sidebar-container { width: 95%;}
div#main {width: 430px;}
#menu-main{display:none;}
.header {width: 64.7%;max-width: 200px;margin: 0 auto;}
.img-thumbnail img {width: 430px;height: 230px;}
.img-thumbnail {width: 430px;height: 240px;}
.top-comment-widget-menu{height: 58px;}
    .top-comment{width:41%}
    #mywrapper{margin-top:22px;}

    nav{top:15px;}
    .menubar{display:none;}

    .mbt-pager li.previous a{
padding-right:0px;

}

div#undefined-sticky-wrapper {
height: 0px!important;
margin-left: 20px;
}

    .mbt-pager li a{

padding:0px;
}

    

}


/* Phone : 320px */ 
@media only screen and (max-width:479px){ 
#outer-wrapper {width: 100%;}
#searchformfix,.soc-icon{display:none}
    .entry-content{padding:0;}
.header-right {display:none}
#container {width: 320px;}
#content-wrapper{width:300px;padding: 0px 22px 0;}
.socials i {
margin-bottom: 10px;
}
.entry-title {
      font-size: 25px;}
#post-wrapper,div#mywrapper {width: 100%;}
#sidebar-wrapper {
width: 100%;
max-width: 280px;
float: left;
}
    .sidebar-container {width: 100%;}
div#main {width: 100%;}
#menu-main{display:none;}
.header {width: 64.7%;max-width: 200px;margin: 0 auto;}
.img-thumbnail img {width: 280px;height: 180px;}
.img-thumbnail {width: 280px;height: 190px;}

div#undefined-sticky-wrapper {
height: 4px!important;
margin-left: 8px;
}

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

div#undefined-sticky-wrapper {
height: 0px!important;
margin-left: 8px;
}
</b:if>


.top-comment-widget-menu{height: 58px;}

    .top-comment{width:37%}
    #intro, #intro .bg1{height:460px;}
    .main-content-wrapper{margin-top:-20px;}
    
    .intro-text{

font-size:15px;
}
.mbt-pager li.next{
float:none;
width:100%;
}

    .mbt-pager li.previous{
float:none;
width:100%;
}
} 

</style>



    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <style type='text/css'>
        h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
          color:#383838;
          font-size:29px;
		font-weight:700;
padding-left: 20px;
        }


.post-info {
padding-left: 20px;
margin: 0 0 20px;
}


      </style>
    </b:if>
    <b:if cond='data:blog.pageType != &quot;index&quot;'>
      <style type='text/css'>
        /* COMMENT */
        .comment-form {
          overflow:hidden;
        }
        .comments h3 {
          line-height:normal;
          text-transform:uppercase;
          color:#333;
          font-weight:bold;
          margin:0 0 20px 0;
          font-size:14px;
          padding:0 0 0 0;
        }
        h4#comment-post-message {
          display:none;
          margin:0 0 0 0;
        }
        .comments{
          clear:both;
          margin-top:10px;
          margin-bottom:0
        }
        .comments .comments-content{
          font-size:13px;
          margin-bottom:8px
        }
        .comments .comments-content .comment-thread ol{
          text-align:left;
          margin:13px 0;
          padding:0
        }
        .comments .avatar-image-container {
          background:#fff;
          border:1px solid #DDD;
          overflow:hidden;
          padding:6px;
        }
        .comments .comment-block{
          position:relative;
          background:#fff;
          padding:15px;
          margin-left:60px;
          border-left:3px solid #ddd;
          border-top:1px solid #DDD;
          border-right:1px solid #DDD;
          border-bottom:1px solid #DDD;
        }
        .comments .comment-block:before {
          content:&quot;&quot;;
          width:0px;
          height:0px;
          position:absolute;
          right:100%;
          top:14px;
          border-width:10px;
          border-style:solid;
          border-color:transparent #DDD transparent transparent;
          display:block;
        }
        .comments .comments-content .comment-replies{
          margin:8px 0;
          margin-left:60px
        }
        .comments .comments-content .comment-thread:empty{
          display:none
        }
        .comments .comment-replybox-single {
          background:#f0f0f0;
          padding:0;
          margin:8px 0;
          margin-left:60px
        }
        .comments .comment-replybox-thread {
          background:#f0f0f0;
          margin:8px 0 0 0;
          padding:0;
        }
        .comments .comments-content .comment{
          margin-bottom:6px;
          padding:0
        }
        .comments .comments-content .comment:first-child {
          padding:0;
          margin:0
        }
        .comments .comments-content .comment:last-child {
          padding:0;
          margin:0
        }
        .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {
          margin:0px 0px 5px 30%
        }
        .comment .comment-thread.inline-thread .comment:nth-child(6) {
          margin:0px 0px 5px 25%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(5) {
          margin:0px 0px 5px 20%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(4) {
          margin:0px 0px 5px 15%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(3) {
          margin:0px 0px 5px 10%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(2) {
          margin:0px 0px 5px 5%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(1) {
          margin:0px 0px 5px 0;
        }
        .comments .comments-content .comment-thread{
          margin:0;
          padding:0
        }
        .comments .comments-content .inline-thread{
          background:#fff;
          border:1px solid #DDD;
          padding:15px;
          margin:0
        }
        .comments .comments-content .icon.blog-author {
          display:inline;
        }
        .comments .comments-content .icon.blog-author:after {
          content: &quot;Admin&quot;;
background: #FC4618;
color: #fff;
font-size: 11px;
padding: 2px 5px;
        }
        .comment-header {
          text-transform:uppercase;
          font-size:12px;
        }
        .comments .comments-content .datetime {
          margin-left: 6px;
        }
        .comments .comments-content .datetime a {
          color:#888;
        }
        .comments .comment .comment-actions a {
          display:inline-block;
          color:#333;
          font-weight:bold;
          font-size:10px;
          line-height:15px;
          margin:4px 8px 0 0;
        }
        .comments .continue a {
          color:#333;
          display:inline-block;
          font-size:10px;
        }
        .comments .comment .comment-actions a:hover, .comments .continue a:hover{
          text-decoration:underline;
        }
        .pesan-komentar {
                  }
        .pesan-komentar p {
          line-height:normal;
          margin:0 0;
        }
        .pesan-komentar:before {
         
        }
        .fb-comments{width: 100% !important;}
        .fb-comments iframe[style]{width: 100% !important;}
        .fb-like-box{width: 100% !important;}
        .fb-like-box iframe[style]{width: 100% !important;}
        .fb-comments span{width: 100% !important;}
        .fb-comments iframe span[style]{width: 100% !important;}
        .fb-like-box span{width: 100% !important;}
        .fb-like-box iframe span[style]{width: 100% !important;}
        .fotleft{float:left}
        .fotright{float:right;text-align:right;}


        .headtitle{
display:none;
}

        .header{
float:none;
margin:0 auto;
}

        .top-menu{
position:relative;
top:60px;

}

        #intro .bg1,#intro{

height:200px;
}

        @media only screen and (max-width: 985px) and (min-width: 768px){
          nav{top:0px;}
#post-wrapper {
margin-top: 10px;
}
          h1{margin-bottom:0px;}
          .post-body{padding:5px;}

}

@media only screen and (max-width:479px){
        .main-content-wrapper{margin-top:0px;}
        nav{top:1px;}

          h2.post-title a, h1.post-title a, h2.post-title, h1.post-title{

padding-left:0px;
}

          .post-info{padding-left:0px;}

        }
        @media only screen and (max-width: 767px) and (min-width: 480px){

          #mywrapper{margin-top:0px;}
nav{top:1px;}


}


      </style>

    </b:if>

 <b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
 #singlepage {
display:none;
visibility:hidden;
}
   </style>
</b:if>

<b:if cond='data:blog.searchLabel'>

<style>


        .headtitle{
display:none;
}

        .header{
float:none;
margin:0 auto;
}

        .top-menu{
position:relative;
top:60px;

}

        #intro .bg1,#intro{

height:200px;
}


</style>
    </b:if>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>

 <script src='http://code.jquery.com/jquery-migrate-1.2.1.js' type='text/javascript'/>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     
            
          <script type='text/javascript'>
 //<![CDATA[
var classicMode = false ;
var summary = 20;
var indent = 3;
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;
aBold = true;
summaryPost = 170; 
summaryTitle = 25; 
numposts1 = 6; 
numposts2 = 8;
var classicMode = false ;
var summary = 50;
var indent = 3;
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();

function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}

var _0x2728=["\x31\x63\x20\x31\x47\x28\x31\x72\x2C\x6D\x2C\x31\x6F\x2C\x71\x2C\x79\x2C\x44\x2C\x31\x38\x2C\x31\x65\x29\x7B\x64\x20\x70\x3D\x31\x6F\x3B\x64\x20\x43\x3D\x31\x65\x3B\x64\x20\x6D\x3D\x6D\x3B\x64\x20\x71\x3D\x71\x3B\x64\x20\x79\x3D\x79\x3B\x64\x20\x31\x38\x3D\x31\x38\x3B\x64\x20\x63\x3D\x31\x39\x2E\x31\x4A\x28\x31\x72\x29\x3B\x64\x20\x74\x3D\x63\x2E\x31\x66\x28\x22\x74\x22\x29\x3B\x64\x20\x31\x6D\x3D\x63\x2E\x31\x37\x2E\x31\x6C\x28\x2F\x3C\x74\x2E\x2A\x3F\x3E\x2F\x31\x6B\x2C\x27\x27\x29\x2E\x31\x6C\x28\x2F\x3C\x4D\x2E\x2A\x3F\x3E\x2F\x31\x6B\x2C\x27\x27\x29\x3B\x64\x20\x4B\x3D\x31\x6D\x2E\x4A\x28\x2F\x3C\x31\x6A\x5C\x73\x2A\x5C\x2F\x3F\x3E\x2F\x29\x3B\x64\x20\x72\x3D\x4B\x5B\x30\x5D\x2B\x4B\x2E\x31\x69\x28\x31\x2C\x2D\x31\x29\x2E\x31\x45\x28\x27\x3C\x31\x6A\x3E\x27\x29\x2B\x4B\x2E\x31\x69\x28\x2D\x31\x29\x3B\x64\x20\x6B\x3D\x31\x44\x20\x31\x43\x28\x29\x3B\x6B\x5B\x30\x5D\x3D\x22\x31\x42\x22\x3B\x6B\x5B\x31\x5D\x3D\x22\x31\x41\x22\x3B\x6B\x5B\x32\x5D\x3D\x22\x31\x7A\x22\x3B\x6B\x5B\x33\x5D\x3D\x22\x31\x79\x22\x3B\x6B\x5B\x34\x5D\x3D\x22\x31\x78\x22\x3B\x6B\x5B\x35\x5D\x3D\x22\x32\x38\x22\x3B\x6B\x5B\x36\x5D\x3D\x22\x32\x32\x22\x3B\x6B\x5B\x37\x5D\x3D\x22\x31\x59\x22\x3B\x6B\x5B\x38\x5D\x3D\x22\x31\x50\x22\x3B\x6B\x5B\x39\x5D\x3D\x22\x31\x4C\x22\x3B\x6B\x5B\x31\x30\x5D\x3D\x22\x31\x48\x22\x3B\x6B\x5B\x31\x31\x5D\x3D\x22\x31\x4B\x22\x3B\x64\x20\x6E\x3D\x6B\x5B\x71\x2E\x4A\x28\x27\x2F\x27\x29\x5B\x30\x5D\x5D\x3B\x64\x20\x31\x49\x3D\x71\x2E\x4A\x28\x27\x2F\x27\x29\x5B\x31\x5D\x3B\x64\x20\x31\x46\x3D\x71\x2E\x4A\x28\x27\x2F\x27\x29\x5B\x32\x5D\x3B\x59\x28\x74\x2E\x45\x3D\x3D\x31\x29\x7B\x64\x20\x31\x32\x3D\x74\x5B\x30\x5D\x2E\x7A\x3B\x64\x20\x75\x3D\x27\x3C\x63\x20\x62\x3D\x22\x68\x2D\x31\x36\x22\x3E\x3C\x61\x20\x62\x3D\x22\x31\x6E\x22\x20\x6A\x3D\x22\x27\x2B\x70\x2B\x27\x22\x3E\x3C\x74\x20\x62\x3D\x22\x75\x22\x20\x31\x34\x3D\x22\x31\x67\x22\x20\x31\x64\x3D\x22\x31\x68\x22\x20\x7A\x3D\x22\x27\x2B\x31\x32\x2B\x27\x22\x3E\x3C\x2F\x61\x3E\x3C\x2F\x63\x3E\x27\x3B\x64\x20\x42\x3D\x75\x2B\x27\x3C\x6C\x20\x62\x3D\x22\x68\x2D\x6C\x22\x3E\x3C\x78\x20\x62\x3D\x22\x76\x2D\x6D\x22\x3E\x3C\x61\x20\x6A\x3D\x27\x2B\x70\x2B\x27\x3E\x27\x2B\x6D\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x78\x3E\x3C\x2F\x6C\x3E\x3C\x63\x20\x62\x3D\x22\x76\x2D\x72\x20\x50\x22\x3E\x3C\x63\x20\x62\x3D\x22\x46\x22\x3E\x3C\x63\x20\x62\x3D\x22\x68\x2D\x4E\x22\x3E\x3C\x66\x20\x62\x3D\x22\x4C\x22\x3E\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x49\x22\x3E\x3C\x2F\x69\x3E\x20\x26\x65\x3B\x26\x65\x3B\x3C\x61\x20\x6A\x3D\x27\x2B\x43\x2B\x27\x3E\x27\x2B\x44\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x66\x3E\x20\x3C\x66\x20\x62\x3D\x22\x68\x2D\x47\x22\x3E\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x5A\x2D\x6F\x22\x3E\x3C\x2F\x69\x3E\x20\x26\x65\x3B\x26\x65\x3B\x27\x2B\x71\x2B\x27\x3C\x2F\x66\x3E\x3C\x66\x20\x62\x3D\x22\x68\x2D\x41\x22\x3E\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x77\x2D\x6F\x22\x3E\x3C\x2F\x69\x3E\x20\x26\x65\x3B\x26\x65\x3B\x20\x27\x2B\x79\x2B\x27\x20\x77\x3C\x2F\x66\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x3C\x63\x20\x62\x3D\x22\x31\x33\x2D\x54\x22\x3E\x27\x2B\x4F\x28\x72\x2C\x57\x29\x2B\x27\x20\x3C\x2F\x63\x3E\x3C\x63\x20\x62\x3D\x22\x68\x2D\x58\x22\x3E\x3C\x63\x20\x62\x3D\x22\x48\x2D\x51\x22\x3E\x3C\x61\x20\x62\x3D\x22\x52\x2D\x53\x22\x20\x6A\x3D\x22\x27\x2B\x70\x2B\x27\x22\x3E\x55\x20\x56\x3C\x2F\x61\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x27\x7D\x31\x61\x7B\x59\x28\x74\x2E\x45\x3E\x31\x29\x7B\x64\x20\x31\x32\x3D\x74\x5B\x30\x5D\x2E\x7A\x3B\x64\x20\x75\x3D\x27\x3C\x63\x20\x62\x3D\x22\x68\x2D\x31\x36\x22\x3E\x3C\x61\x20\x62\x3D\x22\x31\x6E\x22\x20\x6A\x3D\x22\x27\x2B\x70\x2B\x27\x22\x3E\x3C\x74\x20\x62\x3D\x22\x75\x22\x20\x31\x34\x3D\x22\x31\x67\x22\x20\x31\x64\x3D\x22\x31\x68\x22\x20\x7A\x3D\x22\x27\x2B\x31\x32\x2B\x27\x22\x3E\x3C\x2F\x61\x3E\x3C\x2F\x63\x3E\x27\x3B\x64\x20\x42\x3D\x75\x2B\x27\x3C\x6C\x20\x62\x3D\x22\x68\x2D\x6C\x22\x3E\x3C\x78\x20\x62\x3D\x22\x76\x2D\x6D\x22\x3E\x3C\x61\x20\x6A\x3D\x27\x2B\x70\x2B\x27\x3E\x27\x2B\x6D\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x78\x3E\x3C\x2F\x6C\x3E\x3C\x63\x20\x62\x3D\x22\x76\x2D\x72\x20\x50\x22\x3E\x3C\x63\x20\x62\x3D\x22\x46\x22\x3E\x3C\x63\x20\x62\x3D\x22\x68\x2D\x4E\x22\x3E\x3C\x66\x20\x62\x3D\x22\x4C\x22\x3E\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x49\x22\x3E\x3C\x2F\x69\x3E\x20\x26\x65\x3B\x26\x65\x3B\x3C\x61\x20\x6A\x3D\x27\x2B\x43\x2B\x27\x3E\x27\x2B\x44\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x66\x3E\x20\x3C\x66\x20\x62\x3D\x22\x68\x2D\x47\x22\x3E\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x5A\x2D\x6F\x22\x3E\x3C\x2F\x69\x3E\x20\x26\x65\x3B\x26\x65\x3B\x27\x2B\x71\x2B\x27\x3C\x2F\x66\x3E\x3C\x66\x20\x62\x3D\x22\x68\x2D\x41\x22\x3E\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x77\x2D\x6F\x22\x3E\x3C\x2F\x69\x3E\x20\x26\x65\x3B\x26\x65\x3B\x20\x27\x2B\x79\x2B\x27\x20\x77\x3C\x2F\x66\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x3C\x63\x20\x62\x3D\x22\x31\x33\x2D\x54\x22\x3E\x27\x2B\x4F\x28\x72\x2C\x57\x29\x2B\x27\x20\x3C\x2F\x63\x3E\x3C\x63\x20\x62\x3D\x22\x68\x2D\x58\x22\x3E\x3C\x63\x20\x62\x3D\x22\x48\x2D\x51\x22\x3E\x3C\x61\x20\x62\x3D\x22\x52\x2D\x53\x22\x20\x6A\x3D\x22\x27\x2B\x70\x2B\x27\x22\x3E\x55\x20\x56\x3C\x2F\x61\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x27\x7D\x31\x61\x7B\x64\x20\x31\x35\x3D\x63\x2E\x31\x66\x28\x22\x4D\x22\x29\x3B\x59\x28\x31\x35\x2E\x45\x3E\x3D\x31\x29\x7B\x64\x20\x31\x70\x3D\x31\x35\x5B\x30\x5D\x2E\x7A\x3B\x64\x20\x75\x3D\x27\x3C\x63\x20\x62\x3D\x22\x68\x2D\x31\x36\x22\x3E\x3C\x4D\x20\x31\x34\x3D\x22\x31\x4D\x25\x22\x20\x31\x64\x3D\x22\x31\x4E\x22\x20\x31\x4F\x3D\x22\x31\x71\x22\x20\x7A\x3D\x22\x27\x2B\x31\x70\x2B\x27\x22\x20\x31\x51\x3D\x22\x31\x71\x22\x3E\x3C\x2F\x4D\x3E\x3C\x2F\x63\x3E\x27\x3B\x64\x20\x42\x3D\x75\x2B\x27\x3C\x6C\x20\x62\x3D\x22\x68\x2D\x6C\x22\x3E\x3C\x78\x20\x62\x3D\x22\x76\x2D\x6D\x22\x3E\x3C\x61\x20\x6A\x3D\x27\x2B\x70\x2B\x27\x3E\x27\x2B\x6D\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x78\x3E\x3C\x2F\x6C\x3E\x3C\x63\x20\x62\x3D\x22\x76\x2D\x72\x20\x50\x22\x3E\x3C\x63\x20\x62\x3D\x22\x46\x22\x3E\x3C\x63\x20\x62\x3D\x22\x68\x2D\x4E\x22\x3E\x3C\x66\x20\x62\x3D\x22\x4C\x22\x3E\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x49\x22\x3E\x3C\x2F\x69\x3E\x20\x26\x65\x3B\x26\x65\x3B\x3C\x61\x20\x6A\x3D\x27\x2B\x43\x2B\x27\x3E\x27\x2B\x44\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x66\x3E\x20\x3C\x66\x20\x62\x3D\x22\x68\x2D\x47\x22\x3E\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x5A\x2D\x6F\x22\x3E\x3C\x2F\x69\x3E\x20\x26\x65\x3B\x26\x65\x3B\x27\x2B\x71\x2B\x27\x3C\x2F\x66\x3E\x3C\x66\x20\x62\x3D\x22\x68\x2D\x41\x22\x3E\x20\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x77\x2D\x6F\x22\x3E\x3C\x2F\x69\x3E\x26\x65\x3B\x26\x65\x3B\x20\x27\x2B\x79\x2B\x27\x20\x77\x3C\x2F\x66\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x3C\x63\x20\x62\x3D\x22\x31\x33\x2D\x54\x22\x3E\x27\x2B\x4F\x28\x72\x2C\x57\x29\x2B\x27\x20\x3C\x2F\x63\x3E\x3C\x63\x20\x62\x3D\x22\x68\x2D\x58\x22\x3E\x3C\x63\x20\x62\x3D\x22\x48\x2D\x51\x22\x3E\x3C\x61\x20\x62\x3D\x22\x52\x2D\x53\x22\x20\x6A\x3D\x22\x27\x2B\x70\x2B\x27\x22\x3E\x55\x20\x56\x3C\x2F\x61\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x27\x7D\x31\x61\x7B\x64\x20\x42\x3D\x27\x3C\x6C\x20\x62\x3D\x22\x68\x2D\x6C\x22\x3E\x3C\x78\x20\x62\x3D\x22\x76\x2D\x6D\x22\x3E\x3C\x61\x20\x6A\x3D\x27\x2B\x70\x2B\x27\x3E\x27\x2B\x6D\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x78\x3E\x3C\x2F\x6C\x3E\x3C\x63\x20\x62\x3D\x22\x76\x2D\x72\x20\x50\x22\x3E\x3C\x63\x20\x62\x3D\x22\x46\x22\x3E\x3C\x63\x20\x62\x3D\x22\x68\x2D\x4E\x22\x3E\x3C\x66\x20\x62\x3D\x22\x4C\x22\x3E\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x49\x22\x3E\x3C\x2F\x69\x3E\x20\x26\x65\x3B\x26\x65\x3B\x3C\x61\x20\x6A\x3D\x27\x2B\x43\x2B\x27\x3E\x27\x2B\x44\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x66\x3E\x20\x3C\x66\x20\x62\x3D\x22\x68\x2D\x47\x22\x3E\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x5A\x2D\x6F\x22\x3E\x3C\x2F\x69\x3E\x20\x26\x65\x3B\x26\x65\x3B\x27\x2B\x71\x2B\x27\x3C\x2F\x66\x3E\x3C\x66\x20\x62\x3D\x22\x68\x2D\x41\x22\x3E\x20\x20\x3C\x69\x20\x62\x3D\x22\x67\x20\x67\x2D\x77\x2D\x6F\x22\x3E\x3C\x2F\x69\x3E\x26\x65\x3B\x26\x65\x3B\x20\x27\x2B\x79\x2B\x27\x20\x77\x3C\x2F\x66\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x3C\x63\x20\x62\x3D\x22\x31\x33\x2D\x54\x22\x3E\x27\x2B\x4F\x28\x72\x2C\x57\x29\x2B\x27\x20\x3C\x2F\x63\x3E\x3C\x63\x20\x62\x3D\x22\x68\x2D\x58\x22\x3E\x3C\x63\x20\x62\x3D\x22\x48\x2D\x51\x22\x3E\x3C\x61\x20\x62\x3D\x22\x52\x2D\x53\x22\x20\x6A\x3D\x22\x27\x2B\x70\x2B\x27\x22\x3E\x55\x20\x56\x3C\x2F\x61\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x3C\x2F\x63\x3E\x27\x7D\x7D\x7D\x63\x2E\x31\x37\x3D\x42\x3B\x63\x2E\x31\x52\x2E\x31\x53\x3D\x22\x31\x54\x22\x3B\x64\x20\x31\x62\x3D\x31\x39\x2E\x31\x55\x28\x22\x31\x56\x22\x29\x3B\x31\x57\x28\x64\x20\x69\x3D\x30\x3B\x69\x3C\x31\x62\x2E\x45\x3B\x69\x2B\x2B\x29\x7B\x31\x62\x5B\x69\x5D\x2E\x31\x37\x3D\x27\x27\x7D\x7D\x24\x28\x31\x39\x29\x2E\x31\x58\x28\x31\x63\x28\x29\x7B\x24\x28\x27\x23\x31\x73\x27\x29\x2E\x31\x5A\x28\x22\x32\x30\x20\x32\x31\x20\x3C\x61\x20\x6A\x3D\x27\x31\x74\x3A\x2F\x2F\x31\x75\x2E\x31\x76\x2E\x41\x2F\x27\x20\x32\x33\x3D\x27\x32\x34\x27\x20\x32\x35\x3D\x27\x32\x36\x27\x20\x6D\x3D\x27\x32\x37\x20\x31\x77\x27\x3E\x32\x39\x20\x32\x61\x20\x31\x77\x3C\x2F\x61\x3E\x22\x29\x3B\x32\x62\x28\x31\x63\x28\x29\x7B\x59\x28\x21\x24\x28\x27\x23\x31\x73\x3A\x32\x63\x27\x29\x2E\x45\x29\x32\x64\x2E\x32\x65\x2E\x6A\x3D\x27\x31\x74\x3A\x2F\x2F\x31\x75\x2E\x31\x76\x2E\x41\x2F\x27\x7D\x2C\x32\x66\x29\x7D\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x76\x7C\x76\x61\x72\x7C\x6E\x62\x73\x70\x7C\x73\x70\x61\x6E\x7C\x66\x61\x7C\x70\x6F\x73\x74\x7C\x7C\x68\x72\x65\x66\x7C\x6D\x6F\x6E\x74\x68\x7C\x68\x65\x61\x64\x65\x72\x7C\x74\x69\x74\x6C\x65\x7C\x7C\x7C\x70\x6F\x73\x74\x75\x72\x6C\x7C\x64\x61\x74\x65\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x7C\x69\x6D\x67\x7C\x74\x68\x75\x6D\x62\x7C\x65\x6E\x74\x72\x79\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x68\x32\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x7C\x73\x72\x63\x7C\x63\x6F\x6D\x7C\x73\x75\x6D\x6D\x61\x72\x79\x31\x7C\x61\x75\x74\x68\x6F\x72\x75\x72\x6C\x7C\x61\x75\x74\x68\x6F\x72\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x63\x65\x6E\x7C\x64\x61\x7C\x70\x75\x6C\x6C\x7C\x75\x73\x65\x72\x7C\x73\x70\x6C\x69\x74\x7C\x61\x72\x72\x7C\x61\x75\x74\x68\x7C\x69\x66\x72\x61\x6D\x65\x7C\x64\x65\x74\x61\x69\x6C\x73\x7C\x73\x74\x72\x69\x70\x48\x74\x6D\x6C\x54\x61\x67\x73\x7C\x63\x6C\x65\x61\x72\x7C\x6C\x65\x66\x74\x7C\x72\x65\x61\x64\x7C\x6D\x6F\x72\x65\x7C\x74\x65\x78\x74\x7C\x52\x65\x61\x64\x7C\x4D\x6F\x72\x65\x7C\x33\x35\x7C\x66\x6F\x6F\x74\x65\x72\x7C\x69\x66\x7C\x63\x6C\x6F\x63\x6B\x7C\x7C\x7C\x69\x6D\x67\x75\x72\x6C\x7C\x69\x6E\x74\x72\x6F\x7C\x77\x69\x64\x74\x68\x7C\x66\x72\x61\x6D\x65\x7C\x69\x6D\x61\x67\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x74\x61\x67\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x65\x6C\x73\x65\x7C\x65\x6C\x65\x6D\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x68\x65\x69\x67\x68\x74\x7C\x61\x75\x74\x68\x75\x72\x6C\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x39\x34\x30\x7C\x39\x38\x37\x7C\x73\x6C\x69\x63\x65\x7C\x62\x72\x7C\x69\x67\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x31\x7C\x70\x72\x65\x76\x69\x65\x77\x7C\x75\x72\x6C\x7C\x69\x66\x72\x61\x6D\x65\x31\x7C\x6E\x6F\x7C\x70\x49\x44\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x68\x74\x74\x70\x7C\x77\x77\x77\x7C\x73\x65\x6F\x62\x6C\x6F\x67\x67\x65\x72\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x4D\x61\x79\x7C\x41\x70\x72\x7C\x4D\x61\x72\x7C\x46\x65\x62\x7C\x4A\x61\x6E\x7C\x41\x72\x72\x61\x79\x7C\x6E\x65\x77\x7C\x6A\x6F\x69\x6E\x7C\x79\x65\x61\x72\x7C\x63\x72\x65\x61\x74\x65\x53\x75\x6D\x6D\x61\x72\x79\x41\x6E\x64\x54\x68\x75\x6D\x62\x7C\x4E\x6F\x76\x7C\x64\x61\x74\x65\x31\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x44\x65\x63\x7C\x4F\x63\x74\x7C\x31\x30\x30\x7C\x34\x35\x30\x7C\x66\x72\x61\x6D\x65\x62\x6F\x72\x64\x65\x72\x7C\x53\x65\x70\x7C\x73\x63\x72\x6F\x6C\x6C\x69\x6E\x67\x7C\x73\x74\x79\x6C\x65\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x62\x6C\x6F\x63\x6B\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x43\x6C\x61\x73\x73\x4E\x61\x6D\x65\x7C\x73\x65\x70\x61\x72\x61\x74\x6F\x72\x7C\x66\x6F\x72\x7C\x72\x65\x61\x64\x79\x7C\x41\x75\x67\x7C\x68\x74\x6D\x6C\x7C\x43\x72\x65\x61\x74\x65\x64\x7C\x42\x79\x7C\x4A\x75\x6C\x7C\x72\x65\x6C\x7C\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x74\x61\x72\x67\x65\x74\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x4A\x75\x6E\x7C\x53\x65\x6F\x7C\x62\x6C\x6F\x67\x67\x65\x72\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x76\x69\x73\x69\x62\x6C\x65\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x33\x30\x30\x30","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0xa8eex1,_0xa8eex2,_0xa8eex3,_0xa8eex4,_0xa8eex5,_0xa8eex6){_0xa8eex5=function (_0xa8eex3){return (_0xa8eex3<_0xa8eex2?_0x2728[4]:_0xa8eex5(parseInt(_0xa8eex3/_0xa8eex2)))+((_0xa8eex3=_0xa8eex3%_0xa8eex2)>35?String[_0x2728[5]](_0xa8eex3+29):_0xa8eex3.toString(36));} ;if(!_0x2728[4][_0x2728[6]](/^/,String)){while(_0xa8eex3--){_0xa8eex6[_0xa8eex5(_0xa8eex3)]=_0xa8eex4[_0xa8eex3]||_0xa8eex5(_0xa8eex3);} ;_0xa8eex4=[function (_0xa8eex5){return _0xa8eex6[_0xa8eex5];} ];_0xa8eex5=function (){return _0x2728[7];} ;_0xa8eex3=1;} ;while(_0xa8eex3--){if(_0xa8eex4[_0xa8eex3]){_0xa8eex1=_0xa8eex1[_0x2728[6]]( new RegExp(_0x2728[8]+_0xa8eex5(_0xa8eex3)+_0x2728[8],_0x2728[9]),_0xa8eex4[_0xa8eex3]);} ;} ;return _0xa8eex1;} (_0x2728[0],62,140,_0x2728[3][_0x2728[2]](_0x2728[1]),0,{}));
      //]]>
    </script>
      </b:if>
    </b:if>

    <script type='text/javascript'>
      $(function() {
        $(&quot;.set-1&quot;).mtabs();                                
      });
    </script>
    <script type='text/javascript'>
      //<![CDATA[
      window.selectnav=function(){return function(p,q){var a,h=function(b){var c;b||(b=window.event);b.target?c=b.target:b.srcElement&&(c=b.srcElement);3===c.nodeType&&(c=c.parentNode);c.value&&(window.location.href=c.value)},k=function(b){b=b.nodeName.toLowerCase();return"ul"===b||"ol"===b},l=function(b){for(var c=1;document.getElementById("selectnav"+c);c++){}return b?"selectnav"+c:"selectnav"+(c-1)},n=function(b){g++;var c=b.children.length,a="",d="",f=g-1;if(c){if(f){for(;f--;){d+=r}d+=" "}for(f=0;f<c;f++){var e=b.children[f].children[0];if("undefined"!==typeof e){var h=e.innerText||e.textContent,i="";j&&(i=-1!==e.className.search(j)||-1!==e.parentElement.className.search(j)?m:"");s&&!i&&(i=e.href===document.URL?m:"");a+='<option value="'+e.href+'" '+i+">"+d+h+"</option>";t&&(e=b.children[f].children[1])&&k(e)&&(a+=n(e))}}1===g&&o&&(a='<option value="">'+o+"</option>"+a);1===g&&(a='<select class="selectnav" id="'+l(!0)+'">'+a+"</select>");g--;return a}};if((a=document.getElementById(p))&&k(a)){document.documentElement.className+=" js";var d=q||{},j=d.activeclass||"active1",s="boolean"===typeof d.autoselect?d.autoselect:!0,t="boolean"===typeof d.nested?d.nested:!0,r=d.indent||"\u2192",o=d.label||"- Navigation -",g=0,m=" selected ";a.insertAdjacentHTML("afterend",n(a));a=document.getElementById(l());a.addEventListener&&a.addEventListener("change",h);a.attachEvent&&a.attachEvent("onchange",h)}}}();(jQuery);
      //]]></script>
    <!--Menu To Drop Down Started-->
    <script type='text/javascript'>
      //<![CDATA[
      $(document).ready(function(){
        selectnav('navigation', {
          label: 'Select Here ',
          nested: true,
          autoselect: false,
          indent: '-'
        });
      });
      //]]></script>
    <script type='text/javascript'>
      //<![CDATA[
      var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h1>'+relatedpoststitle+'</h1>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 7px 0px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div class="related_title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
      //]]>
    </script>

<script type='text/javascript'>
//<![CDATA[ 
jQuery(document).ready(function($){

	var aboveHeight = $('#header-wrapper').outerHeight();
        $(window).scroll(function(){
                if ($(window).scrollTop() > (aboveHeight+185)){
                $('ul.slimmenu li a').addClass('fixed-nav').css('top','0').next()
                .css('','');
                } else {
                $('ul.slimmenu li a').removeClass('fixed-nav').next();
                }
        });

});
//]]>
</script>


</head>
  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
    <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
      <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
        <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0751351039365993005734\46blogName\75miniBlog\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://minblog25.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://minblog25.blogspot.com/\46blogFollowUrl\75https://plus.google.com/116679471549829767841\46vt\0754156755061696103888&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
      </b:widget>
    </b:section>

    <!-- outer-wrapper start -->
    <div id='outer-wrapper'>

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


    
<!-- Navigation Bar here  -->
      <style>#ducker1{display:none;margin:0 auto;}</style>
<script>
function duck()
{
    document.getElementById(&#39;ducker1&#39;).style.display = &#39;block&#39;;
}
window.addEventListener(&#39;mouseup&#39;,function(event){
var box=document.getElementById(&#39;ducker1&#39;);
if(event.target!=box)
{
	box.style.display=&#39;none&#39;;
}
});
</script>
<style>
form#searchform {
margin-top: 0;
padding-top: 2px;
background: #F2F2F2;
background-image: url(http://3.bp.blogspot.com/-kzJSVbZ348g/VE4d_-5a5-I/AAAAAAAABNg/bJGxVsqyeqY/s1600/bg0.png);
}
input#ducker1 {
border-radius: 0;
border: 2px solid #555555;
}
  div#menunav-sticky-wrapper{height:58px!important;}
</style>

<nav id='menunav'>
        <ul class='slimmenu' id='navigation'>
          <li class='active'><a href='/'>Home</a></li>    
          <li><a href='/'>Games</a></li>
          <li><a href='/'>Entertainment</a></li>     
            <li><a href='#'>Custom Theme</a></li>            
            <li>
                <a href='#'>Contact</a>
                <ul>
                    <li><a href='#'>Link 1</a></li>
                    <li><a href='#'>Link 2</a></li>
                    <li><a href='#'>Link 3</a></li>
                </ul>
           </li>
            <li><a href='http://www.seobloggertemplates.com/2014/11/miniblog-responsive-blogger-template.html'>Download This Template</a></li>   
          <li><a class='js-search-trigger' onclick='duck()' type='submit'><i class='fa fa-search' style='font-size:20px;'/></a></li>            	
        </ul>
<div class='search-bar'>
<div class='nav-search'>
<form action='/search' id='searchform' method='get' role='search'>
<input class='search_input' id='ducker1' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search and Hit Enter'/>
</form>
<div class='srch_btn'/>
</div></div>

    </nav>



      <div class='clear'/>
      <!-- header wrapper start -->
      <header id='header-wrapper'>
<div id='container'>
       
        <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'>
          <b:widget id='HTML7' locked='false' title='' type='HTML'>
            <b:includable id='main'>
              <!-- only display title if it's non-empty -->
              <b:if cond='data:title != &quot;&quot;'>
                <h2 class='title'>
                  <data:title/>
                </h2>
              </b:if>
              <div class='widget-content'>
                <data:content/>
              </div>
              <b:include name='quickedit'/>
            </b:includable>
          </b:widget>
        </b:section>
        </div>
      </header>
      <!-- header wrapper end -->
    
      <div class='clear'/>
      <!-- secondary navigation menu end -->
      <!-- content wrapper start -->

<div class='main-content-wrapper'>
      <div id='content-wrapper'>
        <div id='mywrapper'>
        
          <!-- post wrapper start -->
          <div id='post-wrapper'>
            <div class='post-container'>
            
              <div class='clear'/>
              
                <b:section class='main' id='main' showaddelement='no'>
                  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
                    <b:includable id='main' var='top'>
                      <b:include data='posts' name='breadcrumb'/>
                      <b:if cond='data:mobile == &quot;false&quot;'>
                        <!-- posts -->
                        <div class='blog-posts hfeed'>
                          <b:include data='top' name='status-message'/>
                          <data:defaultAdStart/>
                          <b:loop values='data:posts' var='post'>
                            <b:if cond='data:post.isDateStart'>
                              <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                                &lt;/div&gt;&lt;/div&gt;
                              </b:if>
                            </b:if>
                            <b:if cond='data:post.isDateStart'>
                              &lt;div class=&quot;date-outer&quot;&gt;
                            </b:if>
                            <b:if cond='data:post.isDateStart'>
                              &lt;div class=&quot;date-posts&quot;&gt;
                            </b:if>
                            <div class='post-outer'>
                              <b:include data='post' name='post'/>
                              <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                                <b:include data='post' name='comment_picker'/>
                              </b:if>
                              <b:if cond='data:blog.pageType == &quot;item&quot;'>
                                <b:include data='post' name='comment_picker'/>
                              </b:if>
                            </div>
                            <b:if cond='data:post.includeAd'>
                              <b:if cond='data:post.isFirstPost'>
                                <data:defaultAdEnd/>
                                <b:else/>
                                <data:adEnd/>
                              </b:if>
                              <div class='inline-ad'>
                                <data:adCode/>
                              </div>
                              <data:adStart/>
                            </b:if>
                          </b:loop>
                          <b:if cond='data:numPosts != 0'>
                            &lt;/div&gt;&lt;/div&gt;
                          </b:if>
                          <data:adEnd/>
                        </div>
                        <!-- navigation -->
                        <b:if cond='data:blog.pageType == &quot;index&quot;'>
                          <b:include name='page-navi'/>
                          <b:else/>
                          <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                            <b:include name='page-navi'/>
                            <b:else/>
                            <b:include name='nextprev'/>
                          </b:if>
                        </b:if>
                        <!-- feed links -->
                        <b:include name='feedLinks'/>
                        <b:if cond='data:top.showStars'>
                          <script src='//www.google.com/jsapi' type='text/javascript'/>
                          <script type='text/javascript'>
                            google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
                            function initialize() {
                              google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                              google.annotations.createAll();
                              google.annotations.fetch();
                            }
                            google.setOnLoadCallback(initialize);
                          </script>
                        </b:if>
                        <b:else/>
                        <b:include name='mobile-main'/>
                      </b:if>
                      <b:if cond='data:top.showDummy'>
                        <data:top.dummyBootstrap/>
                      </b:if>
                    </b:includable>
                    <b:includable id='authorblog'>



<article class='author-wrapper'>

        <div class='large-12 column'>
          
		</div>
        <div class='media'>

            <div class='about_img' style='height: 200px;width: 100%;background:url(http://3.bp.blogspot.com/-1pwzF1ZUpDs/VE90D2o7BcI/AAAAAAAABOE/VrpAbnM4h4Q/s1600/pic7.jpg) center center;'>

                <script src='/feeds/posts/default?alt=json-in-script&amp;callback=authorshow'/>

            </div>
          <div class='avatar-name'>
			<div class='avatar-container'>
              <img src='http://2.bp.blogspot.com/-QTXZU_sBnW8/VE3UrBqHZ3I/AAAAAAAABNA/Djk-T_BkR4c/s1600/tien-tran-e1391086611796.png'/>
			</div>
		  </div>

            <p>Hello guys, I&#39;m Tien Tran, a freelance web designer and Wordpress nerd. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>

        </div>

        <div class='post-footer'>


            <div class='pull'>                

                <div class='social'>

                    <span><a href='' title=''><i class='fa fa-facebook'/></a></span>

                    <span><a href='' title=''><i class='fa fa-twitter'/></a></span>

                    <span><a href='' title=''><i class='fa fa-pinterest'/></a></span>

                    <span><a href='' title=''><i class='fa fa-linkedin'/></a></span>

                    <span><a href='' title=''><i class='fa fa-youtube'/></a></span>

                    <span><a href='' title=''><i class='fa fa-google-plus'/></a></span>

                </div>                        

            </div>

        </div>

    </article>




                      <!--/entry author-->
                    </b:includable>
                    <b:includable id='backlinkDeleteIcon' var='backlink'>
                      <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                        <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                          <img src='//www.blogger.com/img/icon_delete13.gif'/>
                        </a>
                      </span>
                    </b:includable>
                    <b:includable id='backlinks' var='post'>
                      <a name='links'/>
                      <h4>
                        <data:post.backlinksLabel/>
                      </h4>
                      <b:if cond='data:post.numBacklinks != 0'>
                        <dl class='comments-block' id='comments-block'>
                          <b:loop values='data:post.backlinks' var='backlink'>
                            <div class='collapsed-backlink backlink-control'>
                              <dt class='comment-title'>
                                <span class='backlink-toggle-zippy'>
                                  &#160;
                                </span>
                                <a expr:href='data:backlink.url' rel='nofollow'>
                                  <data:backlink.title/>
                                </a>
                                <b:include data='backlink' name='backlinkDeleteIcon'/>
                              </dt>
                              <dd class='comment-body collapseable'>
                                <data:backlink.snippet/>
                              </dd>
                              <dd class='comment-footer collapseable'>
                                <span class='comment-author'>
                                  <data:post.authorLabel/>
                                  <data:backlink.author/>
                                </span>
                                <span class='comment-timestamp'>
                                  <data:post.timestampLabel/>
                                  <data:backlink.timestamp/>
                                </span>
                              </dd>
                            </div>
                          </b:loop>
                        </dl>
                      </b:if>
                      <p class='comment-footer'>
                        <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
                          <data:post.createLinkLabel/>
                        </a>
                      </p>
                    </b:includable>
                    <b:includable id='breadcrumb' var='posts'>
                      <b:if cond='data:blog.homepageUrl != data:blog.url'>
                        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                          <div class='breadcrumbs'>
                            <span>
                              <a expr:href='data:blog.homepageUrl' rel='nofollow'>
                                Home
                              </a>
                            </span>
                            <span>
                              <data:blog.pageName/>
                            </span>
                          </div>
                          <b:else/>
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <b:loop values='data:posts' var='post'>
                              <b:if cond='data:post.labels'>
                                <div class='breadcrumbs'>
                                  <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
                                    <a expr:href='data:blog.homepageUrl' itemprop='url'>
                                      <span itemprop='title'>
                                        Home
                                      </span>
                                    </a>
                                  </span>
                                  <b:loop values='data:post.labels' var='label'>
                                    <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
                                      <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'>
                                        <span itemprop='title'>
                                          <data:label.name/>
                                        </span>
                                      </a>
                                    </span>
                                    <b:if cond='data:label.isLast != &quot;true&quot;'>
                                    </b:if>
                                  </b:loop>
                                  <span>
                                    <data:post.title/>
                                  </span>
                                </div>
                                <b:else/>
                                <div class='breadcrumbs'>
                                  <span>
                                    <a expr:href='data:blog.homepageUrl' rel='nofollow'>
                                      Home
                                    </a>
                                  </span>
                                  <span>
                                    Uncategories
                                  </span>
                                  <span>
                                    <data:post.title/>
                                  </span>
                                </div>
                              </b:if>
                            </b:loop>
                            <b:else/>
                            <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                              <div class='breadcrumbs'>
                                <span>
                                  <a expr:href='data:blog.homepageUrl' rel='nofollow'>
                                    Home
                                  </a>
                                </span>
                                <span>
                                  Archive for 
                                  <data:blog.pageName/>
                                </span>
                              </div>
                              <b:else/>
                              <b:if cond='data:blog.searchQuery'>
                                <div class='breadcrumbs'>
                                  <span>
                                    <a expr:href='data:blog.homepageUrl' rel='nofollow'>
                                      Home
                                    </a>
                                  </span>
                                  <span>
                                    <data:blog.pageName/>
                                  </span>
                                </div>
                                <b:else/>
                                <b:if cond='data:blog.pageType == &quot;index&quot;'>
                                  <div class='breadcrumbs'>
                                    <b:if cond='data:blog.pageName == &quot;&quot;'>
                                      <span>
                                        <a expr:href='data:blog.homepageUrl' rel='nofollow'>
                                          Home
                                        </a>
                                      </span>
                                      <span>
                                        All post
                                      </span>
                                      <b:else/>
                                      <span>
                                        <a expr:href='data:blog.homepageUrl' rel='nofollow'>
                                          Home
                                        </a>
                                      </span>
                                      <span>
                                        <data:blog.pageName/>
                                      </span>
                                    </b:if>
                                  </div>
                                </b:if>
                              </b:if>
                            </b:if>
                          </b:if>
                        </b:if>
                      </b:if>
                    </b:includable>
                    <b:includable id='comment-form' var='post'>
                      <div class='comment-form'>
                        <a name='comment-form'/>
                        <b:if cond='data:mobile'>
                          <h4 id='comment-post-message'>
                            <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'>
                              <data:postCommentMsg/>
                            </a>
                          </h4>
                          <div class='pesan-komentar'>
                            <p>
                              <data:blogCommentMessage/>
                            </p>
                          </div>
                          <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>
                          <div class='pesan-komentar'>
                            <p>
                              <data:blogCommentMessage/>
                            </p>
                          </div>
                          <data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                        </b:if>
                        <data:post.friendConnectJs/>
                        <data:post.cmtfpIframe/>
                        <script type='text/javascript'>
                          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                        </script>
                      </div>
                    </b:includable>
                    <b:includable id='commentDeleteIcon' var='comment'>
                      <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
                        <b:if cond='data:showCmtPopup'>
                          <div class='goog-toggle-button'>
                            <div class='goog-inline-block comment-action-icon'/>
                          </div>
                          <b:else/>
                          <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                            <img src='//www.blogger.com/img/icon_delete13.gif'/>
                          </a>
                        </b:if>
                      </span>
                    </b:includable>
                    <b:includable id='comment_count_picker' var='post'>
                      <b:if cond='data:post.commentSource == 1'>
                        <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
                        </span>
                        <b:else/>
                        <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                          <data:post.commentLabelFull/>
                          :
                        </a>
                      </b:if>
                    </b:includable>
                    <b:includable id='comment_picker' var='post'>
                      <b:if cond='data:post.commentSource == 1'>
                        <b:include data='post' name='iframe_comments'/>
                        <b:else/>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='threaded_comments'/>
                          <b:else/>
                          <b:include data='post' name='comments'/>
                        </b:if>
                      </b:if>
                    </b:includable>
                    <b:includable id='comments' var='post'>

<div class='large-12 column'>

</div>
                     <div id='top-comment'>
<div class='top-comment-widget-menu clear'>
<ul>
<dl class='top-comment blogico'>Blogger Comment</dl><!--Replace "New Movies" With Your Own Text-->
</ul>
</div>
<div class='widget2' id='top-comment1'> 

<div class='centerare1'>

  <div class='comments' id='comments'>

    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
<div class='komhead'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>
<div class='stripe-line'/>
</div>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

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

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

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

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

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>

</div>

</div>


</div>

                    </b:includable>
                    <b:includable id='feedLinks'>
                      <b:if cond='data:blog.pageType != &quot;item&quot;'>
                        <!-- Blog feed links -->
                        <b:if cond='data:feedLinks'>
                          <div class='blog-feeds'>
                            <b:include data='feedLinks' name='feedLinksBody'/>
                          </div>
                        </b:if>
                        <b:else/>
                        <!--Post feed links -->
                        <div class='post-feeds'>
                          <b:loop values='data:posts' var='post'>
                            <b:if cond='data:post.allowComments'>
                              <b:if cond='data:post.feedLinks'>
                                <b:include data='post.feedLinks' name='feedLinksBody'/>
                              </b:if>
                            </b:if>
                          </b:loop>
                        </div>
                      </b:if>
                    </b:includable>
                    <b:includable id='feedLinksBody' var='links'>
                      <div class='feed-links'>
                        <data:feedLinksMsg/>
                        <b:loop values='data:links' var='f'>
                          <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                            <data:f.name/>
                            (
                            <data:f.feedType/>
                            )
                          </a>
                        </b:loop>
                      </div>
                    </b:includable>
                    <b:includable id='iframe_comments' var='post'>
                      <b:if cond='data:post.allowIframeComments'>
                        <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
                        <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
                        <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
                          <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                            <data:postCommentMsg/>
                          </a>
                        </b:if>
                      </b:if>
                    </b:includable>
                    <b:includable id='mobile-index-post' var='post'>
                      <!-- MOBILE INDEX POST HERE -->
                      <div class='mobile-date-outer date-outer'>
                        <div class='mobile-post-outer'>
                          <div class='mobile-index-contents'>
                            <b:if cond='data:post.thumbnailUrl'>
                              <div class='mobile-index-thumbnail'>
                                <div class='Image'>
                                  <img expr:src='data:post.thumbnailUrl'/>
                                </div>
                              </div>
                              <b:else/>
                              <div class='mobile-index-thumbnail'>
                                <div class='Image'>
                                  <img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png'/>
                                </div>
                              </div>
                            </b:if>
                            <a expr:href='data:post.url'>
                              <h3 class='mobile-index-title entry-title' itemprop='name'>
                                <data:post.title/>
                              </h3>
                            </a>
                            <div class='post-body'>
                              <div class='post-info'>
                                <b:if cond='data:top.showAuthor'>
                                  <b:if cond='data:post.authorProfileUrl'>
                                    <span class='author-info'>
                                                                           <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>
                                    </span>
                                    <b:else/>
                                    <span class='author-info'>
                                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <span itemprop='name'>
                                          <data:post.author/>
                                        </span>
                                      </span>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:top.showTimestamp'>
                                  <b:if cond='data:post.url'>
                                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                    <span class='time-info'>
                                      <l/>
                                      <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                        <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                          <data:post.timestamp/>
                                        </abbr>
                                      </a>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                    <b:if cond='data:post.allowComments'>
                                      <span class='comment-info'>
                                       <l/>
                                        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                          <b:if cond='data:post.numComments == 0'>
                                            Add Comment 
                                          </b:if>
                                          <b:if cond='data:post.numComments == 1'>
                                            1 Comment 
                                          </b:if>
                                          <b:if cond='data:post.numComments &gt; 1'>
                                            <data:post.numComments/>
                                            Comments 
                                          </b:if>
                                        </a>
                                      </span>
                                    </b:if>
                                  </b:if>
                                </b:if>
                              </div>
                            </div>
                          </div>
                          <div style='clear: both;'/>
                        </div>
                      </div>
                    </b:includable>
                    <b:includable id='mobile-main' var='top'>
                      <!-- posts -->
                      <div class='blog-posts hfeed'>
                        <b:include data='top' name='status-message'/>
                        <b:if cond='data:blog.pageType == &quot;index&quot;'>
                          <b:loop values='data:posts' var='post'>
                            <b:include data='post' name='mobile-index-post'/>
                          </b:loop>
                          <b:else/>
                          <b:loop values='data:posts' var='post'>
                            <b:include data='post' name='mobile-post'/>
                          </b:loop>
                        </b:if>
                      </div>
                      <b:include name='mobile-nextprev'/>
                    </b:includable>
                    <b:includable id='mobile-nextprev'>
                      <!-- MOBILE PAGE NAVIGATION LINKS HERE -->
                      <div class='blog-pager' id='blog-pager'>
                        <b:if cond='data:newerPageUrl'>
                          <div class='mobile-link-button' id='blog-pager-newer-link'>
                            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                              &amp;lsaquo;
                            </a>
                          </div>
                        </b:if>
                        <b:if cond='data:olderPageUrl'>
                          <div class='mobile-link-button' id='blog-pager-older-link'>
                            <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                              &amp;rsaquo;
                            </a>
                          </div>
                        </b:if>
                        <div class='mobile-link-button' id='blog-pager-home-link'>
                          <a class='home-link' expr:href='data:blog.homepageUrl'>
                            <data:homeMsg/>
                          </a>
                        </div>
                        <div class='mobile-desktop-link'>
                          <a class='home-link' expr:href='data:desktopLinkUrl'>
                            <data:desktopLinkMsg/>
                          </a>
                        </div>
                      </div>
                      <div class='clear'/>
                    </b:includable>
                    <b:includable id='mobile-post' var='post'>
                      <!-- MOBILE ITEM POST HERE -->
                      <div class='date-outer'>
                        <div class='date-posts'>
                          <div class='post-outer'>
                            <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                              <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                              </b:if>
                              <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                              <meta expr:content='data:post.id' itemprop='postId'/>
                              <a expr:name='data:post.id'/>
                              <b:if cond='data:post.title'>
                                <h3 class='mobile-post-title entry-title' itemprop='name'>
                                  <b:if cond='data:post.link'>
                                    <a expr:href='data:post.link'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <b:if cond='data:post.url'>
                                      <b:if cond='data:blog.url != data:post.url'>
                                        <a expr:href='data:post.url'>
                                          <data:post.title/>
                                        </a>
                                        <b:else/>
                                        <data:post.title/>
                                      </b:if>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                  </b:if>
                                </h3>
                              </b:if>
                              <div class='post-header'>
                                <div class='post-header-line-1'/>
                              </div>
                              <div class='post-info' style='margin-bottom:15px;'>
                                <b:if cond='data:top.showAuthor'>
                                  <b:if cond='data:post.authorProfileUrl'>
                                    <span class='author-info'>
                                      
                                      <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>
                                    </span>
                                    <b:else/>
                                    <span class='author-info'>
                                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <span itemprop='name'>
                                          <data:post.author/>
                                        </span>
                                      </span>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:top.showTimestamp'>
                                  <b:if cond='data:post.url'>
                                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                    <span class='time-info'>
                                      <l/>
                                      <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                        <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                          <data:post.timestamp/>
                                        </abbr>
                                      </a>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                    <b:if cond='data:post.allowComments'>
                                      <span class='comment-info'>
                                        <l/>
                                        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                          <b:if cond='data:post.numComments == 0'>
                                            Add Comment 
                                          </b:if>
                                          <b:if cond='data:post.numComments == 1'>
                                            1 Comment 
                                          </b:if>
                                          <b:if cond='data:post.numComments &gt; 1'>
                                            <data:post.numComments/>
                                            Comments 
                                          </b:if>
                                        </a>
                                      </span>
                                    </b:if>
                                  </b:if>
                                </b:if>
                              </div>
                              <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                                <!-- IKLAN BAWAH JUDUL VERSI MOBILE -->
                                <data:post.body/>
                                <div style='clear: both;'/>
                                <div id='share-buttons-mobile'>
                                  <p>
                                    Share : 
                                  </p>
                                  <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>
                                    Facebook
                                  </a>
                                  <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>
                                    Google+
                                  </a>
                                  <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>
                                    Twitter
                                  </a>
                                  <div class='clear'/>
                                </div>
                                <div id='related-posts-mobile'>
                                  <h3>
                                    Related Posts :
                                  </h3>
                                  <b:loop values='data:post.labels' var='label'>
                                    <b:if cond='data:label.isLast != &quot;true&quot;'/>
                                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                                      <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
                                    </b:if>
                                  </b:loop>
                                  <script type='text/javascript'>
                                    removeRelatedDuplicates(); printRelatedLabels(); </script>
                                </div>
                              </div>
                            </div>
                            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                          </div>
                        </div>
                      </div>
                    </b:includable>
                    <b:includable id='nextprev'>
                      <div class='blog-pager' id='blog-pager'>
                        <b:if cond='data:newerPageUrl'>
                          <span id='blog-pager-newer-link'>
                            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                              <data:newerPageTitle/>
                            </a>
                          </span>
                        </b:if>
                        <b:if cond='data:olderPageUrl'>
                          <span id='blog-pager-older-link'>
                            <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                              <data:olderPageTitle/>
                            </a>
                          </span>
                        </b:if>
                        <a class='home-link' expr:href='data:blog.homepageUrl'>
                          <data:homeMsg/>
                        </a>
                        <b:if cond='data:mobileLinkUrl'>
                          <div class='blog-mobile-link'>
                            <a expr:href='data:mobileLinkUrl'>
                              <data:mobileLinkMsg/>
                            </a>
                          </div>
                        </b:if>
                      </div>
                      <div class='clear'/>
                    </b:includable>
                    <b:includable id='page-navi'>
                      <div class='pagenavi'>
                        <script type='text/javascript'>
                          var pageNaviConf = {
                            perPage: 5,
                            numPages: 9,
                            firstText: &quot;First&quot;,
                            lastText: &quot;Last&quot;,
                            nextText: &quot;Next&quot;,
                            prevText: &quot;Prev&quot;
                          }
                        </script>
                        <script type='text/javascript'>
                          //<![CDATA[
                          function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
                          //]]>
                        </script>
                        <div class='clear'/>
                      </div>
                    </b:includable>
                    <b:includable id='post' var='post'>
					<meta content='summary_large_image' name='twitter:card'/>
                    <meta content='#' name='twitter:site'/>
                    <meta content='#' name='twitter:creator'/>
                    <meta content='http://www.seobloggertemplates.com/' name='twitter:domain'/>
                    <meta expr:content='data:post.firstImageUrl' name='twitter:image:src'/>
                    <meta expr:content='data:post.title' name='twitter:title'/>
                    <b:if cond='data:blog.metaDescription'>
                     <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
                    <b:else/>
                     <meta expr:content='data:post.snippet' name='twitter:description'/>
                    </b:if>
                    <meta expr:content='data:post.sharePostUrl' name='twitter:url'/>

					<meta expr:content='data:blog.pageName' property='og:title'/>
                    <b:if cond='data:post.firstImageUrl'>
                      <meta expr:content='data:post.firstImageUrl' property='og:image'/>
                    </b:if>
                    <meta expr:content='data:post.title' property='og:title'/>
                    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
                    <b:if cond='data:blog.metaDescription'>
						 <meta expr:content='data:blog.metaDescription' property='og:description'/>
                      <b:else/>
                       <meta expr:content='data:post.snippet' property='og:description'/>
                      </b:if>
					  <meta expr:content='data:post.timestampISO8601' property='article:published_time'/>
						<meta content='Technology' property='article:section'/>
						<b:loop values='data:post.labels' var='label'>
						 <meta expr:content='data:label.name' property='article:tag'/>
						</b:loop>

			 <b:if cond='data:blog.pageType == &quot;item&quot;'>
				<article class='post' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
					<div class='post-header'>	
						 <b:if cond='data:post.firstImageUrl'>
                          <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
                        </b:if>	
					<h1 class='post-title entry-title' itemprop='name'>
                              <b:if cond='data:post.link'>
                                <a expr:href='data:post.link'>
                                  <data:post.title/>
                                </a>
                                <b:else/>
                                <b:if cond='data:post.url'>
                                  <b:if cond='data:blog.url != data:post.url'>
                                    <a expr:href='data:post.url'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                              </b:if>
                            </h1>
<div class='post-info'>
                          <b:if cond='data:top.showAuthor'>
                            <b:if cond='data:post.authorProfileUrl'>
                              <span class='author-info'>
                               
                                <span class='vcard'>
                                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                    <i class='fa fa-user'/>  <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                      <span itemprop='name'>
                                        <data:post.author/>
                                      </span>
                                    </a>
                                  </span>
                                </span>
                              </span>
                              <b:else/>
                              <span class='author-info'>
                                <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                  <span itemprop='name'>
                                    <data:post.author/>
                                  </span>
                                </span>
                              </span>
                            </b:if>
                          </b:if>
                          <b:if cond='data:top.showTimestamp'>
                            <b:if cond='data:post.url'>
                              <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                              <span class='time-info'>
                                <l/>
                                <i class='fa fa-clock-o'/>  <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                  <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                    <data:post.timestamp/>
                                  </abbr>
                                </a>
                              </span>
                            </b:if>
                          </b:if>
                       
                          
                      
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <b:if cond='data:post.labels'>
                              <span class='label-info'>
                                <i class='fa fa-tags'/>
                                <b:loop values='data:post.labels' var='label'>
                                  <a expr:href='data:label.url' rel='tag'>
                                    <data:label.name/>
                                  </a>
                                  <b:if cond='data:label.isLast != &quot;true&quot;'>
                                    ,
                                  </b:if>
                                </b:loop>
                              </span>
                            </b:if>
                          </b:if>
                          <b:include data='post' name='postQuickEdit'/>
                        </div>						

					</div>
					<div class='post-entry' itemprop='articleBody'>
						<p><data:post.body/></p>
					</div>

					
<div class='post_social_share'>
    <h3>SHARE ON:</h3>
    <div class='share_this_content'>
      
      
      <a class='social_share' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><i class='fa fa-twitter'/></a>
      <a class='social_share' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href,   &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);return false;' rel='nofollow' title='Share this on Google+'><i class='fa fa-google-plus'/></a>
      <a class='social_share' href='#'><i class='fa fa-reddit'/></a>
      <a class='social_share'><i class='fa fa-digg'/></a>
      <a class='social_share' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><i class='fa fa-facebook'/></a>
     
    </div>
</div>


                            <div style='clear: both;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<ul class='mbt-pager'>
        <li class='next'> 
<b:if cond='data:newerPageUrl'> 
<i class='fa fa-chevron-right'/><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/> 
<b:else/> 
<i class='fa fa-chevron-right'/><a rel='next'><strong>Next</strong> <span>You are viewing Most Recent Post</span></a> 
</b:if> 
</li>
    <li class='previous'> 
<b:if cond='data:olderPageUrl'> 
<i class='fa fa-chevron-left'/><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/> 
<b:else/> 
<i class='fa fa-chevron-left'/><a rel='previous'><strong>Previous</strong> <span>You are viewing Last Post</span></a> 
</b:if> 
</li>
    </ul>

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

                            

				<div class='clear'/>
                   
                   
				</article>
<b:include name='authorblog'/>
                            <!-- Related Post Widget Start -->
                           

<div class='relate' style='background:#fff;height:270px;'>
                           <div id='related-posts'>
							<div class='large-12 column'>
			<h2 class='fword'>Related Posts</h2>
		</div>
                          
                        <b:loop values='data:post.labels' var='label'>
                          <b:if cond='data:label.isLast != &quot;true&quot;'>
                          </b:if>
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=8&quot;' type='text/javascript'/>
                          </b:if>
                        </b:loop>
                        <script type='text/javascript'>
                          var currentposturl=&quot;<data:post.url/>&quot;;
                          var maxresults=3;
                          var relatedpoststitle=&quot;<b/>&quot;;
                          removeRelatedDuplicates_thumbs();
                          printRelatedLabels_thumbs();
                        </script>
  </div></div>
			  <b:else/>
				<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
					<article class='post'>
						<div class='post-header'>		
							<h2>
								<data:post.title/>
							</h2>
						</div>
						<div class='post-entry'>
							<p><data:post.body/></p>
						</div>
						<div class='post-share'>
							<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' target='_blank'><span class='share-box'><i class='fa fa-facebook'/></span></a>
							<a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' target='_blank'><span class='share-box'><i class='fa fa-twitter'/></span></a>
							<a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());' target='_blank'><span class='share-box'><i class='fa fa-pinterest'/></span></a>
							<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' target='_blank'><span class='share-box'><i class='fa fa-google-plus'/></span></a>
							<a expr:href='data:post.url'><span class='share-box'><i class='fa fa-comment-o'/></span></a>		
						</div>
					</article>
					
				<b:else/>










<b:if cond='data:post.isFirstPost'>

<article class='post kite wow' data-wow-duration='2s'>		
						<b:if cond='data:post.title'>
<h3 style='display: none'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/><data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
						<div expr:id='&quot;summary&quot; + data:post.id' style='display:none;'>
							<data:post.body/>
						</div>
						<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.timestamp/>&quot;,&quot;<data:post.numComments/>&quot;,&quot;<data:post.author/>&quot;,&quot;<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=6&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> ,</b:if></b:loop>&quot;);</script>    	
						
					</article>	
  <b:else/>






























					<article class='post wow' data-wow-duration='2s'>		
						<b:if cond='data:post.title'>
<h3 style='display: none'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/><data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
						<div expr:id='&quot;summary&quot; + data:post.id' style='display:none;'>
							<data:post.body/>
						</div>
						<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.timestamp/>&quot;,&quot;<data:post.numComments/>&quot;,&quot;<data:post.author/>&quot;,&quot;<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=6&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> ,</b:if></b:loop>&quot;);</script>    	
						
					</article>		
		
								


                  </b:if>
























				</b:if>
			</b:if>												
		</b:includable>
                    <b:includable id='postQuickEdit' var='post'>
                      <b:if cond='data:post.editUrl'>
                        <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                          <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                            <!-- <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> -->
                            <b style='color:#EE3322;'>
                              <i class='fa fa-pencil'/>
                              Edit
                            </b>
                          </a>
                        </span>
                      </b:if>
                    </b:includable>
                    <b:includable id='shareButtons' var='post'>
                      <b:if cond='data:top.showEmailButton'>
                        <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.emailThisMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showBlogThisButton'>
                        <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.blogThisMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showTwitterButton'>
                        <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.shareToTwitterMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showFacebookButton'>
                        <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.shareToFacebookMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showOrkutButton'>
                        <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.shareToOrkutMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showDummy'>
                        <div class='goog-inline-block dummy-container'>
                          <data:post.dummyTag/>
                        </div>
                      </b:if>
                    </b:includable>
                    <b:includable id='status-message'>
                      <b:if cond='data:navMessage'>
                        <div class='status-msg-wrap'>
                          <div class='status-msg-body'>
                            <data:navMessage/>
                          </div>
                          <div class='status-msg-border'>
                            <div class='status-msg-bg'>
                              <div class='status-msg-hidden'>
                                <data:navMessage/>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div style='clear: both;'/>
                      </b:if>
                    </b:includable>
                    <b:includable id='threaded-comment-form' var='post'>
                      <div class='comment-form'>
                        <a name='comment-form'/>
                        <b:if cond='data:mobile'>
                          <div class='pesan-komentar'>
                            <p>
                              <data:blogCommentMessage/>
                            </p>
                          </div>
                          <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/>
                          <div class='pesan-komentar'>
                            <p>
                              <data:blogCommentMessage/>
                            </p>
                          </div>
                          <data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                        </b:if>
                        <data:post.friendConnectJs/>
                        <data:post.cmtfpIframe/>
                        <script type='text/javascript'>
                          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                        </script>
                      </div>
                    </b:includable>
                    <b:includable id='threaded_comment_js' var='post'>
                      <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                      <script type='text/javascript'>
                        (function() {
                          var items = <data:post.commentJso/>;
                          var msgs = <data:post.commentMsgs/>;
                          var config = <data:post.commentConfig/>;
                          // <![CDATA[
                          var cursor = null;
                          if (items && items.length > 0) {
                            cursor = parseInt(items[items.length - 1].timestamp) + 1;
                          }
                          var bodyFromEntry = function(entry) {
                            if (entry.gd$extendedProperty) {
                              for (var k in entry.gd$extendedProperty) {
                                if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                                  return '<span class="deleted-comment">' + entry.content.$t + '</span>';
                                }
                              }
                            }
                            return entry.content.$t;
                          }
                          var parse = function(data) {
                            cursor = null;
                            var comments = [];
                            if (data && data.feed && data.feed.entry) {
                              for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                                var comment = {};
                                // comment ID, parsed out of the original id format
                                var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                                comment.id = id ? id[2] : null;
                                comment.body = bodyFromEntry(entry);
                                comment.timestamp = Date.parse(entry.published.$t) + '';
                                if (entry.author && entry.author.constructor === Array) {
                                  var auth = entry.author[0];
                                  if (auth) {
                                    comment.author = {
                                      name: (auth.name ? auth.name.$t : undefined),
                                      profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                      avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                                    };
                                  }
                                }
                                if (entry.link) {
                                  if (entry.link[2]) {
                                    comment.link = comment.permalink = entry.link[2].href;
                                  }
                                  if (entry.link[3]) {
                                    var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                                    if (pid && pid[1]) {
                                      comment.parentId = pid[1];
                                    }
                                  }
                                }
                                comment.deleteclass = 'item-control blog-admin';
                                if (entry.gd$extendedProperty) {
                                  for (var k in entry.gd$extendedProperty) {
                                    if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                      comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                                    } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                                      comment.displayTime = entry.gd$extendedProperty[k].value;
                                    }
                                  }
                                }
                                comments.push(comment);
                              }
                            }
                            return comments;
                          };
                          var paginator = function(callback) {
                            if (hasMore()) {
                              var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                              if (cursor) {
                                url += '&published-min=' + new Date(cursor).toISOString();
                              }
                              window.bloggercomments = function(data) {
                                var parsed = parse(data);
                                cursor = parsed.length < 50 ? null
                                : parseInt(parsed[parsed.length - 1].timestamp) + 1
                                callback(parsed);
                                window.bloggercomments = null;
                              }
                              url += '&callback=bloggercomments';
                              var script = document.createElement('script');
                              script.type = 'text/javascript';
                              script.src = url;
                              document.getElementsByTagName('head')[0].appendChild(script);
                            }
                          };
                          var hasMore = function() {
                            return !!cursor;
                          };
                          var getMeta = function(key, comment) {
                            if ('iswriter' == key) {
                              var matches = !!comment.author
                              && comment.author.name == config.authorName
                              && comment.author.profileUrl == config.authorUrl;
                              return matches ? 'true' : '';
                            } else if ('deletelink' == key) {
                              return config.baseUri + '/delete-comment.g?blogID='
                              + config.blogId + '&postID=' + comment.id;
                            } else if ('deleteclass' == key) {
                              return comment.deleteclass;
                            }
                            return '';
                          };
                          var replybox = null;
                          var replyUrlParts = null;
                          var replyParent = undefined;
                          var onReply = function(commentId, domId) {
                            if (replybox == null) {
                              // lazily cache replybox, and adjust to suit this style:
                              replybox = document.getElementById('comment-editor');
                              if (replybox != null) {
                                replybox.height = '250px';
                                replybox.style.display = 'block';
                                replyUrlParts = replybox.src.split('#');
                              }
                            }
                            if (replybox && (commentId !== replyParent)) {
                              document.getElementById(domId).insertBefore(replybox.parentNode, null);
                              replybox.src = replyUrlParts[0]
                              + (commentId ? '&parentID=' + commentId : '')
                              + '#' + replyUrlParts[1];
                              replyParent = commentId;
                            }
                          };
                          var hash = (window.location.hash || '#').substring(1);
                          var startThread, targetComment;
                          if (/^comment-form_/.test(hash)) {
                            startThread = hash.substring('comment-form_'.length);
                          } else if (/^c[0-9]+$/.test(hash)) {
                            targetComment = hash.substring(1);
                          }
                          // Configure commenting API:
                          var configJso = {
                            'maxDepth': config.maxThreadDepth
                          };
                          var provider = {
                            'id': config.postId,
                            'data': items,
                            'loadNext': paginator,
                            'hasMore': hasMore,
                            'getMeta': getMeta,
                            'onReply': onReply,
                            'rendered': true,
                            'initComment': targetComment,
                            'initReplyThread': startThread,
                            'config': configJso,
                            'messages': msgs
                          };
                          var render = function() {
                            if (window.goog && window.goog.comments) {
                              var holder = document.getElementById('comment-holder');
                              window.goog.comments.render(holder, provider);
                            }
                          };
                          // render now, or queue to render when library loads:
                          if (window.goog && window.goog.comments) {
                            render();
                          } else {
                            window.goog = window.goog || {};
                            window.goog.comments = window.goog.comments || {};
                            window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                            window.goog.comments.loadQueue.push(render);
                          }
                        })();
                        // ]]>
                      </script>
                    </b:includable>
                    <b:includable id='threaded_comments' var='post'>

<div class='large-12 column'>

</div>
                     <div id='top-comment'>
<div class='widget2' id='top-comment1'> 

<div class='centerare1'>

  <div class='comments' id='comments'>
    <a name='comments'/>
<div class='komhead'>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h4>
<div class='stripe-line'/>
</div>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

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

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

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>		

</div>

</div>


</div>
                      
<div style='clear: both;'/>
                    </b:includable>
                  </b:widget>
                </b:section>

         
            </div>
          </div>
          <!-- post wrapper end -->
        </div>
        <!--my wrapper end -->
        <!-- sidebar wrapper start -->
        <!-- sidebar wrapper start -->
        <aside id='sidebar-wrapper'>
          <div class='sidebar-container'>
           
             
            <b:section class='sidebar section' id='sidebar' preferred='yes'>
              <b:widget id='HTML1' locked='false' title='About Author' type='HTML'>
                <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
              </b:widget>
              <b:widget id='HTML10' locked='false' title='Let&apos;s Socialize' type='HTML'>
                <b:includable id='main'>
                  <!-- only display title if it's non-empty -->
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
                  <b:include name='quickedit'/>
                </b:includable>
              </b:widget>
              <b:widget id='Label3' locked='false' title='Categories' type='Label'>
                <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
              </b:widget>
              <b:widget id='HTML4' locked='false' title='Follow us on Facebook' type='HTML'>
                <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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



<div id='sidebartab'>
              <div id='tab'>
                <!--Sidebar Tabs Widgets Started-->
                <div class='tab-widget-menu'>
                  <ul>
					
                    <li class='tab2'>
                      Recent
                    </li>
                    <li class='tab3'>
                      Video
                    </li>
                    <li class='tab4'>
                     Tags
                    </li>
                  </ul>
                  <div class='clear'/>
                </div>
				
                <div class='widget1' id='tab2'>
                  <b:section class='sidebar' id='tab1-popular-posts' showaddelement='yes'>
                    <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
                      <b:includable id='main'>
                        <b:if cond='data:title'>
                          <h2>
                            <data:title/>
                          </h2>
                        </b:if>
                        <div class='widget-content popular-posts'>
                          <ul>
                            <b:loop values='data:posts' var='post'>
                              <li>
                                <b:if cond='data:showThumbnails == &quot;false&quot;'>
                                  <b:if cond='data:showSnippets == &quot;false&quot;'>
                                    <!-- (1) No snippet/thumbnail -->
                                    <a expr:href='data:post.href'>
                                      <b>
                                        <data:post.title/>
                                      </b>
                                    </a>
                                    <b:else/>
                                    <!-- (2) Show only snippets -->
                                    <div class='item-title'>
                                      <a expr:href='data:post.href'>
                                        <b>
                                          <data:post.title/>
                                        </b>
                                      </a>
                                    </div>
                                    <div class='item-snippet'>
                                      <data:post.snippet/>
                                    </div>
                                  </b:if>
                                  <b:else/>
                                  <b:if cond='data:showSnippets == &quot;false&quot;'>
                                    <!-- (3) Show only thumbnails -->
                                    <div class='item-thumbnail-only'>
                                      <b:if cond='data:post.thumbnail'>
                                        <div class='item-thumbnail'>
                                          <a expr:href='data:post.href' target='_blank'>
                                            <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                          </a>
                                        </div>
                                      </b:if>
                                      <div class='item-title'>
                                        <a expr:href='data:post.href'>
                                          <b>
                                            <data:post.title/>
                                          </b>
                                        </a>
                                      </div>
                                    </div>
                                    <div style='clear: both;'/>
                                    <b:else/>
                                    <!-- (4) Show snippets and thumbnails -->
                                    <div class='item-content'>
                                      <b:if cond='data:post.thumbnail'>
                                        <div class='item-thumbnail'>
                                          <a expr:href='data:post.href' target='_blank'>
                                            <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                          </a>
                                        </div>
                                      </b:if>
                                      <div class='item-title'>
                                        <a expr:href='data:post.href'>
                                          <b>
                                            <data:post.title/>
                                          </b>
                                        </a>
                                      </div>
                                      <div class='item-snippet'>
                                        <data:post.snippet/>
                                      </div>
                                    </div>
                                    <div style='clear: both;'/>
                                  </b:if>
                                </b:if>
                              </li>
                            </b:loop>
                          </ul>
                          <b:include name='quickedit'/>
                        </div>
                      </b:includable>
                    </b:widget>
                  </b:section>
                </div>
                <div class='widget1' id='tab3'>
                  <b:section class='sidebar' id='tab2-recent-posts' showaddelement='yes'>
                    <b:widget id='HTML19' locked='false' title='Video Of Day' type='HTML'>
                      <b:includable id='main'>
                        <!-- only display title if it's non-empty -->
                        <b:if cond='data:title != &quot;&quot;'>
                          <h2 class='title'>
                            <data:title/>
                          </h2>
                        </b:if>
                        <div class='widget-content'>
                          <data:content/>
                        </div>
                        <b:include name='quickedit'/>
                      </b:includable>
                    </b:widget>
                  </b:section>
                </div>
                <div class='widget1 tagcloud' id='tab4'>
                  <b:section class='sidebar' id='tab3-comments' showaddelement='yes'>
                    <b:widget id='Label1' locked='false' title='Labels' type='Label'>
                      <b:includable id='main'>
                        <b:if cond='data:title'>
                          <h2>
                            <data:title/>
                          </h2>
                        </b:if>
                        <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                          <b:if cond='data:display == &quot;list&quot;'>
                            <ul>
                              <b:loop values='data:labels' var='label'>
                                <li>
                                  <b:if cond='data:blog.url == data:label.url'>
                                    <span expr:dir='data:blog.languageDirection'>
                                      <data:label.name/>
                                    </span>
                                    <b:else/>
                                    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                                      <data:label.name/>
                                    </a>
                                  </b:if>
                                  <b:if cond='data:showFreqNumbers'>
                                    <span dir='ltr'>
                                      (
                                      <data:label.count/>
                                      )
                                    </span>
                                  </b:if>
                                </li>
                              </b:loop>
                            </ul>
                            <b:else/>
                            <b:loop values='data:labels' var='label'>
                              <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
                                <b:if cond='data:blog.url == data:label.url'>
                                  <span expr:dir='data:blog.languageDirection'>
                                    <data:label.name/>
                                  </span>
                                  <b:else/>
                                  <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                                    <data:label.name/>
                                  </a>
                                </b:if>
                                <b:if cond='data:showFreqNumbers'>
                                  <span class='label-count' dir='ltr'>
                                    (
                                    <data:label.count/>
                                    )
                                  </span>
                                </b:if>
                              </span>
                            </b:loop>
                          </b:if>
                          <b:include name='quickedit'/>
                        </div>
                      </b:includable>
                    </b:widget>
                  </b:section>
                </div>
              </div>
              <div style='clear: both;'/>
              <script type='text/javascript'>
                //<![CDATA[
                $(document).ready(function(){
                  $('#tab .widget1').hide();
                  $('#tab .widget1:first').show();
                  $('.tab-widget-menu ul li:first').addClass('selected');
                  $('.tab-widget-menu ul li').click(function(){ 
                    $('.tab-widget-menu ul li').removeClass('selected');
                    $(this).addClass('selected');
                    $('#tab .widget1').hide();
                    $('#tab .widget1').eq($('.tab-widget-menu ul li').index(this)).slideDown()(500);
                  });
                });
                //]]>
              </script>
              <!--Sidebar Tabs Widgets End-->
            </div>




          </div>
        </aside>
        <!-- sidebar wrapper end -->
      </div>
      <!-- content wrapper end -->
      <div class='clear'/> 

    </div>
<div class='footermain'>
<!-- Footer Starts-->
 <footer id='footer-wrapper'>
<div class='container'>
        <div id='footer'>
          <div class='widget-area'>
            <b:section class='column' id='footer2' showaddelement='yes'>
              <b:widget id='HTML3' locked='false' title='About us' type='HTML'>
                <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
              </b:widget>
            </b:section>
            
            <b:section class='column last' id='footer3' showaddelement='yes'>
              <b:widget id='Label2' locked='false' title='Labels' type='Label'>
                <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
              </b:widget>
            </b:section>
            <b:section class='column last' id='footer4' showaddelement='yes'>
              <b:widget id='HTML2' locked='false' title='Flickr' type='HTML'>
                <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
              </b:widget>
            </b:section>
          </div>
          <!-- /.widget-area-->		
        </div>
        <div class='clear'/>

   </div>
      </footer>
<!-- Footer Ends-->

<div class='footer' id='footer1'>
		
		<div class='container clearfix'>
			
						
				<div class='go-top'>
					<a href='#'><i class='fa fa-angle-up'/></a>
				</div>
			
						
						
				<div class='social-icons'>
					 
						<a href='#'><i class='fa fa-facebook'/></a>
																<a href='#'><i class='fa fa-twitter'/></a>
																<a href='#'><i class='fa fa-google-plus'/></a>
																<a href='#'><i class='fa fa-dribbble'/></a>
																					<a href='#'><i class='fa fa-instagram'/></a>
																<a href='#'><i class='fa fa-linkedin'/></a>
																<a href='#'><i class='fa fa-tumblr'/></a>
																<a href='#'><i class='fa fa-flickr'/></a>
																<a href='#'><i class='fa fa-pinterest'/></a>
																<a href='#'><i class='fa fa-vimeo-square'/></a>
																			</div>
			
																				<div id='copyright'>
                                                                                  <div id='mycontent'/>Published By <a href='http://gooyaabitemplates.com/' rel='dofollow' target='_blank' title='Blogger Templates'>Gooyaabi Templates</a>
  </div>

						
		</div>
		
  </div>

      </div>
      <!-- footer wrapper start -->
      
      <!-- footer wrapper end -->
      <!-- wrapper end -->
    </div>

<style>

  #copyright{
color:#fff;
font-size: 15px;
}
  #copyright a{text-decoration:underline;color:#fff;}

a#mycontent {
color: #d5d5d5;
}
</style>
   
  
	<script type='text/javascript'>
//<![CDATA[
var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
$('#back-top').click(function(){$('.st-content').animate({scrollTop:0},'slow');$('html, body').animate({scrollTop:0},'slow');return false;});

//]]>
</script>
	
    <script type='text/javascript'>
      //<![CDATA[
      /*! Matt Tabs v2.2.1 | https://github.com/matthewhall/matt-tabs */
      !function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
      //]]>
    </script>
    

<script>
//<![CDATA[
jQuery.easing.jswing=jQuery.easing.swing,jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,d,e){return jQuery.easing[jQuery.easing.def](a,b,c,d,e)},easeInQuad:function(a,b,c,d,e){return d*(b/=e)*b+c},easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,b,c,d,e){return d*(b/=e)*b*b+c},easeOutCubic:function(a,b,c,d,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b+c:d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,b,c,d,e){return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,b,c,d,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b*b+c:-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,b,c,d,e){return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,b,c,d,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b*b*b+c:d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,b,c,d,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:function(a,b,c,d,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,b,c,d,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,b,c,d,e){return 0==b?c:d*Math.pow(2,10*(b/e-1))+c},easeOutExpo:function(a,b,c,d,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:function(a,b,c,d,e){return 0==b?c:b==e?c+d:(b/=e/2)<1?d/2*Math.pow(2,10*(b-1))+c:d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:function(a,b,c,d,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeOutCirc:function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:function(a,b,c,d,e){return(b/=e/2)<1?-d/2*(Math.sqrt(1-b*b)-1)+c:d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return-(h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g))+c},easeOutElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return h*Math.pow(2,-10*b)*Math.sin((b*e-f)*2*Math.PI/g)+d+c},easeInOutElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(2==(b/=e/2))return c+d;if(g||(g=e*.3*1.5),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return 1>b?-.5*h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+c:.5*h*Math.pow(2,-10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+d+c},easeInBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),d*(b/=e)*b*((f+1)*b-f)+c},easeOutBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),d*((b=b/e-1)*b*((f+1)*b+f)+1)+c},easeInOutBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),(b/=e/2)<1?d/2*b*b*(((f*=1.525)+1)*b-f)+c:d/2*((b-=2)*b*(((f*=1.525)+1)*b+f)+2)+c},easeInBounce:function(a,b,c,d,e){return d-jQuery.easing.easeOutBounce(a,e-b,0,d,e)+c},easeOutBounce:function(a,b,c,d,e){return(b/=e)<1/2.75?d*7.5625*b*b+c:2/2.75>b?d*(7.5625*(b-=1.5/2.75)*b+.75)+c:2.5/2.75>b?d*(7.5625*(b-=2.25/2.75)*b+.9375)+c:d*(7.5625*(b-=2.625/2.75)*b+.984375)+c},easeInOutBounce:function(a,b,c,d,e){return e/2>b?.5*jQuery.easing.easeInBounce(a,2*b,0,d,e)+c:.5*jQuery.easing.easeOutBounce(a,2*b-e,0,d,e)+.5*d+c}});

//]]>
</script>


<script>
//<![CDATA[

/**
 * author Remy Sharp
 * url http://remysharp.com/2009/01/26/element-in-view-event-plugin/
 */
(function ($) {
    function getViewportHeight() {
        var height = window.innerHeight; // Safari, Opera
        var mode = document.compatMode;

        if ( (mode || !$.support.boxModel) ) { // IE, Gecko
            height = (mode == 'CSS1Compat') ?
            document.documentElement.clientHeight : // Standards
            document.body.clientHeight; // Quirks
        }

        return height;
    }

    $(window).scroll(function () {
        var vpH = getViewportHeight(),
            scrolltop = (document.documentElement.scrollTop ?
                document.documentElement.scrollTop :
                document.body.scrollTop),
            elems = [];
        
        // naughty, but this is how it knows which elements to check for
        $.each($.cache, function () {
            if (this.events && this.events.inview) {
                elems.push(this.handle.elem);
            }
        });

        if (elems.length) {
            $(elems).each(function () {
                var $el = $(this),
                    top = $el.offset().top,
                    height = $el.height(),
                    inview = $el.data('inview') || false;

                if (scrolltop > (top + height) || scrolltop + vpH < top) {
                    if (inview) {
                        $el.data('inview', false);
                        $el.trigger('inview', [ false ]);                        
                    }
                } else if (scrolltop < (top + height)) {
                    if (!inview) {
                        $el.data('inview', true);
                        $el.trigger('inview', [ true ]);
                    }
                }
            });
        }
    });
    
    // kick the event to pick up any elements already in view.
    // note however, this only works if the plugin is included after the elements are bound to 'inview'
    $(function () {
        $(window).scroll();
    });
})(jQuery);


//]]>
</script>

<script>
//<![CDATA[
$(document).ready(function(){function e(){var b=a.height(),c=$("#nav").height()/2,d=b/2,e=d-c;$("#nav").css({top:e})}function f(a,b,c,d,e){return a+"% "+-(b+c-d)*e+"px"}function g(){var e=a.scrollTop();b.hasClass("inview")&&(b.css({backgroundPosition:f(0,d,e,500,0)}),c.css({backgroundPosition:f(50,d,e,400,.2)})),$("#pixels").html(e)}var a=$(window),b=$("#intro"),c=$("#intro .bg1"),d=a.height();$("#intro").bind("inview",function(a,b){1==b?$(this).addClass("inview"):$(this).removeClass("inview")}),e(),a.resize(function(){g(),e()}),a.bind("scroll",function(){g()})});
//]]>
</script>
   <script src='http://yourjavascript.com/145509316211/sticky-nav.js' type='text/javascript'/>
    
    

<script type='text/javascript'> 
        jQuery(document).ready(function() {
            jQuery(&quot;nav&quot;).sticky({topSpacing:0});
            
        });      
    </script>

    
<script src='http://yourjavascript.com/91513642043/wow-loader.js' type='text/javascript'/>



 <script type='text/javascript'>//<![CDATA[
// WOW
	new WOW(
		{ offset: 100 }
	).init();
	


    
//]]>
</script>

  </body>
</html>