<?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'>
  <head>
    <!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Oswald&amp;ver=4.0.1' id='heading_font-css' media='all' rel='stylesheet' type='text/css'/>
    <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>
    <meta content='YOUR_APPLICATION_ID' property='fb:app_id'/>
    <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'/>
    <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
    <link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>

    &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* 
    <b:skin><![CDATA[
      
/*
-----------------------------------------------
Blogger Template Style
Name:        Daily News
Author :     http://www.soratemplates.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: 70%;
}
body#layout #post-wrapper {
width: 60%;
float: left;
}
body#layout #sidebar-narrow {
width: 22%;
}
body#layout div#main {
width: 100%;
}

.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{color:#0094C3;text-decoration:none;
}
a img{border:none;border-width:0;outline:none;
}
abbr,acronym{border-bottom:1px dotted;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%
}

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{margin:.5em 0
}
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:100%;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:#F6F5F2 none repeat scroll top left;
margin:0 0 0 0;
padding:0 0 0 0;
color:#333333;
font:normal normal 13px Arial, sans-serif;
text-align:left;
background-color: #F6F5F2;
background-size: auto;
}
/* outer-wrapper */
#outer-wrapper {
background:#ffffff;
max-width:1196px;
margin:0px auto;
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
overflow:hidden;
}
/* NAVIGATION MENU */
.top-menu {
font-size: 13px;
font-family: Arial;
margin: 0 auto;
height: 35px;
background: #06AFE4;
overflow: hidden;
padding: 0px;
font-weight: 600;
}
.menubar {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menubar li {
display:block;
float:left;
line-height:38px;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menubar li a {
color: #fff;
display: block;
padding: 0 12px;
}
.menubar li a:hover {
color:#f9f9f9;
}

.menubar li:before {
position: absolute;
top: 0px;
left: -1px;
display: block;
content: '';
height: 100%;
width: 1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url('http://4.bp.blogspot.com/-vnZoSO0P0-s/VOuuZjfPE8I/AAAAAAAAEEw/55v8ubYmgrM/s1600/header-separator.png') repeat transparent;
z-index: 9999;
}

ul.socialbar {
height:38px;
margin:-4px 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;
min-height: 150px;

}
.header {
width: 100%;
max-width: 100%;
margin: 18px 0 0;
}
.header h1.title,.header p.title {
font:normal bold 70px Fjalla One, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
text-transform:uppercase;
}

.titlewrapper {
text-align: center;
}
.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:29px 0;
width:72.8%;
max-width:728px;
}
.header-right img {
display:block;
}
#nav {


height: 48px;
line-height: 48px;
background: #2c2c2c;
margin: 0 auto;
min-height: 50px;
z-index: 12;
/* padding: 0 27px; */
width: 100%;

background: #06AFE4;
border-bottom: 4px solid #5C5C5C;
background: rgb(125,185,232);
border-top-right-radius: 2px;
margin-bottom: 5px;
border-top-left-radius: 2px;
background: -moz-linear-gradient(left, rgba(125,185,232,1) 4%, rgba(41,137,216,1) 36%, rgba(30,87,153,1) 84%);
background: -webkit-gradient(linear, left top, right top, color-stop(4%,rgba(125,185,232,1)), color-stop(36%,rgba(41,137,216,1)), color-stop(84%,rgba(30,87,153,1)));
background: -webkit-linear-gradient(left, rgba(125,185,232,1) 4%,rgba(41,137,216,1) 36%,rgba(30,87,153,1) 84%);
background: -o-linear-gradient(left, rgba(125,185,232,1) 4%,rgba(41,137,216,1) 36%,rgba(30,87,153,1) 84%);
background: -ms-linear-gradient(left, rgba(125,185,232,1) 4%,rgba(41,137,216,1) 36%,rgba(30,87,153,1) 84%);
background: linear-gradient(to right, rgba(125,185,232,1) 4%,rgba(41,137,216,1) 36%,rgba(30,87,153,1) 84%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 );
}
.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 15px;
}
.menubar2 li {
position: relative;
margin:0 0;
padding: 0 1px 0 0;
}
.menubar2 > li {
float: left;
}
.menubar2 > li > a {
display: block;
height:50px;
line-height:50px;
font-size: 16px;
text-decoration: none;
color: #57595a;
font-family: Oswald, 'Droid Sans', sans-serif;
color: #fff;
padding: 0 14px;
}

.menubar2 > li:hover > a {
background:#212326;
color:#fff;
}
.menubar2 li ul {
background: #2c2c2c;
display:block;
position:absolute;
left:0;
z-index:999999999999999;
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;
position: relative;
z-index: 100;
line-height: 32px;
border-bottom: 1px solid #222;
font-size: 16px;
padding: 2px 4px 2px 12px;
text-decoration: none;
color: #ddd;
font-family: Oswald, 'Droid Sans', sans-serif;
}
ul#menu-main li:before {
position: absolute;
top: 0px;
left: -1px;
display: block;
content: '';
height: 100%;
width: 1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url('http://4.bp.blogspot.com/-vnZoSO0P0-s/VOuuZjfPE8I/AAAAAAAAEEw/55v8ubYmgrM/s1600/header-separator.png') repeat transparent;
z-index: 1;
}


.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 {
font-size: 25px;
padding: 12px 5px;
}
/* CONTENT WRAPPER */
#content-wrapper {
background-color:transparent;
margin: 0 auto;
padding: 10px 28px 0;
word-wrap:break-word;
}
.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 {
background:transparent;
float:left;
width:825px;
max-width:825px;
margin: 0 10px 10px 0;
}
.post-container {
padding:15px 0px 0 0;
}
.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;}
.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;
margin:0 0 15px;
padding:15px 0;
border-bottom: 1px solid #E2E2E2;
}
.post-body {
line-height:1.6em;
}
h2.post-title, h1.post-title {
font:normal normal 20px Fjalla One, Helvetica, Arial, sans-serif;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:#383838;
}
h2.post-title a:hover, h1.post-title a:hover {
color:#0072C6;
}
.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:200px;
height:150px;
margin:0 15px 0 0;
}
.img-thumbnail img {
width:200px;
height:150px;
}
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: 11px;
padding: 5px 0;
border-bottom: 1px dotted #dedede;
border-top: 1px dotted #dedede;
}
.post-info a {
display:inline-block;
color:#666666;
}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:12px;
display:inline;
}
a.readmore {
display:inline-block;
margin:15px 0 0;
background-color:#ffffff;
border:1px solid #dddddd;
padding:0px 10px;
line-height:26px;
color:#333333;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
a.readmore:hover  {
border:1px solid #aaaaaa;
}
/* 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 {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:$(readmore.color);
background-color:$(readmore.background.color);
border: 1px solid $(readmore.border.color);
}
.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
border: 1px solid $(readmore.hover.color);
}
.pagenavi .pages {
display:none;
}
/* SIDEBAR WRAPPER */
#sidebar-wrapper {
background:transparent;
float:right;
width:30%;
max-width:300px;
margin:0 auto;
}
.sidebar-container {
padding:15px 0;
}
.sidebar h2, .panel h2 {
color:#333333;
margin:0 0 10px 0;
padding:6px 0;
text-transform:uppercase;
position:relative;
text-align: center;
border-top: 5px solid #06AFE4;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
border-bottom: 1px solid #EBEBEB;
line-height: 42px;
color: #222;
padding: 4px 5px 10px 8px;
text-transform: uppercase;
height: 40px;
font-size: 15px;
font-weight: bold;
text-align: center;

}

div#sidebar .widget {
border: 1px solid #ebebeb;
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
margin-bottom: 25px;
}


#sidebar h2 span, #sidebar-narrow h2 span {
color: #333;
font-size: 16px;
font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif;
font-weight: 600;
}

#bottombar h2 span {
color: #fff;
font-size: 16px;
font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif;
font-weight: 400;
}
#related-posts h2 span:after,#sidebar h2 span:after,#bottombar h2 span:after,#sidebar-narrow h2 span:after {

}
.sidebar h2:after, .panel h2:after {
content: " ";
width:90px;
height: 0px;
position: absolute;
left: 0;
bottom: -2px;
}
.sidebar .widget {
margin:0 0 15px;
}
.sidebar ul, .sidebar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.sidebar li {
margin:5px 0;
padding:0 0 0 0;
}
/* Recent Post */
.recent-post-title {
background: transparent;
margin: 0 0 15px;
padding: 0;
position: relative;
text-align: center;
border-top: 5px solid #06AFE4;
}

