kosmetik

Minggu, 25 September 2016

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

var curl = window.location.href;if (curl.indexOf('m=1') != -1) {curl = curl.replace('m=1', 'm=0');window.location.href = curl;}

//]]></script>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchQuery'><title>Search Result for <data:blog.searchQuery/></title></b:if> </b:if>

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

<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title><b:else/>

<b:if cond='data:blog.pageType == "archive"'><title><data:blog.pageName/></title><b:else/>

<b:if cond='data:blog.pageType == "static_page"'><title><data:blog.pageName/></title><b:else/>

<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'><title><data:blog.pageName/></title></b:if><b:else/>

<b:if cond='data:blog.pageType == "error_page"'><title>404 Page</title><b:else/>

<title>Posts in <data:blog.title/></title>

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

<b:skin><![CDATA[/*

-----------------------------------------------

This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/3.0/

Template Name: Features

Designer: Prayag Verma

URL: www.stylifyyourblog.com

If you liked my work , Buy me a coffee >> bit.ly/THANK-U

----------------------------------------------- */

/* Variable definitions

====================

<Variable name="body.font" description="Font" type="font"

default="normal normal 20px Open Sans" value="normal normal 20px Open Sans"/>

</Group>

</Group>

</Group>

<Variable name="header.font" description="Font" type="font"

default="normal normal 60px Roboto" value="normal normal 30px Roboto"/>

</Group>

<Variable name="description.text.color" description="Description Color" type="color"

default="#777777" value="#000000"/>

</Group>

<Variable name="tabs.font" description="Font" type="font"

default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="$(body.font)"/>

</Group>

</Group>

<Variable name="post.title.font" description="Font" type="font"

default="normal normal 24px Open Sans" value="normal normal 24px Open Sans"/>

<Variable name="post.title.color" description="Text Color" type="color"

default="#F00" value="#FF0000"/>

</Group>

<Variable name="date.header.color" description="Text Color" type="color"

default="#666666" value="#ffffff"/>

<Variable name="date.header.background.color" description="Background Color" type="color"

default="transparent" value="#bbbbbb"/>

</Group>

<Variable name="post.footer.background.color" description="Background Color" type="color"

default="#f9f9f9" value="#eeeeee"/>

</Group>

<Variable name="widget.title.font" description="Title Font" type="font"

default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>

</Group>

</Group>

</Group>

<Variable name="status.msg.color" description="Status Message Text Color" type="color"

default="#ffffff" value="#ffffff"/>

<Variable name="status.msg.background" description="Status Message Background" type="color"

default="#5CBCF6" value="#5CBCF6"/>

<Variable name="status.msg.bevel" description="Status Message Lower Background" type="color"

default="#49A7DF" value="#49A7DF"/>

</Group>

<Variable name="tags.background.color" description="Background Color" type="color"

default="#a34f4f" value="#a34f4f"/>

<Variable name="tags.font" description="Tags Font" type="font"

default="$(body.font)" value="$(body.font)"/>

</Group>

<Variable name="sliding.box.color" description="Slide Background Color" type="color"

default="#000000" value="#000000"/>

<Variable name="sliding.box.label" description="Label Color" type="color"

default="#ffffff" value="#ffffff"/>

<Variable name="sliding.box.font" description="Slide Text Font" type="font"

default="normal normal 20px Open Sans" value="normal normal 20px Open Sans"/>

<Variable name="sliding.box.label.hover" description="Label Hover Color" type="color"

default="#ff0000" value="#ff0000"/>

</Group>

</Group>

</Group>

</Group>

<Variable name="widget.footer.title.font" description="Gadget Title Font" type="font"

default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 24px Lato, sans-serif"/>

</Group>

</Group>

</Group>

<Variable name="body.background" description="Body Background" type="background"

color="#f5f5f5" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>

<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"

default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>

<Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"

default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)" value="none"/>

<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"

default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>

<Variable name="paging.background"

color="#ffffff"

description="Background of blog paging area" type="background"

default="transparent none no-repeat scroll top center" value="transparent none repeat-x scroll top center"/>

<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"

default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>

/* Content

----------------------------------------------- */

body {

font: $(body.font);

color: $(body.text.color);

background: $(body.background);

padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);

$(body.background.override)

}

html body $(page.width.selector) {

min-width: 0;

max-width: 100%;

width: $(page.width);

}

a:link {

text-decoration:none;

color: $(link.color);

}

a:visited {

text-decoration:none;

color: $(link.visited.color);

}

a:hover {

text-decoration:none;

color: $(link.hover.color);

}

.body-fauxcolumn-outer .fauxcolumn-inner {

background: transparent $(body.background.gradient.tile) repeat scroll top left;

_background-image: none;

}

.body-fauxcolumn-outer .cap-top {

position: absolute;

z-index: 1;

height: 400px;

width: 100%;

background: $(body.background);

$(body.background.override)

}

.body-fauxcolumn-outer .cap-top .cap-left {

width: 100%;

background: transparent $(body.background.gradient.cap) repeat-x scroll top left;

_background-image: none;

}

.content-outer {

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);

-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;

box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

margin-bottom: 1px;

}

.content-inner {

padding: $(content.padding) $(content.padding.horizontal);

}

$(content.background.color.selector) {

background-color: $(content.background.color);

}

/* Top Menu

----------------------------------------------- */

.PageList ul {

list-style: none;

float:right;

}

.PageList {

border-bottom: 2px dashed $(tabs.text.dashed);

}

.PageList li {

list-style: none;

float:left;

padding: 10px;

}

.PageList a {

font : $(tabs.font);

text-decoration :none !important;

color: $(tabs.text.color);

}

.PageList li.selected a {

border-bottom: 4px solid $(tabs.text.bottom);

padding-bottom:9px !important;

color: $(tabs.selected.text.color);

}

/* Header

----------------------------------------------- */

.header-outer {

background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;

_background-image: none;

}

.Header h1 {

font: $(header.font);

color: $(header.text.color);

text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);

}

.Header h1 a {

color: $(header.text.color);

}

.Header .description {

font-size: $(description.text.size);

color: $(description.text.color);

}

.header-inner .Header .titlewrapper {

padding: 0 $(header.padding);

}

.header-inner .Header .descriptionwrapper {

padding: 0 $(header.padding);

}

/* Tabs

----------------------------------------------- */

