DATE:-27-04-2016
DATE:-28-04-2016
DATE:-29-04-2016
DATE:-30-04-2016
(Author can be reached at By- Sonu Mehla Mobile- 8285910007 E-Mail- sonuandfirm@gmail.com)
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<meta content='ADD DESCRIPTION HERE' name='description'/>
<meta content='ADD KEYWORDS HERE SEPARATED, BY, COMMA' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='Author'/>
<meta content='all' name='audience'/><meta content='general' name='rating'/>
<meta content='all' name='robots'/><meta content='index, follow' name='robots'/>
<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:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: CustomizeMe
Designer: Helplogger
URL: helplogger.blogspot.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#f4f4f4"/>
<Group description="Links" selector=".main-outer">
<Variable name="links.font" description="Links Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px PT Sans Narrow"/>
<Variable name="sidebar.links.font" description="Sidebar Links Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Crafty Girls"/>
<Variable name="link.color" description="Links Color" type="color" default="#2288bb" value="#7b7b7b"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#666666"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#444444"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Font" type="font"
default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 33px Lobster"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#3399bb" value="#8e8e8e"/>
<Variable name="header.background.color" description="Background Color" type="color" default="#3399bb" value="transparent"/>
<Variable name="header.link.color" description="Link Color" type="color" default="#3399bb" value="#ea9999"/>
<Variable name="header.link.hover.color" description="Hover Color" type="color" default="#3399bb" value="#e06666"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.font" description="Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Yanone Kaffeesatz"/>
<Variable name="description.text.color" description="Color" type="color"
default="#777777" value="#b4b4b4"/>
<Variable name="description.background" description="Background" type="color"
default="#777777" value="transparent"/>
</Group>
<Group description="Main Menu" selector="#main-menu">
<Variable name="menu.link.font" description="Title Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Yanone Kaffeesatz"/>
<Variable name="menu.link.color" description="Links Color" type="color" default="#000000" value="#666666"/>
<Variable name="menu.background.color" description="Link Background" type="color" default="#999999" value="#f5f5f5"/>
<Variable name="menu.background" description="Menu Background" type="color" default="#000000" value="transparent"/>
<Variable name="menu.hover.color" description="Background Hover" type="color" default="#999999" value="#eeeeee"/>
</Group>
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px PT Sans"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#888888"/>
</Group>
<Group description="Backgrounds" selector=".column-center-outer, .sidebar, .footer-outer, .main-outer">
<Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#f3f3f3"/>
<Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="transparent"/>
<Variable name="center.background.color" description="Center Column" type="color" default="#ffffff" value="#fafafa"/>
<Variable name="sidebar.background.color" description="Right Sidebar Column" type="color" default="#ffffff" value="transparent"/>
<Variable name="footer.background.color" description="Footer" type="color" default="#ffffff" value="#f4f4f4"/>
</Group>
<Group description="Summary" selector=".post">
<Variable name="summary.text.font" description="Summary Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px PT Sans Narrow"/>
<Variable name="summary.title.font" description="Title Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 27px PT Sans Narrow"/>
<Variable name="post.titles.link.color" description="Posts Link Color" type="color" default="#2288bb" value="#888888"/>
<Variable name="posts.summaries.background.color" description="Background Color" type="color" default="#ffffff" value="#f6f6f6"/>
<Variable name="comment.bubble.background" description="Comment Bubble" type="color" default="#ffffff" value="#eeeeee"/>
</Group>
<Group description="PopularPosts Backgrounds" selector="#PopularPosts1">
<Variable name="PopularPosts.background.color1" description="background color1" type="color" default="#fa4242" value="#ffd65f"/>
<Variable name="PopularPosts.background.color2" description="background color2" type="color" default="#ee6107" value="#ffde7f"/>
<Variable name="PopularPosts.background.color3" description="background color3" type="color" default="#f0f" value="#ffe39d"/>
<Variable name="PopularPosts.background.color4" description="background color4" type="color" default="#ff0" value="#ffe8ae"/>
<Variable name="PopularPosts.background.color5" description="background color5" type="color" default="#0ff" value="#ffeac5"/>
</Group>
<Group description="Sidebar Comments" selector=".helploggercomments">
<Variable name="sidebar.comments.link.font" description="Link Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Covered By Your Grace"/>
<Variable name="sidebar.comments.font" description="Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Josefin Slab"/>
<Variable name="sidebar.comments.link" description="Link" type="color" default="#ffffff" value="#777777"/>
<Variable name="sidebar.comments.text" description="Text" type="color" default="#ffffff" value="#666666"/>
<Variable name="sidebar.comments.border" description="Border" type="color" default="#66bbdd" value="#dddddd"/>
</Group>
<Group description="Sidebar Recent Posts" selector=".helploggercomments">
<Variable name="recent.posts.font" description="Link Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Yanone Kaffeesatz"/>
<Variable name="recent.posts.links.color" description="Link Color" type="color" default="#ffffff" value="#777777"/>
<Variable name="recent.posts.border" description="Border" type="color" default="#66bbdd" value="#dddddd"/>
</Group>
<Group description="Sidebar Widgets Content" selector=".sidebar .widget ul">
<Variable name="sidebar.comments.background" description="Recent Comments" type="color" default="#66bbdd" value="transparent"/>
<Variable name="recent.posts.background" description="Recent Posts" type="color" default="#66bbdd" value="transparent"/>
<Variable name="widget.content.background.color" description="Other" type="color" default="#66bbdd" value="transparent"/>
<Variable name="widget.background" description="Background Including Titles" type="color" default="#999999" value="#fafafa"/>
</Group>
<Group description="Widgets Titles" selector="h2">
<Variable name="widget.title.font" description="Title Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 15px Crushed"/>
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#999999"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#a2a2a2"/>
<Variable name="title.background.color" description="Title Background" type="color" default="#999999" value="transparent"/>
<Variable name="title.border.color" description="Border Bottom" type="color" default="#999999" value="#e9e9e9"/>
</Group>
<Group description="Others" selector="#search, .button_up, .button_down">
<Variable name="search.background.color" description="Search Background" type="color" default="#000000" value="#ebebeb"/>
<Variable name="search.hover.color" description="Search Hover" type="color" default="#999999" value="#c5c5c5"/>
<Variable name="search.text.color" description="Search Text" type="color" default="#999999" value="#8a8a8a"/>
<Variable name="search.hover.text.color" description="Search Hover Text" type="color" default="#999999" value="#6e6e6e"/>
<Variable name="updown.buttons.background" description="Up-Down Buttons" type="color" default="#000000" value="transparent"/>
</Group>
<Group description="Page Navigation" selector="#blog-pager">
<Variable name="navigation.text.color" description="Text Color" type="color" default="#000000" value="#666666"/>
<Variable name="navigation.current.text.color" description="Current Page Text Color" type="color" default="#999999" value="#444444"/>
<Variable name="navigation.background.color" description="Background Color" type="color" default="#999999" value="#f6f6f6"/>
<Variable name="navigation.current.background.color" description="Current Background Color" type="color" default="#999999" value="#ededed"/>
<Variable name="navigation.hover.background.color" description="Hover Background Color" type="color" default="#999999" value="#ededed"/>
</Group>
<Group description="Borders" selector="#left-sidebar, .blog-posts, .sidebar .widget">
<Variable name="body.rule.color" description="Center Column" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="post.border.color" description="Posts" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="menu.rule.color" description="Menu" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="menu.rule.hover.color" description="Menu Hover" type="color" default="#eeeeee" value="#cccccc"/>
<Variable name="image.border.color" description="Image Border" type="color" default="#eeeeee" value="#eeeeee"/>
</Group>
<Group description="Shadows" selector=".main-outer">
<Variable name="main.content.shadow.color" description="Main Content" type="color" default="#2288bb" value="#dbdbdb"/>
<Variable name="sidebar.shadow.color" description="Sidebar" type="color" default="#2288bb" value="#e1e1e1"/>
<Variable name="links.shadow" description="Links" type="color" default="#2288bb" value="transparent"/>
<Variable name="search.shadow" description="Search Shadow" type="color" default="#2288bb" value="#d6d6d6"/>
</Group>
<Group description="Main Post" selector=".post-body">
<Variable name="post.title.font" description="Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 30px PT Sans Narrow"/>
<Variable name="post.title.color" description="Color" type="color" default="#2288bb" value="#999999"/>
<Variable name="main.post.title.background" description="Background" type="color" default="#2288bb" value="transparent"/>
<Variable name="main.post.border.color" description="Bottom Border" type="color" default="#2288bb" value="#e9e9e9"/>
</Group>
<Group description="Blockquote" selector=".post-body">
<Variable name="blockquote.font" description="Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px PT Sans"/>
<Variable name="blockquote.background.color" description="Background" type="color" default="#66bbdd" value="#f3f3f3"/>
<Variable name="blockquote.text.color" description="Text" type="color" default="#ffffff" value="#727272"/>
<Variable name="blockquote.border.color" description="Border" type="color" default="#ffffff" value="#e5e5e5"/>
<Variable name="quote.color" description="Quote Symbol" type="color" default="#ffffff" value="#e06666"/>
</Group>
<Group description="About the Author" selector=".author-profile">
<Variable name="about.author.name.font" description="Author Name" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Lobster"/>
<Variable name="about.author.description.font" description="Description" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="italic normal 13px PT Sans"/>
<Variable name="about.author.link.color" description="Author Link" type="color" default="#999999" value="#e06666"/>
<Variable name="about.author.avatar.border" description="Avatar Border" type="color" default="#999999" value="#cccccc"/>
<Variable name="about.author.border" description="Top Bottom Border" type="color" default="#999999" value="#e1e1e1"/>
</Group>
<Group description="Comments Below Post" selector=".comment-content">
<Variable name="comments.background" description="Background" type="color" default="#66bbdd" value="#f6f6f6"/>
<Variable name="comments.border" description="Border" type="color" default="#ffffff" value="#f2f2f2"/>
<Variable name="comments.text.color" description="Text" type="color" default="#ffffff" value="#777777"/>
<Variable name="comments.links.color" description="Name, Date" type="color" default="#ffffff" value="#999999"/>
<Variable name="comments.continue" description="Comments button" type="color" default="#ffffff" value="#eeeeee"/>
</Group>
<Group description="Post Social Bar and Footer" selector=".post-footer">
<Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#787878"/>
<Variable name="post.footer.background.color" description="Background Color" type="color"
default="#f9f9f9" value="#ededed"/>
<Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#dddddd"/>
<Variable name="post.social.background.color" description="Social Background" type="color" default="#eeeeee" value="#f3f3f3"/>
</Group>
<Group description="Related Posts" selector=".related-posts">
<Variable name="related.links.font" description="Links Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px PT Sans Narrow"/>
<Variable name="related.titles.color" description="Links Color" type="color" default="#000000" value="#666666"/>
<Variable name="related.background.color" description="Container" type="color" default="#999999" value="transparent"/>
<Variable name="related.posts.background" description="Posts Background" type="color" default="#999999" value="transparent"/>
<Variable name="related.hover.color" description="Hover Background" type="color" default="#000000" value="transparent"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgnfs-ONINkW6_BV2fZl4m4oMwNIMcqhhhGsHSxTFRkGOlzbtc9DUVkvLqN6-kd6f3eszapQkQSSxHuFtY6vCfegQ9l39kEvMUW4vxROnPVZDH9G7AqlFOtHCpVuEXUITUK-APYGMyj1Aw/s0/flower-white.png) repeat-x scroll top left"/>
<Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
<Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
<Variable name="content.padding" description="Content Padding" type="length" default="10px" value="10px"/>
<Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" value="40px"/>
<Variable name="main.border.width" description="Main Border Width" type="length" default="0" value="0"/>
<Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" value="45px"/>
<Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" value="2px"/>
<Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" value="5px"/>
<Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
<Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
<Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" value="1em"/>
<Variable name="main.padding" description="Main Padding" type="length" default="15px" value="0"/>
<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"/>
<Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
<Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>*/
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
$(body.background.override);
}
.pagenavi .pages,#responsive-menu,#navbar,.date-header,.feed-links,.post-location,.post-icons {
display: none !important;
}
body, h1, h2, h3, h4, h5, ul, li, a, p, span, img, dd {
border: medium none;
list-style: none outside none;
margin: 0;
outline: medium none;
padding: 0;
text-decoration: none;
}
html body $(page.width.selector) {
min-width: 0;
max-width: 100%;
width: $(page.width);
}
a:link {
text-decoration: none;
color: $(link.color);
font: $(links.font);
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {
color: $(link.hover.color);
}
.content {
width: 100%;
margin: 0 auto;
}
.content-outer {
margin-bottom: 1px;
}
$(content.background.color.selector) {
background-color: $(content.background.color);
}
/* Columns
----------------------------------------------- */
.main-outer {
border-top: $(main.border.width) solid $(body.rule.color);
}
.column-center-outer {
width: 70% !important;
background-color: $(center.background.color);
box-shadow: 0 4px 30px $(main.content.shadow.color);
}
/* Headings
----------------------------------------------- */
h2 {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
}
/* 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;
padding: 5px 10px 5px 5px;
}
.sidebar .widget {
-webkit-box-shadow: 0 0px 3px $(sidebar.shadow.color), 0 0 40px $(sidebar.shadow.color) inset !important;
-moz-box-shadow: 0 0px 3px $(sidebar.shadow.color), 0 0 40px $(sidebar.shadow.color) inset !important;
box-shadow: 0 0px 3px $(sidebar.shadow.color), 0 0 40px $(sidebar.shadow.color) inset !important;
background: $(widget.background);
padding: 5px 10px;
font-size: 11px;
margin: 20px -5px;
}
.sidebar .widget ul {
background: $(widget.content.background.color);
padding: 5px;
}
.sidebar .widget h2 {
border-bottom: 2px solid $(title.border.color);
background: $(title.background.color);
margin: 10px auto;
padding: 5px;
display: table;
text-align: center;
color: $(widget.title.text.color);
font: $(widget.title.font);
text-transform: uppercase;
}
.sidebar a {
color: $(link.color);
font: $(sidebar.links.font);
text-shadow: 0 0 1px $(links.shadow);
}
/* Popular Posts
----------------------------------------------- */
#PopularPosts1 ul {
margin: 0;
}
.PopularPosts .item-thumbnail {
margin:0px;
}
#PopularPosts1 ul li {
position: relative;
margin: 5px 0;
border: 0;
padding: 5px;
}
#PopularPosts1 ul li:first-child {
background: $(PopularPosts.background.color1);
width: 95%;
}
#PopularPosts1 ul li:first-child:after {
content: "1";
}
#PopularPosts1 ul li:first-child + li {
background: $(PopularPosts.background.color2);
width: 90%;
}
#PopularPosts1 ul li:first-child + li:after {
content: "2";
}
#PopularPosts1 ul li:first-child + li + li {
background: $(PopularPosts.background.color3);
width: 85%;
}
#PopularPosts1 ul li:first-child + li + li:after {
content: "3";
}
#PopularPosts1 ul li:first-child + li + li + li {
background: $(PopularPosts.background.color4);
width: 80%;
}
#PopularPosts1 ul li:first-child + li + li + li:after {
content: "4";
}
#PopularPosts1 ul li:first-child + li + li + li + li {
background: $(PopularPosts.background.color5);
width: 75%;
}
#PopularPosts1 ul li:first-child + li + li + li + li:after {
content: "5";
}
#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after {
position: absolute;
top: 20px;
right: -10px;
border-radius: 50%;
background: $(posts.summaries.background.color);
width: 20px;
height: 20px;
line-height: 1em;
text-align: center;
font-size: 18px;
color: $(post.title.color);
}
#PopularPosts1 ul li .item-thumbnail {
float: left;
border: 0;
margin-right: 10px;
background: transparent;
padding: 0;
width: 70px;
height: 70px;
border-radius: 5px;
}
#PopularPosts1 ul li a {
font: $(sidebar.links.font);
color: $(link.color);
}
#PopularPosts1 a.item-title {
margin-top: 15px;
display: table;
}
#PopularPosts1 ul li a:hover {
color: $(link.hover.color);
}
/* Floating social buttons
----------------------------------------------- */
#floating-social-buttons {
position: absolute;
background: $(post.social.background.color);
width: 400px;
float: right;
height: 25px;
z-index: 99;
border-radius: 2px;
}
.floating-social-buttons {
margin-left: 0px !important;
text-align: center;
}
.floating-social-buttons li {
margin-left: 5px;
display: inline-block;
float: left;
list-style: none;
padding: 3px;
}
/* Up & Down Arrows
----------------------------------------------- */
.button_up {
padding: 7px;
background-color: $(updown.buttons.background);
border: 1px solid #CCC;
position: fixed;
background: $(updown.buttons.background) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVO3SbXJ3VyISeUFuYZ04MBngemCtN3yAVzKmCMu6DQCikja2KEeK1g-Htkjw3-XpOOXrfq1haJ0PZ9uh8bH6CXAH3j5pBlDsolCW1Hh9MadwrQTJnHLX3LEpM6lKePJI8Km4zdCw7eng/s16/arrow_up.png) no-repeat top left;
background-position: 50% 50%;
width: 15px;
height: 15px;
bottom: 280px;
right: 315px;
white-space: nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.button_down {
padding: 7px;
background-color: $(updown.buttons.background);
border: 1px solid #ccc;
position: fixed;
background: $(updown.buttons.background) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hvVmhMKpVoGQ3xUyT0-NDSUAZpNLOucgE-r0FyelbAzYBNyPxEJJAkGD68MuhiIY04BqO5i3mDAz3FDRGXjUThVsFblLq1L_MAezaBkRYiWwl5HjpuJmtN_S-9xd29BmGtXiGgMeFus/s16/arrow_down.png) no-repeat top left;
background-position: 50% 50%;
width: 15px;
height: 15px;
bottom: 245px;
right: 315px;
white-space: nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
/* Search box
----------------------------------------------- */
li#search {
margin-left: 10px;
}
#search input[type="text"] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJtuYBpHW764mWxTxMdwnUsrqMXvKpQcpJd8j8BRWkt3ASSi_kav9pnGs_-TI76acgUn5aSxQWYg8TciAXBjhyphenhyphendMebMysNLL7KEKEaUS_c7BijW66901x7g2FCJukBsRsmTjSZzXT94C_f/s1600/search-white.png) no-repeat 10px 6px $(search.background.color);
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: $(search.text.color);
width: 60%;
padding: 6px 15px 6px 35px;
-webkit-box-shadow: 0 1px 3px $(search.shadow) inset;
-moz-box-shadow: 0 1px 3px $(search.shadow) inset;
box-shadow: 0 1px 3px $(search.shadow) inset;
}
#search input[type="text"]:focus {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXsy4cWqM4TMFk0oGotWeKKZVuqSQItxmcPvVckPyOlDDFvLKCbZDo-TGG-7PSuaO0mVxkStntG8HLIzvssEAaIg8UOtWwVvHDs5PGWFmnPaerNcCia1f6RMYUQMRgGK9M9g80JuxB4JVU/s1600/search-dark.png) no-repeat 10px 6px $(search.hover.color);
color: $(search.hover.text.color);
-webkit-box-shadow: 0 1px 0 $(search.shadow) inset;
-moz-box-shadow: 0 1px 0 $(search.shadow) inset;
box-shadow: 0 1px 0 $(search.shadow) inset;
}
.widget .widget-item-control a img {
width: 18px;
height: 18px;
}
/* Related Posts
----------------------------------------------- */
#related-posts {
float: left;
margin: 0px auto;
background: $(related.background.color);
padding: 0px 10px;
}
#related-posts a {
height: 150px;
padding: 3px;
margin-right: 5px;
background: $(related.posts.background);
}
#related-posts a:hover {
background: $(related.hover.color);
}
#related-posts h2 {
margin-top: 10px;
background: none;
font: $(post.title.font);
font-size: 16px;
padding: 3px;
color: $(body.text.color);
text-transform: uppercase;
}
#related-posts .related_img {
width: 130px;
height: 115px;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
}
#related-title {
color: $(related.titles.color);
text-align: center;
font: $(related.links.font);
text-shadow: 0 2px 2px $(links.shadow);
width: 130px;
}
#related-posts .related_img:hover {
opacity: .7;
filter: alpha(opacity=70);
-moz-opacity: .7;
-khtml-opacity: .7;
}
/* Sidebar Comments
----------------------------------------------- */
.widget-content ul.helploggercomments {
list-style: none;
margin: 0;
padding: 0;
background:$(sidebar.comments.background);
}
.helploggercomments li {
margin: 0 0 6px !important;
padding: 4px !important;
display: block;
clear: both;
overflow: hidden;
list-style: none;
word-break: break-all;
border-bottom: 1px dotted $(sidebar.comments.border);
}
.helploggercomments li a{
color: $(sidebar.comments.link);
font: $(sidebar.comments.link.font);
}
.helploggercomments li .avatarImage {
padding: 3px;
background: $(image.border.color);
float: left;
margin: 0 6px 0 0;
position: relative;
overflow: hidden;
}
.avatarRound {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.helploggercomments li img {
padding: 3px;
position: relative;
overflow: hidden;
display: block;
}
.helploggercomments li span {
margin-top: 4px;
color: $(sidebar.comments.text);
display: block;
font: $(sidebar.comments.font);
}
/* Recent Posts
----------------------------------------------- */
.widget-content ul .bbrecpost2 {
background:$(recent.posts.background);
padding: 10px 5px;
}
#hlrpsb a {
color: $(recent.posts.links.color);
font: $(recent.posts.font);
}
.bbrecpost2 {
border-bottom: 1px dotted $(recent.posts.border);
margin-bottom: 5px;
}
/* Page Navigation
----------------------------------------------- */
#blog-pager {
clear: both;
margin: 30px auto;
text-align: center;
padding: 7px;
}
.blog-pager {
background: none;
}
.displaypageNum a,.showpage a,.pagecurrent {
font-size: 12px;
padding: 5px 12px;
margin-right: 5px;
color: $(navigation.text.color);
background-color: $(navigation.background.color);
}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent {
background: $(navigation.hover.background.color);
text-decoration: none;
color: $(navigation.current.text.color);
}
#blog-pager .pagecurrent {
font-weight: bold;
color: $(navigation.current.text.color);
background: $(navigation.current.background.color);
}
.showpageOf {
display: none!important;
}
#blog-pager .pages {
border: none;
}
/* Main Inner
----------------------------------------------- */
.main-inner {
padding: 0px;
}
.main-inner .column-center-inner {
padding: $(main.padding);
border-left: 1px solid $(body.rule.color);
border-right: 1px solid $(body.rule.color);
}
.main-inner .column-center-inner .section {
padding: 0px !important;
}
.post {
padding: 20px 15px;
margin: -18px -15px 15px;
background-color: $(posts.summaries.background.color);
border: 1px solid $(post.border.color);
}
.post-summary-text {
color: $(body.text.color);
font: $(summary.text.font) !important;
}
.posts-summaries {
color: $(body.text.color);
}
h3.post-title, .comments h4 {
font: $(post.title.font);
color: $(post.title.color);
padding: 5px 20px;
display: table;
margin: .55em 0 0;
border-bottom: 2px solid $(main.post.border.color);
background: $(main.post.title.background);
word-spacing: 3px;
}
h3 a.sum-posts-titles {
color: $(post.titles.link.color);
font: $(summary.title.font);
}
h3 a.sum-posts-titles a:hover {
color: $(link.hover.color);
}
.post-body {
position: relative;
margin-top: 30px;
}
/* Blockquotes
----------------------------------------------- */
.post blockquote {
display:block;
background: $(blockquote.background.color);
border: 1px solid $(blockquote.border.color);
padding: 15px 20px 15px 45px;
margin: 5px 20px;
position: relative;
font: $(blockquote.font);
color: $(blockquote.text.color);
text-align: justify;
}
.post blockquote:before{
content: "\201C";
font: $(blockquote.font);
font-size: 60px;
font-weight: bold;
color: $(quote.color);
position: absolute;
left: 10px;
top:5px;
}
.post blockquote:after{
content: "";
}
.post blockquote a{
text-decoration: none;
cursor: pointer;
padding: 0 3px;
}
/* Images
----------------------------------------------- */
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
}
.post-body img, .post-body .tr-caption-container {
padding: $(image.border.large.size);
}
.post-body .tr-caption-container {
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
}
/* Post header & footer
----------------------------------------------- */
.post-header {
margin: 0 0 1.5em;
line-height: 1.6;
font-size: 90%;
}
.post-footer {
margin: 15px -15px 0;
padding: 5px 10px;
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%;
}
/* Comments
----------------------------------------------- */
#comments {
overflow: hidden;
}
#comments h4 {
display: inline;
padding: 10px;
line-height: 40px;
}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment {
position: relative;
}
#comments h4,.comments .continue a {
background: $(comments.continue);
}
#comments h4,.comments .user a,.comments .continue a {
font-size: 16px;
}
#comments h4,.comments .continue a {
font-weight: normal;
color: $(comments.links.color);
}
#comments h4:after {
content: "";
position: absolute;
bottom: -10px;
left: 10px;
border-top: 10px solid $(comments.continue);
border-right: 20px solid transparent;
width: 0;
height: 0;
line-height: 0;
}
#comments .avatar-image-container img {
border: 0;
}
.comments .comments-content .icon.blog-author {
display: none;
}
.comment-thread {
color: #111;
}
.comment-thread a {
color: $(comments.links.color);
}
.comment-thread ol {
margin: 0 0 20px;
}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a {
font: $(links.font);
color: $(comments.links.color);
font-size: 16px;
}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a:hover {
color: $(comments.links.color);
}
.comment-thread .comment-content a {
color: $(comments.links.color);
text-decoration: none;
}
.comments .avatar-image-container,.comments .avatar-image-container img {
width: 58px;
max-width: 58px;
height: 58px;
max-height: 58px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.comments .avatar-image-container {
background: $(comments.background);
padding: 10px;
margin-top: -5px;
}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single {
margin-left: 100px;
}
.comments .comment-block,.comments .comment-thread.inline-thread .comment {
border: 2px solid $(comments.border);
background: $(comments.background);
padding: 10px;
}
.comments .comments-content .comment {
font-size: 13px;
color: $(comments.text.color);
margin: 15px 0 0;
padding: 0;
width: 100%;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
line-height: 1em;
}
.comments .comments-content .inline-thread {
padding: 0 0 0 20px;
}
.comments .comments-content .comment-replies {
margin-top: 0;
}
.comments .comment-content {
padding: 5px 0;
line-height: 1.4em;
}
.comments .comment-thread.inline-thread {
border-left: 1px solid $(comments.border);
background: transparent;
}
.comments .comment-thread.inline-thread .comment {
width: auto;
}
.comments .comment-thread.inline-thread .comment:after {
content: "";
position: absolute;
top: 10px;
left: -20px;
border-top: 1px solid #ddd;
width: 10px;
height: 0px;
}
.comments .comment-thread.inline-thread .comment .comment-block {
border: 0;
background: transparent;
padding: 0;
}
.comments .comment-thread.inline-thread .comment-block {
margin-left: 48px;
}
.comments .comment-thread.inline-thread .user a {
font-size: 14px;
}
.comments .comments-content .user {
font: $(links.font);
font-style: normal;
color: $(comments.links.color);
}
.comments .comments-content .datetime a {
font: $(links.font);
color: $(comments.links.color);
float: right;
font-size: 12px;
}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img {
width: 36px;
max-width: 36px;
height: 36px;
max-height: 36px;
margin-left: -5px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
}
.comments .continue {
border-top: 0;
width: 100%;
}
.comments .continue a {
padding: 10px 0;
text-align: center;
}
.comment .continue {
display: none;
}
.comments .comment .comment-actions a, .comments .comment .continue a {
background: $(comments.continue);
border: 1px solid $(comments.border);
color: #B4B4B7 !important;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: normal;
height: 20px;
line-height: 20px;
margin: 0 0 10px 4px;
padding: 0 10px;
text-align: center;
text-decoration: none;
}
.comment-form {
width: 100%;
max-width: 100%;
}
.comment-form p {
font-size: 11px;
padding: 5px 30px;
}
.comments .comments-content .loadmore,.comments .comments-content {
margin: 0;
}
.comment-thread li .comment-block:before {
position: absolute;
display: block;
left: -24px;
color: $(comments.border);
content: "\25C4";
font-size: 30px;
margin-top: 15px;
z-index: 1;
}
#comment-editor {
-webkit-box-shadow: 0 0 30px $(main.content.shadow.color) inset !important;
-moz-box-shadow: 0 0 30px $(main.content.shadow.color) inset !important;
box-shadow: 0 0 30px $(main.content.shadow.color) inset !important;
}
a.comment-bubble {
background-color: $(comment.bubble.background);
width: 20px;
height: 15px;
color: #c6c6c6;
font: $(links.font);
font-size: 12px;
right: 0px;
padding: 10px 5px;
position: absolute;
z-index: 3;
text-align: center;
top: 0px;
}
/* Accents
---------------------------------------------- */
.section-columns td.columns-cell {
border-$startSide: 1px solid $(body.rule.color);
}
.blog-pager {
}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: $(content.background.color);
padding: 5px;
}
.footer-outer h2 {
font: $(widget.title.font);
background: $(title.background.color);
color: $(widget.title.text.color);
}
.footer-outer {
background: $(footer.background.color);
color: $(body.text.color);
}
.footer-inner table.section-columns {
margin-bottom: 10px;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: $(mobile.background.size);
}
.mobile .body-fauxcolumn-outer {
background: $(mobile.background.overlay);
}
.
.mobile .body-fauxcolumn-outer .cap-top {
background-size: 100% auto;
}
.mobile .content-outer {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
box-shadow: 0 0 3px rgba(0, 0, 0, .15);
}
body.mobile .AdSense {
}
.mobile .tabs-inner .widget ul {
margin-left: 0;
margin-right: 0;
}
.mobile .post {
margin: 0;
}
.mobile .main-inner .column-center-inner .section {
margin: 0;
}
.mobile .date-header span {
padding: 0.1em 10px;
margin: 0 -10px;
}
.mobile h3.post-title {
margin: 0;
}
.mobile .blog-pager {
background: transparent none no-repeat scroll top center;
}
.mobile .footer-outer {
border-top: none;
}
.mobile .main-inner, .mobile .footer-inner {
background-color: $(content.background.color);
}
.mobile-index-contents {
color: $(body.text.color);
}
.mobile-link-button {
background-color: $(link.color);
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: $(mobile.button.color);
}
.mobile .tabs-inner .section:first-child {
border-top: none;
}
.mobile .tabs-inner .PageList .widget-content {
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
}
.feed-links {
display: none;
}
.column-right-outer {
}
.fauxcolumn-right-outer {
background: $(sidebar.background.color);
}
/* Left Menu
----------------------------------------------- */
#left-sidebar {
float: left;
padding-top: 40px;
position: relative;
width: 20%;
}
.menu-left {
position: relative;
width: 195px;
z-index: 10;
background: $(menu.background);
}
#header {
text-align: center;
margin: 0px;
}
#header-inner {
}
#header a {
font: $(header.font);
color: $(header.link.color);
}
#header a:hover {
color: $(header.link.hover.color);
}
#header h1 {
background-color: $(header.background.color);
font: $(header.font);
color: $(header.text.color);
font-weight: normal;
}
#header img {
border: none;
margin: 0 auto;
max-width: 130px;
height: auto;
}
.header .widget{
margin: 0px;
}
#header .description {
color: $(description.text.color);
font: $(description.font);
background: $(description.background);
padding: 20px 5px;
}
.main-nav {
position: relative;
margin-top: 5px;
z-index: 10;
}
.divider-menu {
height: 5px;
margin: 0 30px;
}
.divider-menu span {
display: block;
height: 5px;
}
#main-menu {
position: relative;
z-index: 10;
zoom: 1;
margin-bottom: 20px;
}
#main-menu li {
background: $(menu.background.color);
border-bottom: 1px solid $(menu.rule.color);
margin: 0;
list-style: none;
margin: 0 30px;
position: relative;
z-index: 10;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-left: 5px solid $(menu.rule.color);
}
#main-menu li a {
color: $(menu.link.color);
display: block;
font: $(menu.link.font);
padding: 10px 0 15px;
text-align: center;
line-height: 20px;
}
#main-menu li:hover {
background: $(menu.hover.color);
border-bottom: 1px solid $(menu.rule.hover.color);
border-left: 5px solid $(menu.rule.hover.color);
margin-right: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-webkit-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.clearfix:before, .clearfix:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
#Attribution1, .status-msg-wrap, div#Navbar1 {
display: none;
}
.author-profile {
border-top: 1px solid $(about.author.border);
border-bottom: 1px solid $(about.author.border);
margin: 5px 10px;
padding: 5px 0 5px;
position: relative;
display: inline-block;
width: 100%;
}
.author-profile img {
float: left;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%
}
.author-profile p {
font: $(about.author.description.font);
margin: 0;
padding: 0px 15px 5px 125px;
}
a.g-profile {
font: $(about.author.name.font);
color: $(about.author.link.color);
margin: 10px 15px 5px 125px;
display: table;
}
.author-image img {
margin-right: 3%;
height: 90px;
width: 90px;
border-color: $(about.author.avatar.border);
border-style:inset;
border-width:7px;
padding:0;
}
h3.about_author {
margin: 0;
position: relative;
bottom: -4px;
z-index: 10;
display: inline-block;
padding: 0 5px 0 0px;
}
]]></b:skin>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='1290px'/>
<b:variable default='0' name='main.column.left.width' type='length'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='300px'/>
<![CDATA[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: 190px;
}
.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: 28%;
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'/>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
posts_no_thumb_sum = 460;
posts_thumb_sum = 460;
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/elegance.js'/>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body {
font-size: 13px !important;
}
.post {
background-color: $(posts.summaries.background.color);
height: 200px;
margin: 20px 0px;
overflow: hidden;
*zoom: 1;
padding: 0px !important;
width: 100%;
}
.post:after {
content: "
"; display: block;
clear: both;
}
.post-body {
margin-top: 0px !important;
}
h3 a.sum-posts-titles {
font: $(summary.title.font);
padding: 0;
color: $(post.titles.link.color);
}
h3 a.sum-posts-titles:hover {
text-decoration: none;
color: $(link.hover.color);
}
.post-summary-text {
color: $(body.text.color);
font: $(summary.text.font) !important;
}
.posts-thumb {
width: 200px;
height: 200px;
background-color: #fff;
background-size:cover;
float: left;
overflow: hidden;
margin-right: 0px !important;
}
.post-body img:hover {
-ms-filter: "
progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"
;filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
cursor: crosshair;
}
.posts-summaries {
padding: 10px 20px;
margin-left: 200px;
height: 150px;
overflow: hidden;
}
.blog-posts {
padding: 0px !important;
}
.post-body img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: none;
min-width: 0;
min-height: 200px;
margin: 0;
padding: 0;
border: none;
outline: none;
position: relative;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.post-footer {
display: none;
}
.date-header {
display: none;
}
.main-post-title {
display: none;
}
.post-labels {
font-size: 10px;
}
.post-labels a{
font-size: 10px;
}
#HTML22 {display: none;}
</style></b:if></b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.url!= data:blog.homepageUrl'>
<b:if cond='data:blog.pageType!= "item"'>
<style>
#HTML22 {display: none;}
body {
font-size: 14px !important;
}
#blog-pager {
clear: both;
}
.post {
background-color: $(posts.summaries.background.color);
height: 405px;
width: 30%;
margin: 10px 0px 10px 17px;
overflow: hidden;
float: left;
display: inline-block;
*zoom: 1;
padding: 0px !important;
}
.post:after {
content: "
"; display: block;
clear: both;
}
.post-body {
margin-top: 0px !important;
}
h3 a.sum-posts-titles {
font: $(summary.title.font);
font-size: 15px;
padding: 0;
height: 20px;
color: $(post.titles.link.color);
}
h3 a.sum-posts-titles:hover {
text-decoration: none;
color: $(link.hover.color);
}
.posts-thumb {
width: 100%;
height: 200px;
background-color: #fff;
overflow: hidden;
clear: both;
}
.posts-thumb img:hover {
cursor: crosshair;
}
.blog-posts {
padding: 0px !important;
}
.post-body img:hover {
-ms-filter: "
progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"
;filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.post-body img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: none;
min-width: 0;
min-height: 200px;
margin: 0;
padding: 0;
border: none;
outline: none;
position: relative;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.post-summary-text {
color: $(body.text.color);
font-size: 12px !important;
}
.posts-summaries {
padding: 10px 20px 20px;
margin: 5px 0 10px;
clear: both;
height: 145px;
overflow: hidden;
}
.post-footer {
display: none;
}
h3.date-header {
display: none;
}
.main-post-title {
display: none;
}
.post-labels {
bottom: -10px !important;
top: 385px !important;
left: 0px !important;
padding: 0px 20px !important;
font-size: 10px;
position: fixed;
}
.post-labels a{
font-size: 10px;
}
</style></b:if></b:if></b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
.main-inner .column-right-outer, .main-inner .fauxcolumn-right-outer, .footer-inner table.section-columns, #footer-1, #footer-3 {
display: none;
}
.column-center-outer {
width: 80%!important;
}
body {
font-size: 13px !important;
}
h3 a.sum-posts-titles {
font: $(summary.title.font);
padding: 0;
color: $(post.titles.link.color);
}
h3 a.sum-posts-titles:hover {
text-decoration: none;
color: $(link.hover.color);
}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' type='text/javascript'/>
</b:if>
<script type='text/javascript'>
//<![CDATA[
$(function () {
var $movesbuttons = $("#floating-social-buttons"),
$window = $(window),
offset = $movesbuttons.offset();
$window.scroll(function () {
if ($window.scrollTop() > offset.top) {
$movesbuttons.css({
'position': 'fixed',
'width': '400px',
'top': '0px'
});
} else {
$movesbuttons.css({
'position': 'absolute',
'top': 'auto'
});
}
});
});
//]]>
</script>
<b:if cond='data:blog.pageType == "error_page"'>
The page you were looking for doesn't exist. <br/>
You may have mistyped the address or the page may have moved.<br/>
<p style='margin-top: 30px;'><a href='javascript:history.go(-1)'>« Go Back</a> <br/>
<a href='/'>Go To Homepage</a>
<br/></p>
<br/>
<li>Maybe try a search?</li>
<br/>
<center><form action='/search' id='search' method='get'>
<input name='q' placeholder='Search...' size='100' type='text'/>
</form></center>
<br/>
<br/>
<font size='5'>Page Not Found!</font><br/> <br/>
<font color='#BFBFBF' style='font-size:150px; padding: 10px; background: #F8F8F8; font-weight:bold;'> 404 </font>
<style>
body {
background: #FCFCFC;
text-align: center;
margin-top: 80px;
color: #888;
}
a:link {
color: #0000ff !important;
}
#search input[type="text"] {
color: #777;
width: 30%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 6px 15px 6px 35px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
width: 50%;
color: #fff;
}
.content {
display: none;
}
</style>
</b:if>
</head>
<body expr:class='"loading" + data:blog.mobileClass'>
<b:if cond='data:blog.pageType == "index"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>
<div class='content'>
<div class='content-outer clearfix'>
<div class='content-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left content-fauxborder-left'>
<div class='fauxborder-right content-fauxborder-right'/>
<div class='content-inner'>
<div class='main-outer'>
<div class='main-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left main-fauxborder-left'>
<div class='fauxborder-right main-fauxborder-right'/>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns'>
<div class='fauxcolumn-outer fauxcolumn-center-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-left-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-right-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<script type='text/javascript'>
$(function() {
var offset = $("#left-sidebar").offset();
var topPadding = 0;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#left-sidebar").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("#left-sidebar").stop().animate({
marginTop: 0
});
};
});
});
</script>
<div id='left-sidebar'>
<div class='menu-left clearfix'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Complete Tax Solution (Header)' type='Header' version='1' visible='true'>
<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'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<nav class='main-nav'>
<ul id='main-menu'>
<li><a href='http://indiantaxservice.blogspot.in/'>Home</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Income%20Tax'>Income Tax</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Company%20Law%20%28MCA%29'>Company Law</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Service%20Tax'>Service Tax</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Excise%20Duty'>Excise Duty</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Custom%20Duty'>Custom Duty</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/GST'>GST</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Delhi%20VAT'>Delhi VAT</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/CA%20CS%20CMA'>CA CS CMA</a></li>
<li><a href='http://sonumehla.blogspot.in/'>Contact Us</a></li>
<li><form action='/search' id='search' method='get'>
<input name='q' placeholder='Search...' size='40' type='text'/>
</form></li>
</ul>
<div class='divider-menu'><span/></div>
</nav>
<div class='clear'/>
</div>
</div>
<div class='column-center-outer'>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("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.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.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='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-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'>
<b:include data='post' name='comment_count_picker'/>
</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='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div 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' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</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>
</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-share-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.dummyTag/></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'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<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 uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<div class='main-post-title'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div id='floating-social-buttons'>
<ul class='floating-social-buttons'>
<li><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=100&height=25&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:20px;'/></li>
<li><a class='twitter-share-button' data-lang='en' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></li>
<li><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone expr:href='data:post.url' size='medium'/></li>
<li><a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.thumbnailUrl + "&description=" + data:post.snippet' style='margin:0 1px 5px 0;'>Pin It</a> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/></li>
</ul>
</div>
</b:if>
<b:if cond='data:blog.metaDescription == ""'>
<!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
<span class='post-labels' style='left: 217px; padding: 4px; bottom: 6px; position: absolute;'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=6"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</b:if>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
<h3 class='about_author'>About The Author</h3>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<a expr:href='data:post.authorProfileUrl'>
<div class='author-image'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='100px'/>
</div>
</a>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='Author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<p class='description' itemprop='description'><data:post.authorAboutMe/></p>
</div>
</b:if>
</div>
<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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-labels' style='float: right;'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=6"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</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>
</b:if>
</b:if>
</span>
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</b:if>
</span>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</div>
<div class='post-footer-line post-footer-line-2'>
</div>
<div class='post-footer-line post-footer-line-3'>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="<b>Related Posts:</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='region-inner footer-inner'>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='yes'/>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</footer>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<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>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<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 style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "error_page"'>
<div class='button_up' id='button_up' style='display:none;'/>
<div class='button_down' id='button_down' style='display:none;'/>
</b:if>
</b:if>
<script>
//<![CDATA[
(function () {
var special = jQuery.event.special,
uid1 = 'D' + (+new Date()),
uid2 = 'D' + (+new Date() + 1);
special.scrollstart = {
setup: function () {
var timer, handler = function (evt) {
var _self = this,
_args = arguments;
if (timer) {
clearTimeout(timer)
} else {
evt.type = 'scrollstart';
jQuery.event.handle.apply(_self, _args)
}
timer = setTimeout(function () {
timer = null
}, special.scrollstop.latency)
};
jQuery(this).bind('scroll', handler).data(uid1, handler)
},
teardown: function () {
jQuery(this).unbind('scroll', jQuery(this).data(uid1))
}
};
special.scrollstop = {
latency: 300,
setup: function () {
var timer, handler = function (evt) {
var _self = this,
_args = arguments;
if (timer) {
clearTimeout(timer)
}
timer = setTimeout(function () {
timer = null;
evt.type = 'scrollstop';
jQuery.event.handle.apply(_self, _args)
}, special.scrollstop.latency)
};
jQuery(this).bind('scroll', handler).data(uid2, handler)
},
teardown: function () {
jQuery(this).unbind('scroll', jQuery(this).data(uid2))
}
}
})();
$(function () {
var $elem = $('body');
$('#button_up').fadeIn('slow');
$('#button_down').fadeIn('slow');
$(window).bind('scrollstart', function () {
$('#button_up,#button_down').stop().animate({
'opacity': '0.2'
});
});
$(window).bind('scrollstop', function () {
$('#button_up,#button_down').stop().animate({
'opacity': '1'
});
});
$('#button_down').click(
function (e) {
$('html, body').animate({
scrollTop: $elem.height()
}, 800);
});
$('#button_up').click(
function (e) {
$('html, body').animate({
scrollTop: '0px'
}, 800);
});
});
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=6;
var numPages=3;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/page-navigation2.js'/>
</b:if>
</b:if>
</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'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody>
<tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
</td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
</td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
</td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<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:if>
</macro:if>
</macro:includable>
<b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/><b:section-contents id='sidebar-right-1'>
<b:widget id='HTML1' locked='false' title='About Admin' type='HTML' visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<b:if cond='data:post.thumbnail'>
<img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
<b:else/>
<img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1AgcCZB8I5ydkkTBAxpQQEFZMJKA9My_Uo-NvL-2xQqL6y0BAMyggsXO6OHt_CcmMXP3YjV9XNaXFtqeOi-aiEmiApjUUd5BoznXA_4QooD5BhiFC9wepQdprx7EW0kTAornYTHxcqN3X/s1600/thumbnail.png'/>
</b:if>
<a class='item-title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<div class='clear'/>
<b:else/>
<b:if cond='data:post.thumbnail'>
<img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
<b:else/>
<img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1AgcCZB8I5ydkkTBAxpQQEFZMJKA9My_Uo-NvL-2xQqL6y0BAMyggsXO6OHt_CcmMXP3YjV9XNaXFtqeOi-aiEmiApjUUd5BoznXA_4QooD5BhiFC9wepQdprx7EW0kTAornYTHxcqN3X/s1600/thumbnail.png'/>
</b:if>
<a class='item-title' expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
<div class='clear'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML22' locked='false' title='SDFGNM,P;LK BH' type='HTML' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<div id='hlrpsb'>
<script style='text/javascript'>
var numposts = 5;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js' style='text/javascript'/>
<script src='http://helplogger.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts'/></div>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<b:include name='quickedit'/>
</ul>
</div>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML21' locked='false' title='Recent Comments' type='HTML' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content helploggercomments'>
<ul>
<script type='text/javascript'>
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 70,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQNL2p6MCpkT4g9YWkojzMO9jD829FGcwrWCaXJPRMPxkp-Ar54lKnKZBRLnK5wIwNLdFXHoeBWFVxxWAIWzayPFf9R00ss4rXg2BaZwRGBXrFveDZ6E1-WgvTMvKwctUavpvJz9ozjkHc/s1600/default-avatar.jpg",
hideCredits = true;
//]]>
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/helplogger/[helplogger.blogspot.com]recent-comments.js' type='text/javascript'/>
<script src='http://helplogger.blogspot.com/feeds/comments/default?alt=json&callback=helploggercomments&max-results=5' type='text/javascript'/>
<b:include name='quickedit'/>
</ul>
</div>
</b:includable>
</b:widget>
</b:section-contents></html>
DATE:-28-04-2016
DATE:-29-04-2016
DATE:-30-04-2016
(Author can be reached at By- Sonu Mehla Mobile- 8285910007 E-Mail- sonuandfirm@gmail.com)
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<meta content='ADD DESCRIPTION HERE' name='description'/>
<meta content='ADD KEYWORDS HERE SEPARATED, BY, COMMA' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='Author'/>
<meta content='all' name='audience'/><meta content='general' name='rating'/>
<meta content='all' name='robots'/><meta content='index, follow' name='robots'/>
<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:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: CustomizeMe
Designer: Helplogger
URL: helplogger.blogspot.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#f4f4f4"/>
<Group description="Links" selector=".main-outer">
<Variable name="links.font" description="Links Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px PT Sans Narrow"/>
<Variable name="sidebar.links.font" description="Sidebar Links Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Crafty Girls"/>
<Variable name="link.color" description="Links Color" type="color" default="#2288bb" value="#7b7b7b"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#666666"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#444444"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Font" type="font"
default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 33px Lobster"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#3399bb" value="#8e8e8e"/>
<Variable name="header.background.color" description="Background Color" type="color" default="#3399bb" value="transparent"/>
<Variable name="header.link.color" description="Link Color" type="color" default="#3399bb" value="#ea9999"/>
<Variable name="header.link.hover.color" description="Hover Color" type="color" default="#3399bb" value="#e06666"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.font" description="Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Yanone Kaffeesatz"/>
<Variable name="description.text.color" description="Color" type="color"
default="#777777" value="#b4b4b4"/>
<Variable name="description.background" description="Background" type="color"
default="#777777" value="transparent"/>
</Group>
<Group description="Main Menu" selector="#main-menu">
<Variable name="menu.link.font" description="Title Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Yanone Kaffeesatz"/>
<Variable name="menu.link.color" description="Links Color" type="color" default="#000000" value="#666666"/>
<Variable name="menu.background.color" description="Link Background" type="color" default="#999999" value="#f5f5f5"/>
<Variable name="menu.background" description="Menu Background" type="color" default="#000000" value="transparent"/>
<Variable name="menu.hover.color" description="Background Hover" type="color" default="#999999" value="#eeeeee"/>
</Group>
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px PT Sans"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#888888"/>
</Group>
<Group description="Backgrounds" selector=".column-center-outer, .sidebar, .footer-outer, .main-outer">
<Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#f3f3f3"/>
<Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="transparent"/>
<Variable name="center.background.color" description="Center Column" type="color" default="#ffffff" value="#fafafa"/>
<Variable name="sidebar.background.color" description="Right Sidebar Column" type="color" default="#ffffff" value="transparent"/>
<Variable name="footer.background.color" description="Footer" type="color" default="#ffffff" value="#f4f4f4"/>
</Group>
<Group description="Summary" selector=".post">
<Variable name="summary.text.font" description="Summary Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px PT Sans Narrow"/>
<Variable name="summary.title.font" description="Title Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 27px PT Sans Narrow"/>
<Variable name="post.titles.link.color" description="Posts Link Color" type="color" default="#2288bb" value="#888888"/>
<Variable name="posts.summaries.background.color" description="Background Color" type="color" default="#ffffff" value="#f6f6f6"/>
<Variable name="comment.bubble.background" description="Comment Bubble" type="color" default="#ffffff" value="#eeeeee"/>
</Group>
<Group description="PopularPosts Backgrounds" selector="#PopularPosts1">
<Variable name="PopularPosts.background.color1" description="background color1" type="color" default="#fa4242" value="#ffd65f"/>
<Variable name="PopularPosts.background.color2" description="background color2" type="color" default="#ee6107" value="#ffde7f"/>
<Variable name="PopularPosts.background.color3" description="background color3" type="color" default="#f0f" value="#ffe39d"/>
<Variable name="PopularPosts.background.color4" description="background color4" type="color" default="#ff0" value="#ffe8ae"/>
<Variable name="PopularPosts.background.color5" description="background color5" type="color" default="#0ff" value="#ffeac5"/>
</Group>
<Group description="Sidebar Comments" selector=".helploggercomments">
<Variable name="sidebar.comments.link.font" description="Link Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Covered By Your Grace"/>
<Variable name="sidebar.comments.font" description="Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Josefin Slab"/>
<Variable name="sidebar.comments.link" description="Link" type="color" default="#ffffff" value="#777777"/>
<Variable name="sidebar.comments.text" description="Text" type="color" default="#ffffff" value="#666666"/>
<Variable name="sidebar.comments.border" description="Border" type="color" default="#66bbdd" value="#dddddd"/>
</Group>
<Group description="Sidebar Recent Posts" selector=".helploggercomments">
<Variable name="recent.posts.font" description="Link Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Yanone Kaffeesatz"/>
<Variable name="recent.posts.links.color" description="Link Color" type="color" default="#ffffff" value="#777777"/>
<Variable name="recent.posts.border" description="Border" type="color" default="#66bbdd" value="#dddddd"/>
</Group>
<Group description="Sidebar Widgets Content" selector=".sidebar .widget ul">
<Variable name="sidebar.comments.background" description="Recent Comments" type="color" default="#66bbdd" value="transparent"/>
<Variable name="recent.posts.background" description="Recent Posts" type="color" default="#66bbdd" value="transparent"/>
<Variable name="widget.content.background.color" description="Other" type="color" default="#66bbdd" value="transparent"/>
<Variable name="widget.background" description="Background Including Titles" type="color" default="#999999" value="#fafafa"/>
</Group>
<Group description="Widgets Titles" selector="h2">
<Variable name="widget.title.font" description="Title Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 15px Crushed"/>
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#999999"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#a2a2a2"/>
<Variable name="title.background.color" description="Title Background" type="color" default="#999999" value="transparent"/>
<Variable name="title.border.color" description="Border Bottom" type="color" default="#999999" value="#e9e9e9"/>
</Group>
<Group description="Others" selector="#search, .button_up, .button_down">
<Variable name="search.background.color" description="Search Background" type="color" default="#000000" value="#ebebeb"/>
<Variable name="search.hover.color" description="Search Hover" type="color" default="#999999" value="#c5c5c5"/>
<Variable name="search.text.color" description="Search Text" type="color" default="#999999" value="#8a8a8a"/>
<Variable name="search.hover.text.color" description="Search Hover Text" type="color" default="#999999" value="#6e6e6e"/>
<Variable name="updown.buttons.background" description="Up-Down Buttons" type="color" default="#000000" value="transparent"/>
</Group>
<Group description="Page Navigation" selector="#blog-pager">
<Variable name="navigation.text.color" description="Text Color" type="color" default="#000000" value="#666666"/>
<Variable name="navigation.current.text.color" description="Current Page Text Color" type="color" default="#999999" value="#444444"/>
<Variable name="navigation.background.color" description="Background Color" type="color" default="#999999" value="#f6f6f6"/>
<Variable name="navigation.current.background.color" description="Current Background Color" type="color" default="#999999" value="#ededed"/>
<Variable name="navigation.hover.background.color" description="Hover Background Color" type="color" default="#999999" value="#ededed"/>
</Group>
<Group description="Borders" selector="#left-sidebar, .blog-posts, .sidebar .widget">
<Variable name="body.rule.color" description="Center Column" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="post.border.color" description="Posts" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="menu.rule.color" description="Menu" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="menu.rule.hover.color" description="Menu Hover" type="color" default="#eeeeee" value="#cccccc"/>
<Variable name="image.border.color" description="Image Border" type="color" default="#eeeeee" value="#eeeeee"/>
</Group>
<Group description="Shadows" selector=".main-outer">
<Variable name="main.content.shadow.color" description="Main Content" type="color" default="#2288bb" value="#dbdbdb"/>
<Variable name="sidebar.shadow.color" description="Sidebar" type="color" default="#2288bb" value="#e1e1e1"/>
<Variable name="links.shadow" description="Links" type="color" default="#2288bb" value="transparent"/>
<Variable name="search.shadow" description="Search Shadow" type="color" default="#2288bb" value="#d6d6d6"/>
</Group>
<Group description="Main Post" selector=".post-body">
<Variable name="post.title.font" description="Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 30px PT Sans Narrow"/>
<Variable name="post.title.color" description="Color" type="color" default="#2288bb" value="#999999"/>
<Variable name="main.post.title.background" description="Background" type="color" default="#2288bb" value="transparent"/>
<Variable name="main.post.border.color" description="Bottom Border" type="color" default="#2288bb" value="#e9e9e9"/>
</Group>
<Group description="Blockquote" selector=".post-body">
<Variable name="blockquote.font" description="Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px PT Sans"/>
<Variable name="blockquote.background.color" description="Background" type="color" default="#66bbdd" value="#f3f3f3"/>
<Variable name="blockquote.text.color" description="Text" type="color" default="#ffffff" value="#727272"/>
<Variable name="blockquote.border.color" description="Border" type="color" default="#ffffff" value="#e5e5e5"/>
<Variable name="quote.color" description="Quote Symbol" type="color" default="#ffffff" value="#e06666"/>
</Group>
<Group description="About the Author" selector=".author-profile">
<Variable name="about.author.name.font" description="Author Name" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Lobster"/>
<Variable name="about.author.description.font" description="Description" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="italic normal 13px PT Sans"/>
<Variable name="about.author.link.color" description="Author Link" type="color" default="#999999" value="#e06666"/>
<Variable name="about.author.avatar.border" description="Avatar Border" type="color" default="#999999" value="#cccccc"/>
<Variable name="about.author.border" description="Top Bottom Border" type="color" default="#999999" value="#e1e1e1"/>
</Group>
<Group description="Comments Below Post" selector=".comment-content">
<Variable name="comments.background" description="Background" type="color" default="#66bbdd" value="#f6f6f6"/>
<Variable name="comments.border" description="Border" type="color" default="#ffffff" value="#f2f2f2"/>
<Variable name="comments.text.color" description="Text" type="color" default="#ffffff" value="#777777"/>
<Variable name="comments.links.color" description="Name, Date" type="color" default="#ffffff" value="#999999"/>
<Variable name="comments.continue" description="Comments button" type="color" default="#ffffff" value="#eeeeee"/>
</Group>
<Group description="Post Social Bar and Footer" selector=".post-footer">
<Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#787878"/>
<Variable name="post.footer.background.color" description="Background Color" type="color"
default="#f9f9f9" value="#ededed"/>
<Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#dddddd"/>
<Variable name="post.social.background.color" description="Social Background" type="color" default="#eeeeee" value="#f3f3f3"/>
</Group>
<Group description="Related Posts" selector=".related-posts">
<Variable name="related.links.font" description="Links Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px PT Sans Narrow"/>
<Variable name="related.titles.color" description="Links Color" type="color" default="#000000" value="#666666"/>
<Variable name="related.background.color" description="Container" type="color" default="#999999" value="transparent"/>
<Variable name="related.posts.background" description="Posts Background" type="color" default="#999999" value="transparent"/>
<Variable name="related.hover.color" description="Hover Background" type="color" default="#000000" value="transparent"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgnfs-ONINkW6_BV2fZl4m4oMwNIMcqhhhGsHSxTFRkGOlzbtc9DUVkvLqN6-kd6f3eszapQkQSSxHuFtY6vCfegQ9l39kEvMUW4vxROnPVZDH9G7AqlFOtHCpVuEXUITUK-APYGMyj1Aw/s0/flower-white.png) repeat-x scroll top left"/>
<Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
<Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
<Variable name="content.padding" description="Content Padding" type="length" default="10px" value="10px"/>
<Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" value="40px"/>
<Variable name="main.border.width" description="Main Border Width" type="length" default="0" value="0"/>
<Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" value="45px"/>
<Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" value="2px"/>
<Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" value="5px"/>
<Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
<Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
<Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" value="1em"/>
<Variable name="main.padding" description="Main Padding" type="length" default="15px" value="0"/>
<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"/>
<Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
<Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>*/
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
$(body.background.override);
}
.pagenavi .pages,#responsive-menu,#navbar,.date-header,.feed-links,.post-location,.post-icons {
display: none !important;
}
body, h1, h2, h3, h4, h5, ul, li, a, p, span, img, dd {
border: medium none;
list-style: none outside none;
margin: 0;
outline: medium none;
padding: 0;
text-decoration: none;
}
html body $(page.width.selector) {
min-width: 0;
max-width: 100%;
width: $(page.width);
}
a:link {
text-decoration: none;
color: $(link.color);
font: $(links.font);
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {
color: $(link.hover.color);
}
.content {
width: 100%;
margin: 0 auto;
}
.content-outer {
margin-bottom: 1px;
}
$(content.background.color.selector) {
background-color: $(content.background.color);
}
/* Columns
----------------------------------------------- */
.main-outer {
border-top: $(main.border.width) solid $(body.rule.color);
}
.column-center-outer {
width: 70% !important;
background-color: $(center.background.color);
box-shadow: 0 4px 30px $(main.content.shadow.color);
}
/* Headings
----------------------------------------------- */
h2 {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
}
/* 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;
padding: 5px 10px 5px 5px;
}
.sidebar .widget {
-webkit-box-shadow: 0 0px 3px $(sidebar.shadow.color), 0 0 40px $(sidebar.shadow.color) inset !important;
-moz-box-shadow: 0 0px 3px $(sidebar.shadow.color), 0 0 40px $(sidebar.shadow.color) inset !important;
box-shadow: 0 0px 3px $(sidebar.shadow.color), 0 0 40px $(sidebar.shadow.color) inset !important;
background: $(widget.background);
padding: 5px 10px;
font-size: 11px;
margin: 20px -5px;
}
.sidebar .widget ul {
background: $(widget.content.background.color);
padding: 5px;
}
.sidebar .widget h2 {
border-bottom: 2px solid $(title.border.color);
background: $(title.background.color);
margin: 10px auto;
padding: 5px;
display: table;
text-align: center;
color: $(widget.title.text.color);
font: $(widget.title.font);
text-transform: uppercase;
}
.sidebar a {
color: $(link.color);
font: $(sidebar.links.font);
text-shadow: 0 0 1px $(links.shadow);
}
/* Popular Posts
----------------------------------------------- */
#PopularPosts1 ul {
margin: 0;
}
.PopularPosts .item-thumbnail {
margin:0px;
}
#PopularPosts1 ul li {
position: relative;
margin: 5px 0;
border: 0;
padding: 5px;
}
#PopularPosts1 ul li:first-child {
background: $(PopularPosts.background.color1);
width: 95%;
}
#PopularPosts1 ul li:first-child:after {
content: "1";
}
#PopularPosts1 ul li:first-child + li {
background: $(PopularPosts.background.color2);
width: 90%;
}
#PopularPosts1 ul li:first-child + li:after {
content: "2";
}
#PopularPosts1 ul li:first-child + li + li {
background: $(PopularPosts.background.color3);
width: 85%;
}
#PopularPosts1 ul li:first-child + li + li:after {
content: "3";
}
#PopularPosts1 ul li:first-child + li + li + li {
background: $(PopularPosts.background.color4);
width: 80%;
}
#PopularPosts1 ul li:first-child + li + li + li:after {
content: "4";
}
#PopularPosts1 ul li:first-child + li + li + li + li {
background: $(PopularPosts.background.color5);
width: 75%;
}
#PopularPosts1 ul li:first-child + li + li + li + li:after {
content: "5";
}
#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after {
position: absolute;
top: 20px;
right: -10px;
border-radius: 50%;
background: $(posts.summaries.background.color);
width: 20px;
height: 20px;
line-height: 1em;
text-align: center;
font-size: 18px;
color: $(post.title.color);
}
#PopularPosts1 ul li .item-thumbnail {
float: left;
border: 0;
margin-right: 10px;
background: transparent;
padding: 0;
width: 70px;
height: 70px;
border-radius: 5px;
}
#PopularPosts1 ul li a {
font: $(sidebar.links.font);
color: $(link.color);
}
#PopularPosts1 a.item-title {
margin-top: 15px;
display: table;
}
#PopularPosts1 ul li a:hover {
color: $(link.hover.color);
}
/* Floating social buttons
----------------------------------------------- */
#floating-social-buttons {
position: absolute;
background: $(post.social.background.color);
width: 400px;
float: right;
height: 25px;
z-index: 99;
border-radius: 2px;
}
.floating-social-buttons {
margin-left: 0px !important;
text-align: center;
}
.floating-social-buttons li {
margin-left: 5px;
display: inline-block;
float: left;
list-style: none;
padding: 3px;
}
/* Up & Down Arrows
----------------------------------------------- */
.button_up {
padding: 7px;
background-color: $(updown.buttons.background);
border: 1px solid #CCC;
position: fixed;
background: $(updown.buttons.background) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVO3SbXJ3VyISeUFuYZ04MBngemCtN3yAVzKmCMu6DQCikja2KEeK1g-Htkjw3-XpOOXrfq1haJ0PZ9uh8bH6CXAH3j5pBlDsolCW1Hh9MadwrQTJnHLX3LEpM6lKePJI8Km4zdCw7eng/s16/arrow_up.png) no-repeat top left;
background-position: 50% 50%;
width: 15px;
height: 15px;
bottom: 280px;
right: 315px;
white-space: nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.button_down {
padding: 7px;
background-color: $(updown.buttons.background);
border: 1px solid #ccc;
position: fixed;
background: $(updown.buttons.background) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hvVmhMKpVoGQ3xUyT0-NDSUAZpNLOucgE-r0FyelbAzYBNyPxEJJAkGD68MuhiIY04BqO5i3mDAz3FDRGXjUThVsFblLq1L_MAezaBkRYiWwl5HjpuJmtN_S-9xd29BmGtXiGgMeFus/s16/arrow_down.png) no-repeat top left;
background-position: 50% 50%;
width: 15px;
height: 15px;
bottom: 245px;
right: 315px;
white-space: nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
/* Search box
----------------------------------------------- */
li#search {
margin-left: 10px;
}
#search input[type="text"] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJtuYBpHW764mWxTxMdwnUsrqMXvKpQcpJd8j8BRWkt3ASSi_kav9pnGs_-TI76acgUn5aSxQWYg8TciAXBjhyphenhyphendMebMysNLL7KEKEaUS_c7BijW66901x7g2FCJukBsRsmTjSZzXT94C_f/s1600/search-white.png) no-repeat 10px 6px $(search.background.color);
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: $(search.text.color);
width: 60%;
padding: 6px 15px 6px 35px;
-webkit-box-shadow: 0 1px 3px $(search.shadow) inset;
-moz-box-shadow: 0 1px 3px $(search.shadow) inset;
box-shadow: 0 1px 3px $(search.shadow) inset;
}
#search input[type="text"]:focus {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXsy4cWqM4TMFk0oGotWeKKZVuqSQItxmcPvVckPyOlDDFvLKCbZDo-TGG-7PSuaO0mVxkStntG8HLIzvssEAaIg8UOtWwVvHDs5PGWFmnPaerNcCia1f6RMYUQMRgGK9M9g80JuxB4JVU/s1600/search-dark.png) no-repeat 10px 6px $(search.hover.color);
color: $(search.hover.text.color);
-webkit-box-shadow: 0 1px 0 $(search.shadow) inset;
-moz-box-shadow: 0 1px 0 $(search.shadow) inset;
box-shadow: 0 1px 0 $(search.shadow) inset;
}
.widget .widget-item-control a img {
width: 18px;
height: 18px;
}
/* Related Posts
----------------------------------------------- */
#related-posts {
float: left;
margin: 0px auto;
background: $(related.background.color);
padding: 0px 10px;
}
#related-posts a {
height: 150px;
padding: 3px;
margin-right: 5px;
background: $(related.posts.background);
}
#related-posts a:hover {
background: $(related.hover.color);
}
#related-posts h2 {
margin-top: 10px;
background: none;
font: $(post.title.font);
font-size: 16px;
padding: 3px;
color: $(body.text.color);
text-transform: uppercase;
}
#related-posts .related_img {
width: 130px;
height: 115px;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
}
#related-title {
color: $(related.titles.color);
text-align: center;
font: $(related.links.font);
text-shadow: 0 2px 2px $(links.shadow);
width: 130px;
}
#related-posts .related_img:hover {
opacity: .7;
filter: alpha(opacity=70);
-moz-opacity: .7;
-khtml-opacity: .7;
}
/* Sidebar Comments
----------------------------------------------- */
.widget-content ul.helploggercomments {
list-style: none;
margin: 0;
padding: 0;
background:$(sidebar.comments.background);
}
.helploggercomments li {
margin: 0 0 6px !important;
padding: 4px !important;
display: block;
clear: both;
overflow: hidden;
list-style: none;
word-break: break-all;
border-bottom: 1px dotted $(sidebar.comments.border);
}
.helploggercomments li a{
color: $(sidebar.comments.link);
font: $(sidebar.comments.link.font);
}
.helploggercomments li .avatarImage {
padding: 3px;
background: $(image.border.color);
float: left;
margin: 0 6px 0 0;
position: relative;
overflow: hidden;
}
.avatarRound {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.helploggercomments li img {
padding: 3px;
position: relative;
overflow: hidden;
display: block;
}
.helploggercomments li span {
margin-top: 4px;
color: $(sidebar.comments.text);
display: block;
font: $(sidebar.comments.font);
}
/* Recent Posts
----------------------------------------------- */
.widget-content ul .bbrecpost2 {
background:$(recent.posts.background);
padding: 10px 5px;
}
#hlrpsb a {
color: $(recent.posts.links.color);
font: $(recent.posts.font);
}
.bbrecpost2 {
border-bottom: 1px dotted $(recent.posts.border);
margin-bottom: 5px;
}
/* Page Navigation
----------------------------------------------- */
#blog-pager {
clear: both;
margin: 30px auto;
text-align: center;
padding: 7px;
}
.blog-pager {
background: none;
}
.displaypageNum a,.showpage a,.pagecurrent {
font-size: 12px;
padding: 5px 12px;
margin-right: 5px;
color: $(navigation.text.color);
background-color: $(navigation.background.color);
}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent {
background: $(navigation.hover.background.color);
text-decoration: none;
color: $(navigation.current.text.color);
}
#blog-pager .pagecurrent {
font-weight: bold;
color: $(navigation.current.text.color);
background: $(navigation.current.background.color);
}
.showpageOf {
display: none!important;
}
#blog-pager .pages {
border: none;
}
/* Main Inner
----------------------------------------------- */
.main-inner {
padding: 0px;
}
.main-inner .column-center-inner {
padding: $(main.padding);
border-left: 1px solid $(body.rule.color);
border-right: 1px solid $(body.rule.color);
}
.main-inner .column-center-inner .section {
padding: 0px !important;
}
.post {
padding: 20px 15px;
margin: -18px -15px 15px;
background-color: $(posts.summaries.background.color);
border: 1px solid $(post.border.color);
}
.post-summary-text {
color: $(body.text.color);
font: $(summary.text.font) !important;
}
.posts-summaries {
color: $(body.text.color);
}
h3.post-title, .comments h4 {
font: $(post.title.font);
color: $(post.title.color);
padding: 5px 20px;
display: table;
margin: .55em 0 0;
border-bottom: 2px solid $(main.post.border.color);
background: $(main.post.title.background);
word-spacing: 3px;
}
h3 a.sum-posts-titles {
color: $(post.titles.link.color);
font: $(summary.title.font);
}
h3 a.sum-posts-titles a:hover {
color: $(link.hover.color);
}
.post-body {
position: relative;
margin-top: 30px;
}
/* Blockquotes
----------------------------------------------- */
.post blockquote {
display:block;
background: $(blockquote.background.color);
border: 1px solid $(blockquote.border.color);
padding: 15px 20px 15px 45px;
margin: 5px 20px;
position: relative;
font: $(blockquote.font);
color: $(blockquote.text.color);
text-align: justify;
}
.post blockquote:before{
content: "\201C";
font: $(blockquote.font);
font-size: 60px;
font-weight: bold;
color: $(quote.color);
position: absolute;
left: 10px;
top:5px;
}
.post blockquote:after{
content: "";
}
.post blockquote a{
text-decoration: none;
cursor: pointer;
padding: 0 3px;
}
/* Images
----------------------------------------------- */
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
}
.post-body img, .post-body .tr-caption-container {
padding: $(image.border.large.size);
}
.post-body .tr-caption-container {
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
}
/* Post header & footer
----------------------------------------------- */
.post-header {
margin: 0 0 1.5em;
line-height: 1.6;
font-size: 90%;
}
.post-footer {
margin: 15px -15px 0;
padding: 5px 10px;
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%;
}
/* Comments
----------------------------------------------- */
#comments {
overflow: hidden;
}
#comments h4 {
display: inline;
padding: 10px;
line-height: 40px;
}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment {
position: relative;
}
#comments h4,.comments .continue a {
background: $(comments.continue);
}
#comments h4,.comments .user a,.comments .continue a {
font-size: 16px;
}
#comments h4,.comments .continue a {
font-weight: normal;
color: $(comments.links.color);
}
#comments h4:after {
content: "";
position: absolute;
bottom: -10px;
left: 10px;
border-top: 10px solid $(comments.continue);
border-right: 20px solid transparent;
width: 0;
height: 0;
line-height: 0;
}
#comments .avatar-image-container img {
border: 0;
}
.comments .comments-content .icon.blog-author {
display: none;
}
.comment-thread {
color: #111;
}
.comment-thread a {
color: $(comments.links.color);
}
.comment-thread ol {
margin: 0 0 20px;
}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a {
font: $(links.font);
color: $(comments.links.color);
font-size: 16px;
}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a:hover {
color: $(comments.links.color);
}
.comment-thread .comment-content a {
color: $(comments.links.color);
text-decoration: none;
}
.comments .avatar-image-container,.comments .avatar-image-container img {
width: 58px;
max-width: 58px;
height: 58px;
max-height: 58px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.comments .avatar-image-container {
background: $(comments.background);
padding: 10px;
margin-top: -5px;
}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single {
margin-left: 100px;
}
.comments .comment-block,.comments .comment-thread.inline-thread .comment {
border: 2px solid $(comments.border);
background: $(comments.background);
padding: 10px;
}
.comments .comments-content .comment {
font-size: 13px;
color: $(comments.text.color);
margin: 15px 0 0;
padding: 0;
width: 100%;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
line-height: 1em;
}
.comments .comments-content .inline-thread {
padding: 0 0 0 20px;
}
.comments .comments-content .comment-replies {
margin-top: 0;
}
.comments .comment-content {
padding: 5px 0;
line-height: 1.4em;
}
.comments .comment-thread.inline-thread {
border-left: 1px solid $(comments.border);
background: transparent;
}
.comments .comment-thread.inline-thread .comment {
width: auto;
}
.comments .comment-thread.inline-thread .comment:after {
content: "";
position: absolute;
top: 10px;
left: -20px;
border-top: 1px solid #ddd;
width: 10px;
height: 0px;
}
.comments .comment-thread.inline-thread .comment .comment-block {
border: 0;
background: transparent;
padding: 0;
}
.comments .comment-thread.inline-thread .comment-block {
margin-left: 48px;
}
.comments .comment-thread.inline-thread .user a {
font-size: 14px;
}
.comments .comments-content .user {
font: $(links.font);
font-style: normal;
color: $(comments.links.color);
}
.comments .comments-content .datetime a {
font: $(links.font);
color: $(comments.links.color);
float: right;
font-size: 12px;
}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img {
width: 36px;
max-width: 36px;
height: 36px;
max-height: 36px;
margin-left: -5px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
}
.comments .continue {
border-top: 0;
width: 100%;
}
.comments .continue a {
padding: 10px 0;
text-align: center;
}
.comment .continue {
display: none;
}
.comments .comment .comment-actions a, .comments .comment .continue a {
background: $(comments.continue);
border: 1px solid $(comments.border);
color: #B4B4B7 !important;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: normal;
height: 20px;
line-height: 20px;
margin: 0 0 10px 4px;
padding: 0 10px;
text-align: center;
text-decoration: none;
}
.comment-form {
width: 100%;
max-width: 100%;
}
.comment-form p {
font-size: 11px;
padding: 5px 30px;
}
.comments .comments-content .loadmore,.comments .comments-content {
margin: 0;
}
.comment-thread li .comment-block:before {
position: absolute;
display: block;
left: -24px;
color: $(comments.border);
content: "\25C4";
font-size: 30px;
margin-top: 15px;
z-index: 1;
}
#comment-editor {
-webkit-box-shadow: 0 0 30px $(main.content.shadow.color) inset !important;
-moz-box-shadow: 0 0 30px $(main.content.shadow.color) inset !important;
box-shadow: 0 0 30px $(main.content.shadow.color) inset !important;
}
a.comment-bubble {
background-color: $(comment.bubble.background);
width: 20px;
height: 15px;
color: #c6c6c6;
font: $(links.font);
font-size: 12px;
right: 0px;
padding: 10px 5px;
position: absolute;
z-index: 3;
text-align: center;
top: 0px;
}
/* Accents
---------------------------------------------- */
.section-columns td.columns-cell {
border-$startSide: 1px solid $(body.rule.color);
}
.blog-pager {
}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: $(content.background.color);
padding: 5px;
}
.footer-outer h2 {
font: $(widget.title.font);
background: $(title.background.color);
color: $(widget.title.text.color);
}
.footer-outer {
background: $(footer.background.color);
color: $(body.text.color);
}
.footer-inner table.section-columns {
margin-bottom: 10px;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: $(mobile.background.size);
}
.mobile .body-fauxcolumn-outer {
background: $(mobile.background.overlay);
}
.
.mobile .body-fauxcolumn-outer .cap-top {
background-size: 100% auto;
}
.mobile .content-outer {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
box-shadow: 0 0 3px rgba(0, 0, 0, .15);
}
body.mobile .AdSense {
}
.mobile .tabs-inner .widget ul {
margin-left: 0;
margin-right: 0;
}
.mobile .post {
margin: 0;
}
.mobile .main-inner .column-center-inner .section {
margin: 0;
}
.mobile .date-header span {
padding: 0.1em 10px;
margin: 0 -10px;
}
.mobile h3.post-title {
margin: 0;
}
.mobile .blog-pager {
background: transparent none no-repeat scroll top center;
}
.mobile .footer-outer {
border-top: none;
}
.mobile .main-inner, .mobile .footer-inner {
background-color: $(content.background.color);
}
.mobile-index-contents {
color: $(body.text.color);
}
.mobile-link-button {
background-color: $(link.color);
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: $(mobile.button.color);
}
.mobile .tabs-inner .section:first-child {
border-top: none;
}
.mobile .tabs-inner .PageList .widget-content {
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
}
.feed-links {
display: none;
}
.column-right-outer {
}
.fauxcolumn-right-outer {
background: $(sidebar.background.color);
}
/* Left Menu
----------------------------------------------- */
#left-sidebar {
float: left;
padding-top: 40px;
position: relative;
width: 20%;
}
.menu-left {
position: relative;
width: 195px;
z-index: 10;
background: $(menu.background);
}
#header {
text-align: center;
margin: 0px;
}
#header-inner {
}
#header a {
font: $(header.font);
color: $(header.link.color);
}
#header a:hover {
color: $(header.link.hover.color);
}
#header h1 {
background-color: $(header.background.color);
font: $(header.font);
color: $(header.text.color);
font-weight: normal;
}
#header img {
border: none;
margin: 0 auto;
max-width: 130px;
height: auto;
}
.header .widget{
margin: 0px;
}
#header .description {
color: $(description.text.color);
font: $(description.font);
background: $(description.background);
padding: 20px 5px;
}
.main-nav {
position: relative;
margin-top: 5px;
z-index: 10;
}
.divider-menu {
height: 5px;
margin: 0 30px;
}
.divider-menu span {
display: block;
height: 5px;
}
#main-menu {
position: relative;
z-index: 10;
zoom: 1;
margin-bottom: 20px;
}
#main-menu li {
background: $(menu.background.color);
border-bottom: 1px solid $(menu.rule.color);
margin: 0;
list-style: none;
margin: 0 30px;
position: relative;
z-index: 10;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-left: 5px solid $(menu.rule.color);
}
#main-menu li a {
color: $(menu.link.color);
display: block;
font: $(menu.link.font);
padding: 10px 0 15px;
text-align: center;
line-height: 20px;
}
#main-menu li:hover {
background: $(menu.hover.color);
border-bottom: 1px solid $(menu.rule.hover.color);
border-left: 5px solid $(menu.rule.hover.color);
margin-right: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-webkit-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.clearfix:before, .clearfix:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
#Attribution1, .status-msg-wrap, div#Navbar1 {
display: none;
}
.author-profile {
border-top: 1px solid $(about.author.border);
border-bottom: 1px solid $(about.author.border);
margin: 5px 10px;
padding: 5px 0 5px;
position: relative;
display: inline-block;
width: 100%;
}
.author-profile img {
float: left;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%
}
.author-profile p {
font: $(about.author.description.font);
margin: 0;
padding: 0px 15px 5px 125px;
}
a.g-profile {
font: $(about.author.name.font);
color: $(about.author.link.color);
margin: 10px 15px 5px 125px;
display: table;
}
.author-image img {
margin-right: 3%;
height: 90px;
width: 90px;
border-color: $(about.author.avatar.border);
border-style:inset;
border-width:7px;
padding:0;
}
h3.about_author {
margin: 0;
position: relative;
bottom: -4px;
z-index: 10;
display: inline-block;
padding: 0 5px 0 0px;
}
]]></b:skin>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='1290px'/>
<b:variable default='0' name='main.column.left.width' type='length'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='300px'/>
<![CDATA[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: 190px;
}
.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: 28%;
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'/>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
posts_no_thumb_sum = 460;
posts_thumb_sum = 460;
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/elegance.js'/>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body {
font-size: 13px !important;
}
.post {
background-color: $(posts.summaries.background.color);
height: 200px;
margin: 20px 0px;
overflow: hidden;
*zoom: 1;
padding: 0px !important;
width: 100%;
}
.post:after {
content: "
"; display: block;
clear: both;
}
.post-body {
margin-top: 0px !important;
}
h3 a.sum-posts-titles {
font: $(summary.title.font);
padding: 0;
color: $(post.titles.link.color);
}
h3 a.sum-posts-titles:hover {
text-decoration: none;
color: $(link.hover.color);
}
.post-summary-text {
color: $(body.text.color);
font: $(summary.text.font) !important;
}
.posts-thumb {
width: 200px;
height: 200px;
background-color: #fff;
background-size:cover;
float: left;
overflow: hidden;
margin-right: 0px !important;
}
.post-body img:hover {
-ms-filter: "
progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"
;filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
cursor: crosshair;
}
.posts-summaries {
padding: 10px 20px;
margin-left: 200px;
height: 150px;
overflow: hidden;
}
.blog-posts {
padding: 0px !important;
}
.post-body img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: none;
min-width: 0;
min-height: 200px;
margin: 0;
padding: 0;
border: none;
outline: none;
position: relative;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.post-footer {
display: none;
}
.date-header {
display: none;
}
.main-post-title {
display: none;
}
.post-labels {
font-size: 10px;
}
.post-labels a{
font-size: 10px;
}
#HTML22 {display: none;}
</style></b:if></b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.url!= data:blog.homepageUrl'>
<b:if cond='data:blog.pageType!= "item"'>
<style>
#HTML22 {display: none;}
body {
font-size: 14px !important;
}
#blog-pager {
clear: both;
}
.post {
background-color: $(posts.summaries.background.color);
height: 405px;
width: 30%;
margin: 10px 0px 10px 17px;
overflow: hidden;
float: left;
display: inline-block;
*zoom: 1;
padding: 0px !important;
}
.post:after {
content: "
"; display: block;
clear: both;
}
.post-body {
margin-top: 0px !important;
}
h3 a.sum-posts-titles {
font: $(summary.title.font);
font-size: 15px;
padding: 0;
height: 20px;
color: $(post.titles.link.color);
}
h3 a.sum-posts-titles:hover {
text-decoration: none;
color: $(link.hover.color);
}
.posts-thumb {
width: 100%;
height: 200px;
background-color: #fff;
overflow: hidden;
clear: both;
}
.posts-thumb img:hover {
cursor: crosshair;
}
.blog-posts {
padding: 0px !important;
}
.post-body img:hover {
-ms-filter: "
progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"
;filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.post-body img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: none;
min-width: 0;
min-height: 200px;
margin: 0;
padding: 0;
border: none;
outline: none;
position: relative;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.post-summary-text {
color: $(body.text.color);
font-size: 12px !important;
}
.posts-summaries {
padding: 10px 20px 20px;
margin: 5px 0 10px;
clear: both;
height: 145px;
overflow: hidden;
}
.post-footer {
display: none;
}
h3.date-header {
display: none;
}
.main-post-title {
display: none;
}
.post-labels {
bottom: -10px !important;
top: 385px !important;
left: 0px !important;
padding: 0px 20px !important;
font-size: 10px;
position: fixed;
}
.post-labels a{
font-size: 10px;
}
</style></b:if></b:if></b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
.main-inner .column-right-outer, .main-inner .fauxcolumn-right-outer, .footer-inner table.section-columns, #footer-1, #footer-3 {
display: none;
}
.column-center-outer {
width: 80%!important;
}
body {
font-size: 13px !important;
}
h3 a.sum-posts-titles {
font: $(summary.title.font);
padding: 0;
color: $(post.titles.link.color);
}
h3 a.sum-posts-titles:hover {
text-decoration: none;
color: $(link.hover.color);
}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' type='text/javascript'/>
</b:if>
<script type='text/javascript'>
//<![CDATA[
$(function () {
var $movesbuttons = $("#floating-social-buttons"),
$window = $(window),
offset = $movesbuttons.offset();
$window.scroll(function () {
if ($window.scrollTop() > offset.top) {
$movesbuttons.css({
'position': 'fixed',
'width': '400px',
'top': '0px'
});
} else {
$movesbuttons.css({
'position': 'absolute',
'top': 'auto'
});
}
});
});
//]]>
</script>
<b:if cond='data:blog.pageType == "error_page"'>
The page you were looking for doesn't exist. <br/>
You may have mistyped the address or the page may have moved.<br/>
<p style='margin-top: 30px;'><a href='javascript:history.go(-1)'>« Go Back</a> <br/>
<a href='/'>Go To Homepage</a>
<br/></p>
<br/>
<li>Maybe try a search?</li>
<br/>
<center><form action='/search' id='search' method='get'>
<input name='q' placeholder='Search...' size='100' type='text'/>
</form></center>
<br/>
<br/>
<font size='5'>Page Not Found!</font><br/> <br/>
<font color='#BFBFBF' style='font-size:150px; padding: 10px; background: #F8F8F8; font-weight:bold;'> 404 </font>
<style>
body {
background: #FCFCFC;
text-align: center;
margin-top: 80px;
color: #888;
}
a:link {
color: #0000ff !important;
}
#search input[type="text"] {
color: #777;
width: 30%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 6px 15px 6px 35px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
width: 50%;
color: #fff;
}
.content {
display: none;
}
</style>
</b:if>
</head>
<body expr:class='"loading" + data:blog.mobileClass'>
<b:if cond='data:blog.pageType == "index"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>
<div class='content'>
<div class='content-outer clearfix'>
<div class='content-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left content-fauxborder-left'>
<div class='fauxborder-right content-fauxborder-right'/>
<div class='content-inner'>
<div class='main-outer'>
<div class='main-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left main-fauxborder-left'>
<div class='fauxborder-right main-fauxborder-right'/>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns'>
<div class='fauxcolumn-outer fauxcolumn-center-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-left-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-right-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<script type='text/javascript'>
$(function() {
var offset = $("#left-sidebar").offset();
var topPadding = 0;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#left-sidebar").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("#left-sidebar").stop().animate({
marginTop: 0
});
};
});
});
</script>
<div id='left-sidebar'>
<div class='menu-left clearfix'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Complete Tax Solution (Header)' type='Header' version='1' visible='true'>
<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'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<nav class='main-nav'>
<ul id='main-menu'>
<li><a href='http://indiantaxservice.blogspot.in/'>Home</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Income%20Tax'>Income Tax</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Company%20Law%20%28MCA%29'>Company Law</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Service%20Tax'>Service Tax</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Excise%20Duty'>Excise Duty</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Custom%20Duty'>Custom Duty</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/GST'>GST</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/Delhi%20VAT'>Delhi VAT</a></li>
<li><a href='https://indiantaxservice.blogspot.in/search/label/CA%20CS%20CMA'>CA CS CMA</a></li>
<li><a href='http://sonumehla.blogspot.in/'>Contact Us</a></li>
<li><form action='/search' id='search' method='get'>
<input name='q' placeholder='Search...' size='40' type='text'/>
</form></li>
</ul>
<div class='divider-menu'><span/></div>
</nav>
<div class='clear'/>
</div>
</div>
<div class='column-center-outer'>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("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.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.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='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-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'>
<b:include data='post' name='comment_count_picker'/>
</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='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div 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' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</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>
</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-share-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.dummyTag/></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'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<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 uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<div class='main-post-title'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div id='floating-social-buttons'>
<ul class='floating-social-buttons'>
<li><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=100&height=25&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:20px;'/></li>
<li><a class='twitter-share-button' data-lang='en' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></li>
<li><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone expr:href='data:post.url' size='medium'/></li>
<li><a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.thumbnailUrl + "&description=" + data:post.snippet' style='margin:0 1px 5px 0;'>Pin It</a> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/></li>
</ul>
</div>
</b:if>
<b:if cond='data:blog.metaDescription == ""'>
<!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
<span class='post-labels' style='left: 217px; padding: 4px; bottom: 6px; position: absolute;'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=6"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</b:if>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
<h3 class='about_author'>About The Author</h3>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<a expr:href='data:post.authorProfileUrl'>
<div class='author-image'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='100px'/>
</div>
</a>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='Author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<p class='description' itemprop='description'><data:post.authorAboutMe/></p>
</div>
</b:if>
</div>
<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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-labels' style='float: right;'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=6"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</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>
</b:if>
</b:if>
</span>
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</b:if>
</span>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</div>
<div class='post-footer-line post-footer-line-2'>
</div>
<div class='post-footer-line post-footer-line-3'>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="<b>Related Posts:</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='region-inner footer-inner'>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='yes'/>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</footer>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<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>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<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 style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "error_page"'>
<div class='button_up' id='button_up' style='display:none;'/>
<div class='button_down' id='button_down' style='display:none;'/>
</b:if>
</b:if>
<script>
//<![CDATA[
(function () {
var special = jQuery.event.special,
uid1 = 'D' + (+new Date()),
uid2 = 'D' + (+new Date() + 1);
special.scrollstart = {
setup: function () {
var timer, handler = function (evt) {
var _self = this,
_args = arguments;
if (timer) {
clearTimeout(timer)
} else {
evt.type = 'scrollstart';
jQuery.event.handle.apply(_self, _args)
}
timer = setTimeout(function () {
timer = null
}, special.scrollstop.latency)
};
jQuery(this).bind('scroll', handler).data(uid1, handler)
},
teardown: function () {
jQuery(this).unbind('scroll', jQuery(this).data(uid1))
}
};
special.scrollstop = {
latency: 300,
setup: function () {
var timer, handler = function (evt) {
var _self = this,
_args = arguments;
if (timer) {
clearTimeout(timer)
}
timer = setTimeout(function () {
timer = null;
evt.type = 'scrollstop';
jQuery.event.handle.apply(_self, _args)
}, special.scrollstop.latency)
};
jQuery(this).bind('scroll', handler).data(uid2, handler)
},
teardown: function () {
jQuery(this).unbind('scroll', jQuery(this).data(uid2))
}
}
})();
$(function () {
var $elem = $('body');
$('#button_up').fadeIn('slow');
$('#button_down').fadeIn('slow');
$(window).bind('scrollstart', function () {
$('#button_up,#button_down').stop().animate({
'opacity': '0.2'
});
});
$(window).bind('scrollstop', function () {
$('#button_up,#button_down').stop().animate({
'opacity': '1'
});
});
$('#button_down').click(
function (e) {
$('html, body').animate({
scrollTop: $elem.height()
}, 800);
});
$('#button_up').click(
function (e) {
$('html, body').animate({
scrollTop: '0px'
}, 800);
});
});
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=6;
var numPages=3;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/page-navigation2.js'/>
</b:if>
</b:if>
</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'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody>
<tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
</td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
</td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
</td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<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:if>
</macro:if>
</macro:includable>
<b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/><b:section-contents id='sidebar-right-1'>
<b:widget id='HTML1' locked='false' title='About Admin' type='HTML' visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<b:if cond='data:post.thumbnail'>
<img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
<b:else/>
<img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1AgcCZB8I5ydkkTBAxpQQEFZMJKA9My_Uo-NvL-2xQqL6y0BAMyggsXO6OHt_CcmMXP3YjV9XNaXFtqeOi-aiEmiApjUUd5BoznXA_4QooD5BhiFC9wepQdprx7EW0kTAornYTHxcqN3X/s1600/thumbnail.png'/>
</b:if>
<a class='item-title' expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<div class='clear'/>
<b:else/>
<b:if cond='data:post.thumbnail'>
<img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
<b:else/>
<img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1AgcCZB8I5ydkkTBAxpQQEFZMJKA9My_Uo-NvL-2xQqL6y0BAMyggsXO6OHt_CcmMXP3YjV9XNaXFtqeOi-aiEmiApjUUd5BoznXA_4QooD5BhiFC9wepQdprx7EW0kTAornYTHxcqN3X/s1600/thumbnail.png'/>
</b:if>
<a class='item-title' expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
<div class='clear'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML22' locked='false' title='SDFGNM,P;LK BH' type='HTML' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<div id='hlrpsb'>
<script style='text/javascript'>
var numposts = 5;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js' style='text/javascript'/>
<script src='http://helplogger.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts'/></div>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<b:include name='quickedit'/>
</ul>
</div>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML21' locked='false' title='Recent Comments' type='HTML' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content helploggercomments'>
<ul>
<script type='text/javascript'>
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 70,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQNL2p6MCpkT4g9YWkojzMO9jD829FGcwrWCaXJPRMPxkp-Ar54lKnKZBRLnK5wIwNLdFXHoeBWFVxxWAIWzayPFf9R00ss4rXg2BaZwRGBXrFveDZ6E1-WgvTMvKwctUavpvJz9ozjkHc/s1600/default-avatar.jpg",
hideCredits = true;
//]]>
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/helplogger/[helplogger.blogspot.com]recent-comments.js' type='text/javascript'/>
<script src='http://helplogger.blogspot.com/feeds/comments/default?alt=json&callback=helploggercomments&max-results=5' type='text/javascript'/>
<b:include name='quickedit'/>
</ul>
</div>
</b:includable>
</b:widget>
</b:section-contents></html>