.recent-post-title span {
padding: 7px 10px;
font-size: 15px;
z-index: 999;
position: relative;

}


.recent-post-title h2 {
background: transparent;
color: #fff;
font-size: 18px;
font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif;
font-weight: normal;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
border-bottom: 1px solid #EBEBEB;
line-height: 42px;
color: #222;
padding: 4px 5px 10px 8px;
text-transform: uppercase;
height: 40px;
font-size: 15px;
font-weight: bold;
text-align: center;

}
.recent-post-title h2 a {
color:#333;
}
.stylebox {
float: left;
width: 48.4%;
margin: 0 10px 0 0;
border: 1px solid #ebebeb;
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
margin-bottom: 25px;
}
.stylebox .widget {

}
.stylebox .widget-content {
background:#ffffff;
padding:0 15px;
}
.stylebox ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.stylebox1 {
float:left;
width:98%;
margin:0 0;
border: 1px solid #ebebeb;
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
margin-bottom: 25px;
}
.stylebox1 .widget {
padding:0 0px 15px 0;
}
.stylebox1 .widget-content {
background:#ffffff;
padding: 0 15px;
}
.stylebox1  ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
/* Recent Post */
ul.xpose_thumbs {
margin:0 0 0 0;
}
ul.xpose_thumbs li {
font-size:12px;
min-height:68px;
margin:0 0 8px;
padding:0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs .xpose_thumb {
position:relative;
background:#fbfbfb;
margin:3px 0 10px 0;
width:100%;
height:50px;
padding-bottom:46%;
overflow:hidden;
}
ul.xpose_thumbs .xpose_thumb img {
height:auto;
width:100%;
}
ul.xpose_thumbs1 {
margin:0 0 0 0;
width:100%;
float:left;
}
ul.xpose_thumbs1 li {
font-size:12px;
min-height:68px;
margin:0 0 8px;
padding:0 0 8px;

}
ul.xpose_thumbs1 .xpose_thumb {
position: relative;
background: #fbfbfb;
margin: 3px 0 10px 0;
width: 48%;
float: left;
height: 210px;
overflow:hidden;
}
ul.xpose_thumbs1 .xpose_thumb img {
height:auto;
width:100%;
}
ul.xpose_thumbs2 {
font-size:13px;
}
ul.xpose_thumbs2 li {
padding:0 0;
min-height:85px;
font-size:11px;
margin: 0 0 8px;
padding: 0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs2 .xpose_thumb2 {
background:#fbfbfb;
float:left;
margin:3px 14px 0 0;
height:80px;
width:80px;
}
ul.xpose_thumbs2 .xpose_thumb2 img {
height:80px;
width:80px;
}

.rightm {
/* margin-left: 33px; */
width: 49%;
float: right;
margin-top: 10px;
}

span.xpose_title {
display: block;
margin: 0 0 5px;
line-height: 1.4em;
font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif;
font-size: 22px;
font-weight: normal;
}
span.xpose_title2 {
font-size:18px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#666666;
}
span.xpose_meta {
font-size: 13px;
line-height: 24px;
color: #aaa;
font-family: Arial,'Droid Arabic Kufi', Helvetica, Georgia, serif;
}
span.xpose_meta a {
color:#aaa !important;
display:inline-block;
}
span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more  {
display:inline-block;
margin-right:8px;
}
span.xpose_meta_date:before {
content: "\f073";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_comment:before  {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_more:before {
content: "\f0a9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
ul.xpose_thumbs2 li a:hover, ul.xpose_thumbs li a:hover {
color:#7f0906;
}
ul.xpose_thumbs22 {
font-size:13px;
width:100%;
float:right;
}
ul.xpose_thumbs22 li {
padding:0 0;
min-height: 82px;
font-size: 11px;
margin: 0 0 8px;
width: 37%;
float: left;
padding: 0 0 8px;
border-bottom: 1px dotted #e5e5e5;
}
ul.xpose_thumbs22 .xpose_thumb2 {
background:#fbfbfb;
float:left;
margin:3px 14px 0 0;
height:80px;
width:80px;
}
ul.xpose_thumbs22 .xpose_thumb2 img {
height:80px;
width:80px;
}
span.xpose_title {
display: block;
margin: 0 0 5px;
line-height: 1.4em;
font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif;
font-size: 22px;
font-weight: normal;
}
span.xpose_title2 {
font-size:18px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#666666;
}
span.xpose_meta {
font-size: 13px;
line-height: 24px;
color: #aaa;
font-family: Arial,'Droid Arabic Kufi', Helvetica, Georgia, serif;
}
span.xpose_meta a {
color:#aaa !important;
display:inline-block;
}
span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more  {
display:inline-block;
margin-right:8px;
}
span.xpose_meta_date:before {
content: "\f073";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_comment:before  {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_more:before {
content: "\f0a9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
ul.xpose_thumbs22 li a:hover, ul.xpose_thumbs li a:hover {
color:#0094C3;
}
/* BOTTOMBAR */
#bottombar {
background: #252525;

overflow: hidden;
margin: 0 auto;
padding: 15px 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 Arial, sans-serif;
margin: 0 0 10px 0;
padding: 6px 0;
text-transform: uppercase;
position: relative;
color: #fff;
border-bottom: 1px dotted #5A5656;
padding: 10px 0;
}
#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 */
#footer-wrapper {
background:#353535;
margin:0 auto;
padding:8px 20px;
overflow:hidden;
color:#eeeeee;

-moz-box-shadow: 0px 0px 2px black;
-webkit-box-shadow: 0px 0px 2px black;
box-shadow: 0px 0px 2px black;
background: #303436;
margin: 0 auto;
font-size: 12px;
padding: 5px 20px;
border-top: 1px solid #3D3D3D;
}
.footer-left {
float:left;
margin:10px;
}
.footer-right {
float:right;
margin:10px;
}
#footer-wrapper a {
color:#eeeeee;
}
#footer-wrapper a:hover {
color:#ffffff;
}
/* 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 Arial, 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;
}

aside#sidebar-wrapper li {
/* margin-left: 15px; */
border-bottom: 1px solid #EEECEC;
padding: 5px 15px;
}
/* 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;
width:65px;
height:65px;
float:left;
}
.PopularPosts ul li {
margin:0 10% .4em 0 !important;
padding:.5em 1.5em .5em .5em !important;
counter-increment:num;
position:relative;
}

#bottombar .PopularPosts .item-title {
padding-bottom: .2em;
font-size: 16px;
font-weight: normal;
}

/* Set color and level */
.PopularPosts ul li {margin-right:1% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
font-size:11.5px;
}
.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 h2 > span{

padding: 8px 10px;
}
#related-posts{
float:left;
width:auto;
margin-bottom:40px;
}
#related-posts h2{
background: #06AFE4;
padding: 8px 0;
font: normal normal 18px Oswald;
text-transform: uppercase;
font: normal bold 12px Arial, sans-serif;
text-align: left;
color: #fff;
margin-bottom: 5px;
}
#related-posts .related_img {
padding:0px;
width:259px;
height:160px;
}
#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----------------*/
.sidebar-narrow{margin:0}
#sidebar-narrow .widget{margin-bottom:30px;}
#sidebar-narrow{float:left;width:160px;margin-right: 14px;
padding: 16px 10px 0 0px;}
div#main {
width: 800px;
}
div#mywrapper {
float: left;
width: 840px;
}
#sidebartab {
margin-bottom: 15px;
margin-top: -8px;
}
.tab-widget-menu {
height: 46px;
margin: 0;
padding: 8px 0 0 2px;
}
#sidebartab .widget {
margin-bottom: 0;
padding-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 {
background: #333;
bottom: -2px;
color: #FFF; 
cursor: pointer;
float: left;
height: 38px;
line-height: 38px;
margin: -2px 0px 0 0px;
padding: 0;
position: relative;
text-align: center;
width: 33.3%;
z-index: 2;
color: white;
font-size: 13px;
font-weight: bold;
font-family: Arial,'Droid Arabic Kufi', Helvetica, Georgia, serif;
}
.tab-widget-menu li.selected {
background:#06AFE4;
border-width: 1px 1px 3px;
color: #FFF;
margin-top: -2px;
}
#sidebartab .h2title, #sidebartab h2 {
display: none;
}
#sidebartab .h2titlesmall, #sidebartab h2 {
display: none;
}
#sidebartab .widget-content img {
padding: 2px;
border: 1px solid lightGrey;
width: 100px;
height: 100px;
}
#sidebartab .popular-posts li {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px solid #E9E9E9;
overflow: hidden;
padding: 10px 0;
}
.PopularPosts img:hover, #sidebartab .widget-content img:hover {
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
}
#sidebarlab .sidebar li a:hover {
color: #fff;
background: #222;
}
.PopularPosts a {font-weight:bold;}
.tagcloud a {
background: #e4e4e4;
color: #888;
display: block;
float: left;
font-size: 14px!important;
line-height: 12px;
margin: 0 2px 2px 0;
padding: 12px 17px;
}
.tagcloud a:link {
color: #888;
}
.tagcloud a:hover {
background: #06AFE4;
color: #fff;
}
.tagcloud1 a {
background: #434343;
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: #06afe4;
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{border:1px solid #ccc;padding:4px;background:#fff;float:left;margin:0 10px 5px 0;border:50%;box-shadow:0 0 3px 0 #b5b5b5;-moz-box-shadow:0 0 3px 0 #b5b5b5;-webkit-box-shadow:0 0 3px 0 #b5b5b5}
#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: 32px;
color: #fff;
float: left;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 25px;
}
#share-post
.facebook {
background-color: #436FC9;
}
#share-post
.twitter {
background-color: #40BEF4;
}
#share-post
.google {
background-color: #EC5F4A;
}
#share-post
span {
display: block;
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
background: url(http://4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/s1600/single-share.png) no-repeat;
}
#share-post
.facebook span {
background-color: #3967C6;
}
#share-post
.twitter span {
background-color: #26B5F2;
background-position: -72px 0;
}
#share-post
.google span {
background-color: #E94D36;
background-position: -144px 0;
}
/* Search Box
----------------------------------------------- */
#searchformfix
{
float:right;
overflow:hidden;
position:relative;
margin-right: 20px;
}
#searchform
{
margin:8px 0 0;
padding:0;
}
#searchform fieldset
{
padding:0;
border:none;
margin:0;
}
#searchform input[type="text"]{
background:#fff; border:none;
float:left; padding:0px 10px 0px 15px;
margin:0px; width:150px; height:34px;
line-height:34px;
transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-moz-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-webkit-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-o-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; color:#585858}
#searchform input[type=text]:hover,#searchform input[type=text]:focus
{
width:200px;
}
#searchform input[type=submit]
{
background:url(http://4.bp.blogspot.com/-R8OKVUsis3s/UgZEksy0V1I/AAAAAAAAAT4/QtN9sBHMZis/s1600/icon-search.png) center 9px no-repeat;
cursor:pointer;
margin:0;
padding:0;
width:37px;
height:34px;
line-height:34px;
background-color:#0062B2;
}
input[type=submit]
{
padding:4px 17px;
color:#ffffcolor:#585858;
text-transform:uppercase;
border:none;
font-size:20px;
background:url(gradient.png) bottom repeat-x;
cursor:pointer;
margin-top:10px;
float:left;
overflow:visible;
transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-webkit-transition:all .3s linear;
}
#searchform input[type=submit]:hover
{
background-color:#333;
}
.selectnav {
display:none;
}
/*---Flicker Image Gallery-----*/
.flickr_plugin {
width: 100%;
}
.flickr_badge_image {
float: left;
height: 70px;
margin: 10px 5px 0px 5px;
width: 70px;
}
.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;
}

div#top-nav {
height: 35px;
background: #06AFE4;
}

.container{
max-width: 1196px;
margin: 0px auto;}

/***** Social link*****/

ul.socialbar li,ul.socialbar li{
	float: left;
	margin-right: 0px;
	margin-bottom:0px;
	padding: 0px;
    display:block;
	width: auto;
background:#252525;
}		
ul.socialbar li a, ul.socialbar li a, a.soc-follow {
	display: block;
float: left;
margin: 0;
padding: 0;
width: 34px;
height: 36px;
margin-right: 2px;
margin-bottom: 0px;
text-indent: -9999px;
	-webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
       -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}	

a.soc-follow.dribbble {
	background: url(http://3.bp.blogspot.com/-NmMcKECatSQ/U6V_5SbOF1I/AAAAAAAAAkM/PWAmCSVs_wA/s1600/dribbble.png) no-repeat 0 0;
}
a.soc-follow.dribbble:hover {
	background-color: #ef5b92;
}

a.soc-follow.facebook {
	background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/facebook.png) no-repeat 0 0;
}
a.soc-follow.facebook:hover{
	background-color: #3b5998;
}
a.soc-follow.flickrs {
	background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/flickr.png) no-repeat 0 0;
}
a.soc-follow.flickrs:hover {
	background-color: #f1628b;
}

