Documente Academic
Documente Profesional
Documente Cultură
>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/g
ml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.go
ogle.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,noarchive' name='robots'/>
</b:if>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='v
iewport'/>
<link href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css' rel
='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.cs
s' id='fontawesome' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway:300,600,700|Open+Sans
:400,600|Pacifico&subset=cyrillic' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[
*, *:after, *:before {box-sizing: border-box;-webkit-box-sizing: border-box;-moz
-box-sizing: border-box;-webkit-font-smoothing: antialiased;font-smoothing: anti
aliased;text-rendering: optimizeLegibility;}
/*-----------------------------------------------------Variable @ Template Designer
-------------------------------------------------------<Group description="Header Text" selector="h1,h2,h3,h4,h5,h6">
<Variable name="header.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" valu
e="normal normal 28px Raleway"/>
<Variable name="header.text.color" description="Text Color" type="color" default
="#222222" value="#222222"/>
</Group>
<Variable name="keycolor" description="Main Color" type="color" default="#757575
" value="#757575"/>
<Group description="Body-background" selector="body">
<Variable name="body.background.color" description="Body Color" type="color" def
ault="#f3f3f3" value="#f3f3f3"/>
<Variable name="primary.background.color" description="Primary background Color"
type="color" default="#28c9bc" value="#202020"/>
<Variable name="secondary.background.color" description="Secondary background Co
lor" type="color" default="#28c9bc" value="#555555"/>
</Group>
------------------------------------------------------*/
/*****************************************
reset.css
******************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
margin: 0;
paddi
ng: 0;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;}
table {
border-collapse: separate;
border-spacing: 0;}
caption, th, td {
text-align: left;
font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";}
blockquote, q {
quotes: "" "";}
sup{
vertical-align: super;
font-size:smaller;}
code{
font-family: 'Courier New', Courier, monospace;
font-size:12px;
c
olor:#272727;}
::selection { background: #333; color: #fff; }
::-moz-selection { background: #333; color: #fff; }
a img{ border: none;vertical-align: middle;}
img{vertical-align: middle;max-width:100%;}
ol, ul { padding: 10px 0 20px; margin: 0 0 0 35px; text-align: left; }
ol li { list-style-type: decimal; padding:0 0 5px; }
ul li { list-style-type: square; padding: 0 0 5px; }
ul ul, ol ol { padding: 0; }
h1, h2, h3, h4, h5, h6 { font:$(header.font); font-weight: normal; }
.post-body
.post-body
10px 0; }
.post-body
10px 0; }
.post-body
.post-body
.post-body
/*****************************************
Global Links CSS
******************************************/
a{ color: #555; outline:none; text-decoration: none; }
a:hover,a:focus { color: #000; text-decoration:none; }
body{ background: $(body.background.color); color: #333; padding: 0; font-family
: 'Open Sans', sans-serif; font-size: 15px; line-height: 25px; }
.clr { clear:both; float:none; }
.clearfix{position:relative;}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
/*****************************************
Wrappers
******************************************/
.ct-wrapper { padding: 0px 20px; position: relative; max-width: 1080px; margin:
0 auto; }
.outer-wrapper { margin: 25px 0; position: relative; }
.header-wrapper { display: inline-block; float: left; width: 100%; }
.main-wrapper { width:70%; float:left; }
#content { position: relative; width: 100%; float: left; }
.sidebar-wrapper { width:30%; float: right; }
/**** Layout Styling CSS *****/
body#layout .header-wrapper { margin-top: 0px; }
body#layout .outer-wrapper, body#layout .sidebar-wrapper, body#layout .ct-wrappe
r { margin: 0; padding: 0; }
body#layout #About { width: 100%; }
#layout .blog_share {
display: none;
}
/*****************************************
Header CSS
******************************************/
#header { display: inline-block; text-align: center; width: 100%; }
#header-inner{ margin: 50px 20px 30px; padding: 0; }
#header h1 { font-family: "pacifico",cursive; font-size: 70px; font-style: norma
l; line-height:150%; }
#header h1 a, #header h1 a:hover { color: #333; }
#header p.description{ color: #333; font-size: 12px; font-style: italic; text-sh
adow: 1px 1px #FFFFFF; margin: 0; padding: 0; text-transform:capitalize; }
#header img{ border:0 none; background:none; width:auto; height:auto; margin:0
auto; max-height:190px;}
/* SOCIAL SHARE */
.blog_share ul li a i {
width: 40px;
height: 40px;
display: block;
font-size: 24px;
color: #444;
border: 1px solid #444;
border-radius: 3px;
padding: 7px;
}
.blog_share ul li a {
display: block;
}
.blog_share ul li {
list-style: none;
display: inline-block;
padding: 0;
}
.blog_share ul {
padding: 0;
margin: 0;
text-align: center;
}
.blog_share {
text-align: center;
margin-bottom: 25PX;
}
/*****************************************
Main Menu CSS
******************************************/
.nav-menu { background: $(primary.background.color); border-bottom: 7px solid #F
1F4F9; margin: 0 auto; padding: 0; width: 100%; z-index: 299; }
.nav-menu ul{ list-style:none; margin:0; padding:0; z-index: 999; text-align: c
enter; }
.nav-menu ul li { display: inline-block; line-height: 1; list-style: none; padd
ing: 0; }
.nav-menu li a { color: #f3f3f3; display: block; font-size: 13px; font-weight: 3
00; padding: 15px 18px; position: relative; text-decoration: none; text-transfor
m: uppercase; letter-spacing:1px;}
.nav-menu li a:hover { color: ; }
.sticky { position: fixed; top: 0px; border-bottom: 1px solid #ddd; z-index: 999
99; }
/*-----------------------------------css3 animation
------------------------------------*/
@keyframes bigEntrance {
0% {
transform: scale(0.5);
opacity: 0.5;
}
30% {
transform: scale(1.03);
opacity: 1;
}
45% {
transform: scale(0.98);
opacity: 1;
}
60% {
transform: scale(1.01);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.5);
opacity: 0.5;
}
30% {
-webkit-transform: scale(1.03);
opacity: 1;
}
45% {
-webkit-transform: scale(0.98);
opacity: 1;
}
60% {
-webkit-transform: scale(1.01);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
.bigEntrance {
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;
animation-duration: 0.7s;
-webkit-animation-duration: 0.7s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
visibility: visible !important;
}
.fadeIn{
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: .7s;
-webkit-animation-duration: 0.7s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
animation-fill-mode: forwards;
visibility: visible !important;
}
@keyframes fadeIn {
0% {
transform: scale(0);
opacity: 0.0;
}
60% {
transform: scale(1.1);
}
80% {
transform: scale(0.9);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
-webkit-transform:
opacity: 0.0;
}
60% {
-webkit-transform:
}
80% {
-webkit-transform:
opacity: 1;
}
100% {
-webkit-transform:
opacity: 1;
}
}
scale(0);
scale(1.1);
scale(0.9);
scale(1);
.fade-in {
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;
-ms-animation-name: bigEntrance;
animation-duration: 0.7s;
-webkit-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
animation-fill-mode: forwards;
visibility: visible !important;
}
.animated1 {
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.animated2 {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.animated3 {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
animation-delay: 0.6s;
}
/*****************************************
|-| main Section Stylesheet |-|
******************************************/
/* index gallery style */
.blog-posts.hfeed {
width: 100%;
}
.gallery-wrapper{position:relative;max-width:100%;}
.gallery_image {
position:relative;
overflow:hidden;
max-width:100%;
height:auto;
}
img.gallry_img {
width: 100%;
max-width: 100%;
height:auto;
}
.mask{
width:100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background: #000;
background-color: rgba(0,0,0,0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: center;
}
.mask_circle {
opacity: 0;
}
.mask_circle img {
width: 30px;
height: auto!important;
}
.mask .mask_circle {
border-radius: 200px;
padding: 13px;
background: #fff;
background-color: rgba(256, 256, 256, 0.9);
width: 56px;
height: 56px;
margin: auto;
position: absolute;
top: 27%;
left: 39%;
}
.gallery-wrapper:hover .mask .mask_circle{
-webkit-animation-name: bigEntrance;
animation-name: bigEntrance;
-moz-animation-name: bigEntrance;
-o-animation-name: bigEntrance;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-moz-animation-duration: 1.2s;
-o-animation-duration: 1.2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.gallery-wrapper:hover img.gallry_img {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-filter: blur(3px);
filter: blur(3px);
-moz-filter: blur(3px);
}
.gallery-wrapper:hover .mask,.gallery-wrapper:hover .mask_circle {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.gallery_excerpt {
padding:20px 20px 30px;
}
span.rdmre {
font-size: 12px;
line-height: 1;
display: inline-block;
}
span.rdmre a {
color: #333;
border: 1px solid #888;
padding: 8px 15px ;
border-radius: 20px;
line-height: 1;
display: block;
font-weight: 300;
letter-spacing: .75px;
}
.gallery_excerpt h2,.post_title {
font-size: 21px;
line-height: 1.2;
text-transform: capitalize;
padding: 0;
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 10px;
font-family: raleway,sans-serif;
font-weight: 700;
letter-spacing: .5px;
position: relative;
}
.gallery_excerpt h2:after,.post_title:after,.sidebar h2:after {
content: "";
width: 3px;
height: 100%;
background: $(secondary.background.color);
position: absolute;
left: -20px;
top: -5px;
}
.gallery_excerpt h2:before,.post_title:before,.sidebar h2:before {
content: "";
width: 1px;
height: 100%;
background: $(secondary.background.color);
position: absolute;
left: -15px;
top: -5px;
}
.gallery_excerpt h2 a,.overlay.back h2 a{color:#444;}
.overlay.back {
padding: 0px;
}
.gallery_excerpt p {
font-size: 13px;
line-height: 1.6;
margin-bottom: 20px;
}
.soc_sharing {
position: absolute;
bottom: 10px;
left: 50%;
margin-left: -29%;
}
.soc_sharing ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.soc_sharing ul li {
list-style: none;
display: inline-block;
padding: 0;
margin-left: 15px;
}
.soc_sharing ul li a {
display: block;
width: 27px;
height: 27px;
color: #fff;
font-size: 21px;
}
.post-outer{width:33.25%;float:left;}
.post.hentry {
background: white;
margin: 10px;
border-radius: 3px;
overflow: hidden;
border-bottom: 1px solid #D6D6D6;
box-shadow: 0px 2px 10px -7px #000;
}
.post_title { font-size: 36px;margin: 0; padding: 0 0 10px;text-transform: capit
alize; }
h1.post_title:after, h1.post_title:before {background: #333;}
.post_title:after{left:-24px;}
.post_title:before{left: -19px;}
.post-title a{ color:#333; }
.post-title a:hover{ color: #2980B9; }
.post-body { color: #666; text-transform: auto; word-wrap:break-word; }
.post-header { border-bottom: 1px solid #F5F5F5; color: #999999; font-size: 12px
; line-height: normal; margin: 0 0 10px; padding: 0 0 10px; text-transform: capi
talize; }
.post-header a { color: #999; }
.post-header a:hover{ color: #2980B9; }
border-radius: 50%; }
.profile-data { color:#999999; font:bold 20px/1.6em Arial,Helvetica,Tahoma,sansserif; font-variant:small-caps; margin:0; text-transform:capitalize;}
.profile-datablock { margin:0.5em 0;}
.profile-textblock { line-height:1.6em; margin:0.5em 0;}
a.profile-link { clear:both; display:block; font:80% monospace; padding:10px 0;
text-align:center; text-transform:capitalize;}
/***** Meet The Author *****/
#About { background: #FFFFFF; display: inline-block; padding: 25px 3%; width: 10
0%; }
#About .widget-content { position: relative; width: 100%; }
#About .widget-content .main-wrap { width: auto; margin-right: 370px; }
#About .widget-content .main-wrap .info { float: left; position: relative; width
: 90%; padding: 10px 5%; }
#About .widget-content .side-wrap { width: 340px; float: right; text-align: cent
er; }
#About .widget-content .main-wrap .info h5 { border-bottom: 1px solid #F1F4F9; c
olor: #000000; font-size: 16px; font-weight: bold; margin: 0 0 10px; padding: 0
0 5px; text-transform: capitalize; }
#About .widget-content .main-wrap .info p { color: $(secondary.background.color)
; font-style: italic; }
#About .widget-content .side-wrap .author-img { border: 1px solid #CECECE; heigh
t: 150px; vertical-align: bottom; width: 150px; -webkit-border-radius: 50%;
-moz-border-radius: 50%; border-radius: 50%; }
ul.author-social { display: inline-block; margin: 10px 0 0; padding: 0; }
ul.author-social li { background: url("http://3.bp.blogspot.com/-Mu6D1ld_3TE/U35
bF1XXIVI/AAAAAAAADBM/VaHEtkyX3MA/s1600/sprites.png") no-repeat; display: inlineblock; font-weight: bold; font-size: 12px; line-height: 16px; list-style: none;
padding: 0 20px; }
ul.author-social li.facebook { background-position: 0 -80px; }
ul.author-social li.twitter { background-position: 0 -100px; }
ul.author-social li.googleplus { background-position: 0 -120px; }
ul.author-social li.rss { background-position: 0 -176px; }
ul.author-social li a { color: #000; }
ul.author-social li a:hover { color: #666; }
}
.blog_featured_post a {
display: block;
color: rgb(255, 255, 255);
position: relative;
vertical-align: bottom;
z-index: 1;
height:100%;
}
.blog_featured_post a:hover:before {
opacity: 0.6;
box-shadow: inset 0px -3px 200px 5px #000;
}
.blog_featured_post a:before {
display: block;
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
box-shadow: inset 0px -3px 300px 5px #000;
opacity: 0.5;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blog_featured_post a .blog_contents {
display: block;
position:absolute;
z-index: 5;
bottom:60px;
left: 60px;
right: 60px;
line-height: 120%;
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-family: raleway, sans-serif;
}
.blog_contents span {
font-weight: 300;
letter-spacing: .5px;
display: inline-block;
padding: 8px 20px;
font-size: 14px;
line-height: 1;
text-shadow: none;
margin-top: 20px;
background: #fff;
border-radius: 25px;
bottom: 0;
font-family: open sans,sans-serif;
color: #333;
}
.blog_featured_post a .blog_contents h3 {
font-size: 34px;
display: inline-block;
line-height: 1;
letter-spacing: 2px;
padding: 10px 20px;
background: #fff;
text-shadow: none;
color: #333;
font-weight: 300;
}
.blog_featured_post.first a .blog_contents h3 {font-size: 22px;}
.blog_featured_post .feat-img{
width:100%;
height:100%;
background-size:cover;
background-position:50%;
}
/*-----------[ share-wrapper ]-----------*/
.post-footer{margin-top:30px;}
.share-wrapper, .authorboxwrap {margin-bottom: 50px;}
.share-wrapper ul {padding: 0;margin: 0;text-align: center;}
.share-wrapper li {list-style: none;display: inline-block;margin-right: 10px;pad
ding: 0;margin-bottom: 30px;}
.share-wrapper li:first-child {display: block;margin-bottom: 20px;font-size: 16p
x;}
.share-wrapper li a{display:block;text-align: center;}
.share-wrapper span{display:none;}
.share-wrapper li a i {
display: block;
color: $(secondary.background.color);
width: 40px;
height: 40px;
padding: 9px;
font-size: 24px;
}
.share-wrapper{margin-bottom:30px;}
/*------[author-box ]-------*/
.avatar-container {width: 170px;float: left;}
.avatar-container img {width: 125px;height: auto;border: 5px solid transparent;b
ox-shadow: 0px 0px 20px -5px #000;-moz-box-shadow: 0px 0px 20px -5px #000;-webki
t-box-shadow: 0px 0px 20px -5px #000;-ms-box-shadow: 0px 0px 20px -5px #000;-o-b
ox-shadow: 0px 0px 20px -5px #000;}
.author_description_container {margin-left: 170px;}
.author_description_container h4 {font-weight:600;font-size: 16px;display: block
;margin-bottom: 10px;}
.author_description_container h4 a{color: #333;}
.author_description_container p {font-size: 12px;line-height: 1.7;margin-bottom:
15px;}
.authorsocial a {display: inline-block;margin-right: 5px;text-align: center;floa
t:left;margin-right:2px;}
.authorsocial a i {width: 30px;height: 30px;padding: 8px 9px;display: block;back
ground: #E9E9E9!important;color: $(secondary.background.color);}
/*------*|*|*| Related Posts *|*|*|----------*/
div#related-posts {font-size: 16px;display: inline-block;width: 100%;}
div#related-posts h5 {font-size: 16px;text-transform: uppercase;margin: 0 0 25px
;padding-bottom:15px;font-weight: 900;letter-spacing: 1px;text-align:center;posi
tion:relative;}
******************************************/
#comments {margin-top: 30px;margin-right: 15px;background: white;padding: 25px;b
order-bottom: 1px solid #D6D6D6;box-shadow: 0px 2px 10px -7px #000;-webkit-box-s
hadow: 0px 2px 10px -7px #000;-moz-box-shadow: 0px 2px 10px -7px #000;-o-box-sha
dow: 0px 2px 10px -7px #000;}
.comments h4 { font-size: 20px; margin: 0 0 18px; text-transform: capitalize; }
.comments .comments-content .comment-thread ol { overflow: hidden; margin: 0; }
.comments .comments-content .comment:first-child { padding-top: 0; }
.comments .comments-content .comment { margin-bottom: 0; padding-bottom: 0; }
.comments .avatar-image-container { max-height: 60px; width: 60px; }
.comments .avatar-image-container img { max-width: 60px; width: 100%; border-rad
ius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.comments .comment-block { background: #fff; margin-left: 72px; padding: 14px 0
0 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.comments .comments-content .comment-header a { color: #333; text-transform: cap
italize; }
.comments .comments-content .user { display: block; font-style: normal; font-wei
ght: bold; }
.comments .comments-content .datetime { margin-left: 0; }
.comments .comments-content .datetime a { font-size: 12px; text-transform: upper
case; }
.comments .comments-content .comment-header, .comments .comments-content .commen
t-content { margin: 0 20px 0 0; }
.comments .comment-block .comment-actions { display: block; text-align: right; }
.comments .comment .comment-actions a { border-radius: 2px; -moz-border-radius:
2px; -webkit-border-radius:2px; background: $(primary.background.color); color:
#FFFFFF; display: inline-block; font-size: 12px; line-height: 1;letter-spacing:1
px; margin-left: 1px; padding: 5px 10px 7px; }
.comments .comment .comment-actions a:hover { text-decoration: none; }
.comments .thread-toggle { display: none; }
.comments .comments-content .inline-thread { border-left: 1px solid #F4F4F4; mar
gin: 0 0 20px 35px !important; padding: 0 0 0 20px; }
.comments .continue { display: none; }
.comment-thread ol { counter-reset: countcomments; }
.comment-thread li:before { color:#ddd; content: counter(countcomments, decimal)
; counter-increment: countcomments; float: right; font-size: 22px; padding: 15px
20px 10px; position: relative; z-index: 10; }
.comment-thread ol ol { counter-reset: contrebasse; }
.comment-thread li li:before { content: counter(countcomments,decimal) "." count
er(contrebasse,lower-latin); counter-increment: contrebasse; float: right; fontsize: 18px; }
.comments .comments-content .icon.blog-author{dipslya:none!important;}
a.vt_menu_toggle {display: none;position: fixed;color: #fff;top: 0;background: $
(primary.background.color);width: 40px;height: 40px;left: 0px;padding: 7px 5px;t
ext-align: center;z-index:1000}
/*****************************************
Responsive styles
******************************************/
@media screen and (max-width: 960px) {
.ct-wrapper{ padding:0 15px; }
.main-wrapper { margin-right:0; width:100%; }
.sidebar-wrapper{ float: left; width: auto; margin-top: 30px; }
#About .widget-content .main-wrap { margin-right: 0; }
#About .widget-content .main-wrap .info { float: none; text-align: center; width
: 90%; padding: 10px 5%; }
#About .widget-content .side-wrap { width: 100%; float: none; text-align: center
; }
.sticky { position: static; }
}
@media screen and (max-width: 860px){
#comment-editor { margin:10px; }
.post-outer{width:49.2%;}
.blog_featured_post a .blog_contents h3 {font-size: 26px;}
div#Blog1{margin:0;}
.post_title {font-size: 30px;}
a.vt_menu_toggle{display:block}
ul.blog_menus {display:none;width: 240px;position: fixed;top: 0px;left: 42px;bac
kground: $(primary.background.color);padding: 0;margin: 0;}
ul.blog_menus li {display: block;text-align: left;}
ul.blog_menus li a:hover {background: #333;}
}
@media screen and (max-width: 520px){
.post-outer{width:99.5%;}
.blog_featured_post a .blog_contents h3 {font-size: 20px;}
.blog_featured_post{height:250px;}
.blog_featured_post a .blog_contents{bottom:15px;}
.post_title {font-size: 26px;}
}
@media screen and (max-width: 420px){
.comments .comments-content .datetime{
display:block;
float:none;
.comments .comments-content .comment-header {
height:70px;
}
}
@media screen and (max-width: 320px){
.ct-wrapper{ padding:0; }
.post-body img{ max-width: 230px; }
.comments .comments-content .comment-replies {
}
margin-left: 0;
/*****************************************
Hiding Header Date and Feed Links
******************************************/
h2.date-header,span.blog-admin{none!important}
.playbutton {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 2
5px;height: 0;}
.playbutton iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
]]></b:skin>
<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>
.sidebar-wrapper{display:none;}
.main-wrapper{width:100%;}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.post-body img{ height: auto; max-width: 100%; }
.post-outer{width:100%;}
div#Blog1 {margin-right: 20px;display: inline-block;}
<script type='text/javascript'>
//<![CDATA[
// Featured posts
cat1 = 'zblog';
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;
aBold = true;
numposts1 = 12;
function recentposts1(json) {
j = showRandomImg ? Math.floor((imgr.length + 1) * Math.random()) : 0;
img = new Array;
if (numposts1 <= json.feed.entry.length) maxpost = numposts1;
else maxpost = json.feed.entry.length;
document.write('<div class="blog_featured_posts owl_carouselle">');
for (var i = 0; i < maxpost; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var tag = entry.category[0].term;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++)
if (entry.link[k].rel == "alternate") {
posturl = entry.link[k].href;
break
}
if ("content" in entry) var postcontent = entry.content.$t;
else if ("summary" in entry) var postcontent = entry.summary.$t;
3A\x2F\x2F\x63\x2E\x31\x67\x2E\x37\x2F\x32\x75\x2E\x32\x6E\x3F\x75\x3D\x27\x2B\x
74\x2B\x27\x26\x50\x3B\x51\x3D\x27\x2B\x6E\x2B\x27\x22\x20\x58\x3D\x22\x27\x2B\x
4F\x2B\x27\x22\x20\x52\x3D\x22\x57\x22\x20\x54\x3D\x22\x53\x22\x3E\x3C\x2F\x61\x
3E\x3C\x2F\x46\x3E\x3C\x46\x3E\x3C\x61\x20\x35\x3D\x22\x48\x20\x48\x2D\x31\x64\x
22\x20\x77\x3D\x22\x68\x3A\x2F\x2F\x31\x64\x2E\x37\x2F\x31\x65\x3F\x59\x3D\x27\x
2B\x74\x2B\x27\x26\x50\x3B\x51\x3D\x27\x2B\x6E\x2B\x27\x22\x20\x58\x3D\x22\x27\x
2B\x4F\x2B\x27\x22\x20\x52\x3D\x22\x57\x22\x20\x54\x3D\x22\x53\x22\x3E\x3C\x2F\x
61\x3E\x3C\x2F\x46\x3E\x3C\x46\x3E\x3C\x61\x20\x35\x3D\x22\x48\x20\x48\x2D\x31\x
62\x2D\x31\x63\x22\x20\x77\x3D\x22\x32\x71\x3A\x2F\x2F\x31\x63\x2E\x31\x62\x2E\x
37\x2F\x31\x65\x3F\x59\x3D\x27\x2B\x74\x2B\x27\x26\x50\x3B\x51\x3D\x27\x2B\x6E\x
2B\x27\x22\x20\x58\x3D\x22\x27\x2B\x4F\x2B\x27\x22\x20\x52\x3D\x22\x57\x22\x20\x
54\x3D\x22\x53\x22\x3E\x3C\x2F\x61\x3E\x3C\x2F\x46\x3E\x3C\x46\x3E\x3C\x61\x20\x
35\x3D\x22\x48\x20\x48\x2D\x31\x6B\x2D\x31\x66\x22\x20\x77\x3D\x22\x68\x3A\x2F\x
2F\x31\x6B\x2E\x37\x2F\x32\x72\x2F\x32\x6B\x2F\x32\x61\x2F\x3F\x59\x3D\x27\x2B\x
74\x2B\x27\x26\x50\x3B\x32\x38\x3D\x27\x2B\x6F\x5B\x30\x5D\x2E\x38\x2B\x27\x26\x
50\x3B\x32\x6C\x3D\x27\x2B\x6E\x2B\x27\x22\x20\x58\x3D\x22\x27\x2B\x4F\x2B\x27\x
22\x20\x52\x3D\x22\x57\x22\x20\x54\x3D\x22\x53\x22\x3E\x3C\x2F\x61\x3E\x3C\x2F\x
46\x3E\x3C\x2F\x31\x38\x3E\x3C\x2F\x33\x3E\x3C\x2F\x33\x3E\x3C\x2F\x33\x3E\x3C\x
2F\x33\x3E\x27\x3B\x61\x3D\x4B\x7D\x6C\x28\x72\x2E\x78\x2E\x39\x28\x22\x32\x63\x
22\x29\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x27\x3C\x33\x20\x35\x3D\x22\x45\x22\x3E\x
3C\x61\x20\x51\x3D\x22\x22\x20\x77\x3D\x22\x27\x2B\x74\x2B\x27\x22\x3E\x3C\x55\x
20\x31\x39\x3D\x22\x22\x20\x35\x3D\x22\x47\x22\x20\x38\x3D\x22\x27\x2B\x6F\x5B\x
30\x5D\x2E\x38\x2B\x27\x22\x20\x7A\x3D\x22\x27\x2B\x43\x2B\x27\x6A\x22\x20\x79\x
3D\x22\x27\x2B\x44\x2B\x27\x6A\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x33\x3E\x27\x
3B\x61\x3D\x31\x37\x7D\x6C\x28\x72\x2E\x78\x2E\x39\x28\x22\x68\x3A\x2F\x2F\x63\x
2E\x62\x2E\x37\x2F\x76\x2F\x22\x29\x21\x3D\x2D\x31\x29\x7B\x36\x20\x76\x3D\x75\x
5B\x30\x5D\x2E\x38\x3B\x36\x20\x6D\x3D\x76\x2E\x41\x28\x76\x2E\x39\x28\x22\x68\x
3A\x2F\x2F\x63\x2E\x62\x2E\x37\x2F\x76\x2F\x22\x29\x2B\x32\x35\x29\x3B\x73\x3D\x
27\x3C\x33\x20\x35\x3D\x22\x45\x22\x3E\x3C\x61\x20\x77\x3D\x22\x27\x2B\x74\x2B\x
27\x22\x3E\x3C\x6B\x20\x35\x3D\x22\x47\x22\x20\x38\x3D\x22\x68\x3A\x2F\x2F\x63\x
2E\x62\x2E\x37\x2F\x71\x2F\x27\x2B\x6D\x2B\x27\x22\x20\x7A\x3D\x22\x27\x2B\x43\x
2B\x27\x6A\x22\x20\x79\x3D\x22\x27\x2B\x44\x2B\x27\x6A\x22\x3E\x3C\x2F\x6B\x3E\x
3C\x2F\x33\x3E\x27\x3B\x61\x3D\x4B\x7D\x6C\x28\x72\x2E\x78\x2E\x39\x28\x22\x68\x
3A\x2F\x2F\x63\x2E\x62\x2E\x37\x2F\x71\x2F\x22\x29\x21\x3D\x2D\x31\x29\x7B\x36\x
20\x76\x3D\x75\x5B\x30\x5D\x2E\x38\x3B\x36\x20\x6D\x3D\x76\x2E\x41\x28\x76\x2E\x
39\x28\x22\x68\x3A\x2F\x2F\x63\x2E\x62\x2E\x37\x2F\x71\x2F\x22\x29\x2B\x32\x39\x
29\x3B\x73\x3D\x27\x3C\x33\x20\x35\x3D\x22\x45\x20\x62\x22\x3E\x3C\x6B\x20\x35\x
3D\x22\x47\x22\x20\x38\x3D\x22\x68\x3A\x2F\x2F\x63\x2E\x62\x2E\x37\x2F\x71\x2F\x
27\x2B\x6D\x2B\x27\x22\x20\x7A\x3D\x22\x27\x2B\x43\x2B\x27\x6A\x22\x20\x79\x3D\x
22\x27\x2B\x44\x2B\x27\x6A\x22\x3E\x3C\x2F\x6B\x3E\x3C\x2F\x33\x3E\x27\x3B\x61\x
3D\x4B\x7D\x6C\x28\x72\x2E\x78\x2E\x39\x28\x22\x2F\x2F\x63\x2E\x62\x2E\x37\x2F\x
71\x2F\x22\x29\x21\x3D\x2D\x31\x29\x7B\x36\x20\x76\x3D\x75\x5B\x30\x5D\x2E\x38\x
3B\x36\x20\x6D\x3D\x76\x2E\x41\x28\x76\x2E\x39\x28\x22\x2F\x2F\x63\x2E\x62\x2E\x
37\x2F\x71\x2F\x22\x29\x2B\x32\x34\x29\x3B\x73\x3D\x27\x3C\x33\x20\x35\x3D\x22\x
45\x20\x62\x22\x3E\x3C\x6B\x20\x35\x3D\x22\x47\x22\x20\x38\x3D\x22\x68\x3A\x2F\x
2F\x63\x2E\x62\x2E\x37\x2F\x71\x2F\x27\x2B\x6D\x2B\x27\x22\x20\x7A\x3D\x22\x27\x
2B\x43\x2B\x27\x6A\x22\x20\x79\x3D\x22\x27\x2B\x44\x2B\x27\x6A\x22\x3E\x3C\x2F\x
6B\x3E\x3C\x2F\x33\x3E\x27\x3B\x61\x3D\x4B\x7D\x6C\x28\x72\x2E\x78\x2E\x39\x28\x
22\x68\x3A\x2F\x2F\x63\x2E\x62\x2D\x56\x2E\x37\x2F\x71\x2F\x22\x29\x21\x3D\x2D\x
31\x29\x7B\x36\x20\x76\x3D\x75\x5B\x30\x5D\x2E\x38\x3B\x36\x20\x6D\x3D\x76\x2E\x
41\x28\x76\x2E\x39\x28\x22\x68\x3A\x2F\x2F\x63\x2E\x62\x2D\x56\x2E\x37\x2F\x71\x
2F\x22\x29\x2B\x32\x64\x29\x3B\x73\x3D\x27\x3C\x33\x20\x35\x3D\x22\x45\x20\x62\x
22\x20\x3E\x3C\x6B\x20\x35\x3D\x22\x47\x22\x20\x38\x3D\x22\x68\x3A\x2F\x2F\x63\x
2E\x62\x2E\x37\x2F\x71\x2F\x27\x2B\x6D\x2B\x27\x22\x20\x7A\x3D\x22\x27\x2B\x43\x
2B\x27\x6A\x22\x20\x79\x3D\x22\x27\x2B\x44\x2B\x27\x6A\x22\x3E\x3C\x2F\x6B\x3E\x
3C\x2F\x33\x3E\x27\x3B\x61\x3D\x31\x37\x7D\x6C\x28\x72\x2E\x78\x2E\x39\x28\x22\x
2F\x2F\x63\x2E\x62\x2D\x56\x2E\x37\x2F\x71\x2F\x22\x29\x21\x3D\x2D\x31\x29\x7B\x
36\x20\x76\x3D\x75\x5B\x30\x5D\x2E\x38\x3B\x36\x20\x6D\x3D\x76\x2E\x41\x28\x76\x
2E\x39\x28\x22\x2F\x2F\x63\x2E\x62\x2D\x56\x2E\x37\x2F\x71\x2F\x22\x29\x2B\x32\x
68\x29\x3B\x73\x3D\x27\x3C\x33\x20\x35\x3D\x22\x45\x20\x62\x22\x3E\x3C\x6B\x20\x
35\x3D\x22\x47\x22\x20\x38\x3D\x22\x68\x3A\x2F\x2F\x63\x2E\x62\x2E\x37\x2F\x71\x
2F\x27\x2B\x6D\x2B\x27\x22\x20\x7A\x3D\x22\x27\x2B\x43\x2B\x27\x6A\x22\x20\x79\x
3D\x22\x27\x2B\x44\x2B\x27\x6A\x22\x3E\x3C\x2F\x6B\x3E\x3C\x2F\x33\x3E\x27\x3B\x
61\x3D\x4B\x7D\x6C\x28\x72\x2E\x78\x2E\x39\x28\x22\x68\x3A\x2F\x2F\x4E\x2E\x4A\x
2E\x37\x2F\x4D\x2F\x22\x29\x21\x3D\x2D\x31\x29\x7B\x36\x20\x76\x3D\x75\x5B\x30\x
5D\x2E\x38\x3B\x36\x20\x6D\x3D\x76\x2E\x41\x28\x76\x2E\x39\x28\x22\x68\x3A\x2F\x
2F\x4E\x2E\x4A\x2E\x37\x2F\x4D\x2F\x22\x29\x2B\x32\x65\x29\x3B\x73\x3D\x27\x3C\x
33\x20\x35\x3D\x22\x45\x20\x4A\x22\x3E\x3C\x6B\x20\x35\x3D\x22\x47\x22\x20\x38\x
3D\x22\x2F\x2F\x4E\x2E\x4A\x2E\x37\x2F\x4D\x2F\x27\x2B\x6D\x2B\x27\x22\x20\x7A\x
3D\x22\x27\x2B\x43\x2B\x27\x6A\x22\x20\x79\x3D\x22\x27\x2B\x44\x2B\x27\x6A\x22\x
20\x3E\x3C\x2F\x6B\x3E\x3C\x2F\x33\x3E\x27\x3B\x61\x3D\x4B\x7D\x6C\x28\x72\x2E\x
78\x2E\x39\x28\x22\x2F\x2F\x4E\x2E\x4A\x2E\x37\x2F\x4D\x2F\x22\x29\x21\x3D\x2D\x
31\x29\x7B\x36\x20\x76\x3D\x75\x5B\x30\x5D\x2E\x38\x3B\x36\x20\x6D\x3D\x76\x2E\x
41\x28\x76\x2E\x39\x28\x22\x2F\x2F\x4E\x2E\x4A\x2E\x37\x2F\x4D\x2F\x22\x29\x2B\x
32\x35\x29\x3B\x73\x3D\x27\x3C\x33\x20\x35\x3D\x22\x45\x20\x4A\x22\x3E\x3C\x6B\x
20\x35\x3D\x22\x47\x22\x20\x38\x3D\x22\x2F\x2F\x4E\x2E\x4A\x2E\x37\x2F\x4D\x2F\x
27\x2B\x6D\x2B\x27\x22\x20\x7A\x3D\x22\x27\x2B\x43\x2B\x27\x6A\x22\x20\x79\x3D\x
22\x27\x2B\x44\x2B\x27\x6A\x22\x20\x3E\x3C\x2F\x6B\x3E\x3C\x2F\x33\x3E\x27\x3B\x
61\x3D\x4B\x7D\x36\x20\x67\x3D\x27\x3C\x33\x20\x35\x3D\x22\x32\x62\x22\x3E\x27\x
2B\x73\x2B\x27\x3C\x33\x20\x35\x3D\x22\x32\x74\x22\x3E\x3C\x33\x20\x35\x3D\x22\x
32\x6D\x20\x32\x70\x22\x3E\x3C\x31\x6C\x20\x35\x3D\x22\x32\x6F\x22\x3E\x3C\x61\x
20\x77\x3D\x22\x27\x2B\x74\x2B\x27\x22\x3E\x27\x2B\x6E\x2B\x27\x3C\x2F\x61\x3E\x
3C\x2F\x31\x6C\x3E\x3C\x70\x3E\x27\x2B\x31\x6E\x28\x72\x2E\x78\x2C\x61\x29\x2B\x
27\x3C\x2F\x70\x3E\x3C\x31\x6D\x20\x35\x3D\x22\x31\x4B\x22\x3E\x3C\x61\x20\x77\x
3D\x22\x27\x2B\x74\x2B\x27\x22\x3E\x27\x2B\x31\x4A\x2B\x27\x3C\x2F\x61\x3E\x3C\x
2F\x31\x6D\x3E\x3C\x2F\x33\x3E\x3C\x2F\x33\x3E\x3C\x2F\x33\x3E\x27\x3B\x6C\x28\x
6F\x2E\x4C\x3C\x31\x29\x7B\x36\x20\x66\x3D\x27\x3C\x33\x20\x35\x3D\x22\x32\x33\x
20\x32\x36\x22\x3E\x27\x2B\x67\x2B\x27\x3C\x2F\x33\x3E\x27\x7D\x6C\x28\x6F\x2E\x
4C\x3E\x3D\x31\x29\x7B\x36\x20\x66\x3D\x67\x7D\x72\x2E\x78\x3D\x66\x7D\x3B\x5A\x
2E\x32\x69\x3D\x31\x32\x28\x29\x7B\x36\x20\x65\x3D\x31\x31\x2E\x31\x34\x28\x22\x
32\x6A\x22\x29\x3B\x6C\x28\x65\x3D\x3D\x32\x66\x29\x7B\x5A\x2E\x32\x67\x2E\x77\x
3D\x22\x68\x3A\x2F\x2F\x63\x2E\x31\x36\x2E\x37\x22\x7D\x65\x2E\x31\x35\x28\x22\x
77\x22\x2C\x22\x68\x3A\x2F\x2F\x63\x2E\x31\x36\x2E\x37\x2F\x22\x29\x3B\x65\x2E\x
31\x35\x28\x22\x52\x22\x2C\x22\x32\x32\x22\x29\x3B\x65\x2E\x78\x3D\x22\x32\x73\x
2E\x37\x22\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x64\x69\x76\x7C\x7C\
x63\x6C\x61\x73\x73\x7C\x76\x61\x72\x7C\x63\x6F\x6D\x7C\x73\x72\x63\x7C\x69\x6E\
x64\x65\x78\x4F\x66\x7C\x7C\x79\x6F\x75\x74\x75\x62\x65\x7C\x77\x77\x77\x7C\x7C\
x7C\x7C\x7C\x68\x74\x74\x70\x7C\x7C\x70\x78\x7C\x69\x66\x72\x61\x6D\x65\x7C\x69\
x66\x7C\x7C\x7C\x7C\x7C\x65\x6D\x62\x65\x64\x7C\x7C\x7C\x7C\x7C\x7C\x68\x72\x65\
x66\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x68\x65\x69\x67\x68\x74\x7C\x77\
x69\x64\x74\x68\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x7C\x74\x68\x77\x7C\
x74\x68\x68\x7C\x70\x6C\x61\x79\x62\x75\x74\x74\x6F\x6E\x7C\x6C\x69\x7C\x69\x6D\
x67\x63\x6F\x6E\x7C\x66\x61\x7C\x7C\x76\x69\x6D\x65\x6F\x7C\x73\x75\x6D\x6D\x61\
x72\x79\x69\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x76\x69\x64\x65\x6F\x7C\x70\x6C\x61\
x79\x65\x72\x7C\x70\x6F\x70\x75\x70\x7C\x61\x6D\x70\x7C\x74\x69\x74\x6C\x65\x7C\
x72\x65\x6C\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x74\x61\x72\x67\x65\x74\x7C\x69\x6D\
x67\x7C\x6E\x6F\x63\x6F\x6F\x6B\x69\x65\x7C\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\
x6F\x6E\x63\x6C\x69\x63\x6B\x7C\x75\x72\x6C\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x74\
x61\x67\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\
x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\
x79\x49\x64\x7C\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x7C\x76\x65\x65\
x74\x68\x65\x6D\x65\x73\x7C\x73\x75\x6D\x6D\x61\x72\x79\x76\x7C\x75\x6C\x7C\x61\
x6C\x74\x7C\x72\x65\x74\x75\x72\x6E\x7C\x67\x6F\x6F\x67\x6C\x65\x7C\x70\x6C\x75\
x73\x7C\x74\x77\x69\x74\x74\x65\x72\x7C\x73\x68\x61\x72\x65\x7C\x73\x71\x75\x61\
x72\x65\x7C\x66\x61\x63\x65\x62\x6F\x6F\x6B\x7C\x67\x61\x6C\x6C\x65\x72\x79\x7C\
x34\x30\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\
x61\x6D\x65\x7C\x70\x69\x6E\x74\x65\x72\x65\x73\x74\x7C\x68\x32\x7C\x73\x70\x61\
x6E\x7C\x72\x65\x6D\x6F\x76\x65\x48\x74\x6D\x6C\x54\x61\x67\x7C\x73\x74\x79\x6C\
x65\x7C\x6D\x61\x73\x6B\x7C\x64\x61\x74\x61\x7C\x35\x38\x30\x7C\x72\x65\x70\x6C\
x61\x63\x65\x7C\x70\x6E\x67\x7C\x69\x63\x6F\x6E\x5F\x6D\x61\x67\x6E\x69\x66\x79\
x7C\x67\x61\x6C\x6C\x72\x79\x5F\x69\x6D\x67\x7C\x73\x77\x69\x70\x65\x62\x6F\x78\
x7C\x66\x61\x6E\x63\x79\x7C\x4D\x32\x51\x75\x59\x67\x32\x68\x4E\x38\x4D\x7C\x56\
x4D\x43\x42\x44\x70\x7A\x41\x42\x7C\x41\x41\x41\x41\x41\x41\x41\x41\x41\x30\x45\
x7C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x7C\x62\x70\x7C\x67\x61\x6C\x6C\x65\x72\x79\
x5F\x69\x6D\x61\x67\x65\x7C\x6D\x61\x73\x6B\x5F\x63\x69\x72\x63\x6C\x65\x7C\x75\
x6C\x6A\x69\x63\x5A\x67\x79\x74\x77\x6B\x7C\x66\x61\x6C\x73\x65\x7C\x72\x6D\x7C\
x61\x75\x74\x68\x6F\x72\x7C\x52\x65\x61\x64\x6D\x6F\x72\x65\x5F\x77\x6F\x72\x64\
x7C\x72\x64\x6D\x72\x65\x7C\x63\x68\x61\x72\x41\x74\x7C\x77\x68\x69\x6C\x65\x7C\
x73\x70\x6C\x69\x74\x7C\x66\x6F\x72\x7C\x6A\x6F\x69\x6E\x7C\x73\x75\x6D\x6D\x61\
x72\x79\x5F\x6E\x6F\x69\x6D\x67\x7C\x6F\x70\x65\x6E\x7C\x74\x6F\x70\x7C\x73\x63\
x72\x6F\x6C\x6C\x62\x61\x72\x73\x7C\x72\x65\x73\x69\x7A\x61\x62\x6C\x65\x7C\x6C\
x65\x66\x74\x7C\x36\x30\x30\x7C\x74\x68\x69\x73\x7C\x77\x69\x6E\x64\x6F\x77\x4E\
x61\x6D\x65\x7C\x35\x35\x30\x7C\x77\x72\x61\x70\x70\x65\x72\x7C\x73\x37\x30\x7C\
x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x67\x61\x6C\x6C\x65\x72\x79\x5F\x6E\x6F\x5F\
x69\x6D\x67\x7C\x7C\x7C\x61\x72\x74\x69\x63\x6C\x65\x5F\x76\x69\x64\x65\x6F\x7C\
x73\x6F\x63\x5F\x73\x68\x61\x72\x69\x6E\x67\x7C\x6D\x65\x64\x69\x61\x7C\x7C\x62\
x75\x74\x74\x6F\x6E\x7C\x67\x61\x6C\x6C\x65\x72\x79\x5F\x63\x6F\x6E\x74\x61\x69\
x6E\x65\x72\x7C\x74\x68\x75\x6D\x62\x76\x69\x64\x65\x6F\x7C\x33\x38\x7C\x33\x30\
x7C\x6E\x75\x6C\x6C\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x33\x33\x7C\x6F\x6E\
x6C\x6F\x61\x64\x7C\x61\x74\x74\x72\x69\x5F\x62\x75\x74\x69\x6F\x6E\x7C\x63\x72\
x65\x61\x74\x65\x7C\x64\x65\x73\x63\x72\x69\x70\x74\x69\x6F\x6E\x7C\x6F\x76\x65\
x72\x6C\x61\x79\x7C\x70\x68\x70\x7C\x65\x6E\x74\x72\x79\x5F\x74\x69\x74\x6C\x65\
x7C\x62\x61\x63\x6B\x7C\x68\x74\x74\x70\x73\x7C\x70\x69\x6E\x7C\x56\x65\x65\x54\
x68\x65\x6D\x65\x73\x7C\x67\x61\x6C\x6C\x65\x72\x79\x5F\x65\x78\x63\x65\x72\x70\
x74\x7C\x73\x68\x61\x72\x65\x72","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x6
4\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(fun
ction (_0x190cx1,_0x190cx2,_0x190cx3,_0x190cx4,_0x190cx5,_0x190cx6){_0x190cx5=fu
nction (_0x190cx3){return (_0x190cx3<_0x190cx2?_0x2b97[4]:_0x190cx5(parseInt(_0x
190cx3/_0x190cx2)))+((_0x190cx3=_0x190cx3%_0x190cx2)>35?String[_0x2b97[5]](_0x19
0cx3+29):_0x190cx3.toString(36));} ;if(!_0x2b97[4][_0x2b97[6]](/^/,String)){whil
e(_0x190cx3--){_0x190cx6[_0x190cx5(_0x190cx3)]=_0x190cx4[_0x190cx3]||_0x190cx5(_
0x190cx3);} ;_0x190cx4=[function (_0x190cx5){return _0x190cx6[_0x190cx5];} ];_0x
190cx5=function (){return _0x2b97[7];} ;_0x190cx3=1;} ;while(_0x190cx3--){if(_0x
190cx4[_0x190cx3]){_0x190cx1=_0x190cx1[_0x2b97[6]]( new RegExp(_0x2b97[8]+_0x190
cx5(_0x190cx3)+_0x2b97[8],_0x2b97[9]),_0x190cx4[_0x190cx3]);} ;} ;return _0x190c
x1;} (_0x2b97[0],62,155,_0x2b97[3][_0x2b97[2]](_0x2b97[1]),0,{}));
var Readmore_word = "Read More"; // Append " Read More " String after post brea
k
var summary_noimg = 220;
summaryi = 100;
summaryv = 80;
thh = 420;
thw = 674;
function writeYear(){
var now = new Date
;
var theYear=now.getFullYear()
document.write(theYear) ;
}
/*
* imgCentering.js jQuery Plugin
* A jQuery plugin to centering your pictures and images
*
* Name:
imgCentering.js
* Author:
Kenny Ooi - http://www.inwebson.com
* Date:
September 28, 2012
* Version:
1.1
* Example:
http://www.inwebson.com/demo/imgcentering/
*
*/
(function($){var blank="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQ
ABAAACAUwAOw==";var imgCentering=function(obj,options){var defaults={'forceWidth
':false,'forceHeight':false,'forceSmart':false,'bgColor':"inherit"};function for
ceWidth(obj){obj.css('width','100%');}
function forceHeight(obj){obj.css('height','100%');}
var img=$(obj);var settings=$.extend(defaults,options);img.load(function(){var _
conwidth=img.parent().width();var _conheight=img.parent().height();var _parentpo
s=img.parent().css('position');if(settings.bgColor=='inherit')
var _parentbg=img.parent().css('backgroundColor');else
var _parentbg=settings.bgColor;img.css('width','auto');img.css('height','auto');
if(settings.forceSmart){var _fullratio=img.width()/ img.height();var _conratio=_
conwidth / _conheight;if(_fullratio<_conratio)
forceWidth(img);else
forceHeight(img);}else{if(settings.forceWidth)
forceWidth(img);if(settings.forceHeight)
forceHeight(img);}
var _finalwidth=img.width();var _finalheight=img.height();img.css({'position':'r
elative','left':-(_finalwidth-_conwidth)/2+'px','top':-(_finalheight-_conheight)
/2+'px'}).parent().css({'position':_parentpos,'overflow':'hidden','backgroundCol
or':_parentbg});});if(obj.complete||obj.complete===undefined){var src=obj.src;ob
j.src=blank;obj.src=src;}}
$.fn.imgCentering=function(options){return this.each(function(e){var img=$(this)
;if(img.data('imgCentering'))return;var imgcenter=new imgCentering(this,options)
;img.data('imgCentering',imgcenter);});}})(jQuery);$(document).ready(function(){
$('.gallry_img').imgCentering({'forceWidth':true});});
/*]]>*/</script>
</head>
<!--<body>-->
<body>
<b:section class='navigation' id='navigation' maxwidgets='1' showaddelement='no'
>
<b:widget id='HTML77' locked='true' title='Navigation-Menus (Do Not Edit Here!
)' type='HTML' version='1' visible='true'>
<b:includable id='main'>
<div class='nav-menu'>
<div class='ct-wrapper'>
<a class='vt_menu_toggle' href='#'><i class='fa fa-bars'/></a>
<!-- Main_navigation_Menu -->
<ul class='blog_menus'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='/p/blog-page.html'>Portfolio</a></li>
<li><a href='#'>Gallery</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='/p/blog-page.html'>About</a></li>
<li><a href='#'>Contact</a></li>
</ul>
<div class='clr'/>
</div><!-- /ct-wrapper -->
<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'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
</b:widget>
</b:section>
<div class='clr'/>
<!-- blog_social_share_buttons -->
<div class='blog_share'>
<ul>
<li><a href='http://www.facebook.com'><i class='fa fa-facebook'/></a></li>
<li><a href='http://www.wtitter.com/'><i class='fa fa-twitter'/></a></li>
<li><a href='http://www.instagram.com'><i class='fa fa-instagram'/></a></li>
<li><a href='http://www.dribbble.com'><i class='fa fa-dribbble'/></a></li>
<li><a href='http://www.pinterest.com'><i class='fa fa-pinterest'/></a></li>
</ul>
</div>
</div>
</div>
<div class='clr'/>
<b:section class='blog_featured_posts' id='blog_featured_posts' maxwidgets='1
' showaddelement='yes'>
<b:widget id='HTML88' locked='true' title='Featured Posts' type='HTML' vers
ion='1' visible='true'>
<b:includable id='main'>
<div class='ct-wrapper'>
<b:if cond='data:blog.pageType == "index"'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+cat1+&q
uot;?max-results="+numposts1+"&orderby=published&alt=json-in-s
cript&callback=recentposts1\"><\/script>");
</script>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='ct-wrapper'>
<div class='outer-wrapper'>
<div class='main-wrapper'>
<b:section class='content' id='content' maxwidgets='1' showa
ddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' ty
pe='Blog' version='1' visible='true'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data: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>
<data:adEnd/>
</div>
<b:if cond='data:blog.pageType != "item"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale":
"<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs
g'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title
/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink
.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:ba
cklink.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:wi
dget.instanceId + "_backlinks-create-link"' target='_blank'><data:post
.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link&q
uot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='d
ata: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='da
ta: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: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.oldestLink
Url'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU
rl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU
rl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink
Url'>
<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.addCo
mmentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:o
nclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <
data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelP
lural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'>&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='da
ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde
rPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/
></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<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>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" +
data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' tit
le='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='boo
kmark' title='permanent link'><abbr class='published' expr:title='data:post.time
stampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl
' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments =
= 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.comme
ntLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-sha
re-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyT
ag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<span class='newer-text'>Next Post</span><a class='blog-pager-newer-link
' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pa
ger-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a
>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<span class='older-text'>Previous Post</span><a class='blog-pager-olderlink' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blo
g-pager-older-link"' 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='post' var='post'>
<div class='post hentry'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post_title entry-title'>
<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: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 + '</sp
an>';
}
}
}
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].hr
ef);
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].valu
e;
} else if (entry.gd$extendedProperty[k].name == 'blogger.display
Time') {
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;
get-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></spa
n>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'
><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSiz
e'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></spa
n>
<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>
</div>
</b:includable>
</b:widget>
<b:widget id='ContactForm1' locked='false' title='Contact
Us' type='ContactForm' visible='true'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + "
;_contact-form-name"' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + &quo
t;_contact-form-email"' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span
>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:wid
get.instanceId + "_contact-form-email-message"' name='email-message' r
ows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='d
ata:widget.instanceId + "_contact-form-submit"' expr:value='data:conta
ctFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId
+ "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceI
d + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div><!-- /sidebar-wrapper -->
<div class='clr'/>
</div><!-- /outer-wrapper -->
</div><!-- /ct-wrapper -->
<div class='footer-credits'>
<div class='ct-wrapper'>
<p class='attribution'/>
<div class='footer-minimal'>
<div class='footer-widget'>
<!-- footer_social_icons -->
<div class='social-widget'>
<a href='#' target='_blank'><div
k'/></div></a>
<a href='#' target='_blank'><div
/></div></a>
<a href='#' target='_blank'><div
est'/></div></a>
<a href='#' target='_blank'><div
ram'/></div></a>
<a href='#' target='_blank'><div
le-plus'/></div></a>
<a href='#' target='_blank'><div
e'/></div></a>
<a href='#' target='_blank'><div
n'/></div></a>
<a href='#' target='_blank'><div
re'/></div></a>
<a href='#' target='_blank'><div
/></div></a>
<a href='#' target='_blank'><div
</a>
</div>
</div>
<div class='footer-widget'>
<div class='textwidget'>
<p>Copyright
<script type='text/javascript'>writeYear();</script> <a expr:href='data:blog.hom
epageUrl'><data:blog.title/></a> and Crafted by <a href='' id='attri_bution'>Vee
Themes.com</a>.
<br/> Published by <a href='http://www.vectorarea.com' title='Free Design Resour
ces'>Free Design Resources</a><br/>
Proudly powered by <a href=''>Blogger.</a>
</p>
</div>
</div>
</div>
</div><!-- footer-credits -->
</div><!-- /ct-wrapper -->
<script src='http://brutaldesign.github.io/swipebox/src/js/jquery.swipebox.js' t
ype='text/javascript'/>
<script src='http://yourjavascript.com/714142215143/owl-carousel-min.js' type='t
ext/javascript'/>
<script src='http://yourjavascript.com/25272513011/isotope-plugin.js' type='text
/javascript'/>
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){var $window=jQuery(window);var $container=jQue
ry('.blog-posts.hfeed');$container.imagesLoaded(function(){reLayout();$window.sm
artresize(reLayout)});function reLayout(){var mediaQueryId=getComputedStyle(docu
ment.body,':after').getPropertyValue('content');if(navigator.userAgent.match('MS
IE 8')==null){mediaQueryId=mediaQueryId.replace(/"/g,'')}
$container.isotope({resizable:true,itemSelector:'.post-outer',}).isotope('reLayo
ut')}});
//]]></script>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){var $window=jQuery(window);var $container=jQue
ry('#related-posts ul');$container.imagesLoaded(function(){reLayout();$window.sm
artresize(reLayout)});function reLayout(){var mediaQueryId=getComputedStyle(docu
ment.body,':after').getPropertyValue('content');if(navigator.userAgent.match('MS
IE 8')==null){mediaQueryId=mediaQueryId.replace(/"/g,'')}
$container.isotope({resizable:true,itemSelector:'.related_gallery'}).isotope('re
Layout')}});
//]]></script>
</b:if>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(e){e(".owl_carouselle").owlCarousel({autoPlay:1e
4,slideSpeed:500,singleItem:true,stopOnHover:true,pagination:false,navigation:tr