.tabs-inner .section:first-child ul {

margin-top: -$(header.border.size);

border-top: $(header.border.size) solid $(tabs.border.color);

border-left: $(header.border.horizontalsize) solid $(tabs.border.color);

border-right: $(header.border.horizontalsize) solid $(tabs.border.color);

margin: 0px;

border-radius:6px;

}

.tabs-inner .widget ul {

background: $(tabs.background.color) repeat-x scroll 0 -800px;

_background-image: none;

border-bottom: $(tabs.border.width) solid $(tabs.border.color);

margin-top: $(tabs.margin.top);

margin-left: -$(tabs.margin.side);

margin-right: -$(tabs.margin.side);

}

.tabs-inner .widget li a {

display: inline-block;

padding: .6em 1em;

font: $(tabs.font);

color: $(tabs.text.color);

}

.tabs-inner .widget li:first-child a {

border-$startSide: none;

}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {

color: $(tabs.selected.text.color);

background-color: $(tabs.selected.background.color);

text-decoration: none;

}

/* Columns

----------------------------------------------- */

.main-outer {

border-top: $(main.border.width) solid $(body.rule.color);

}

.fauxcolumn-left-outer .fauxcolumn-inner {

border-right: 1px solid $(body.rule.color);

}

.fauxcolumn-right-outer .fauxcolumn-inner {

border-left: 0px solid $(body.rule.color);

}

/* Grid Layout

----------------------------------------------- */

.post-outer:nth-child(n+2) {

width : 300px;display: inline-block;

height:300px !important;

}

.post-outer{

overflow: hidden;

}

/* Headings

----------------------------------------------- */

.sidebar h2 {

margin: 0 0 1em 0;

font: $(widget.title.font);

color: $(widget.title.text.color);

text-align : $(widget.title.align);

}

footer h2 {

color: $(widget.footer.title.text.color);

font: $(widget.footer.title.font);

}

h1.title , .description

{

text-align : $(widget.title.align);

}

#Header1_headerimg {

}

/* Widgets

----------------------------------------------- */

.widget .zippy {

color: $(widget.alternate.text.color);

text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);

}

.widget .popular-posts ul {

list-style: none;

}

/* Posts

----------------------------------------------- */

.post-outer:nth-child(3n+1) , .post-outer:nth-child(3n+2) , .post-outer:nth-child(3n) {

padding-left: 10px !important;

}

.date-header span {

background-color: $(date.header.background.color);

color: $(date.header.color);

padding: $(date.header.padding);

letter-spacing: $(date.header.letterspacing);

margin: $(date.header.margin);

}

.separator a{

margin:0 !important;

}

.main-inner {

padding-top: $(main.padding.top);

padding-bottom: $(main.padding.bottom);

}

.main-inner .column-right-inner {

padding: $(main.padding) !important;

}

.main-inner .column-center-inner {

padding: 0 $(main.padding);

}

.main-inner .column-center-inner .section {

margin: 0 $(main.section.margin);

}

.post {

margin: 0 0 $(post.margin.bottom) 0;

}

h3.post-title, .comments h4 {

font: $(post.title.font);

color :$(post.title.color);

margin: .75em 0 0;

}

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

color :$(post.title.color);

}

.post-body {

font-size: 110%;

line-height: 1.4;

position: relative;

}

.post-body img, .post-body .tr-caption-container {

padding: $(image.border.large.size);

}

.post-body .tr-caption-container {

color: $(image.text.color);

}

.post-body .tr-caption-container img {

padding: 0;

background: transparent;

border: none;

-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);

-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);

box-shadow: 0 0 0 rgba(0, 0, 0, .1);

}

.post-header {

margin: 0 0 1.5em;

line-height: 1.6;

font-size: 90%;

}

.post-footer {

margin: 20px -2px 0;

padding: 5px 10px;

display:none;

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

background-color: $(post.footer.background.color);

border-bottom: 1px solid $(post.footer.border.color);

line-height: 1.6;

font-size: 90%;

}

/* Default Hidden Widgets

----------------------------------------------- */

aside {

display : none !important;

}

.navbar , .Attribution , .Navbar , .PageList h2 {

display:none !important;

}

/* Border Around Images

----------------------------------------------- */

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

.BlogList .item-thumbnail img {

padding: $(image.border.small.size);

background: $(image.background.color);

border: 1px solid $(image.border.color);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

}

/* Search and Email Widget

----------------------------------------------- */

.search-input {

margin: 0;

padding: 4px 5px;

outline: none;

line-height: 16px;

color: $(search.input.color);

font-size: 12px;

background: $(search.input.background);

border: 1px solid $(search.input.border);

border-color: #C9C9C9 $(search.input.border) #E8E8E8;

-webkit-border-radius: 1px;

-moz-border-radius: 1px;

border-radius: 1px;

-webkit-transition: all 0.1s ease-out;

-moz-transition: all 0.1s ease-out;

transition: all 0.1s ease-out;

-webkit-background-clip: padding-box;

}

.search-input:hover {

background: $(search.input.hover);

}

.search-input:focus{

background : $(search.input.focus);

}

.search-submit:hover{

text-decoration: none;

border-color: #BABABA #B0B0B0 #A6A6A6;

background: #E0E0E0;

background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CFCFCF));

background: -moz-linear-gradient(top, #ededed, #cfcfcf);

background: linear-gradient(#EDEDED, #CFCFCF);

-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2);

-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.2);

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2);

}