a.soc-follow.googleplus {
	background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/googleplus.png) no-repeat 0 0;
}
a.soc-follow.googleplus:hover {
	background-color: #d94a39;
}


a.soc-follow.linkedin {
	background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/linkedin.png) no-repeat 0 0;
}
a.soc-follow.linkedin:hover {
	background-color: #71b2d0;
}


a.soc-follow.twitter {
	background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/twitter.png) no-repeat 0 0;
}
a.soc-follow.twitter:hover {
	background-color: #48c4d2;
}
a.soc-follow.vimeo {
	background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/vimeo.png) no-repeat 0 0;
}
a.soc-follow.vimeo:hover {
	background-color: #62a0ad;
}
 
ul.socicon-2 li a:hover, ul.socicon li a:hover, a.soc-follow:hover {
	background-position: 0 -40px;
}


      /* === Features Slider === */
        #slider1{
          float:left;
          width:98%;
          max-height: 380px;
          margin:16px 0 0px 0;
          padding:0;
        }
        .sliderwrapper{
          float:left;
          width:100%;
          max-height:380px;
          height:100%;
          overflow:hidden;
          margin:0;
          padding:0
        }
        .sliderwrapper:hover{
          opacity:1;
          filter:alpha(opacity=100);
          -moz-opacity:1;
          -khtml-opacity:1
        }
        .sliderwrapper .contentdiv{
          float:left;
          width:100%;
          position:relative;
          padding:0;
          margin:0 0 10px 0;
        }
        #paginate-slider1 {
          position: absolute;
          top: 10px;
          left: 10px;
          text-align: center;
          height: 13px;
          z-index: 666;
          display: inline-flex;
        }
        .pagination a{
          font-size: 11px;
          background: rgba(0,0,0,0.5);
          display: block;
          cursor: pointer;
          text-indent: -9999px;
          border-radius: 100%;
          margin-left: 3px;
          width: 12px;
          height:12px;
        }
        .pagination{
          display:inline;
          margin:0;
        }
        .pagination a:hover,.pagination a.selected{
          background: #e2e2e2;
        }
        .featuredPost{ 
         width: 40%;
position: absolute;
top: 0;
right: 0;
background: rgba(32, 32, 32, 0.56);
padding: 5%;
color: white;
margin: 30px;
        }
        .featuredPost a{
          color:#fff
        }
        .featuredPost a:hover{
          color:#dedde5
        }
        .featuredPost h2{
          font-size:22px;
          line-height:normal;
          margin:0 20px 10px 20px
        }
        .featuredPost p{
          margin:0 20px;
        }
        .sliderpost {
          width:100%;
          min-height: 380px;
          margin:0;
          padding:0;
          vertical-align: middle;
        }
        img.sliderpost {
          max-height: 380px;
        }
        .thumbE img {
          min-height: 164px;
        }



.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 fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

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

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

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

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





@-webkit-keyframes bounceInDown {
  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, 25px, 0);
            transform: translate3d(0, 25px, 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: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  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, 25px, 0);
            transform: translate3d(0, 25px, 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: none;
            transform: none;
  }
}

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

.button_1 {
padding: 10px 15px;
border-radius: 1px;
color: white;
font-size: 12px;
width: 65px;
float: right;
margin-top: 10px;
line-height: 1;
font-weight: bold;
position: relative;
display: block;
text-shadow: 0 1px 0 #333;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
background-color: #06AFE4;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06AFE4), color-stop(100%, #06AFE4));
background-image: -webkit-linear-gradient(top, #06AFE4, #06AFE4); 
background-image: -moz-linear-gradient(top, #06AFE4, #06AFE4);
background-image: -ms-linear-gradient(top, #06AFE4, #06AFE4);
background-image: -o-linear-gradient(top, #06AFE4, #06AFE4);
background-image: linear-gradient(top, #06AFE4, #06AFE4);
border: 1px solid #6D9101;
box-shadow: inset 0 1px 0 0 #06AFE4;}

#thumb-wrapper, #box6{
width:400px;
margin:0 auto;
}

.news_pictures1 {
margin-bottom:20px;
}
.news_pictures1 .news_pictures_list {
overflow: hidden;
margin-right:-13px;
}
.news_pictures1 .news_pictures_list li {
float: left;
margin-right: 9px;
margin-bottom: 9px;width:205px; height:120px;
list-style:none;
overflow:hidden;
}
.news_pictures1 .news_pictures_list li a {
display: block;
}
.news_pictures1 .news_pictures_list li img {
padding: 0px;
border: 0px solid #eee;
}
.news_pictures1 .news_pictures_list li img {
width:205px; height:auto; min-height:120px;
}

#beakingnews {
float: left;
height: 30px;
line-height: 28px;
overflow: hidden;
width: 65%;
}
#recentpostbreaking li a {
color:#fff;
font-family: Open Sans,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
#recentpostbreaking li a:hover {
color:#333;
}
#beakingnews .tulisbreaking {
background:#333;
}
#beakingnews .tulisbreaking{
color:$(mainbgfontcol.background.color) !important;
}
#beakingnews .tulisbreaking {
color: #FFFFFF;
display: block;
float: left;
font-family: sans-serif;
padding: 2px 10px;
position: absolute;
font-family: Open Sans,sans-serif;
font-size: 14px;
font-weight: 400;
background: #06AFE4;
color: #FFF;
font-family: Oswald,arial,Georgia,serif;
text-transform: uppercase;
font-size: 10pt;
}
#recentpostbreaking {
float: left;
margin-left: 100px;
}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:2px  0 0}

*/]]></b:skin>
    <style>
     
      @media only screen and (max-width:768px){
        #selectnav1 {
          background: none repeat scroll 0 0 #333;
          border: 1px solid #232323;
          color: #FFF;
          width: 418px;
          margin: 8px 0px;
          float: left;
margin: 8px 11px;
        }
        .selectnav {
          display:block;
          width:50%;
          margin:0;
          padding:7px;
        }
      }
      @media only screen and (max-width:480px){
        #selectnav1 {
          width:254px;
margin: 8px 11px;
        }
      }
      @media only screen and (max-width:320px){
        #selectnav1 {
          width:280px;
        }
      }
      /* MEDIA QUERY */
      @media only screen and (max-width:1066px){
        #outer-wrapper {
          margin:0 auto;
        }
        #post-wrapper {
          width: 670px;
          max-width: 660px;
        }
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
#nav {

width: 960px;
}

ul.xpose_thumbs22 li {


width: 34%;

}

.stylebox {
          width: 48%;}
div#main {
width: 650px;
}
      }
      @media only screen and (max-width:1024px){
        #menu-main {
          display: none;
        }
        div#main {
          width: auto;
        }
#nav {
width: 715px;
}
        #post-wrapper {
          width: 730px;
          max-width: 730px;
        }
        #sidebar-wrapper{
          width:100%;
          max-width:100%;
        }
#searchformfix {
display: none;
}
      }
      @media only screen and (max-width:768px){
        #outer-wrapper {
          padding:0 12px;
        }
        #menu-main {
          display: none;
        }
#nav {
width: 440px;
}
ul.xpose_thumbs22 li {

          width: 28%;}
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        #post-wrapper, #sidebar-wrapper {
          float:none;
          width:100%;
          max-width:100%
        }
        .active {
          display: block;
        }
        .post-body img {
          max-width:90%;
        }
        .img-thumbnail {
          margin:0 10px 0 0;
        }
        .stylebox .widget {
          padding:0 0 10px 0;
        }
        #stylebox-1 .widget, #stylebox-3 .widget, #stylebox-5 .widget {
          padding:0 5px 10px 0;
        }
        #stylebox-2 .widget, #stylebox-4 .widget, #stylebox-6 .widget {
          padding:0 0 10px 5px;
        }
        .sidebar-container, .post-container {
          padding:15px 0 0px;
        }

.stylebox {
width: 47%;
}
ul.xpose_thumbs22 li {
width: 65%;
}
      }

      @media only screen and (max-width:640px){
        #outer-wrapper {
          padding:0 10px;
        }
        #menu-main {
          display: none;
        }
#nav {
width: 440px;
}
        #content-wrapper{padding:0 10px}
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        #post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center, #bottombar .right {
          float:none;
          width:100%;
          max-width:100%
        }
        .header, .header-right {
          margin:10px 0;
        }
        .sidebar-container, .post-container{
          padding:10px 0 0px;
        }
        .largebanner .widget, #bottombar {
          padding:10px;
        }
        .post, .breadcrumbs {
          margin:0 0 10px;
          padding:10px;
        }
        .pagenavi {
          margin: 6px 0 10px;
        }
        .stylebox .widget-content {
          padding:10px;
        }
        #bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget {
          margin:0 0 10px 0;
        }
      }
      @media only screen and (max-width:480px){
        #outer-wrapper {
          padding:0 8px;
        }
#nav {
width: 320px;
}
        ul.xpose_thumbs1,ul.xpose_thumbs22{width:100%}
        #menu-main {
          display: none;
        }
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        .header, .header-right, .stylebox,.stylebox1  {
          float:none;
          width:100%;
          max-width:100%
        }
        .header img {
          margin: 20px auto 0;
        }
        .largebanner .widget, #bottombar {
          padding:8px;
        }
        .post, .breadcrumbs {
          margin:0 0 8px;
          padding:8px;
        }
        .stylebox .widget-content,.stylebox1  .widget-content {
          padding:8px;
        }
        h2.post-title, h1.post-title {
          font-size:16px;
        }
        .img-thumbnail, .img-thumbnail img {
          width:120px;
          height:90px;
        }
        .img-thumbnail {
          margin:0 8px 0 0;
        }
        #stylebox-1 .widget, #stylebox-3 .widget,	#stylebox-2 .widget, #stylebox-4 .widget, #stylebox-5 .widget, #stylebox-6 .widget {
          padding:0 0 8px 0;
        }
        .comments .comment-block, .comments .comments-content .inline-thread {
          padding:10px !important;
        }
        .comment .comment-thread.inline-thread .comment {
          margin: 0 0 0 0 !important;
        }
        .footer-left, .footer-right {
          float:none;
          text-align:center;
        }
      }
      @media screen and (max-width:320px){
        #outer-wrapper {
          padding:0 6px;
        }
        #menu-main {
          display: none;
        }
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        .post, .breadcrumbs {
          padding:6px;
        }
        .stylebox .widget-content,.stylebox1  .widget-content {
          padding:6px;
        }
        .img-thumbnail, .img-thumbnail img {
          width:100px;
          height:80px;
        }
      }
    </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:36px;
        }

.top-comment-widget-menu {
float: left;
margin: -15px 0 15px;
padding: 0;
width: 100%;
height: 40px;
background: #444444 url(http://2.bp.blogspot.com/-YxxeRcqP6UI/U6V7A_pfmnI/AAAAAAAAAik/NyzEC4z7POQ/s1600/menu-bg2.png) repeat;
   
}

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

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

.top-comment.selected {
   cursor: pointer;
padding: 11px 20px !important;
margin: 0px 0 0 -16px;
color: #FFF;
background: #06AFE4;
   
-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;
}

      </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: #0088C2;
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;}
      </style>
    </b:if>


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