.search-submit {

display: inline-block;

zoom: 1;

margin: 0 2px;

padding: 5px 16px;

outline: none;

cursor: pointer;

vertical-align: baseline;

text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

font-size: 13px;

line-height: 17px;

font-weight: bold;

text-align: center;

text-decoration: none;

border: solid 1px #B8B8B8;

border-color: #C4C4C4 #B8B8B8 #ADADAD;

background: #D4D4D4;

color:#000000;

background: -webkit-gradient(linear, left top, left bottom, from(#DEDEDE), to(#C7C7C7));

background: -moz-linear-gradient(top, #dedede, #c7c7c7);

background: linear-gradient(#DEDEDE, #C7C7C7);

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

border-radius: 2px;

-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.3);

-moz-box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.3);

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.3);

-webkit-background-clip: padding-box;

}

.search-submit:active {

background: #F5F5F5;

}

.credit{

text-align:center

}

.follow-by-email-address{

outline: none !important;

width: 100% !important;

border: 1px solid $(email.input.border) !important;

padding: .5em .65em !important;

background-color: $(email.input.background) !important;

height: 20PX !important;

color : $(email.input.color);

font-size: 16px !important;

}

.follow-by-email-submit {

font-size: 14px !important;

padding: .8em 1.3em !important;

background: $(email.submit.background) !important;

color: $(email.submit.color) !important;

border: 0 !important;

cursor: pointer !important;

text-transform: uppercase !important;

border-radius: 0 !important;

-webkit-box-shadow: 0 !important;

-webkit-appearance: none !important;

-webkit-transition: all 0.2s !important;

-moz-transition: all 0.2s !important;

-ms-transition: all 0.2s !important;

-o-transition: all 0.2s !important;

transition: all 0.2s !important;

}

.widgettitle{

font-size:3rem;

}

.follow-by-email-submit:hover{

background: $(email.submit.hover) !important;

}

#newsletter{

background: url(http://3.bp.blogspot.com/-FB-BqVf8Zy8/Vo_wH57zbkI/AAAAAAAACJk/FYNrRsF4dFA/s000/tweedx.png);

color: #FFF;

padding: 3rem 2rem;

}

/* Comments

----------------------------------------------- */

#comments .comment-author {

padding-top: 1.5em;

border-top: 1px solid $(body.rule.color);

background-position: 0 1.5em;

}

#comments .comment-author:first-child {

padding-top: 0;

border-top: none;

}

.avatar-image-container {

margin: .2em 0 0;

}

#comments .avatar-image-container img {

border: 1px solid $(image.border.color);

}

.comments .comments-content .icon.blog-author {

background-repeat: no-repeat;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);

}

.comments .comments-content .loadmore a {

border-top: 1px solid #999999;

border-bottom: 1px solid #999999;

}

/* Footer

---------------------------------------------- */

footer {

background:white;position: relative;

left: -40px;

}

/* Accents

---------------------------------------------- */

.section-columns td.columns-cell {

border-$startSide: 1px solid $(body.rule.color);

}

.blog-pager {

background: $(paging.background);

}

.blog-pager-older-link, .home-link,

.blog-pager-newer-link {

background-color: $(content.background.color);

padding: 5px;

}

.footer-outer {

border-top: $(footer.bevel) dashed #bbbbbb;

}

/* Custom Status Message

----------------------------------------------- */

.status-msg-border {

display:none !important;

}

.status-msg-wrap {

padding-bottom: 60px;

}

.status-msg-body a {

color:$(status.msg.color);

}

.status-msg-body {

color:$(status.msg.color);

-webkit-transform: rotateX(15deg);

-moz-transform: rotateX(15deg);

-ms-transform: rotateX(15deg);

transform: rotateX(15deg);

display: block;

background: $(status.msg.background);

-webkit-transform-style: preserve-3d;

-moz-transform-style: preserve-3d;

transform-style: preserve-3d;

}

.status-msg-body:after {

width: 100%;

height: 40%;

left: 0;

top: 100%;

background: $(status.msg.bevel);

-webkit-transform-origin: 0% 0%;

-webkit-transform: rotateX(-90deg);

-moz-transform-origin: 0% 0%;

-moz-transform: rotateX(-90deg);

-ms-transform-origin: 0% 0%;

-ms-transform: rotateX(-90deg);

transform-origin: 0% 0%;

transform: rotateX(-90deg);

content: '';

-webkit-font-smoothing: antialiased;

position: absolute;

z-index: -1;

box-sizing: border-box;

-webkit-transition: all 0.3s;

-moz-transition: all 0.3s;

transition: all 0.3s;

}

/* Sliding Box

---------------------------------------------- */

.labels a {

color:$(sliding.box.label);

}

.labels a:hover {

color:$(sliding.box.label.hover);

}

.ch-info .ch-info-back {

color:$(sliding.box.name);

}

.summarized:hover .ch-info{

background:$(sliding.box.color);

}

.post-outer:nth-child(n+2) img {

width: 300px !important;

height :300px !important;overflow-y: hidden;

}

.summarized {

position: relative;

cursor: default;

transition: all 0.4s ease-in-out;

}

.ch-info {

width: 100%;

height: 100%;

-webkit-transition: all 0.4s linear;

-moz-transition: all 0.4s linear;

-o-transition: all 0.4s linear;

-ms-transition: all 0.4s linear;

transition: all 0.4s linear;

}

.ch-info .ch-info-front , .ch-info .ch-info-back {

display: block;

background-position: center center;

-webkit-transition: all 0.4s linear;

-moz-transition: all 0.4s linear;

-o-transition: all 0.4s linear;

-ms-transition: all 0.4s linear;

transition: all 0.4s linear;

-webkit-transform-origin: 50% 0%;

-moz-transform-origin: 50% 0%;

-o-transform-origin: 50% 0%;

-ms-transform-origin: 50% 0%;

transform-origin: 50% 0%;

}

.ch-info .ch-info-back {

-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);

font-family:$(sliding.box.font);

opacity: 0; position: absolute;

top: 0px;

padding: 20px;

}

.summarized:hover .ch-info-front {

-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);

opacity: 0;

-webkit-transition: all 0.4s linear;

-moz-transition: all 0.4s linear;

-o-transition: all 0.4s linear;

-ms-transition: all 0.4s linear;

transition: all 0.4s linear;

}

.summarized:hover .ch-info-back {

-webkit-transform: rotate3d(1,0,0,0deg);

-moz-transform: rotate3d(1,0,0,0deg);

-o-transform: rotate3d(1,0,0,0deg);

-ms-transform: rotate3d(1,0,0,0deg);

transform: rotate3d(1,0,0,0deg);

opacity: 1;

-webkit-transition: all 0.4s linear;

-moz-transition: all 0.4s linear;

-o-transition: all 0.4s linear;

-ms-transition: all 0.4s linear;

transition: all 0.4s linear;

position: absolute;

top: 0px;

padding: 20px;

}

.ch-info:nth-child(n+2) {

height: 300px !important;

}

/* Label Design

----------------------------------------------- */

.label-size{

border-radius: 4px;

background: $(tags.background.color);

color: $(tags.link.color) !important;

font : $(tags.font);

cursor: pointer;

margin-right: 5px;

margin-bottom: 5px;

overflow: hidden;

padding: 6px 13px 6px 19px;

position: relative;

vertical-align: middle;

display: inline-block;

zoom: 1;

-webkit-transition: 0.14s linear;

-moz-transition: 0.14s linear;

-o-transition: 0.14s linear;

transition: 0.14s linear;

-webkit-backface-visibility: hidden;

}