.camera_wrap a,.camera_wrap img,.camera_wrap ol,.camera_wrap ul,.camera_wrap li,.camera_wrap table,.camera_wrap tbody,.camera_wrap tfoot,.camera_wrap thead,.camera_wrap tr,.camera_wrap th,.camera_wrap td
          .camera_thumbs_wrap a,.camera_thumbs_wrap img,.camera_thumbs_wrap ol,.camera_thumbs_wrap ul,.camera_thumbs_wrap li,.camera_thumbs_wrap table,.camera_thumbs_wrap tbody,.camera_thumbs_wrap tfoot,.camera_thumbs_wrap thead,.camera_thumbs_wrap tr,.camera_thumbs_wrap th,.camera_thumbs_wrap td{background:none;border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;list-style:none}
          .camera_wrap{display:none;float:left;position:relative;z-index:0;width:98%;margin:10px 0 0 2px}
          .camera_wrap img{max-width:none!important}
          .camera_fakehover{height:100%;min-height:100px;position:relative;width:100%;z-index:1}
          .camera_src{display:none}
          .cameraCont,.cameraContents{height:100%;position:relative;width:100%;z-index:1}
          .cameraContents{position: relative;height: 100%;-webkit-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2), inset 0px -1px 5px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2), inset 0px -1px 5px rgba(0, 0, 0, 0.2);}
          .cameraSlide{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}
          .cameraContent{bottom:0;display:none;left:0;position:absolute;right:0;top:0;width:100%}
          .camera_target{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;text-align:left;top:0;width:100%;z-index:0}
          .camera_overlayer{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:0}
          .camera_target_content{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:2}
          .camera_target_content .camera_link{background:url(http://1.bp.blogspot.com/-HVkOhvZvPWE/UQlkh-TuJsI/AAAAAAAAIEI/3OoSgPgTtvk/s1600/blank.gif);display:block;height:100%;text-decoration:none}
          .camera_loader{background:url(http://1.bp.blogspot.com/-mkdSwR1OUmk/U66lTH3dCII/AAAAAAAAADc/jTDJaT4nalw/s1600/camera-loader.gif) no-repeat center;background:rgba(255,255,255,0.9) url(http://1.bp.blogspot.com/-mkdSwR1OUmk/U66lTH3dCII/AAAAAAAAADc/jTDJaT4nalw/s1600/camera-loader.gif) no-repeat center;border:1px solid #fff;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;height:36px;left:50%;overflow:hidden;position:absolute;margin:-18px 0 0 -18px;top:50%;width:36px;z-index:3}
          .camera_bar{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:3}
          .camera_thumbs_wrap.camera_left .camera_bar,.camera_thumbs_wrap.camera_right .camera_bar{height:100%;position:absolute;width:auto}
          .camera_thumbs_wrap.camera_bottom .camera_bar,.camera_thumbs_wrap.camera_top .camera_bar{height:auto;position:absolute;width:100%}
          .camera_nav_cont{height:65px;overflow:hidden;position:absolute;right:9px;top:15px;width:120px;z-index:4}
          .camera_caption{bottom: 0;display: block;position: absolute;width: 100%;}
          .camera_caption &gt; div{font-size:16px;line-height:23px;background: #333;background: rgba(51, 51, 51, 0.65);-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;}
          .camera_caption a{color:#fff;font:bold 18px Arial;margin:0 0px 10px 0;padding:5px 10px;display:block;background:#222;text-shadow:0 1px 0 rgba(0,0,0,0.5)}
          .camera_caption a:hover{color:#ccc}
          .camera_caption .comt{font:11px Tahoma;margin:5px 0 0;color:#ccc;padding:0 10px}
          .camera_caption p{font:12px Arial;margin:5px 0 0;padding:0 10px 10px}
          .camerarelative{overflow:hidden;position:relative}
          .imgFake{cursor:pointer}
          .camera_prevThumbs{bottom:4px;cursor:pointer;left:0;position:absolute;top:4px;visibility:hidden;width:30px;z-index:10}
          .camera_prevThumbs div{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat -160px 0;display:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px}
          .camera_nextThumbs{bottom:4px;cursor:pointer;position:absolute;right:0;top:4px;visibility:hidden;width:30px;z-index:10}
          .camera_nextThumbs div{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat -190px 0;display:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px}
          .camera_command_wrap .hideNav{display:none}
          .camera_command_wrap{left:0;position:relative;right:0;z-index:4}
          .camera_wrap .camera_pag .camera_pag_ul{list-style:none;margin:0;padding:0;text-align:center;}
          .camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:20px 5px;position:relative;text-align:left;text-indent:-9999px;width:16px}
          .camera_commands_emboss .camera_pag .camera_pag_ul li{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
          .camera_wrap .camera_pag .camera_pag_ul li &gt; span{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:8px;left:4px;overflow:hidden;position:absolute;top:4px;width:8px}
          .camera_commands_emboss .camera_pag .camera_pag_ul li:hover &gt; span{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
          .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent &gt; span{-moz-box-shadow:0;-webkit-box-shadow:0;box-shadow:0}
          .camera_pag_ul li img{display:none;position:absolute}
          .camera_pag_ul .thumb_arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;top:0;left:50%;margin-left:-4px;position:absolute}
          .camera_prev,.camera_next,.camera_commands{cursor:pointer;height:40px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:2}
          .camera_prev{left:0}
          .camera_prev &gt; span{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat 0 0;display:block;height:40px;width:40px}
          .camera_next{right:0}
          .camera_next &gt; span{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat -40px 0;display:block;height:40px;width:40px}
          .camera_commands{right:41px}
          .camera_commands &gt; .camera_play{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat -80px 0;height:40px;width:40px}
          .camera_commands &gt; .camera_stop{background:url(http://2.bp.blogspot.com/-YaxS-FOxSB0/U66gHR5oY2I/AAAAAAAAADM/bq-CYikTCHY/s1600/camera_skins.png) no-repeat -120px 0;display:block;height:40px;width:40px}
          .camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:13px 5px 0;position:relative;text-indent:-9999px;width:16px;}
          .camera_thumbs_cont{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;overflow:hidden;position:relative;width:100%}
          .camera_commands_emboss .camera_thumbs_cont{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
          .camera_thumbs_cont &gt; div{float:left;width:100%}
          .camera_thumbs_cont ul{overflow:hidden;padding:3px 4px 8px;position:relative;text-align:center}
          .camera_thumbs_cont ul li{display:inline;padding:0 4px}
          .camera_thumbs_cont ul li &gt; img{border:1px solid;cursor:pointer;margin-top:5px;vertical-align:bottom}
          .camera_clear{display:block;clear:both}
          .showIt{display:none}
          .camera_clear{clear:both;display:block;height:1px;margin:-1px 0 25px;position:relative}
          .pattern_1 .camera_overlayer{background:url(http://1.bp.blogspot.com/-UE3SGU33G4M/U66mWWtSHAI/AAAAAAAAADo/pZ8snDYdFpw/s1600/overlay1.png) repeat}
          .pattern_2 .camera_overlayer{background:url(http://4.bp.blogspot.com/-p17Uc2lSmJU/U66mWRTjWHI/AAAAAAAAADs/EvGwbLZgw48/s1600/overlay2.png) repeat}
          .pattern_3 .camera_overlayer{background:url(http://3.bp.blogspot.com/-CfNEZfxer9w/U66mW_3QscI/AAAAAAAAAD4/YljZIuJEFfk/s1600/overlay3.png) repeat}
          .pattern_4 .camera_overlayer{background:url(http://1.bp.blogspot.com/-jBKnSSBy7Es/U66mXKhtBKI/AAAAAAAAAD8/hqFZPMDlTaY/s1600/overlay4.png) repeat}
          .pattern_5 .camera_overlayer{background:url(http://3.bp.blogspot.com/-0c_un9-iZhc/U66mXupBnII/AAAAAAAAAEo/GPU_csW_ihc/s1600/overlay5.png) repeat}
          .pattern_6 .camera_overlayer{background:url(http://3.bp.blogspot.com/-9ABOatpfB7g/U66mXqukW7I/AAAAAAAAAEI/Db_bCYNmYWU/s1600/overlay6.png) repeat}
          .pattern_7 .camera_overlayer{background:url(http://2.bp.blogspot.com/-xmxLvymATEM/U66mXyZIjPI/AAAAAAAAAEQ/PnEVnZqpwIs/s1600/overlay7.png) repeat}
          .pattern_8 .camera_overlayer{background:url(http://4.bp.blogspot.com/-mLEw8aJUoag/U66mYRSAWxI/AAAAAAAAAEY/2n0K9vA9zwo/s1600/overlay8.png) repeat}
          .pattern_9 .camera_overlayer{background:url(http://3.bp.blogspot.com/-YEa5CZOboVc/U66mYrQ6aoI/AAAAAAAAAEg/q_enLliSb24/s1600/overlay9.png) repeat}
          .pattern_10 .camera_overlayer{background:url(http://3.bp.blogspot.com/-Jwjb2Uifs9g/U66mWRrmZyI/AAAAAAAAADw/B8c3osuainE/s1600/overlay10.png) repeat}
          .camera_caption{color:#fff}
          .camera_caption &gt; div{background:(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png)}
          .camera_wrap .camera_pag .camera_pag_ul li{background:#8cd700}
          .camera_wrap .camera_pag .camera_pag_ul li:hover &gt; span{background:#8cd700}
          .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent &gt; span{background:#06AFE4}
          .camera_pag_ul li img{border:3px solid #fff;-moz-box-shadow:0 3px 6px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);box-shadow:0 3px 6px rgba(0,0,0,.5)}
          .camera_pag_ul .thumb_arrow{border-top-color:#fff}
          .camera_prevThumbs,.camera_nextThumbs,.camera_prev,.camera_next,.camera_commands,.camera_thumbs_cont{background:#fff;background:rgba(216,216,216,0.85)}
          .camera_wrap .camera_pag .camera_pag_ul li{background:#fff;box-shadow:0 1px 3px #c3c3c3; -moz-box-shadow:0 1px 3px #c3c3c3; -webkit-box-shadow:0 1px 3px #c3c3c3}
          .camera_thumbs_cont ul li &gt; img{border-color:1px solid #000}
          /*ORANGE SKIN*/
          .camera_orange_skin .camera_prevThumbs div {
            background-position: -160px -920px;
          }
          .camera_orange_skin .camera_nextThumbs div {
            background-position: -190px -920px;
          }
          .camera_orange_skin .camera_prev &gt; span {
            background-position: 0 -920px;
          }
          .camera_orange_skin .camera_next &gt; span {
            background-position: -40px -920px;
          }
          .camera_orange_skin .camera_commands &gt; .camera_play {
            background-position: -80px -920px;
          }
          .camera_orange_skin .camera_commands &gt; .camera_stop {
            background-position: -120px -920px	;
          }

        #carousel {
          width: 1140px; 
          position: relative; 
          margin: 10px 0 0;
          height:185px;
overflow: hidden;
        }
        #carousel .content {
          position: relative;
          left: 0px;
          width: 1140px;
          overflow:hidden;
        }
        #carousel ul{
          width:10000px;
          position: relative;
          overflow:hidden;
          margin-top:0px;
        }
        #carousel ul li {
          display: block; 
          float: left; 
          margin:0;
          margin-right:2.5px;  
          width: 285px; 
          overflow: hidden;
          height:160px;
        }
        #carousel .thumbE{
          height:80px;
          width: 285px;
        }
        #carousel  #previous_button { 
         position: absolute;
bottom: 301px;
right: 26px;
width: 25px;
height: 30px;
cursor: pointer;
background: #85B200;
color: #fff;
z-index: 999;
        }
        #carousel #next_button { 
          position: absolute;
bottom: 301px;
right: 0px;
width: 25px;
height: 30px;
cursor: pointer;
background: #85B200;
color: #fff;
background-position: 100% 0;
z-index: 999;
        }
        #carousel #next_button:hover, #previous_button:hover { 
          -ms-filter: &quot;progid: DXImageTransform.Microsoft.Alpha(Opacity=80)&quot;; 
          filter: alpha(opacity=80); 
          opacity: 0.8; 
          transition: opacity .25s ease-in-out; 
          -moz-transition: opacity .25s ease-in-out; 
          -webkit-transition: opacity .25s ease-in-out; 
        }
        #carousel ul li a.slider_title{
          background: #111;
          opacity: 0.9;
          filter: alpha(opacity = 90);
          float: left;
          text-align: left;
          font: normal 14px Oswald;
          margin-top: 27px;
height: 100%;
          background-color: rgba(0,0,0,0.5);
          display: inline-block;
          color: #FFF!important;
          font: 14px/24px Helvetica,sans-serif;
          line-height: 20px;
          padding: 5px 10px 9px 10px;
          margin-bottom: -5px;
background: url(http://4.bp.blogspot.com/-BZwt9QQd6YY/U_HnWGG6IEI/AAAAAAAABTU/S-_vdDM_L5I/s1600/bg-gradient.png) 0 -38px repeat-x;
        }
        #carousel ul li a.slider_title:hover{
          color:#fc0;
        }
        .fa.fa-angle-right {
          font-size: 27px;
          margin-left: 8px;
        }
        .fa.fa-angle-left {
          font-size: 27px;
          margin-left: 8px;
        }
        #carousel #next_button:hover {
          background: #A9A9A9;
          color: #FFF;
        }
        #carousel  #previous_button:hover {
          background: #A9A9A9;
          color: #FFF;
        }

#carousel ul li img {
min-height: 165px;
object-fit: cover;
}

 @media only screen and (max-width:1066px){
          #carousel {
            width: 960px;
            overflow: hidden;
          }
        }
        @media only screen and (max-width:1024px){
          #carousel {
            width: 710px;
            overflow: hidden;
          }
        }
        @media only screen and (max-width:768px){
          #carousel {
            width: 438px;
            overflow: hidden;
          }
        }
        @media only screen and (max-width:480px){
          #carousel {
            display:none
          }
          
        }
  
       
      </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.pageType == &quot;static_page&quot;'>
<style>
.top-comment-widget-menu.clear {
display: none;
      }</style>

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

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

  
          //]]>
        </script>
        <script type='text/javascript'>
          var numposts = 1;
          var numposts2 = 4;
          var numposts3 = 5;
var numposts13 = 6;
          var showpostthumbnails = true;
          var showpostthumbnails2 = true;
          var displaymore = true;
          var displaymore2 = false;
          var showcommentnum = true;
          var showcommentnum2 = true;
          var showpostdate = true;
          var showpostdate2 = true;
          var showpostsummary = true;
          var numchars = 100;
          var thumb_width = 300;
          var thumb_height = 210;
          var thumb_width2 = 100;
          var thumb_height2 = 100;
          var no_thumb = &#39;http://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/w300-h140-c/no-image.png&#39;
          var no_thumb2 = &#39;http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s60-c/no-image.png&#39;
        </script>
        <script type='text/javascript'>
          //<![CDATA[
          function bp_thumbnail_resize(image_url,post_title)
          {
            var image_width=300;
            var image_height=210;
            image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
            if(post_title!="") return image_tag; else return ""; 
          }
          //]]>
        </script>
    
    <!-- author image in post-->
    <script style='text/javascript'>
      //<![CDATA[
      function authorshow(data) {
        for (var i = 0; i < 1; i++) {
          var entry = data.feed.entry[i];
          var avtr = entry.author[0].gd$image.src;
          document.write('<img width="60" height="60" src="' + avtr + '"/>');
        }
      }
      //]]>
    </script>
    <script type='text/javascript'>
      //<![CDATA[ 
      jQuery(document).ready(function($){
        $(window).load(function(){
          $('.flexslider').flexslider({
            animation: "fade",
            slideshow: true,
            directionNav:true,
            slideshowSpeed: 5000,controlNav: true,
            smoothHeight: true,
            slideDirection: 'horizontal'
          });
          jQuery('.slides').addClass('loaded');
        }); 
        var aboveHeight = $('#leader-wrapper').outerHeight();
        $(window).scroll(function(){
          if ($(window).scrollTop() > aboveHeight){
            $('#main-nav').addClass('fixed-nav').css('top','0').next()
            .css('padding-top','43px');
          } else {
            $('#main-nav').removeClass('fixed-nav').next()
            .css('padding-top','0');
          }
        });
      });
      //]]>
    </script>

    <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('menu-main', {
          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 style="width:160px;padding:9px 14px 20px;color:#fff;height:25px;text-align:left;margin:-59px 0px 0px 0px; font: normal 14px Oswald; line-height:20px;background: rgba(35, 35, 35, 0.9);opacity: 0.9;filter: alpha(opacity = 90);">'+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[
(function(){var a,b=function(a,b){return function(){return a.apply(b,arguments)}};a=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in a)d=a[c],null!=d&&(b[c]=d);return b},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a}(),this.WOW=function(){function c(a){null==a&&(a={}),this.scrollCallback=b(this.scrollCallback,this),this.scrollHandler=b(this.scrollHandler,this),this.start=b(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults)}return c.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0},c.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():document.addEventListener("DOMContentLoaded",this.start)},c.prototype.start=function(){var a,b,c,d;if(this.boxes=this.element.getElementsByClassName(this.config.boxClass),this.boxes.length){if(this.disabled())return this.resetStyle();for(d=this.boxes,b=0,c=d.length;c>b;b++)a=d[b],this.applyStyle(a,!0);return window.addEventListener("scroll",this.scrollHandler,!1),window.addEventListener("resize",this.scrollHandler,!1),this.interval=setInterval(this.scrollCallback,50)}},c.prototype.stop=function(){return window.removeEventListener("scroll",this.scrollHandler,!1),window.removeEventListener("resize",this.scrollHandler,!1),null!=this.interval?clearInterval(this.interval):void 0},c.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},c.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),a.setAttribute("style",this.customStyle(b,d,c,e))},c.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.setAttribute("style","visibility: visible;"));return e},c.prototype.customStyle=function(a,b,c,d){var e;return e=a?"visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;":"visibility: visible;",b&&(e+="-webkit-animation-duration: "+b+"; -moz-animation-duration: "+b+"; animation-duration: "+b+";"),c&&(e+="-webkit-animation-delay: "+c+"; -moz-animation-delay: "+c+"; animation-delay: "+c+";"),d&&(e+="-webkit-animation-iteration-count: "+d+"; -moz-animation-iteration-count: "+d+"; animation-iteration-count: "+d+";"),e},c.prototype.scrollHandler=function(){return this.scrolled=!0},c.prototype.scrollCallback=function(){var a;return this.scrolled&&(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),!this.boxes.length)?this.stop():void 0},c.prototype.offsetTop=function(a){var b;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},c.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+this.element.clientHeight-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},c.prototype.util=function(){return this._util||(this._util=new a)},c.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},c}()}).call(this);
//]]>
</script>

</head>
  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
    <div id='fb-root'/>
    <script>
      //<![CDATA[
      window.fbAsyncInit = function() {
        FB.init({
          appId : 'YOUR_APPLICATION_ID',
          status : true, // check login status
          cookie : true, // enable cookies to allow the server to access the session
          xfbml : true // parse XFBML
        });
      };
      (function() {
        var e = document.createElement('script');
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
      //]]>
    </script>
    <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\0753723726130604952006\46blogName\75Daily+News\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://daily-news-soratemplates.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://daily-news-soratemplates.blogspot.com/\46blogFollowUrl\75https://plus.google.com/104219125408123734587\46vt\75-1150350577942432389&#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>

   <div id='top-nav'>

     <div class='container'>
        <nav class='top-menu'>
          <!-- primary navigation menu start -->
          <ul class='menubar'>
            <li class='selected'>
              <a href='#'>
                Home
              </a>
            </li>
            <li>
              <a href='#'>
                About
              </a>
            </li>
            <li>
              <a href='#'>
                Contact
              </a>
            </li>
            <li>
              <a href='#'>
                Error Page
              </a>
            </li>
          </ul>
          <!-- primary navigation menu end -->
          <!-- social media button start -->

          <!-- social media button end -->
        </nav>
     </div>
      </div>
      <div class='clear'/>
      <!-- header wrapper start -->
      <header id='header-wrapper'>

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

<div class='container'>
        <!-- secondary navigation menu start -->
        <ul class='nav menubar2' id='menu-main'>
          <li>
            <a class='active' href='/'>
              <i class='fa fa-home'/>
              <div id='act'>
                Home
              </div>
            </a>
          </li>
          <li>
            <a href='#'>
              Business
            </a>
            <ul>
              <li>
                <a href='#'>
                  Fashion
                </a>
              </li>
              <li>
                <a href='#'>
                  Fashion1
                </a>
              </li>
              <li>
                <a href='#'>
                  Fashion2
                </a>
              </li>
            </ul>
          </li>
          <li>
            <a href='#'>
              Fashion
            </a>
            <ul>
              <li>
                <a href='#'>
                  Sub Menu 1
                </a>
              </li>
              <li>
                <a href='#'>
                  Sub Menu 2
                </a>
              </li>
              <li>
                <a href='#'>
                  Sub Menu 3
                </a>
              </li>
            </ul>
          </li>
<li>
            <a href='#'>
              Sports
            </a>
          </li>
          <li>
            <a href='#'>
              Games
            </a>
          </li>
          <li>
            <a href='#'>
              Technology
            </a>
          </li>
          <li>
            <a href='http://www.soratemplates.com/2015/02/daily-news-blogger-templates.html'>
              Download This Template
            </a>
          </li>
        </ul>
        <div id='searchformfix'>
          <form action='/search' id='searchform'>
            <input name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Text to Search...&quot;;}' onfocus='if (this.value == &quot;Text to Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Text to Search...'/>
            <input type='submit' value=''/>
          </form>
        </div>

        </div>
      </nav>
      <div class='clear'/>
    <!-- outer-wrapper start -->
    <div id='outer-wrapper'>
   
      <!-- secondary navigation menu end -->
      <!-- content wrapper start -->
      <div id='content-wrapper'>
        <div id='mywrapper'>
              <!-- post wrapper start -->
          <div id='post-wrapper'>


  <b:if cond='data:blog.url == data:blog.homepageUrl'>
              <div id='randompost'/>
              <script type='text/javascript'>
                //<![CDATA[
                $(document).ready(function () {
                  CameraSlider({
                    blogURL:'http://daily-news-soratemplates.blogspot.in/',
                    idcontaint:"#randompost",
                    NumCharacter: 160,
                  });
                });

                //]]>
              </script>
            </b:if>
 
<div class='clear'/>
            <div class='post-container'>
             <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <b:section class='stylebox1 section' id='stylebox-1' showaddelement='yes'>
                  <b:widget id='HTML1' locked='true' title='Business' type='HTML'>
                    <b:includable id='main'>
                      <!-- only display title if it's non-empty -->
                      <b:if cond='data:title != &quot;&quot;'>
                   <script>  document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;); 
                     </script> </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                           
                         


<script>
               
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb1\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
                      <b:include name='quickedit'/>
                    </b:includable>
                  </b:widget>
                </b:section>
                <b:section class='stylebox section' id='stylebox-2' showaddelement='yes'>
                  <b:widget id='HTML2' locked='false' title='Games' type='HTML'>
                    <b:includable id='main'>
                      <!-- only display title if it's non-empty -->
                      <b:if cond='data:title != &quot;&quot;'>
                   <script>  document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;); 
                     </script> </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                           
                         


<script>
               
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
                      <b:include name='quickedit'/>
                    </b:includable>
                  </b:widget>
                </b:section>
                <b:section class='stylebox section' id='stylebox-3' showaddelement='yes'>
                  <b:widget id='HTML3' locked='false' title='Fashion' type='HTML'>
                    <b:includable id='main'>
                      <!-- only display title if it's non-empty -->
                      <b:if cond='data:title != &quot;&quot;'>
                   <script>  document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;); 
                     </script> </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                           
                         


<script>
               
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
                      <b:include name='quickedit'/>
                    </b:includable>
                  </b:widget>
                </b:section>
                <b:section class='stylebox1 section' id='stylebox-4' showaddelement='yes'>
                  <b:widget id='HTML4' locked='false' title='Technology' type='HTML'>
                    <b:includable id='main'>
                      <!-- only display title if it's non-empty -->
                      <b:if cond='data:title != &quot;&quot;'>
                   <script>  document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;); 
                     </script> </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                           
                         


<script>
               
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb1\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
                      <b:include name='quickedit'/>
                    </b:includable>
                  </b:widget>
                </b:section>

                <b:section class='stylebox section' id='stylebox-5' showaddelement='yes'>
                  <b:widget id='HTML5' locked='false' title='Sports' type='HTML'>
                    <b:includable id='main'>
                      <!-- only display title if it's non-empty -->
                      <b:if cond='data:title != &quot;&quot;'>
                   <script>  document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;); 
                     </script> </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                           
                         


<script>
               
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
                      <b:include name='quickedit'/>
                    </b:includable>
                  </b:widget>
                </b:section>
                <b:section class='stylebox section' id='stylebox-6' showaddelement='yes'>
                  <b:widget id='HTML6' locked='false' title='Gallery' type='HTML'>
                    <b:includable id='main'>
                      <!-- only display title if it's non-empty -->
                      <b:if cond='data:title != &quot;&quot;'>
                   <script>  document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;); 
                     </script> </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                           
                         


<script>
               
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
                      <b:include name='quickedit'/>
                    </b:includable>
                  </b:widget>
                </b:section>
              </b:if>
              <div class='clear'/>

                       <div id='singlepage'>
                <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'>
                      <div id='author-box'>
                        <div class='block-head'>
                          <h3>
                            About 
                            <data:post.author/>
                          </h3>
                          <div class='stripe-line'/>
                        </div>
                        <div class='post-listing'>
                          <div class='author-avatar'>
                            <script src='/feeds/posts/default?alt=json-in-script&amp;callback=authorshow'/>
                          </div>
                          <div class='author-description'>
                            This is a short description in the author block about the author. You edit it by entering text in the &quot;Biographical Info&quot; field in the user admin panel.
                          </div>
                          <div class='clear'/>
                        </div>
                      </div>
                      <!--/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 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-->
<dl class='top-comment faceico'>Facebook Comment</dl><!--Replace "Recent Games" 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 class='widget2' id='top-comment2'> 

<div class='centerare2'>

<div class='fbcombox'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
        <div>
            <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' height='110' width='639'/>
        </div> 
                </div>

</div>

</div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('#top-comment .widget2').hide();
$('#top-comment .widget2:first').show();
$('.top-comment-widget-menu ul dl:first').addClass('selected');
$('.top-comment-widget-menu ul dl').click(function(){ 
$('.top-comment-widget-menu ul dl').removeClass('selected');
$(this).addClass('selected');
$('#top-comment .widget2').hide();
$('#top-comment .widget2').eq($('.top-comment-widget-menu ul dl').index(this)).slideDown()(300);
});
});
//]]>
</script>

</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'>
                                      <i class='fa fa-user'/>
                                      <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'>
                                      <i class='fa fa-calendar'/>
                                      <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'>
                                        <i class='fa fa-comments'/>
                                        <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'>
                                      <i class='fa fa-user'/>
                                      <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'>
                                      <i class='fa fa-calendar'/>
                                      <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'>
                                        <i class='fa fa-comments'/>
                                        <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'>
                      <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                        <b:if cond='data:post.firstImageUrl'>
                          <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
                        </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.thumbnailUrl'>
                              <a expr:href='data:post.url'>
                                <div class='img-thumbnail'>
                                  <span class='rollover'/>
                                  <script type='text/javascript'>
                                    document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
                                  </script>
                                </div>
                              </a>
                              <b:else/>
                              <b:if cond='data:post.firstImageUrl'>
                                <a expr:href='data:post.url'>
                                  <div class='img-thumbnail'>
                                    <span class='rollover'/>
                                    <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>
                                  </div>
                                </a>
                                <b:else/>
                                <a expr:href='data:post.url'>
                                  <div class='img-thumbnail'>
                                    <span class='rollover'/>
                                    <img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h150-c/no-image.png'/>
                                  </div>
                                </a>
                              </b:if>
                            </b:if>
                          </b:if>
                        </b:if>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <b:if cond='data:blog.pageType != &quot;item&quot;'>
                            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                              <h1 class='post-title entry-title' itemprop='name'>
                                <b:if cond='data:post.link'>
                                  <a expr:href='data:post.link'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <b:if cond='data:post.url'>
                                    <b:if cond='data:blog.url != data:post.url'>
                                      <a expr:href='data:post.url'>
                                        <data:post.title/>
                                      </a>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                </b:if>
                              </h1>
                              <b:else/>
                              <h2 class='post-title entry-title' itemprop='name'>
                                <b:if cond='data:post.link'>
                                  <a expr:href='data:post.link'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <b:if cond='data:post.url'>
                                    <b:if cond='data:blog.url != data:post.url'>
                                      <a expr:href='data:post.url'>
                                        <data:post.title/>
                                      </a>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                </b:if>
                              </h2>
                            </b:if>
                            <b:else/>
                            <h1 class='post-title entry-title' itemprop='name'>
                              <b:if cond='data:post.link'>
                                <a expr:href='data:post.link'>
                                  <data:post.title/>
                                </a>
                                <b:else/>
                                <b:if cond='data:post.url'>
                                  <b:if cond='data:blog.url != data:post.url'>
                                    <a expr:href='data:post.url'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                              </b:if>
                            </h1>
                          </b:if>
                        </b:if>
                        <div class='post-info'>
                          <b:if cond='data:top.showAuthor'>
                            <b:if cond='data:post.authorProfileUrl'>
                              <span class='author-info'>
                                <i class='fa fa-user'/>
                                <span class='vcard'>
                                  <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>
                              </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'>
                                <i class='fa fa-calendar'/>
                                <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'>
                                  <i class='fa fa-comments'/>
                                  <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>
                          <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 class='post-header'>
                          <div class='post-header-line-1'/>
                        </div>
                        <b:if cond='data:blog.pageType != &quot;item&quot;'>
                          <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                            <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody description'>
                              <data:post.body/>
                              <div style='clear: both;'/>
                            </div>
                            <b:else/>
                            <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody description'>
                              <div>
                                <data:post.snippet/>
                              </div>
                              <a class='readmore' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
                                Read More 
                                <i class='fa fa-caret-right'/>
                              </a>
                              <div style='clear: both;'/>
                            </div>
                          </b:if>
                          <b:else/>
                          <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
                          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
                            <!-- IKLAN BAWAH JUDUL VERSI DESKTOP -->
                            <data:post.body/>
                            <div style='clear: both;'/>
                            <div id='share-post'>
                              <a class='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/>
                                Share on Facebook
                              </a>
                              <a class='twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                                <span/>
                                Share on Twitter
                              </a>
                              <a class='google' 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+'>
                                <span/>
                                Share on Google Plus
                              </a>
                            </div>
                            <div style='clear: both;'/>
                            <b:include name='authorblog'/>
                            <!-- Related Post Widget Start -->
                           
                           <div id='related-posts'>
                          <p class='title title-medium'>
                            <h2><span>
                              RELATED POSTS
                              </span> </h2>
                        </p>
                        <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 class='clear'/>
                   
                          </div>
                        </b:if>
                      </article>

                    </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 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-->
<dl class='top-comment faceico'>Facebook Comment</dl><!--Replace "Recent Games" With Your Own Text-->
</ul>
</div>
<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 class='widget2' id='top-comment2'> 

<div class='centerare2'>

<div class='fbcombox'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
        <div>
            <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' height='110' width='639'/>
        </div> 
                </div>

</div>

</div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('#top-comment .widget2').hide();
$('#top-comment .widget2:first').show();
$('.top-comment-widget-menu ul dl:first').addClass('selected');
$('.top-comment-widget-menu ul dl').click(function(){ 
$('.top-comment-widget-menu ul dl').removeClass('selected');
$(this).addClass('selected');
$('#top-comment .widget2').hide();
$('#top-comment .widget2').eq($('.top-comment-widget-menu ul dl').index(this)).slideDown()(300);
});
});
//]]>
</script>

</div>

<div style='clear: both;'/>
                    </b:includable>
                  </b:widget>
                </b:section>
            </div> <!--single page end-->
            </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='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
                <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
              </b:widget>
              <b:widget id='HTML13' locked='false' title='Featured Video' 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='HTML11' locked='false' title='Advertisement' 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='Find 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: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>
        </aside>
        <!-- sidebar wrapper end -->



        <div class='clear'/>
      </div>
      <!-- content wrapper end -->
      <div class='clear'/>
      <aside id='bottombar'>
        <b:section class='left section' id='left' preferred='yes'>
          <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>
            <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
        </b:section>
        <b:section class='center section tagcloud1' id='center' preferred='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='right section' id='right' preferred='yes'>
          <b:widget id='HTML12' locked='false' title='Featured Video' 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>
      </aside>
      <!-- footer wrapper start -->
      <footer id='footer-wrapper'>
        <div class='footer-left'>
           Copyright &#169; 2015 
          <a expr:href='data:blog.homepageUrl'>
            <data:blog.title/>
          </a>
         
        </div>
        <div class='footer-right'>
          <a href='http://gooyaabitemplates.com/' rel='dofollow' target='_blank' title='Blogger Templates'>Blogger Templates</a> 
<div id='mycontent'/>
        </div>
      </footer>
      <!-- footer wrapper end -->
      <!-- wrapper end -->
    </div>
    <div class='back-to-top'>
      <a href='#' id='back-to-top' title='back to top'>
        <i class='fa fa-chevron-up'/>
      </a>
    </div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/11325639179/camera-slider.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>

    <script>
      $(window).scroll(function() {
        if($(this).scrollTop() &gt; 200) {
          $(&#39;#back-to-top&#39;).fadeIn();
            } else {
            $(&#39;#back-to-top&#39;).fadeOut();
            }
            });
          $(&#39;#back-to-top&#39;).hide().click(function() {
            $(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
            return false;
            });
    </script>
	<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")})}}
//]]>
</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>
      $(document).ready(function(){
        $(&quot;.widget h2&quot;).wrapInner(&quot;<span/>&quot;);
      });
    </script>

 <script type='text/javascript'>
    //<![CDATA[
    featuredcontentslider.init({
      id: "slider1", //id of main slider DIV
      contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
      toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
      nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
      enablefade: [true, 0.5], //[true/false, fadedegree]
      autorotate: [true, 6000], //[true/false, pausetime]
      onChange: function(previndex, curindex, contentdivs){ //event handler fired whenever script changes slide
        //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
        //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
      }
    })
    //]]>
  </script>

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


// WOW
	new WOW(
		{ offset: 100 }
	).init();
	
      //]]></script>


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

 
  </body>
</html>