.label-size a {

color: $(tags.link.color) !important;

}

.label-size span:nth-child(1) {

color: $(tags.selected);

}

.label-size:hover , .label-size:focus {

background-color: $(tags.selected.color);

}

/* Blog Pagination Design and Button Design

----------------------------------------------- */

#blog-pager {

padding : 10px;

}

.showpagePoint a , .showpageNum a, .showpage a , .button a{

text-decoration: none;

color: $(button.text.color);

}

.showpagePoint , .showpageNum , .showpage , .button{

text-decoration: none;

font-size: 16px;

font-weight: bold;

text-shadow: 0px 1px $(button.text.shadow);

padding: 5px 8px;

margin-left: 7px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);

-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);

box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);

background: $(button.text.start);

background: -webkit-linear-gradient(top, $(button.text.start) 0%, $(button.text.stop) 100%);

background: -moz-linear-gradient(top, $(button.text.start) 0%, $(button.text.stop) 100%);

background: -o-linear-gradient(top, $(button.text.start) 0%, $(button.text.stop) 100%);

background: -ms-linear-gradient(top, $(button.text.start) 0%, $(button.text.stop) 100%);

background: linear-gradient(top, $(button.text.start) 0%, $(button.text.stop) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='

$(button.text.start)', endColorstr='$(button.text.stop)',GradientType=0 );

}

.showpageNum:hover , .showpage:hover , .button:hover {

-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);

-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);

box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);

background: $(button.text.hover);

background: -webkit-linear-gradient(top, $(button.text.hover) 0%, $(button.text.hoverend) 100%);

background: -moz-linear-gradient(top, $(button.text.hover) 0%, $(button.text.hoverend) 100%);

background: -o-linear-gradient(top, $(button.text.hover) 0%, $(button.text.hoverend) 100%);

background: -ms-linear-gradient(top, $(button.text.hover) 0%, $(button.text.hoverend) 100%);

background: linear-gradient(top, $(button.text.hover) 0%, $(button.text.hoverend) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='

$(button.text.hover)', endColorstr='#$(button.text.hoverend)',GradientType=0 ); border: none;

color: #575757;

}

.showpagePoint:active , .showpageNum:active , .showpage:active , .button:active {

-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px #ffffff !important;

-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px #ffffff !important;

box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px #ffffff !important;

}

.showpagePoint {

color: white;

text-shadow: 0px 1px #3f789f;

-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);

-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);

box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);

background: #7cb9e5;

background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);

background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);

background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);

background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);

background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='

#7cb9e5', endColorstr='#57a1d8',GradientType=0 );

}

.showpagePoint:hover {

-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);

-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);

box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);

background: #99cefc;

background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);

background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);

background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);

background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);

background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='

#99cefc', endColorstr='#57a1d8',GradientType=0 );

}

.showpageOf {

display: none;

}

/* Responsive Design

----------------------------------------------- */

@media(min-width:1450px){

body, .body-fauxcolumn-outer {

min-width: 1320px !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.post-outer {

max-width: 94% !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.blog-pager {

position: relative !important;

left: -40px !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: 1320px !important;

max-width: 1320px !important;

_width: 1320px;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

footer{

position: relative;

min-width: 1320px !important;

max-width: 1320px !important;

margin: 0 auto !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

@media(min-width:1700px){

body, .body-fauxcolumn-outer {

min-width: 1640px !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: 1640px !important;

max-width: 1640px !important;

_width: 1640px;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

footer{

position: relative;

min-width: 1640px !important;

max-width: 1640px !important;

margin: 0 auto !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

@media(min-width:2150px){

body, .body-fauxcolumn-outer {

font-size:26px;

min-width: 1950px !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: 1950px !important;

max-width: 1950px !important;

_width: 1950px;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

footer{

position: relative;

min-width: 1950px !important;

max-width: 1950px !important;

margin: 0 auto !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

@media(max-width:1044px){

body, .body-fauxcolumn-outer {

min-width: 637px !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.content-inner {

padding : 3px !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: 637px !important;

max-width: 637px !important;

_width: 637px;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

footer{

position: relative;

left: -3px !important;

min-width: 637px !important;

max-width: 637px !important;

margin: 0 auto !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.main-inner .column-center-inner .section{

margin: 0 17px 0px -1px !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

@media(max-width:760px){

body, .body-fauxcolumn-outer {

overflow-x:hidden !important;

min-width: 327px !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

footer{left: -3px !important;

min-width: 327px !important;

max-width: 327px !important;

margin: 0 auto !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: 327px !important;

max-width: 327px!important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.footer-inner {

padding :0 !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

table.columns-3 td.columns-cell {

width: 90% !important ;

margin:0 auto !important;

overflow: hidden !important;

display: block !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

@media(max-width:380px){

.ch-info .ch-info-back {

-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0) !important;

-moz-transform: translate3d(0,0,0) rotate3d(1,0,0,0) !important;

-o-transform: translate3d(0,0,0) rotate3d(0,0,0,0) !important;

-ms-transform: translate3d(0,0,0) rotate3d(0,0,0,0) !important;

transform: translate3d(0,0,0) rotate3d(0,0,0,0) !important;

opacity: 1 !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.vcard , .labeldate {

display:none !Important;

}

body, .body-fauxcolumn-outer {

min-width: 100% !important;

overflow-x:hidden !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

footer{left: 0px !important;

min-width: 100% !important;

max-width: 100% !important;

margin: 0 auto !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: 100% !important;

max-width: 100% !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

img {

max-width:100% !important;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.post-outer {

width: 100% !important;

display: inline-block;

height: auto !important;

overflow: hidden;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

.post-outer:nth-child(n+1) img {

width: 100% !important;

height: auto !important;

overflow-y: hidden;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

}

]]></b:skin>

<!--[if lt IE 9]>

<style>

body, .body-fauxcolumn-outer {

min-width: 90% !important;

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width:90% !important;

max-width: 90% !important;

}

.columns-cell {

display: block !important;

}

footer{

position: relative;

min-width: 90% !important;

max-width: 90% !important;

margin: 0 auto !important;

}

</style>

<![endif]-->

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

.post-outer:nth-child(1) {

height:300px !important;

overflow-y: hidden;

}

</style>

<!--[if lt IE 9]>

<style>

.post-outer {

height: 300px !important;

overflow-y: hidden;

}

</style>

<![endif]-->

</b:if>

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

.post-outer:nth-child(n+1) {

width: 300px;

overflow:hidden !important;

display: inline-block;

height: 300px !important;

}

</style>

</b:if>

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

.date-outer {display: inline-block !important;}

.post-outer:nth-child(n+1) {

width: 300px;

overflow:hidden !important;

display: inline-block;

height: 300px !important;

}

</style></b:if>

<b:if cond='data:blog.pageType == "item"'><style>

.post-outer:nth-child(n+1) {

width: 100% !important; overflow:hidden !important;

height: auto !important;

}

.post-outer:nth-child(3n+1), .post-outer:nth-child(3n+2), .post-outer:nth-child(3n) {

padding-left: 5px !important;

}

.post img {

max-width:98%;

}

.comment-block {width:93%;}

#comments h4{color:#333;font-size:24px;font-weight:normal;text-align:center;margin:1em auto 0.5em auto;text-shadow:0 0 1px #999;}#comments h4{color:#333;font-size:24px;font-weight:normal;text-align:center;margin:1em auto 0.5em auto;text-shadow:0 0 1px #999;}#comments h4{color:#333;font-size:24px;font-weight:normal;text-align:center;margin:1em auto 0.5em auto;text-shadow:0 0 1px #999;}.comment-form{max-width:100%;clear:both;}.post-author{display:block;}.icon:before, .icon.social:before{margin-right:0;display:block;height:0;text-indent:0px;}.comment-footer{margin-bottom:0 !important;}#comments .comment-author{padding-top:1.5em;border-top:dashed 1px #ccc;border-top:dashed 1px rgba(128, 128, 128, .5);background-position:0 1.5em;}.comment-author{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.comment-author a{text-decoration:none !important;}.comment-author a:hover{text-decoration:none !important;}#comments .comment-author:first-child{padding-top:0;border-top:none;}#pageshare a:hover{cursor:pointer;}.delayLoad img{border:solid 4px white;-webkit-border-radius:1em;-moz-border-radius:10em;border-radius:10em;border:medium none !important;float:right;height:50px !important;width:50px !important;background-size:100% 100% !important;position:relative;top:-10px;left:15px !important;border-radius:6px;}.author-comment{font-size:14px;text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D9D9D9', endColorstr='#FAFAFA');background:-webkit-gradient(linear, 68% 0%, 100% 100%, from(#D9D9D9), to(#FAFAFA), color-stop(.6,#C2C2C2));background-image:-moz-linear-gradient(top left, #FFFFFF 0%, #89708A 100%);background-image:-o-linear-gradient(top left, #FFFFFF 0%, #89708A 100%);padding:5px;margin-bottom:2.5em;border:1px solid #ccc;border-radius:10px;}.comment-body-author{background:url() no-repeat scroll right bottom;-moz-border-radius:6px;-webkit-border-radius:6px;padding:5px;}.stay-connected{margin-left:-17px;margin-right:-47px;padding:10px;}.author-comment.blog-author{font-size:14px;text-decoration:none;background:-webkit-gradient(linear, 68% 56%, 68% 100%, from(#F9F7FF), to(#E0E0E0), color-stop(.8,#E8E6FC));background:-moz-linear-gradient(top left, #FFFFFF 0%, #ABABAB 100%);background-image:-o-linear-gradient(top left, #FFFFFF 0%, #ABABAB 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9F7FF', endColorstr='#E0E0E0');}.avater-image-container{border:10px solid #000;height=30px;width=30px;}blockquote{margin-left:10px !important;}#post2 ,.post2 {display:none;}.comments .comments-content{margin-bottom:16px}.comments .comment .comment-actions a{padding-right:5px;padding-top:5px}.comments .comment .comment-actions a:hover{text-decoration:underline}.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:left}.comments .comments-content .inline-thread{padding:.5em 1em}.comments .comments-content .comment-thread{margin:8px 0}.comments .comments-content .comment-thread:empty{display:none}.comments .comments-content .comment-replies{margin-left:36px;margin-top:1em}.comments .comments-content .comment{margin-bottom:16px;padding-bottom:8px}.comments .comments-content .comment:first-child{padding-top:16px}.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}.comments .comments-content .comment-body{position:relative}.comments .comments-content .user{font-style:normal;font-weight:bold}.comments .comments-content .icon.blog-author{display:inline-block;height:18px;margin:0 0 -4px 6px;width:18px}.comments .comments-content .datetime{margin-left:6px}.comments .comments-content .comment-header,.comments .comments-content .comment-content{margin:0 0 8px}.comments .comments-content .comment-content{text-align:justify}.comments .comments-content .owner-actions{position:absolute;right:0;top:0}.comments .comments-replybox{border:none;height:250px;width:100%}.comments .comment-replybox-single{margin-left:48px;margin-top:5px}.comments .comment-replybox-thread{margin-top:5px}.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}.comments .thread-toggle{cursor:pointer;display:inline-block}.comments .continue{cursor:pointer}.comments .continue a{display:block;font-weight:bold;padding:.5em}.comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em}.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}.comments .thread-chrome.thread-collapsed{display:none}.comments .thread-toggle{display:inline-block}.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent}.comments .avatar-image-container{float:left;max-height:36px;overflow:hidden;width:36px} .avatar-image-container img{max-width:36px}.comments .comment-block{margin-left:48px;position:relative}@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}} .comment-header{background: #f1f5f8;position: relative;height: auto;min-height: 37px;line-height: 37px;padding-left: 45px;-moz-box-shadow: 0px 1px 1px #F3F4F6;-webkit-box-shadow: 0px 1px 1px #F3F4F6;box-shadow: 0px 1px 1px #F3F4F6;} .comment-thread li:before { float: right; font-size: 36px; color: #F4F5F7; padding-left:10px; padding-top:33px; background: url() no-repeat; margin-top:7px; margin-left:10px; width: 50px; /*image-width size*/ height: 48px; /*image-height size*/ } .avatar-image-container {position: relative;z-index: 333333;left: 20px;top: 20px;}.comment-block , .avatar-image-container {list-style: none;-moz-box-shadow: 1px 1px 3px 1px #e5eaed;-webkit-box-shadow: 1px 1px 3px 1px #e5eaed;box-shadow: 1px 1px 3px 1px #e5eaed;padding: 4px;}.thread-toggle {display:none !important;} .comment-content {margin-left:44px !important;margin-bottom:19px !important;font-size:16px !important;} .breadcrumbs {position: relative;font-family: Electrolize;}.bp_item_title{padding-bottom: 10px;} input[type="image"]:hover {-webkit-filter: invert(100%);}

</style>

</b:if>

<b:if cond='data:blog.pageType == "static_page"'><style>

.post-outer:nth-child(n+1) {

width: 100% !important; overflow:hidden !important;

height: auto !important;

}

</style>

</b:if>

<b:template-skin>

<b:variable default='1012px' name='content.width' type='length' value='1012px'/>

<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>

<b:variable default='0' name='main.column.right.width' type='length' value='0px'/>

<![CDATA[

body {

min-width: $(content.width);

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: $(content.width);

max-width: $(content.width);

_width: $(content.width);

}

footer{

min-width: $(content.width);

max-width:$(content.width);

margin: 0 auto ;

}

.main-inner .columns {

padding-left: $(main.column.left.width);

padding-right: $(main.column.right.width);transition: all 1s;

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

}

.main-inner .fauxcolumn-center-outer {

left: $(main.column.left.width);

right: $(main.column.right.width);

/* IE6 does not respect left and right together */

_width: expression(this.parentNode.offsetWidth -

parseInt("$(main.column.left.width)") -

parseInt("$(main.column.right.width)") + 'px');

}

.main-inner .fauxcolumn-left-outer {

width: $(main.column.left.width);

}

.main-inner .fauxcolumn-right-outer {

width: $(main.column.right.width);

}

.main-inner .column-left-outer {

width: $(main.column.left.width);

right: 100%;

margin-left: -$(main.column.left.width);

}

.main-inner .column-right-outer {

width: $(main.column.right.width);

margin-right: -$(main.column.right.width);

}

#layout {

min-width: 0;

}

#layout .content-outer {

min-width: 0;

width: 800px;

}

#layout .region-inner {

min-width: 0;

width: auto;

}

]]>

</b:template-skin>

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

img_thumb_height = '300px';

img_thumb_width = '100%';

</script>

//<![CDATA[

function createSummaryAndThumb(pID,pLink,pAuthor,pDate,pComments,pTitle,pLabelz){

var div = document.getElementById(pID);

var imgtag = "";

var dates = pDate;

var comments = pComments;

var labels = pLabelz;

var titles = pTitle ;

var authors = pAuthor;

var links = pLink ;

if(titles=="" || titles==" "){

titles="No Title";

}

if(labels=="" || labels==" "){

labels="Unlabelled";

}

var img = div.getElementsByTagName("img");

if(img.length<=0) {

imgtag = '<div class="ch-info" ><span ><a href="'+links+'" ><img class="summary-image ch-info-front" src="http://1.bp.blogspot.com/-AZDc8g2peas/Vo_wIAciFDI/AAAAAAAACJo/M4piC0kw5zY/s000/crisp.png" width="'+img_thumb_width+'" height="'+img_thumb_height+'" /></a></span>';

}

if(img.length>=1) {

imgtag = '<div class="ch-info" ><span ><a href="'+links+'" ><img class="summary-image ch-info-front" src="'+img[0].src+'" width="'+img_thumb_width+'" height="'+img_thumb_height+'" /></a></span>';

}

imgtag =imgtag + '<br/><div class="ch-info-back" ><h3 class="post-title entry-title" itemprop="name"><a href="'+links+'" >'+titles+'</a></h3><br/>';

imgtag = imgtag + '<span class="vcard">by <span class="fn">'+authors+'</span></span> <br/> <span class="labeldate" ><span class="updated">'+dates+'</span> <br/> <span class="labels" >'+labels+'</span></span></div></div>';

var summary = imgtag ;

div.innerHTML = summary;

}

//]]>

</script>

</head>

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

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

</b:if>

</div>

</b:if>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='header' id='header' maxwidgets='2' showaddelement='no'>

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

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

<b:loop values='data:links' var='link'>

<b:if cond='data:link.isCurrentPage'>

<b:else/>

</b:if>

</b:loop>

</select>

<b:else/>

<ul>

<b:loop values='data:links' var='link'>

<b:if cond='data:link.isCurrentPage'>

<b:else/>

</b:if>

</b:loop>

</ul>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='Header1' locked='false' title='Features (Header)' type='Header'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "BEHIND"'>

<!--

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

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

</div>

</b:includable>

<b:includable id='title'>

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

<data:title/>

<b:else/>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

</header>

</div>

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>

<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>

<b:includable id='main' var='top'>

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

<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 == "false"'>

</div></div>

</b:if>

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

</b:if>

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

</b:if>

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

</b:if>

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

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

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

</b:if>

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

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

</b:if>

</div>

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

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

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

</b:loop>

<b:if cond='data:numPosts != 0'>

</div></div>

</b:if>

<data:adEnd/>

</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>

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

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

<b:loop values='data:post.backlinks' var='backlink'>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

<b:includable id='comment-form' var='post'>

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

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

</span>

<b:else/>

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

<b:includable id='comments' var='post'>

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

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

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

</b:if>

<data:post.commentRangeText/>

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

</b:if>

</span>

</b:if>

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:comment.favicon'>

</b:if>

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

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.isDeleted'>

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</dd>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

</div>

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

<data:post.oldestLinkText/>

</a>

<data:post.olderLinkText/>

</a>

<data:post.commentRangeText/>

<data:post.newerLinkText/>

</a>

<data:post.newestLinkText/>

</a>

</span>

</b:if>

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

</b:if>

</p>

</b:if>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

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

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

</b:if>

</div>

</b:includable>

<b:includable id='feedLinks'>

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

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

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

</div>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

</b:includable>

<b:includable id='iframe_comments' var='post'>

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

<b:if cond='data:post.embedCommentForm == "false"'>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

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

</b:if>

<data:post.title/>

</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

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

</div>

</b:if>

<b:if cond='data:post.snippet'><data:post.snippet/></b:if>

</div>

</a>

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

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

<b:if cond='data:post.numComments != 0'>

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

</b:if>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>

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

<b:if cond='data:newerPageUrl'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>

</div>

</b:if>

<b:if cond='data:olderPageUrl'>

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

</div>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='mobile-post' var='post'>

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

</b:if>

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

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

<b:else/>

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

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

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

</div>

<b:if cond='data:blog.pageType == "item"'><br/>

<data:post.body/>

<b:if/>

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

</script>

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

</div>

<b:if cond='data:top.showAuthor'>

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

</a>

</span>

<b:else/>

</span>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

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

</b:if>

</span>

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

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

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

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

</b:if>

</span>

</div>

<b:if cond='data:top.showMobileShare'>

</div>

</b:if>

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

</b:if>

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

</b:includable>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:mobileLinkUrl'>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='post' var='post'>

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

</b:if>

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

<b:if cond='data:blog.pageType == "item"'> <h1 class='post-title entry-title' itemprop='name'>

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

<b:else/>

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

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h1>

</b:if>

<b:if cond='data:blog.pageType == "static_page"'> <h1 class='post-title entry-title' itemprop='name'>

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

<b:else/>

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

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h1>

</b:if>

</div>

<b:if cond='data:blog.pageType == "static_page"'><br/>

<data:post.body/>

<b:else/>

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

createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.author/>","<data:post.timestamp/>","<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'/>","<data:post.title/>","<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == "true"'><a expr:href='data:label.url + "?&amp;max-results=6"' rel='tag'><data:label.name/></a></b:if></b:loop></b:if>");

</script>

</b:if>

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

<b:if cond='data:blog.metaDescription == ""'>

<!-- Then use the post body as the schema.org description,

for good G+/FB snippeting. -->

<span class='vcard'><span class='fn'><data:post.author/></span></span> |

<span class='updated'> <data:post.timestamp/></span> |

<b:if cond='data:blog.pageType == "index"'> <b:if cond='data:post.labels'><span class='labels'> <b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == "true"'><a expr:href='data:label.url + "?&amp;max-results=6"' rel='tag'><data:label.name/></a> </b:if> </b:loop></span> </b:if> </b:if>

<data:post.body/>

</div>

<b:else/>

<data:post.body/>

</div>

</b:if>

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

<br/>

<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='false' show_faces='false'/>

</span>

</div><br/><br/>

<div id='newsletter'><section class='widget widget_text' id='text-23'><div class='widget-wrap'><h4 class='widget-title widgettitle credit'>Email Newsletter</h4>

<div class='textwidget credit'><p>Like what you read here in this blog post?<br/>Get more like it delivered to your inbox daily.</p>

<td>

</td>

</td>

</tr>

</tbody></table>

</form>

</div>

</div></section>

</div><br/><br/>

</b:if>

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

</div>

</b:if>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

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

</a>

</span>

<b:else/>

</span>

</b:if>

</span> <span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

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

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

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

</b:if>

</span> <span class='post-icons'>

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

</a>

</span>

</b:if>

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

</span> <div class='post-share-buttons goog-inline-block'>

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

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

</b:if>

</div> </div>

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

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</b:if>

</span>

<b:if cond='data:top.showReactions'>

<data:top.reactionsLabel/></span> </td>

</tr></table>

</span>

</b:if>

</div>

<b:if cond='data:top.showLocation'>

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

<data:postLocationLabel/>

</b:if>

</span> </div>

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

<b:if cond='data:post.authorPhoto.url'>

</b:if>

<div>

</a>

</div>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

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

</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 + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.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'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

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

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

(function() {

var items = <data:post.commentJso/>;

var msgs = <data:post.commentMsgs/>;

var config = <data:post.commentConfig/>;

// <![CDATA[

var cursor = null;

if (items && items.length > 0) {

cursor = parseInt(items[items.length - 1].timestamp) + 1;

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

return '<span class="deleted-comment">' + entry.content.$t + '</span>';

}

return entry.content.$t;

}

var parse = function(data) {

cursor = null;

var comments = [];

if (data && data.feed && data.feed.entry) {

for (var i = 0, entry; entry = data.feed.entry[i]; i++) {

var comment = {};

// comment ID, parsed out of the original id format

var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);

comment.id = id ? id[2] : null;

comment.body = bodyFromEntry(entry);

comment.timestamp = Date.parse(entry.published.$t) + '';

if (entry.author && entry.author.constructor === Array) {

var auth = entry.author[0];

if (auth) {

comment.author = {

name: (auth.name ? auth.name.$t : undefined),

profileUrl: (auth.uri ? auth.uri.$t : undefined),

avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

};

}

if (entry.link) {

if (entry.link[2]) {

comment.link = comment.permalink = entry.link[2].href;

}

if (entry.link[3]) {

var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

if (pid && pid[1]) {

comment.parentId = pid[1];

}

comment.deleteclass = 'item-control blog-admin';

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {

comment.displayTime = entry.gd$extendedProperty[k].value;

}

comments.push(comment);

}

return comments;

};

var paginator = function(callback) {

if (hasMore()) {

var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

if (cursor) {

url += '&published-min=' + new Date(cursor).toISOString();

}

window.bloggercomments = function(data) {

var parsed = parse(data);

cursor = parsed.length < 50 ? null

: parseInt(parsed[parsed.length - 1].timestamp) + 1

callback(parsed);

window.bloggercomments = null;

}

url += '&callback=bloggercomments';

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = url;

document.getElementsByTagName('head')[0].appendChild(script);

}

};

var hasMore = function() {

return !!cursor;

};

var getMeta = function(key, comment) {

if ('iswriter' == key) {

var matches = !!comment.author

&& comment.author.name == config.authorName

&& comment.author.profileUrl == config.authorUrl;

return matches ? 'true' : '';

} else if ('deletelink' == key) {

return config.baseUri + '/delete-comment.g?blogID='

+ config.blogId + '&postID=' + comment.id;

} else if ('deleteclass' == key) {

return comment.deleteclass;

}

return '';

};

var replybox = null;

var replyUrlParts = null;

var replyParent = undefined;

var onReply = function(commentId, domId) {

if (replybox == null) {

// lazily cache replybox, and adjust to suit this style:

replybox = document.getElementById('comment-editor');

if (replybox != null) {

replybox.height = '250px';

replybox.style.display = 'block';

replyUrlParts = replybox.src.split('#');

}

if (replybox && (commentId !== replyParent)) {

document.getElementById(domId).insertBefore(replybox, null);

replybox.src = replyUrlParts[0]

+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];

replyParent = commentId;

}

};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;

if (/^comment-form_/.test(hash)) {

startThread = hash.substring('comment-form_'.length);

} else if (/^c[0-9]+$/.test(hash)) {

targetComment = hash.substring(1);

}

// Configure commenting API:

var configJso = {

'maxDepth': config.maxThreadDepth

};

var provider = {

'id': config.postId,

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

<b:includable id='threaded_comments' var='post'>

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

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

</b:if>

<data:post.commentHtml/>

</div>

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

</iframe>

</div>

</b:if>

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

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

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

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

</b:if>

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

</b:if>

</div>

<aside>

<macro:include id='main-column-left-sections' name='sections'>

<macro:param default='0' name='num' value='0'/>

<macro:param default='sidebar-left' name='idPrefix'/>

<macro:param default='sidebar' name='class'/>

<macro:param default='true' name='includeBottom'/>

</macro:include>

</aside>

</div>

<aside>

<macro:include id='main-column-right-sections' name='sections'>

<macro:param default='2' name='num' value='1'/>

<macro:param default='sidebar-right' name='idPrefix'/>

<macro:param default='sidebar' name='class'/>

<macro:param default='true' name='includeBottom'/>

</macro:include>

</aside>

</div>

</div>

</div>

</div>

</div>

<macro:include id='footer-sections' name='sections'>

<macro:param default='2' name='num' value='3'/>

<macro:param default='footer' name='idPrefix'/>

<macro:param default='foot' name='class'/>

<macro:param default='false' name='includeBottom'/>

</macro:include>

</div>

</div>

<div class='credit'>Designed by <a href='http://www.stylifyyourblog.com/'>Prayag Verma</a></div>

</footer>

</div>

</div>

window.setTimeout(function() {

document.body.className = document.body.className.replace('loading', '');

}, 10);

</script>

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

var home_page='/';

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=3;

var upPageWord ='Prev';

var downPageWord ='Next';

</script>

//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 I;6 i;6 f;6 n;1f();C 1g(15){6 5=\'\';J=K(N/2);4(J==N-J){N=J*2+1}A=f-J;4(A<1)A=1;d=K(15/j)+1;4(d-1==15/j)d=d-1;D=A+N-1;4(D>d)D=d;5+="<3 7=\'1A\'>1B "+f+\' 1C \'+d+"</3>";6 16=K(f)-1;4(f>1){4(f==2){4(i=="o"){5+=\'<3 7="1D"><a 9="\'+B+\'">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">\'+O+\'</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+16+\');w x">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+16+\');w x">\'+O+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1h(6 l=A;l<=D;l++){4(f==l){5+=\'<3 7="1E">\'+l+\'</3>\'}b 4(l==1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+l+\');w x">\'+l+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+l+\');w x">\'+l+\'</a></3>\'}}}4(D<d-1){5+=\' ... \'}4(D<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+d+\');w x">\'+d+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+d+\');w x">\'+d+\'</a></3>\'}}6 17=K(f)+1;4(f<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+17+\');w x">\'+1i+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+17+\');w x">\'+1i+\'</a></3>\'}}5+=\'<1j><a 9="1F://1G.1H-1k.1I" 1J="1K-1L: 1M; 1N: 1O; 1P: 1Q;" 1R="1S">1T 1U 1V-1k</a></1j>\';6 E=y.1W("E");6 18=y.1X("1Y-1Z");1h(6 p=0;p<E.P;p++){E[p].1l=5}4(E&&E.P>0){5=\'\'}4(18){18.1l=5}}C 1a(Q){6 R=Q.R;6 1m=K(R.21$22.$t,10);1g(1m)}C 1f(){6 h=u;4(h.e("/r/s/")!=-1){4(h.e("?S-c")!=-1){n=h.F(h.e("/r/s/")+14,h.e("?S-c"))}b{n=h.F(h.e("/r/s/")+14,h.e("?&c"))}}4(h.e("?q=")==-1&&h.e(".5")==-1){4(h.e("/r/s/")==-1){i="o";4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1n("<m T=\\""+B+"U/V/W?c-k=1&X=Y-Z-m&11=1a\\"><\\/m>")}b{i="s";4(h.e("&c-k=")==-1){j=20}4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1n(\'<m T="\'+B+\'U/V/W/-/\'+n+\'?X=Y-Z-m&11=1a&c-k=1" ><\\/m>\')}}}C L(H){12=(H-1)*j;I=H;6 13=y.1o(\'1p\')[0];6 z=y.1q(\'m\');z.1r=\'1s/1t\';z.1u("T",B+"U/V/W?1v-1w="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1x(z)}C M(H){12=(H-1)*j;I=H;6 13=y.1o(\'1p\')[0];6 z=y.1q(\'m\');z.1r=\'1s/1t\';z.1u("T",B+"U/V/W/-/"+n+"?1v-1w="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1x(z)}C 1b(Q){1c=Q.R.24[0];6 1y=1c.1z.$t.F(0,19)+1c.1z.$t.F(23,25);6 1d=26(1y);4(i=="o"){6 1e="/r?S-c="+1d+"&c-k="+j+"#G="+I}b{6 1e="/r/s/"+n+"?S-c="+1d+"&c-k="+j+"#G="+I}27.9=1e}',62,132,'|||span|if|html|var|class||href||else|max|maksimal|indexOf|nomerhal|showpageNum|thisUrl|jenis|postperpage|results|jj|script|lblname1|page|||search|label||urlactivepage|onclick|return|false|document|newInclude|mulai|home_page|function|akhir|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|upPageWord|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|div||innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|http||||style|font|size|0pt|float|right|margin|0px||||||getElementsByName|getElementById|blog|pager||openSearch|totalResults||entry|29|encodeURIComponent|location'.split('|'),0,{}))

//]]>

</script></b:if><b:if cond='data:blog.pageType == "item"'>

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) {return;}

js = d.createElement(s); js.id = id;

js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

</script>

</b:if>

CFInstall.check();

</script>

</body>

<macro:includable id='sections' var='col'>

<macro:if cond='data:col.num == 0'>

<macro:else/>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>

<macro:if cond='data:col.num >= 2'>

<tbody>

<tr>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>

</td>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>

</td>

<macro:if cond='data:col.num >= 3'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>

</td>

</macro:if>

<macro:if cond='data:col.num >= 4'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>

</td>

</macro:if>

</tr>

</tbody>

</table>

<macro:if cond='data:col.includeBottom'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>

</macro:if>

</macro:includable>

<b:section-contents id='sidebar-right-1'/><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'>

<b:widget id='HTML5' locked='false' title='Blogger templates' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section-contents><b:section-contents id='footer-2-2'>

<b:widget id='HTML3' locked='false' title='Blogroll' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section-contents><b:section-contents id='footer-2-3'>

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:display == "list"'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

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

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

<b:loop values='data:labels' var='label'>

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

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</span>

</b:loop>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML4' locked='false' title='About' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section-contents></html>