Desk Mess Mirrored

xml version=”1.0″ encoding=”UTF-8″ ?>
<!–DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml&#8217; xmlns:b=’http://www.google.com/2005/gml/b&#8217; xmlns:data=’http://www.google.com/2005/gml/data&#8217; xmlns:expr=’http://www.google.com/2005/gml/expr’&gt;
<head>
<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.pageTitle/></title>
<!–[CDATA[/*–>
———————————————–
Blogger Template Style
Name:     Desk Mess Mirrored
Author:   Klodian
URL:      http://www.deluxetemplates.net
Date:     February 2010

License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the ‘attribution’ clause of the license, you are required to keep the footer links intact which provides due credit to its authors.
———————————————– */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name=”bgcolor” description=”Page Background Color”
type=”color” default=”#fff” value=”#ffffff”>
<Variable name=”textcolor” description=”Text Color”
type=”color” default=”#333″ value=”#333333″>
<Variable name=”linkcolor” description=”Link Color”
type=”color” default=”#58a” value=”#5588aa”>
<Variable name=”pagetitlecolor” description=”Blog Title Color”
type=”color” default=”#666″ value=”#666666″>
<Variable name=”descriptioncolor” description=”Blog Description Color”
type=”color” default=”#999″ value=”#999999″>
<Variable name=”titlecolor” description=”Post Title Color”
type=”color” default=”#c60″ value=”#cc6600″>
<Variable name=”bordercolor” description=”Border Color”
type=”color” default=”#ccc” value=”#cccccc”>
<Variable name=”sidebarcolor” description=”Sidebar Title Color”
type=”color” default=”#999″ value=”#999999″>
<Variable name=”sidebartextcolor” description=”Sidebar Text Color”
type=”color” default=”#666″ value=”#666666″>
<Variable name=”visitedlinkcolor” description=”Visited Link Color”
type=”color” default=”#999″ value=”#999999″>
<Variable name=”bodyfont” description=”Text Font”
type=”font” default=”normal normal 100% Georgia, Serif” value=”normal normal 100% Georgia, Serif”>
<Variable name=”headerfont” description=”Sidebar Title Font”
type=”font”
default=”normal normal 78% ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif” value=”normal normal 78% ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif”>
<Variable name=”pagetitlefont” description=”Blog Title Font”
type=”font”
default=”normal normal 200% Georgia, Serif” value=”normal normal 200% Georgia, Serif”>
<Variable name=”descriptionfont” description=”Blog Description Font”
type=”font”
default=”normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif” value=”normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif”>
<Variable name=”postfooterfont” description=”Post Footer Font”
type=”font”
default=”normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif” value=”normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif”>
<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”>
*/

/* Use this with templates/template-twocol.html */

body {
-moz-background-inline-policy:continuous;
background:url(“http://4.bp.blogspot.com/_V-vanwnGNaA/S5aMsrpx46I/AAAAAAAAAJA/xehIi06V5ow/s1600/marble-bg.png&#8221;) repeat scroll left top #848484;
color:#333333;
font:small Georgia Serif;
margin:0;
text-align:center;
}
a:link {
color:#D21600;
text-decoration:none;
}
a:visited {
color:#C94F05;
text-decoration:none;
}
a:hover {
color:#5588AA;
text-decoration:underline;
}
a img {
border-width:0;
}
#header-wrapper {
-moz-background-inline-policy:continuous;
background:url(“http://4.bp.blogspot.com/_8GxSJXcDIwk/S4Z6D5r448I/AAAAAAAAAMY/_owBy18JAN4/s1600/deskmess.png&#8221;) no-repeat scroll 0 0 transparent;
height:234px;
margin:0 auto;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#D21600;
text-align:left;
}
#header h1 {
font:italic bold 26px Georgia,Serif;
letter-spacing:-2px;
margin:0;
padding:25px 20px 4px 414px;
text-transform:none;
}
#header a {
color:#D21600;
text-decoration:none;
}
#header a:hover {
color:#D21600;
}
#header .description {
color:#D21600;
font:italic 14px georgia;
letter-spacing:0;
margin:0 5px 5px;
padding:0 20px 15px 414px;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
font:100% arial,helvetica,tahoma;
margin:0 auto;
text-align:left;
width:990px;
}
#main-wrapper {
float:left;
margin-left:40px;
margin-top:-63px;
overflow:hidden;
position:relative;
width:600px;
word-wrap:break-word;
}
#sidebar-wrapper {
float:right;
margin-right:30px;
margin-top:-73px;
overflow:hidden;
position:relative;
width:305px;
word-wrap:break-word;
}
h2 {
-moz-background-inline-policy:continuous;
background:url(“http://1.bp.blogspot.com/_iI6SgnnhWEM/S0hqpnD4qcI/AAAAAAAAA8o/TPfuBykMoWc/s1600/widgeth2.png&#8221;) no-repeat scroll 0 0 transparent;
color:#696969;
font:18px/1.4em georgia;
height:57px;
letter-spacing:0;
margin-bottom:0;
padding-top:26px;
text-align:center;
text-transform:none;
}
h2.date-header {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
font-size:12px;
font-style:italic;
height:16px;
margin:0;
text-align:left;
}
.post {
margin:0.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
color:#CC6600;
font-size:22px;
font-weight:normal;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color:#CC6600;
display:block;
font-weight:bold;
text-decoration:none;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-body {
font-size:14px;
line-height:1.6em;
margin:0 0 0.75em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
border-bottom:1px dotted #B2B0A4;
border-top:1px dotted #B2B0A4;
color:#666666;
font:italic 12px/1.4em georgia;
letter-spacing:0;
margin:0.75em 0;
padding:5px 10px;
text-transform:none;
}
.comment-link {
margin-left:0.6em;
}
.post img {
padding:1px;
}
.post blockquote {
font-family:georgia;
font-style:italic;
margin:1em 20px;
}
.post blockquote p {
margin:0.75em 0;
}
#comments h4 {
color:#666666;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #DEDEDE;
margin:0.5em 0;
padding-bottom:4px;
padding-left:8px;
padding-top:4px;
}
#comments-block .comment-body {
border-left:1px solid #DEDEDE;
border-right:1px solid #DEDEDE;
margin-top:-7px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #DEDEDE;
border-left:1px solid #DEDEDE;
border-right:1px solid #DEDEDE;
font-size:11px;
line-height:1.4em;
margin:-0.25em 0 2em;
padding-bottom:5px;
padding-left:10px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #FFFFFF;
border:2px solid #CCCCCC;
float:left;
padding:5px;
}
#blog-pager-older-link {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #FFFFFF;
border:2px solid #CCCCCC;
float:right;
padding:5px;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.sidebar {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #F1F1F1;
color:#666666;
line-height:1.5em;
margin-left:29px;
margin-top:-15px;
padding-bottom:20px;
padding-left:5px;
width:256px;
}
.sidebar ul {
list-style:none outside none;
margin:0;
padding:0;
}
.sidebar li {
border-bottom:1px dotted #CCCCCC;
line-height:1.5em;
margin:0;
padding:2px 0 0.25em 8px;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font:bold 78%/1.6em ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font:78% ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
}
#footer {
clear:both;
letter-spacing:0.1em;
line-height:1.6em;
margin:0 auto;
padding-top:15px;
text-align:center;
text-transform:uppercase;
width:660px;
}
#menu {
height:55px;
margin:83px 0 0 17px;
padding:0;
text-transform:uppercase;
}
#menu, #menu ul {
line-height:2.5;
list-style:none outside none;
}
#menu a, #menu a:hover {
border:medium none;
display:block;
text-decoration:none;
}
#menu li {
-moz-background-inline-policy:continuous;
background:url(“http://1.bp.blogspot.com/_V-vanwnGNaA/S5aMs3cNHbI/AAAAAAAAAJI/ETx2RmeUA8Q/s1600/menu_button.png&#8221;) repeat scroll 0 0 transparent;
float:left;
height:61px;
list-style:none outside none;
margin-left:2px;
margin-right:2px;
text-align:center;
width:99px;
}
#menu a, #menu a:visited {
color:#332613;
display:block;
font-weight:bold;
padding:10px 12px;
position:relative;
}
#menu a:hover, #menu a:active {
color:#C94F05;
text-decoration:none;
}
#content-wrapper {
-moz-background-inline-policy:continuous;
background:url(“http://3.bp.blogspot.com/_iI6SgnnhWEM/S0g8zK9AmvI/AAAAAAAAA8I/gN9n5ZtTLN4/s1600/mainmidpart.png&#8221;) repeat-y scroll 0 0 transparent;
width:977px;
}
#content-wrapper-top {
-moz-background-inline-policy:continuous;
background:url(“http://1.bp.blogspot.com/_iI6SgnnhWEM/S0g70nxcmUI/AAAAAAAAA74/BZbV-SJmSi8/s1600/maintoppart.png&#8221;) no-repeat scroll 0 0 transparent;
height:113px;
margin-top:-31px;
position:relative;
}
.widget-content {
-moz-background-inline-policy:continuous;
background:url(“http://4.bp.blogspot.com/_iI6SgnnhWEM/S0hrEVfwugI/AAAAAAAAA8w/vqc0rqGAYm0/s1600/widgetbck.png&#8221;) repeat-y scroll 0 0 transparent;
border-bottom:1px solid #E3DCCB;
margin-top:-27px;
padding:5px 14px 20px;
}
#sidebar-top {
-moz-background-inline-policy:continuous;
background:url(“http://1.bp.blogspot.com/_iI6SgnnhWEM/S0hqa-i7UOI/AAAAAAAAA8g/RCBaDC7BW8U/s1600/sidebartop.png&#8221;) no-repeat scroll 0 0 transparent;
height:90px;
min-height:90px;
}
#sidebar-bottom {
-moz-background-inline-policy:continuous;
background:url(“http://1.bp.blogspot.com/_iI6SgnnhWEM/S0hoEu-kkkI/AAAAAAAAA8Y/UNwr_XV-5nI/s1600/sidebarbottom.gif&#8221;) no-repeat scroll 0 0 transparent;
height:37px;
margin-left:-1px;
min-height:37px;
text-align:right;
}
#bottom {
-moz-background-inline-policy:continuous;
background:url(“http://4.bp.blogspot.com/_iI6SgnnhWEM/S0hw8Bkd8dI/AAAAAAAAA84/_XvckF_pJf0/s1600/footer2.png&#8221;) no-repeat scroll 0 0 transparent;
height:154px;
margin-left:-6px;
}
#bottom p {
color:#111111;
font-size:12px;
margin:0;
padding-left:310px;
padding-top:55px;
}
#bottom a {
color:#000000;
font-size:12px;
}

]]></b:skin>
</head>

<body>
<div id=’outer-wrapper’><div id=’wrap2′>

<!– skip links for text browsers –>
<span id=’skiplinks’ style=’display:none;’>
<a href=’#main’>skip to main </a> |
<a href=’#sidebar’>skip to sidebar</a>
</span>

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Desk Mess Mirrored (Header)’ type=’Header’>
includable id=’title’>

<data:title/>
<b:else/>
expr:href=’data:blog.homepageUrl’>
</b:if>
includable>
includable id=’description’>
<div class=’descriptionwrapper’>
<p class=’description’><span><data:description/></span></p>
</div>
includable>
includable id=’main’>

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

<!–Show just the image, no text–>
<div id=’header-inner’>
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>
</div>
<b:else/>
<!–
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.
–>

expr:style='”background-image: url(\”” + data:sourceUrl + “\”); ”                      + “background-position: ”                      + data:backgroundPositionStyleStr + “; ”                      + data:widthStyleStr                      + “min-height: ” + data:height + “px;”                      + “_height: ” + data:height + “px;”                      + “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/>
<!–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>
includable>
</b:widget>
</b:section>
<ul id=’menu’>

  • expr:href=’data:blog.homepageUrl’ title=’Home’>Home
  • expr:href=’data:blog.homepageUrl + “feeds/posts/default”‘ title=’Posts RSS’>RSS
  • expr:href=’data:blog.homepageUrl + “feeds/comments/default”‘ title=’Comments RSS’>Comments
  • <li><a href=’#’ title=’Edit this link’>Edit</a></li>
    <!–ul>

    </div>
    <div id=’content-wrapper-top’/>
    <div id=’content-wrapper’>

    <div id=’crosscol-wrapper’ style=’text-align:center’>
    <b:section class=’crosscol’ id=’crosscol’/>
    </div>

    <div id=’main-wrapper’>
    <b:section class=’main’ id=’main’ showaddelement=’no’>
    <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’>
    includable id=’nextprev’>
    <div class=’blog-pager’ id=’blog-pager’>

    <span id=’blog-pager-newer-link’>
    expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-newer-link”‘ expr:title=’data:newerPageTitle’>
    </span>
    </b:if>

    <span id=’blog-pager-older-link’>
    expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-older-link”‘ expr:title=’data:olderPageTitle’>
    </span>
    </b:if>

    <b:if cond=’data:blog.homepageUrl != data:blog.url’>
    expr:href=’data:blog.homepageUrl’>
    <b:else/>
    <b:if cond=’data:newerPageUrl’>
    homeMsg/>
    </b:if>
    </b:if>

    </div>
    <div class=’clear’/>
    includable>
    includable id=’backlinks’ var=’post’>
    <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>
    expr:href=’data:backlink.url’ rel=’nofollow’>
    <b:include data=’backlink’ name=’backlinkDeleteIcon’/>
    </dt>
    <dd class=’comment-body collapseable’>
    <data:backlink.snippet/>
    </dd>
    <dd class=’comment-footer collapseable’>
    <span class=’comment-author’><data:post.authorLabel/> <data:backlink.author/></span>
    <span class=’comment-timestamp’><data:post.timestampLabel/> <data:backlink.timestamp/></span>
    </dd>
    </div>
    </b:loop>
    <!–dl>
    </b:if>
    <p class=’comment-footer’>
    <a class=’comment-link’ expr:href=’data:post.createLinkUrl’ expr:id=’data:widget.instanceId + &quot;_backlinks-create-link&quot;’ target=’_blank’><data:post.createLinkLabel/></a>
    </p>
    includable>
    includable id=’post’ var=’post’>
    <div class=’post hentry’>
    expr:name=’data:post.id’/>
    <b:if cond=’data:post.title’>
    <h3 class=’post-title entry-title’>
    <b:if cond=’data:post.link’>
    expr:href=’data:post.link’>
    <b:else/>
    <b:if cond=’data:post.url’>
    expr:href=’data:post.url’>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>

    <div class=’post-header-line-1’/>

    <div class=’post-body entry-content’>
    <data:post.body/>
    <div style=’clear: both;’/> <!– clear for photos floats –>
    </div>

    <b:if cond=’data:post.hasJumpLink’>
    <div class=’jump-link’>
    expr:href=’data:post.url + “#more”‘ expr:title=’data:post.title’>
    </div>
    </b:if>

    <div class=’post-footer’>
    <div class=’post-footer-line post-footer-line-1′><span class=’post-author vcard’>
    <b:if cond=’data:top.showAuthor’>
    <data:top.authorLabel/>
    <span class=’fn’><data:post.author/></span>
    </b:if>
    </span> <span class=’post-timestamp’>
    <b:if cond=’data:top.showTimestamp’>
    <data:top.timestampLabel/>
    <b:if cond=’data:post.url’>
    <a class=’timestamp-link’ expr:href=’data:post.url’ rel=’bookmark’ title=’permanent link’><abbr class=’published’ expr:title=’data:post.timestampISO8601′><data:post.timestamp/></abbr></a>
    </b:if>
    </b:if>
    </span> <span class=’post-comment-link’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’>
    <b:if cond=’data:post.allowComments’>
    1 commentLabel/>
    </b:if>
    </b:if>
    </span> <span class=’post-icons’>
    <!– email post links –>
    <b:if cond=’data:post.emailPostUrl’>
    <span class=’item-action’>
    expr:href=’data:post.emailPostUrl’ expr:title=’data:top.emailPostMsg’>
    <img alt=” class=’icon-action’ height=’13’ src=’http://www.blogger.com/img/icon18_email.gif&#8217; width=’18’/>
    </a>
    </span>
    </b:if>

    <!– quickedit pencil –>
    <b:include data=’post’ name=’postQuickEdit’/>
    </span> </div>

    <div class=’post-footer-line post-footer-line-2′><span class=’post-labels’>
    <b:if cond=’data:post.labels’>
    postLabelsLabel/>
    <b:loop values=’data:post.labels’ var=’label’>
    expr:href=’data:label.url’ rel=’tag’>,
    </b:loop>
    </b:if>
    </span> </div>

    <div class=’post-footer-line post-footer-line-3’/>
    </div>
    </div>
    includable>
    includable id=’commentDeleteIcon’ var=’comment’>
    expr:class='”item-control ” + data:comment.adminClass’>
    expr:href=’data:comment.deleteUrl’ expr:title=’data:top.deleteCommentMsg’>
    <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’feedLinks’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’> <!– Blog feed links –>
    <b:if cond=’data:feedLinks’>
    <div class=’blog-feeds’>
    <b:include data=’feedLinks’ name=’feedLinksBody’/>
    </div>
    </b:if>

    <b:else/> <!–Post feed links –>
    <div class=’post-feeds’>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.allowComments’>
    <b:if cond=’data:post.feedLinks’>
    <b:include data=’post.feedLinks’ name=’feedLinksBody’/>
    </b:if>
    </b:if>
    </b:loop>
    </div>
    </b:if>
    includable>
    includable id=’status-message’>

    <div class=’status-msg-wrap’>
    <div class=’status-msg-body’>
    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>
    includable>
    includable id=’comment-form’ var=’post’>
    <div class=’comment-form’>
    <a name=’comment-form’/>

    postCommentMsg/>

    blogCommentMessage/>
    blogTeamBlogMessage/>
    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%’/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>

    BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
    </div>
    includable>
    includable id=’backlinkDeleteIcon’ var=’backlink’>
    expr:class='”item-control ” + data:backlink.adminClass’>
    expr:href=’data:backlink.deleteUrl’ expr:title=’data:top.deleteBacklinkMsg’>
    <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’feedLinksBody’ var=’links’>
    <div class=’feed-links’>
    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>
    includable>
    <b:includable id=’postQuickEdit’ var=’post’>
    <b:if cond=’data:post.editUrl’>
    expr:class='”item-control ” + data:post.adminClass’>
    expr:href=’data:post.editUrl’ expr:title=’data:top.editPostMsg’>
    <img alt=” class=’icon-action’ height=’18’ src=’http://www.blogger.com/img/icon18_edit_allbkg.gif&#8217; width=’18’/>
    </a>
    </span>
    </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>
    <b:if cond=’data:post.numComments == 1′>
    1 <data:commentLabel/>:
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
    </b:if>
    </h4>

    <b:if cond=’data:post.commentPagingRequired’>
    <span class=’paging-control-container’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>
     
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>
     
    <data:post.commentRangeText/>
     
    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>
     
    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newestLinkUrl’>
    </span>
    </b:if>

    <dl expr:class=’data:post.avatarIndentClass’ id=’comments-block’>
    <b:loop values=’data:post.comments’ var=’comment’>

    expr:class='”comment-author ” + data:comment.authorClass’ expr:id=’data:comment.anchorName’>

    <b:if cond=’data:comment.favicon’>
    expr:src=’data:comment.favicon’ height=’16px’ style=’margin-bottom:-2px;’ width=’16px’/>
    </b:if>
    expr:name=’data:comment.anchorName’/>
    <b:if cond=’data:blog.enabledCommentProfileImages’>
    <data:comment.authorAvatarImage/>
    </b:if>
    <b:if cond=’data:comment.authorUrl’>
    expr:href=’data:comment.authorUrl’ rel=’nofollow’>
    <b:else/>
    <data:comment.author/>
    </b:if>
    commentPostedByMsg/>
    </dt>
    <dd class=’comment-body’>
    <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’>
    expr:href=’data:comment.url’ title=’comment permalink’>
    <data:comment.timestamp/>
    </a>
    <b:include data=’comment’ name=’commentDeleteIcon’/>
    </span>
    </dd>
    </b:loop>
    </dl>

    <b:if cond=’data:post.commentPagingRequired’>
    <span class=’paging-control-container’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>
    <data:post.oldestLinkText/>
    </a>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>
    <data:post.olderLinkText/>
    </a>
     
    <data:post.commentRangeText/>
     
    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>
    <data:post.newerLinkText/>
    </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’>
    expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
    </b:if>
    </b:if>

    </p>
    </b:if>

    <div id=’backlinks-container’>

    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=’main’ var=’top’>
    <!– posts –>
    <div class=’blog-posts hfeed’>

    <b:include data=’top’ name=’status-message’/>

    defaultAdStart/>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.dateHeader’>
    <h2 class=’date-header’>
    </b:if>
    <b:include data=’post’ name=’post’/>
    <b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    <b:if cond=’data:post.includeAd’>
    <b:if cond=’data:post.isFirstPost’>
    defaultAdEnd/>
    <b:else/>
    adEnd/>
    </b:if>
    <div class=’inline-ad’>
    adCode/>
    </div>
    adStart/>
    </b:if>
    <b:if cond=’data:post.trackLatency’>
    <data:post.latencyJs/>
    </b:if>
    </b:loop>
    adEnd/>
    </div>
    <b:if cond=’data:blog.url != data:blog.homepageUrl’>
    <br/>
    <script type=”text/javascript”><!–
    google_ad_client = &quot;pub-3277672805402347&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* 336×280, blogger-templates */
    google_ad_slot = &quot;3398966583&quot;;
    google_ad_width = 336;
    google_ad_height = 280;
    google_ad_type = &quot;text&quot;;
    google_color_border = &quot;EEE8DA&quot;;
    google_color_bg = &quot;EEE8DA&quot;;
    google_color_link = &quot;DCA809&quot;;
    google_color_text = &quot;000000&quot;;
    google_color_url = &quot;1BACDF&quot;;
    //–&gt;
    &lt;/script&gt;
    <script type=”text/javascript”
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;
    </b:if>
    <!– navigation –>
    <b:include name=’nextprev’/>

    <b:if cond=’data:top.showStars’>
    // <![CDATA[src=’http://www.google.com/jsapi&#8217; type=’text/javascript’ />]]>
    <script type=’text/javascript’>
    google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
    function initialize() {
    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
    google.annotations.createAll();
    google.annotations.fetch();
    }
    google.setOnLoadCallback(initialize);
    </script>
    </b:if>
    </b:includable>
    </b:widget>
    </b:section>
    </div>

    <div id=’sidebar-wrapper’>
    <div id=’sidebar-top’/>

    <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
    <b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <b:if cond=’data:team == &quot;true&quot;’> <!– team blog profile –>
    <ul>
    <b:loop values=’data:authors’ var=’i’>

  • expr:href=’data:i.userUrl’>
  • </b:loop>
    </ul>

    <b:else/> <!– normal blog profile –>

    <b:if cond=’data:photo.url != &quot;&quot;’>
    expr:href=’data:userUrl’>
    </b:if>

    <dl class=’profile-datablock’>

    displayname/>

    <dd class=’profile-data’><data:location/></dd>
    </b:if>

    </dl>
    viewProfileMsg/>
    </b:if>

    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Label2′ locked=’false’ title=’Categories’ type=’Label’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>

    expr:class='”widget-content ” + data:display + “-label-widget-content”‘>

    <b:if cond=’data:display == &quot;list&quot;’>
    <ul>
    <b:loop values=’data:labels’ var=’label’>
    <li>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:else/>
    <b:loop values=’data:labels’ var=’label’>
    expr:class='”label-size label-size-” + data:label.cssSize’>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span class=’label-count’ dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’BlogArchive1′ locked=’false’ title=’Archives’ type=’BlogArchive’>
    <b:includable id=’toggle’ var=’interval’>
    <b:if cond=’data:interval.toggleId’>
    <b:if cond=’data:interval.expclass == &quot;expanded&quot;’>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy toggle-open’>▼ </span>
    </a>
    <b:else/>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy’>
    <b:if cond=’data:blog.languageDirection == &quot;rtl&quot;’>
    ◄ 
    <b:else/>
    ► 
    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>

    <b:loop values=’data:intervalData’ var=’i’>
    <ul>

  • expr:class='”archivedate ” + data:i.expclass’>
  • <b:include data=’i’ name=’toggle’/>
    <a class=’post-count-link’ expr:href=’data:i.url’><data:i.name/></a>
    <span class=’post-count’ dir=’ltr’>(<data:i.post-count/>)</span>
    <b:if cond=’data:i.data’>
    <b:include data=’i.data’ name=’interval’/>
    </b:if>
    <b:if cond=’data:i.posts’>
    <b:include data=’i.posts’ name=’posts’/>
    </b:if>
    </li>
    </ul>
    </b:loop>
    </b:includable>
    <b:includable id=’menu’ var=’data’>

    <option value=”><data:title/></option>
    <b:loop values=’data:data’ var=’i’>
    expr:value=’data:i.url’> ()
    </b:loop>
    </select>
    </b:includable>
    <b:includable id=’flat’ var=’data’>
    <ul>
    <b:loop values=’data:data’ var=’i’>
    <li class=’archivedate’>
    expr:href=’data:i.url’> ()
    </li>
    </b:loop>
    </ul>
    </b:includable>
    <b:includable id=’posts’ var=’posts’>
    <ul class=’posts’>
    <b:loop values=’data:posts’ var=’i’>

  • expr:href=’data:i.url’>
  • </b:loop>
    </ul>
    </b:includable>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <div id=’ArchiveList’>

    expr:id=’data:widget.instanceId + “_ArchiveList”‘>

    <b:if cond=’data:style == &quot;HIERARCHY&quot;’>
    <b:include data=’data’ name=’interval’/>
    </b:if>
    <b:if cond=’data:style == &quot;FLAT&quot;’>
    <b:include data=’data’ name=’flat’/>
    </b:if>
    <b:if cond=’data:style == &quot;MENU&quot;’>
    <b:include data=’data’ name=’menu’/>
    </b:if>
    </div>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Followers1′ locked=’false’ title=’Followers’ type=’Followers’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>

    <h2 class=’title’><data:title/></h2>
    <b:else/>

    (totalFollowerCount/>)

    </b:if>
    </b:if>
    </b:if>
    <div class=’widget-content’>

    expr:id=’data:widget.instanceId + “-wrapper”‘>

    codeSnippet/>
    </div>
    <b:else/>

    <span class=’item-control following-not-admin’>
    failureSnippet/>
    </span>
    <span class=’item-control blog-admin’>
    adminFailureSnippet/>
    </span>
    <b:else/>
    <b:if cond=’data:followingLinkPresent’>
    <div class=’follow-this profile-link item-control following-follow-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    followThisMessage/>
    </a>
    </div>
    <div class=’follow-this profile-link item-control following-stop-following-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    stopFollowingMessage/>
    </a>
    </div>
    </b:if>

    <div class=’followers-grid’>

    <div class=’profile-link item-control following-follow-this’>
    emptyFollowersMessage/>
    </div>
    </b:if>
    <!–
    Relies on the js written out in navbar.gxp
    –>
    <b:loop values=’data:followers’ var=’follower’>
    <div class=’follower’>
    expr:href=’data:follower.profileUrl’ expr:title=’data:follower.displayName’ rel=’nofollow’>

    </a>
    </div>
    </b:loop>
    <div class=’clear’/>
    </div>

    <div class=’followers-canvas profile-link’>
    followersFooterMessage/>
    <span class=’item-control following-not-admin’>
    expr:href=’data:followersUri’>
    viewAllMessage/>
    </a>
    </span>
    <span class=’item-control blog-admin’>
    expr:href=’data:manageFollowersUri’>
    manageFollowersMessage/>
    </a>
    </span>
    </div>
    </b:if>
    </b:if>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    <div id=’sidebar-bottom’/>
    </div>

    <!– spacer for skins that want sidebar and main to be the same height–>
    <div class=’clear’> </div>
    <div id=’content-wrapper-butt’/>
    </div> <!– end content-wrapper –>

    <div id=’bottom’>
    (c)2009 expr:href=’data:blog.homepageUrl’>. Blogger created by blogger Templates
    </div>

    </div></div> <!– end outer-wrapper –>
    </body>
    </html>

    Posted in HTML. 2 Comments »

    Line Template Blogger

    xml version=”1.0″ encoding=”UTF-8″ ?>
    <!–DOCTYPE html PUBLIC “null” “null”>
    expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml&#8217; xmlns:b=’http://www.google.com/2005/gml/b&#8217; xmlns:data=’http://www.google.com/2005/gml/data&#8217; xmlns:expr=’http://www.google.com/2005/gml/expr’&gt;
    <head>
    <meta content=’IE=EmulateIE7′ http-equiv=’X-UA-Compatible’/>
    <b:include data=’blog’ name=’all-head-content’/>
    <title><data:blog.pageTitle/></title>

    <!–[CDATA[/–>

    /* Variable definitions
    ====================
    <Variable name=”keycolor” description=”Main Color” type=”color” default=”#1a222a” value=”#1a2a2a”/>
    <Variable name=”body.background” description=”Body Background” type=”background”
    color=”$(body.background.color)” default=”#111111 url(http://themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center” value=”#181e52 url(http://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMNzZiYWYyZDMtNTI3MC00ZWI1LThmMzAtMWM3MTVkN2E2ZTdh) repeat fixed top center /* Credit: centauria (http://www.istockphoto.com/googleimages.php?id=1528595&platform=blogger) */”/>

    <Group description=”Page Text” selector=”.content-inner”>
    <Variable name=”body.font” description=”Font” type=”font”
    default=”normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif”/>
    <Variable name=”body.text.color” description=”Text Color” type=”color” default=”#333333″ value=”#333333″/>
    </Group>

    <Group description=”Backgrounds” selector=”.body-fauxcolumns-outer”>
    <Variable name=”body.background.color” description=”Outer Background” type=”color” default=”#296695″ value=”#29958d”/>
    <Variable name=”header.background.color” description=”Header Background” type=”color” default=”transparent” value=”transparent”/>
    <Variable name=”post.background.color” description=”Post Background” type=”color” default=”#ffffff” value=”#ffffff”/>
    </Group>

    <Group description=”Links” selector=”.main-outer”>
    <Variable name=”link.color” description=”Link Color” type=”color” default=”#336699″ value=”#339999″/>
    <Variable name=”link.visited.color” description=”Visited Color” type=”color” default=”#6699cc” value=”#66cccc”/>
    <Variable name=”link.hover.color” description=”Hover Color” type=”color” default=”#33aaff” value=”#32ffed”/>
    </Group>

    <Group description=”Blog Title” selector=”.header”>
    <Variable name=”header.font” description=”Title Font” type=”font”
    default=”normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif”/>
    <Variable name=”header.text.color” description=”Text Color” type=”color” default=”#ffffff”  value=”#ffffff”/>
    </Group>

    <Group description=”Tabs Text” selector=”.tabs-outer .PageList”>
    <Variable name=”tabs.font” description=”Font” type=”font”
    default=”normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif”/>
    <Variable name=”tabs.text.color” description=”Text Color” type=”color” default=”#ffffff” value=”#ffffff”/>
    <Variable name=”tabs.selected.text.color” description=”Selected Color” type=”color” default=”$(link.color)” value=”$(link.color)”/>
    </Group>

    <Group description=”Tabs Background” selector=”.tabs-outer .PageList”>
    <Variable name=”tabs.background.color” description=”Background Color” type=”color” default=”transparent” value=”transparent”/>
    <Variable name=”tabs.selected.background.color” description=”Selected Color” type=”color” default=”transparent” value=”transparent”/>
    <Variable name=”tabs.separator.color” description=”Separator Color” type=”color” default=”transparent” value=”transparent”/>
    </Group>

    <Group description=”Post” selector=”.post”>
    <Variable name=”post.title.font” description=”Title Font” type=”font”
    default=”normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif”/>
    <Variable name=”post.footer.text.color” description=”Footer Text Color” type=”color” default=”#999999″ value=”#999999″/>
    <Variable name=”post.border.color” description=”Border Color” type=”color” default=”#dddddd” value=”#dddddd”/>
    </Group>

    <Group description=”Gadgets” selector=”.sidebar .widget”>
    <Variable name=”widget.title.font” description=”Title Font” type=”font”
    default=”bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal bold 100% ‘Times New Roman’, Times, FreeSerif, serif;”/>
    <Variable name=”widget.title.text.color” description=”Title Color” type=”color” default=”#888888″ value=”#888888″/>
    </Group>

    <Group description=”Footer” selector=”.footer-outer”>
    <Variable name=”footer.text.color” description=”Text Color” type=”color” default=”#cccccc” value=”#cccccc”/>
    <Variable name=”footer.widget.title.text.color” description=”Gadget Title Color” type=”color” default=”#aaaaaa” value=”#aaaaaa”/>
    </Group>

    <Group description=”Footer Links” selector=”.footer-outer”>
    <Variable name=”footer.link.color” description=”Link Color” type=”color” default=”#99ccee” value=”#98eee5″/>
    <Variable name=”footer.link.visited.color” description=”Visited Color” type=”color” default=”#77aaee” value=”#77e5ee”/>
    <Variable name=”footer.link.hover.color” description=”Hover Color” type=”color” default=”#33aaff” value=”#32ffed”/>
    </Group>

    20px” value=”20px”/>
    <Variable name=”content.padding” description=”Content Padding” type=”length” default=”0″ value=”0″/>
    <Variable name=”content.background” description=”Content Background” type=”background”
    default=”transparent none repeat scroll top left” value=”transparent none repeat scroll top left”/>
    <Variable name=”content.border.radius” description=”Content Border Radius” type=”length” default=”0″ value=”0″/>
    <Variable name=”content.shadow.spread” description=”Content Shadow Spread” type=”length” default=”0″ value=”0″/>

    <Variable name=”header.padding” description=”Header Padding” type=”length” default=”0″ value=”0″/>
    <Variable name=”header.background.gradient” description=”Header Gradient” type=”url”
    default=”none” value=”none”/>
    <Variable name=”header.border.radius” description=”Header Border Radius” type=”length” default=”0″ value=”0″/>

    20px” value=”20px”/>
    <Variable name=”footer.border.radius.top” description=”Footer Border Radius Top” type=”length” default=”0″ value=”0″/>
    <Variable name=”footer.border.radius.bottom” description=”Footer Border Radius Bottom” type=”length” default=”20px” value=”20px”/>
    <Variable name=”region.shadow.spread” description=”Main and Footer Shadow Spread” type=”length” default=”3px” value=”3px”/>
    1px” value=”1px”/>

    <Variable name=”tabs.background.gradient” description=”Tab Background Gradient” type=”url” default=”none” value=”none”/>
    <Variable name=”tab.selected.background.gradient” description=”Selected Tab Background” type=”url”
    default=”url(http://www.blogblog.com/1kt/transparent/white80.png)” value=”url(http://www.blogblog.com/1kt/transparent/white80.png)”/>
    <Variable name=”tab.background” description=”Tab Background” type=”background”
    default=”transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left” value=”transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left”/>

    10px”  value=”10px”/>
    <Variable name=”tab.first.border.radius” description=”First Tab Border Radius” type=”length” default=”10px”  value=”10px”/>
    <Variable name=”tabs.border.radius” description=”Tabs Border Radius” type=”length” default=”0″  value=”0″/>

    <Variable name=”tabs.spacing” description=”Tab Spacing” type=”length” default=”.25em” value=”.25em”/>
    <Variable name=”tabs.margin.bottom” description=”Tab Margin Bottom” type=”length” default=”0″ value=”0″/>
    <Variable name=”tabs.margin.sides” description=”Tab Margin Sides” type=”length” default=”20px” value=”20px”/>

    <Variable name=”main.background” description=”Main Background” type=”background”
    default=”transparent url(http://www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left” value=”transparent url(http://www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left”/>
    <Variable name=”main.padding.sides” description=”Main Padding Sides” type=”length” default=”20px” value=”20px”/>

    <Variable name=”footer.background” description=”Footer Background” type=”background”
    default=”transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left” value=”transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left”/>

    <Variable name=”post.margin.sides” description=”Post Margin Sides” type=”length” default=”-20px” value=”-20px”/>
    <Variable name=”post.border.radius” description=”Post Border Radius” type=”length” default=”5px” value=”5px”/>
    <Variable name=”widget.title.text.transform” description=”Widget Title Text Transform” type=”string” default=”uppercase” value=”uppercase”/>

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

    /* Content
    ———————————————– */
    body {
    font: $(body.font);
    color: $(body.text.color);
    }

    body .region-inner {
    width: auto;
    }

    .content-outer {
    font-size: 90%;
    }

    a:link {
    text-decoration:none;
    color: $(link.color);
    }

    a:visited {
    text-decoration:none;
    color: $(link.visited.color);
    }

    a:hover {
    text-decoration:underline;
    color: $(link.hover.color);
    }

    .body-fauxcolumn-outer {
    background: $(body.background);
    }

    .content-outer {
    background: $(content.background);

    -moz-border-radius: $(content.border.radius);
    -webkit-border-radius: $(content.border.radius);
    -goog-ms-border-radius: $(content.border.radius);
    border-radius: $(content.border.radius);

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

    margin: $(content.margin) auto;
    }

    .content-inner {
    padding: $(content.padding);
    }

    /* Header
    ———————————————– */
    .header-outer {
    background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
    _background-image: none;

    color: $(header.text.color);

    -moz-border-radius: $(header.border.radius);
    -webkit-border-radius: $(header.border.radius);
    -goog-ms-border-radius: $(header.border.radius);
    border-radius: $(header.border.radius);
    }

    .Header img, .Header #header-inner {
    -moz-border-radius: $(header.border.radius);
    -webkit-border-radius: $(header.border.radius);
    -goog-ms-border-radius: $(header.border.radius);
    border-radius: $(header.border.radius);
    }

    .header-inner .Header .titlewrapper,
    .header-inner .Header .descriptionwrapper {
    padding-left: $(header.padding);
    padding-right: $(header.padding);
    }

    .Header h1 {
    font: $(header.font);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    }

    .Header h1 a {
    color: $(header.text.color);
    }

    .Header .description {
    font-size: 130%;
    }

    /* Tabs
    ———————————————– */
    .tabs-inner {
    margin: .5em $(tabs.margin.sides) $(tabs.margin.bottom);
    padding: 0;
    }

    .tabs-inner .section {
    margin: 0;
    }

    .tabs-inner .widget ul {
    padding: 0;

    background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;

    -moz-border-radius: $(tabs.border.radius);
    -webkit-border-radius: $(tabs.border.radius);
    -goog-ms-border-radius: $(tabs.border.radius);
    border-radius: $(tabs.border.radius);
    }

    .tabs-inner .widget li {
    border: none;
    }

    .tabs-inner .widget li a {
    display: block;

    padding: .5em 1em;
    margin-$endSide: $(tabs.spacing);

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

    -moz-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
    -webkit-border-top-left-radius: $(tab.border.radius);
    -webkit-border-top-right-radius: $(tab.border.radius);
    -goog-ms-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
    border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;

    background: $(tab.background);

    border-$endSide: 1px solid $(tabs.separator.color);
    }

    .tabs-inner .widget li:first-child a {
    padding-$startSide: 1.25em;

    -moz-border-radius-top$startSide: $(tab.first.border.radius);
    -moz-border-radius-bottom$startSide: $(tabs.border.radius);
    -webkit-border-top-$startSide-radius: $(tab.first.border.radius);
    -webkit-border-bottom-$startSide-radius: $(tabs.border.radius);
    -goog-ms-border-top-$startSide-radius: $(tab.first.border.radius);
    -goog-ms-border-bottom-$startSide-radius: $(tabs.border.radius);
    border-top-$startSide-radius: $(tab.first.border.radius);
    border-bottom-$startSide-radius: $(tabs.border.radius);
    }

    .tabs-inner .widget li.selected a,
    .tabs-inner .widget li a:hover {
    position: relative;
    z-index: 1;

    background: $(tabs.selected.background.color) $(tab.selected.background.gradient) repeat scroll bottom;
    color: $(tabs.selected.text.color);

    -moz-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
    -goog-ms-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
    box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
    }

    /* Headings
    ———————————————– */
    h2 {
    font: $(widget.title.font);
    text-transform: $(widget.title.text.transform);
    color: $(widget.title.text.color);
    margin: .5em 0;
    }

    /* Main
    ———————————————– */
    .main-outer {
    background: $(main.background);

    -moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
    -webkit-border-top-left-radius: $(main.border.radius.top);
    -webkit-border-top-right-radius: $(main.border.radius.top);
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
    border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;

    -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    }

    .main-inner {
    padding: 15px $(main.padding.sides) 20px;
    }

    .main-inner .column-center-inner {
    padding: 0 0;
    }

    .main-inner .column-left-inner {
    padding-left: 0;
    }

    .main-inner .column-right-inner {
    padding-right: 0;
    }

    /* Posts
    ———————————————– */
    h3.post-title {
    margin: 0;
    font: $(post.title.font);
    }

    .comments h4 {
    margin: 1em 0 0;
    font: $(post.title.font);
    }

    .post-outer {
    background-color: $(post.background.color);
    border: solid 1px $(post.border.color);

    -moz-border-radius: $(post.border.radius);
    -webkit-border-radius: $(post.border.radius);
    border-radius: $(post.border.radius);
    -goog-ms-border-radius: $(post.border.radius);

    padding: 15px 20px;
    margin: 0 $(post.margin.sides) 20px;
    }

    .post-body {
    line-height: 1.4;
    font-size: 110%;
    }

    .post-header {
    margin: 0 0 1.5em;

    color: $(post.footer.text.color);
    line-height: 1.6;
    }

    .post-footer {
    margin: .5em 0 0;

    color: $(post.footer.text.color);
    line-height: 1.6;
    }

    #blog-pager {
    font-size: 140%
    }

    #comments .comment-author {
    padding-top: 1.5em;

    border-top: dashed 1px #ccc;
    border-top: dashed 1px rgba(128, 128, 128, .5);

    background-position: 0 1.5em;
    }

    #comments .comment-author:first-child {
    padding-top: 0;

    border-top: none;
    }

    .avatar-image-container {
    margin: .2em 0 0;
    }

    /* Widgets
    ———————————————– */
    .widget ul, .widget #ArchiveList ul.flat {
    padding: 0;
    list-style: none;
    }

    .widget ul li, .widget #ArchiveList ul.flat li {
    border-top: dashed 1px #ccc;
    border-top: dashed 1px rgba(128, 128, 128, .5);
    }

    .widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
    border-top: none;
    }

    .widget .post-body ul {
    list-style: disc;
    }

    .widget .post-body ul li {
    border: none;
    }

    /* Footer
    ———————————————– */
    .footer-outer {
    color:$(footer.text.color);
    background: $(footer.background);

    -moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
    -webkit-border-top-left-radius: $(footer.border.radius.top);
    -webkit-border-top-right-radius: $(footer.border.radius.top);
    -webkit-border-bottom-left-radius: $(footer.border.radius.bottom);
    -webkit-border-bottom-right-radius: $(footer.border.radius.bottom);
    -goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
    border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);

    -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
    }

    .footer-inner {
    padding: 10px $(main.padding.sides) 20px;
    }

    .footer-outer a {
    color: $(footer.link.color);
    }

    .footer-outer a:visited {
    color: $(footer.link.visited.color);
    }

    .footer-outer a:hover {
    color: $(footer.link.hover.color);
    }

    .footer-outer .widget h2 {
    color: $(footer.widget.title.text.color);
    }
    ]]></b:skin>

    <b:template-skin>
    <b:variable default=’930px’ name=’content.width’ type=’length’ value=’930px’/>
    <b:variable default=’0′ name=’main.column.left.width’ type=’length’ value=’0px’/>
    <b:variable default=’360px’ name=’main.column.right.width’ type=’length’ value=’360px’/>

    <!–[CDATA[–>
    body {
    min-width: $(content.width);
    }

    .content-outer, .region-inner {
    width: $(content.width);
    }

    .main-inner .columns {
    padding-left: $(main.column.left.width);
    padding-right: $(main.column.right.width);
    }

    .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: $(main.column.left.width);
    margin-right: -$(main.column.left.width);
    }

    .main-inner .column-right-outer {
    width: $(main.column.right.width);
    margin-right: -$(main.column.right.width);
    }

    #layout {
    min-width: 0;
    }

    #layout .content-outer {
    width: 800px;
    }

    #layout .region-inner {
    width: auto;
    }
    ]]>
    </b:template-skin>
    </head>

    <body class=’loading’>
    <div class=’body-fauxcolumns’>
    <div class=’fauxcolumn-outer body-fauxcolumn-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>

    <div class=’content-outer’>
    <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’>

    <header>
    <div class=’header-outer’>
    <div class=’header-cap-top cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left header-fauxborder-left’>
    <div class=’fauxborder-right header-fauxborder-right’/>
    <div class=’region-inner header-inner’>
    <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
    <b:widget id=’Header1′ locked=’true’ title=’Polka (Header)’ type=’Header’>
    includable id=’main’>

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

    <!–Show just the image, no text–>
    <div id=’header-inner’>
    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>
    </div>
    <b:else/>
    <!–
    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.
    –>

    expr:style='”background-image: url(\”” + data:sourceUrl + “\”); ”                      + “background-position: ”                      + data:backgroundPositionStyleStr + “; ”                      + data:widthStyleStr                      + “min-height: ” + data:height + “px;”                      + “_height: ” + data:height + “px;”                      + “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/>
    <!–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>
    includable>
    includable id=’title’>
    <b:if cond=’data:blog.url == data:blog.homepageUrl’>
    <data:title/>
    <b:else/>
    expr:href=’data:blog.homepageUrl’>
    </b:if>
    includable>
    includable id=’description’>
    <div class=’descriptionwrapper’>
    <p class=’description’><span><data:description/></span></p>
    </div>
    includable>
    </b:widget>
    </b:section>
    </div>
    </div>
    <div class=’header-cap-bottom cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>
    </header>

    <div class=’tabs-outer’>
    <div class=’tabs-cap-top cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left tabs-fauxborder-left’>
    <div class=’fauxborder-right tabs-fauxborder-right’/>
    <div class=’region-inner tabs-inner’>
    <b:section class=’tabs’ id=’crosscol’ maxwidgets=’1′ showaddelement=’yes’/>
    <b:section class=’tabs’ id=’crosscol-overflow’ showaddelement=’no’/>
    </div>
    </div>
    <div class=’tabs-cap-bottom cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>

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

    <div class=’column-center-outer’>
    <div class=’column-center-inner’>
    <b:section class=’main’ id=’main’ showaddelement=’no’>
    <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’>
    includable id=’nextprev’>
    <div class=’blog-pager’ id=’blog-pager’>

    <span id=’blog-pager-newer-link’>
    expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-newer-link”‘ expr:title=’data:newerPageTitle’>
    </span>
    </b:if>
    <span id=’blog-pager-older-link’>
    expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-older-link”‘ expr:title=’data:olderPageTitle’>
    </span>
    </b:if>

    <b:if cond=’data:blog.homepageUrl != data:blog.url’>
    homeMsg/>
    <b:else/>
    <b:if cond=’data:newerPageUrl’>
    homeMsg/>
    </b:if>
    </b:if>

    </div>
    <div class=’clear’/>
    includable>
    includable id=’backlinks’ var=’post’>
    <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>
    expr:href=’data:backlink.url’ rel=’nofollow’>
    <b:include data=’backlink’ name=’backlinkDeleteIcon’/>
    </dt>
    <dd class=’comment-body collapseable’>
    <data:backlink.snippet/>
    </dd>
    <dd class=’comment-footer collapseable’>
    <span class=’comment-author’><data:post.authorLabel/> <data:backlink.author/></span>
    <span class=’comment-timestamp’><data:post.timestampLabel/> <data:backlink.timestamp/></span>
    </dd>
    </div>
    </b:loop>
    <!–dl>
    </b:if>
    <p class=’comment-footer’>
    <a class=’comment-link’ expr:href=’data:post.createLinkUrl’ expr:id=’data:widget.instanceId + &quot;_backlinks-create-link&quot;’ target=’_blank’><data:post.createLinkLabel/></a>
    </p>
    includable>
    includable id=’post’ var=’post’>
    <div class=’post hentry uncustomized-post-template’>
    expr:name=’data:post.id’/>
    <b:if cond=’data:post.title’>
    <h3 class=’post-title entry-title’>
    <b:if cond=’data:post.link’>
    expr:href=’data:post.link’>
    <b:else/>
    <b:if cond=’data:post.url’>
    expr:href=’data:post.url’>
    <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’>
    <data:post.body/>

    <div style=’clear: both;’/> <!– clear for photos floats –>
    </div>

    <b:if cond=’data:post.hasJumpLink’>
    <div class=’jump-link’>
    expr:href=’data:post.url + “#more”‘ expr:title=’data:post.title’>
    </div>
    </b:if>

    <div class=’post-footer’>
    <div class=’post-footer-line post-footer-line-1′>
    <span class=’post-author vcard’>
    <b:if cond=’data:top.showAuthor’>
    <data:top.authorLabel/>
    <span class=’fn’><data:post.author/></span>
    </b:if>
    </span>

    <span class=’post-timestamp’>
    <b:if cond=’data:top.showTimestamp’>
    <data:top.timestampLabel/>
    <b:if cond=’data:post.url’>
    <a class=’timestamp-link’ expr:href=’data:post.url’ rel=’bookmark’ title=’permanent link’><abbr class=’published’ expr:title=’data:post.timestampISO8601′><data:post.timestamp/></abbr></a>
    </b:if>
    </b:if>
    </span>

    <span class=’reaction-buttons’>
    <b:if cond=’data:top.showReactions’>
    <table border=’0′ cellpadding=’0′ cellspacing=’0′ width=’100%’><tr>
    <td class=’reactions-label-cell’ nowrap=’nowrap’ valign=’top’ width=’1%’>
    <span class=’reactions-label’>
    <data:top.reactionsLabel/></span> </td>
    <iframe allowtransparency=’true’ class=’reactions-iframe’ expr:src=’data:post.reactionsUrl’ frameborder=’0′ name=’reactions’ scrolling=’no’/>
    </tr></table>
    </b:if>
    </span>

    <span class=’star-ratings’>
    <b:if cond=’data:top.showStars’>

    expr:g:background-color=’data:backgroundColor’ expr:g:text-color=’data:textColor’ expr:g:url=’data:post.absoluteUrl’ g:height=’42’ g:type=’RatingPanel’ g:width=’280’/>

    </b:if>
    </span>

    <span class=’post-comment-link’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’>
    <b:if cond=’data:post.allowComments’>
    1 commentLabel/>
    </b:if>
    </b:if>
    </span>

    <!– backlinks –>
    <span class=’post-backlinks post-comment-link’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’>
    <b:if cond=’data:post.showBacklinks’>
    <a class=’comment-link’ expr:href=’data:post.url + &quot;#links&quot;’><data:top.backlinkLabel/></a>
    </b:if>
    </b:if>
    </span>

    <span class=’post-icons’>
    <!– email post links –>
    <b:if cond=’data:post.emailPostUrl’>
    <span class=’item-action’>
    expr:href=’data:post.emailPostUrl’ expr:title=’data:top.emailPostMsg’>
    <img alt=” class=’icon-action’ height=’13’ src=’http://www.blogger.com/img/icon18_email.gif&#8217; width=’18’/>
    </a>
    </span>
    </b:if>

    <!– quickedit pencil –>
    <b:include data=’post’ name=’postQuickEdit’/>
    </span>
    </div>

    <div class=’post-footer-line post-footer-line-2′>
    <span class=’post-labels’>
    <b:if cond=’data:post.labels’>
    postLabelsLabel/>
    <b:loop values=’data:post.labels’ var=’label’>
    expr:href=’data:label.url’ rel=’tag’>,
    </b:loop>
    </b:if>
    </span>
    </div>

    <div class=’post-footer-line post-footer-line-3′>
    <span class=’post-location’>
    <b:if cond=’data:top.showLocation’>
    <b:if cond=’data:post.location’>
    postLocationLabel/>
    expr:href=’data:post.location.mapsUrl’ target=’_blank’>
    </b:if>
    </b:if>
    </span>
    </div>
    </div>
    </div>
    includable>
    includable id=’commentDeleteIcon’ var=’comment’>
    expr:class='”item-control ” + data:comment.adminClass’>
    expr:href=’data:comment.deleteUrl’ expr:title=’data:top.deleteCommentMsg’>
    <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’status-message’>

    <div class=’status-msg-wrap’>
    <div class=’status-msg-body’>
    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>
    includable>
    includable id=’feedLinks’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’> <!– Blog feed links –>
    <b:if cond=’data:feedLinks’>
    <div class=’blog-feeds’>
    <b:include data=’feedLinks’ name=’feedLinksBody’/>
    </div>
    </b:if>

    <b:else/> <!–Post feed links –>
    <div class=’post-feeds’>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.allowComments’>
    <b:if cond=’data:post.feedLinks’>
    <b:include data=’post.feedLinks’ name=’feedLinksBody’/>
    </b:if>
    </b:if>
    </b:loop>
    </div>
    </b:if>
    includable>
    includable id=’comment-form’ var=’post’>
    <div class=’comment-form’>
    <a name=’comment-form’/>

    postCommentMsg/>

    blogCommentMessage/>
    blogTeamBlogMessage/>
    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%’/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>

    BLOG_CMT_createIframe(‘<data:post.appRpcRelayPath/>’, ‘<data:post.communityId/>’);
    </script>
    </div>
    includable>
    includable id=’backlinkDeleteIcon’ var=’backlink’>
    expr:class='”item-control ” + data:backlink.adminClass’>
    expr:href=’data:backlink.deleteUrl’ expr:title=’data:top.deleteBacklinkMsg’>
    <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’feedLinksBody’ var=’links’>
    <div class=’feed-links’>
    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>
    includable>
    includable id=’postQuickEdit’ var=’post’>
    <b:if cond=’data:post.editUrl’>
    expr:class='”item-control ” + data:post.adminClass’>
    expr:href=’data:post.editUrl’ expr:title=’data:top.editPostMsg’>
    <img alt=” class=’icon-action’ height=’18’ src=’http://www.blogger.com/img/icon18_edit_allbkg.gif&#8217; width=’18’/>
    </a>
    </span>
    </b:if>
    includable>
    includable id=’comments’ var=’post’>
    <div class=’comments’ id=’comments’>
    <a name=’comments’/>
    <b:if cond=’data:post.allowComments’>
    <h4>
    <b:if cond=’data:post.numComments == 1′>
    1 <data:commentLabel/>:
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
    </b:if>
    </h4>

    <b:if cond=’data:post.commentPagingRequired’>
    <span class=’paging-control-container’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>

    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>

    <data:post.commentRangeText/>

    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>

    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newestLinkUrl’>
    </span>
    </b:if>

    <dl expr:class=’data:post.avatarIndentClass’ id=’comments-block’>
    <b:loop values=’data:post.comments’ var=’comment’>

    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>
    expr:name=’data:comment.anchorName’/>
    <b:if cond=’data:blog.enabledCommentProfileImages’>
    <data:comment.authorAvatarImage/>
    </b:if>
    <b:if cond=’data:comment.authorUrl’>
    expr:href=’data:comment.authorUrl’ rel=’nofollow’>
    <b:else/>
    <data:comment.author/>
    </b:if>
    commentPostedByMsg/>
    </dt>
    <dd class=’comment-body’>
    <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’>
    expr:href=’data:comment.url’ title=’comment permalink’>
    <data:comment.timestamp/>
    </a>
    <b:include data=’comment’ name=’commentDeleteIcon’/>
    </span>
    </dd>
    </b:loop>
    </dl>

    <b:if cond=’data:post.commentPagingRequired’>
    <span class=’paging-control-container’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>
    <data:post.oldestLinkText/>
    </a>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>
    <data:post.olderLinkText/>
    </a>

    <data:post.commentRangeText/>

    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>
    <data:post.newerLinkText/>
    </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’>
    expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
    </b:if>
    </b:if>

    </p>
    </b:if>

    <div id=’backlinks-container’>

    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=’main’ var=’top’>
    <!– posts –>
    <div class=’blog-posts hfeed’>

    <b:include data=’top’ name=’status-message’/>

    defaultAdStart/>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.isDateStart’>
    <b:if cond=’data:post.isFirstPost == &quot;false&quot;’>
    &lt;/div&gt;&lt;/div&gt;
    </b:if>
    </b:if>
    <b:if cond=’data:post.isDateStart’>
    &lt;div class=&quot;date-outer&quot;&gt;
    </b:if>
    <b:if cond=’data:post.dateHeader’>
    <h2 class=’date-header’>
    </b:if>
    <b:if cond=’data:post.isDateStart’>
    &lt;div class=&quot;date-posts&quot;&gt;
    </b:if>
    <div class=’post-outer’>
    <b:include data=’post’ name=’post’/>
    <b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    </div>
    <b:if cond=’data:post.includeAd’>
    <b:if cond=’data:post.isFirstPost’>
    defaultAdEnd/>
    <b:else/>
    adEnd/>
    </b:if>
    <div class=’inline-ad’>
    adCode/>
    </div>
    adStart/>
    </b:if>
    <b:if cond=’data:post.trackLatency’>
    <data:post.latencyJs/>
    </b:if>
    </b:loop>

    &lt;/div&gt;&lt;/div&gt;
    </b:if>
    adEnd/>
    </div>
    <b:if cond=’data:blog.url != data:blog.homepageUrl’>
    <br/>
    <br/>
    <img alt=’supercar,cars used,cheap rental car,rental car discounts,car audio’ class=’aligncenter’ height=’81’ src=’http://i247.photobucket.com/albums/gg147/siti_muchidah/tumb-car/car6.jpg’ style=’vertical-align: middle; float: center;’ width=’120’/>
    <img alt=’supercar,cars used,cheap rental car,rental car discounts,car audio’ class=’aligncenter’ height=’81’ src=’http://i247.photobucket.com/albums/gg147/siti_muchidah/tumb-car/car3.jpg’ style=’vertical-align: middle; float: center;’ width=’120’/>

    <a class=’aligncenter’ href=’http://accessories-external.com/car/car4.htm&#8217; title=’The best design in aerodynamics best and fastest car’><img alt=’supercar,cars used,cheap rental car,rental car discounts,car audio’ class=’aligncenter’ height=’81’ src=’http://i247.photobucket.com/albums/gg147/siti_muchidah/tumb-car/car4.jpg&#8217; style=’vertical-align: middle; float: center;’ width=’120’/></a>

    <a class=’aligncenter’ href=’http://accessories-external.com/car/car5.htm&#8217; title=’The best design in aerodynamics best and fastest car’><img alt=’supercar,cars used,cheap rental car,rental car discounts,car audio’ class=’aligncenter’ height=’81’ src=’http://i247.photobucket.com/albums/gg147/siti_muchidah/tumb-car/car5.jpg&#8217; style=’vertical-align: middle; float: center;’ width=’120’/></a>
    </b:if>
    <!– navigation –>
    <b:include name=’nextprev’/>

    <!– feed links –>
    <b:include name=’feedLinks’/>

    <b:if cond=’data:top.showStars’>
    // <![CDATA[src=’http://www.google.com/jsapi&#8217; type=’text/javascript’ />]]>

    google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
    function initialize() {
    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
    google.annotations.createAll();
    google.annotations.fetch();
    }
    google.setOnLoadCallback(initialize);
    </script>
    </b:if>
    </b:includable>
    </b:widget>
    </b:section>
    </div>
    </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=’2’/>
    <macro:param default=’sidebar-right’ name=’idPrefix’/>
    <macro:param default=’sidebar’ name=’class’/>
    <macro:param default=’true’ name=’includeBottom’/>
    </macro:include>
    </aside>
    </div>
    </div>

    </div>

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

    <footer>
    <div class=’footer-outer’>
    <div class=’footer-cap-top cap-top’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    <div class=’fauxborder-left footer-fauxborder-left’>
    <div class=’fauxborder-right footer-fauxborder-right’/>
    <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=’no’>
    <b:widget id=’Text1′ locked=’false’ title=’@copyright  2010 and powered’ type=’Text’>
    <b:includable id=’main’>
    <!– only display title if it’s non-empty –>
    <b:if cond=’data:title != &quot;&quot;’>
    <h2 class=’title’>
    </b:if>
    <div class=’widget-content’>
    <data:content/>
    </div>

    <b:include name=’quickedit’/>
    </b:includable>
    </b:widget>
    </b:section>
    </div>
    </div>
    <div class=’footer-cap-bottom cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>
    </footer>

    <!– content –>
    </div>
    </div>
    <div class=’content-cap-bottom cap-bottom’>
    <div class=’cap-left’/>
    <div class=’cap-right’/>
    </div>
    </div>

    <script type=’text/javascript’>
    document.body.className = document.body.className.replace(‘loading’, ”);
    </script>
    </body>

    <macro:includable id=’sections’ var=’col’>
    <macro:if cond=’data:col.num == 0′>
    <macro:else/>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-1″‘ preferred=’yes’ showaddelement=’yes’/>

    <macro:if cond=’data:col.num &gt;= 2′>
    <table border=’0′ cellpadding=’0′ cellspacing=’0′ mexpr:class=’&quot;section-columns columns-&quot; + data:col.num’>
    <tr>
    <td class=’first’>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-2-1″‘/>
    </td>

    <td>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-2-2″‘/>
    </td>

    <macro:if cond=’data:col.num &gt;= 3′>
    <td>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-2-3″‘/>
    </td>
    </macro:if>

    <macro:if cond=’data:col.num &gt;= 4′>
    <td>
    mexpr:class=’data:col.class’ mexpr:id=’data:col.idPrefix + “-2-4″‘/>
    </td>
    </macro:if>
    </tr>
    </table>

    <macro:if cond=’data:col.includeBottom’>
    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=’sidebar-right-1′>
    <b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <b:if cond=’data:team == &quot;true&quot;’> <!– team blog profile –>
    <ul>
    <b:loop values=’data:authors’ var=’i’>

  • expr:href=’data:i.userUrl’>
  • </b:loop>
    </ul>

    <b:else/> <!– normal blog profile –>

    <b:if cond=’data:photo.url != &quot;&quot;’>
    expr:href=’data:userUrl’>
    </b:if>

    <dl class=’profile-datablock’>

    displayname/>

    <dd class=’profile-data’><data:location/></dd>
    </b:if>

    </dl>
    viewProfileMsg/>
    </b:if>

    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section-contents><b:section-contents id=’sidebar-right-2-1′>
    <b:widget id=’PageList1′ locked=’false’ title=’Pages’ type=’PageList’>
    <b:includable id=’main’>
    <b:if cond=’data:title’><h2><data:title/></h2></b:if>
    <div class=’widget-content’>
    <ul>
    <b:loop values=’data:links’ var=’link’>
    <b:if cond=’data:link.isCurrentPage’>

  • expr:href=’data:link.href’>
  • <b:else/>

  • expr:href=’data:link.href’>
  • </b:if>
    </b:loop>
    </ul>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Label1′ locked=’false’ title=’Categories’ type=’Label’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>

    expr:class='”widget-content ” + data:display + “-label-widget-content”‘>

    <b:if cond=’data:display == &quot;list&quot;’>
    <ul>
    <b:loop values=’data:labels’ var=’label’>
    <li>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:else/>
    <b:loop values=’data:labels’ var=’label’>
    expr:class='”label-size label-size-” + data:label.cssSize’>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span class=’label-count’ dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section-contents><b:section-contents id=’sidebar-right-2-2′>
    <b:widget id=’Followers1′ locked=’false’ title=’Followers’ type=’Followers’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>

    <h2 class=’title’><data:title/></h2>
    <b:else/>

    (totalFollowerCount/>)

    </b:if>
    </b:if>
    </b:if>
    <div class=’widget-content’>

    expr:id=’data:widget.instanceId + “-wrapper”‘>

    codeSnippet/>
    </div>
    <b:else/>

    <span class=’item-control following-not-admin’>
    failureSnippet/>
    </span>
    <span class=’item-control blog-admin’>
    adminFailureSnippet/>
    </span>
    <b:else/>
    <b:if cond=’data:followingLinkPresent’>
    <div class=’follow-this profile-link item-control following-follow-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    followThisMessage/>
    </a>
    </div>
    <div class=’follow-this profile-link item-control following-stop-following-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    stopFollowingMessage/>
    </a>
    </div>
    </b:if>

    <div class=’followers-grid’>

    <div class=’profile-link item-control following-follow-this’>
    emptyFollowersMessage/>
    </div>
    </b:if>
    <!–
    Relies on the js written out in navbar.gxp
    –>
    <b:loop values=’data:followers’ var=’follower’>
    <div class=’follower’>
    expr:href=’data:follower.profileUrl’ expr:title=’data:follower.displayName’ rel=’nofollow’>

    </a>
    </div>
    </b:loop>
    <div class=’clear’/>
    </div>

    <div class=’followers-canvas profile-link’>
    followersFooterMessage/>
    <span class=’item-control following-not-admin’>
    expr:href=’data:followersUri’>
    viewAllMessage/>
    </a>
    </span>
    <span class=’item-control blog-admin’>
    expr:href=’data:manageFollowersUri’>
    manageFollowersMessage/>
    </a>
    </span>
    </div>
    </b:if>
    </b:if>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section-contents><b:section-contents id=’sidebar-right-3′>
    <b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <div id=’ArchiveList’>

    expr:id=’data:widget.instanceId + “_ArchiveList”‘>

    <b:if cond=’data:style == &quot;HIERARCHY&quot;’>
    <b:include data=’data’ name=’interval’/>
    </b:if>
    <b:if cond=’data:style == &quot;FLAT&quot;’>
    <b:include data=’data’ name=’flat’/>
    </b:if>
    <b:if cond=’data:style == &quot;MENU&quot;’>
    <b:include data=’data’ name=’menu’/>
    </b:if>
    </div>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    <b:includable id=’flat’ var=’data’>
    <ul class=’flat’>
    <b:loop values=’data:data’ var=’i’>

    expr:href=’data:i.url’> ()
    </li>
    </b:loop>
    </ul>
    </b:includable>
    <b:includable id=’menu’ var=’data’>

    <option value=”><data:title/></option>
    <b:loop values=’data:data’ var=’i’>
    expr:value=’data:i.url’> ()
    </b:loop>
    </select>
    </b:includable>

    <b:loop values=’data:intervalData’ var=’i’>
    <ul class=’hierarchy’>

  • expr:class='”archivedate ” + data:i.expclass’>
  • <b:include data=’i’ name=’toggle’/>
    <a class=’post-count-link’ expr:href=’data:i.url’><data:i.name/></a>
    <span class=’post-count’ dir=’ltr’>(<data:i.post-count/>)</span>
    <b:if cond=’data:i.data’>
    <b:include data=’i.data’ name=’interval’/>
    </b:if>
    <b:if cond=’data:i.posts’>
    <b:include data=’i.posts’ name=’posts’/>
    </b:if>
    </li>
    </ul>
    </b:loop>
    </b:includable>
    <b:includable id=’toggle’ var=’interval’>
    <b:if cond=’data:interval.toggleId’>
    <b:if cond=’data:interval.expclass == &quot;expanded&quot;’>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy toggle-open’>▼ </span>
    </a>
    <b:else/>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy’>
    <b:if cond=’data:blog.languageDirection == &quot;rtl&quot;’>

    <b:else/>

    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id=’posts’ var=’posts’>
    <ul class=’posts’>
    <b:loop values=’data:posts’ var=’i’>

  • expr:href=’data:i.url’>
  • </b:loop>
    </ul>
    </b:includable>
    </b:widget>
    </b:section-contents><b:section-contents id=’footer-1’/><b:section-contents id=’footer-2-1’/><b:section-contents id=’footer-2-2’/></html>

    Posted in HTML. 1 Comment »

    Wood Template

    xml version=”1.0″ encoding=”UTF-8″ ?>
    <!–DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
    expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml&#8217; xmlns:b=’http://www.google.com/2005/gml/b&#8217; xmlns:data=’http://www.google.com/2005/gml/data&#8217; xmlns:expr=’http://www.google.com/2005/gml/expr’&gt;
    <head>
    <meta content=” name=’keywords’/>
    <meta content=” name=’description’/>
    <meta content=’http://www.freetemplatesblog.com/&#8217; name=’author’/>
    <meta content=’text/html; charset=utf-8′ http-equiv=’content-type’/>

    <b:include data=’blog’ name=’all-head-content’/>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>

    <title><data:blog.pageName/></title>

    <b:else/>

    <title><data:blog.pageTitle/></title>

    </b:if>
    <!–[CDATA[/* –>
    *************************************
    Original Template Style
    Designer : Free CSS Templates
    URL:       http://www.freecsstemplates.org
    Licence : Released for free under a Creative Commons Attribution 2.5 License
    Version    : 1.0
    Released   : 09.03.2010
    ************************************ */
    #navbar{display:none; height:0; visibility:hidden;}

    * {
    margin: 0;
    padding: 0;
    }

    body {
    margin: 0px;
    background: #C0C0C0 url(http://2.bp.blogspot.com/_qJEkQRe5y8U/S500_YGdX2I/AAAAAAAABoY/OIpK30Ktbmc/s1600/img01.jpg) repeat-x left top;
    text-align: justify;
    font-family: Georgia, “Times New Roman”, Times, serif;
    font-size: 13px;
    font-style: italic;
    color: #7D807A;
    }

    h1, h2, h3 {
    color: #AA2808;
    }

    h1 {
    }

    h2 {
    }

    h3 {
    }

    p, blockquote, ul, ol {
    margin-bottom: 20px;
    line-height: 2em;
    }

    p {
    }

    blockquote {
    }

    ul, ol, li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }

    a {
    text-decoration: underline;
    color: #E14949;
    }

    a:hover {
    text-decoration: none;
    color: #C11414;
    }

    /* Header */

    #header-wrapper {
    width: 1000px;
    height: 130px;
    margin: 0 auto;
    background: url(http://1.bp.blogspot.com/_qJEkQRe5y8U/S500_mijsdI/AAAAAAAABoc/WpOXhrx_bas/s1600/img02.jpg) no-repeat left top;
    }

    #header {
    float: left;
    width: 310px;
    height: 70px;
    margin: 0px;
    padding-left: 30px;
    text-align: center;
    }

    #header h1 {
    margin: 0;
    padding: 10px 0px 0px 0px;
    text-transform: lowercase;
    font: normal 46px Georgia, “Times New Roman”, Times, serif;
    color: #FFFFFF;
    }

    #header .description {
    margin: -2px 0 0 0;
    padding: 0;
    text-transform: lowercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #FFFFFF;
    }

    #header a {
    text-decoration: none;
    color: #FFFFFF;
    }

    /* Menu */

    #menu {
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    background: url(http://4.bp.blogspot.com/_qJEkQRe5y8U/S500_n2qKGI/AAAAAAAABog/OTUi9YOz7uM/s1600/img03.jpg) no-repeat left top;
    }

    #menu ul {
    margin: 0px;
    padding-left: 30px;
    padding-top: 6px;
    list-style: none;
    line-height: normal;
    }

    #menu li {
    display: inline;
    text-align: center;
    }

    #menu a {
    height: 23px;
    display: block;
    float: left;
    margin: 0px 2px 0px 0px;
    padding: 3px 20px 0px 20px;
    text-decoration: none;
    text-align: center;
    text-transform: lowercase;
    font-family: Georgia, “Times New Roman”, Times, serif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    color: #FFFFFF;
    }

    #menu a:hover, #menu .active a {
    background: url(http://3.bp.blogspot.com/_qJEkQRe5y8U/S502EDmbcLI/AAAAAAAABo0/D2w9x9tnKV8/s1600/img08.jpg) repeat-x left top;
    color: #FFFFFF;
    }

    /* Outer-Wrapper */

    #outer-wrapper {
    }

    #content-wrapper {
    width: 1000px;
    margin: 0 auto;
    padding: 0px 0px;
    background: url(http://2.bp.blogspot.com/_qJEkQRe5y8U/S500_uUEuaI/AAAAAAAABok/C0GhNeiQyTk/s1600/img04.jpg) repeat-y left top;
    }

    #page-bgtop {
    margin: 0px;
    padding: 0px 60px;
    background: url(http://3.bp.blogspot.com/_qJEkQRe5y8U/S502ED7DPfI/AAAAAAAABos/_oZBfzAXha0/s1600/img06.jpg) no-repeat left top;
    }

    #main-wrapper {
    float: left;
    width: 540px;
    padding-top: 30px;
    padding-right: 40px;
    }

    /* Headings */

    /* Posts */

    .post {
    background: url(images/img04.gif) repeat-x left bottom;
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #CFCAB8;
    }

    .post h3 {
    margin: 0px;
    color: #BF0B0B;
    }

    .post h3 a {
    padding: 0px 0px 0px 0px;
    letter-spacing: -1px;
    text-decoration: none;
    font-family: Georgia, “Times New Roman”, Times, serif;
    font-size: 28px;
    font-weight: normal;
    font-style: italic;
    color: #BF0B0B;
    }

    .post-body {
    padding: 20px 0px;
    }

    .post img {
    float: left;
    padding: 15px 0px;
    }

    .post .meta {
    text-align: right;
    padding: 0px 0 20px 0;
    font-weight: bold;
    color: #202020;
    }

    .post .byline {
    font-size: 12px;
    font-style: italic;
    text-transform: lowercase;
    color: #7D807A;
    }

    /* Comments */

    #comments h4 {
    margin:1em 0;
    font-weight: bold;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color: #FFFFFF;
    }

    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block .comment-author {
    margin:.5em 0;
    }
    #comments-block .comment-body {
    margin:.25em 0 0;
    }
    #comments-block .comment-footer {
    margin:-.25em 0 2em;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    #comments-block .comment-body p {
    margin:0 0 .75em;
    }
    .deleted-comment {
    font-style:italic;
    color:gray;
    }

    #blog-pager-newer-link {
    float: left;
    }

    #blog-pager-older-link {
    float: right;
    }

    #blog-pager {
    text-align: center;
    }

    .feed-links {
    clear: both;
    line-height: 2.5em;
    }

    /* Sidebar Content */

    #sidebar-wrapper {
    float: right;
    width: 300px;
    padding: 100px 0px 0px 0px;
    }

    #sidebar-wrapper h2 {
    height: 35px;
    margin: 0px;
    padding: 10px 0px 10px 50px;
    background: url(http://1.bp.blogspot.com/_qJEkQRe5y8U/S502EOnJnVI/AAAAAAAABow/jsGhYPrrNkE/s1600/img07.jpg) no-repeat left top;
    font-family: Georgia, “Times New Roman”, Times, serif;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    color: #524B36;
    }

    .sidebar ul {
    margin: 0;
    padding: 0px 0px 40px 50px;
    list-style: none;
    line-height: normal;
    }

    .sidebar li {
    margin: 0;
    padding: 7px 0px;
    border-bottom: 1px solid #998D62;
    background: none;
    }

    .sidebar h2 {
    height: 35px;
    margin: 0px;
    padding: 10px 0px 10px 50px;
    background: url(http://1.bp.blogspot.com/_qJEkQRe5y8U/S502EOnJnVI/AAAAAAAABow/jsGhYPrrNkE/s1600/img07.jpg) no-repeat left top;
    font-family: Georgia, “Times New Roman”, Times, serif;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    color: #524B36;
    }

    .sidebar h3 {
    font-size: 77%;
    color: #110404;
    }

    .sidebar p {
    margin: 0;
    line-height: normal;
    color: #D4C792;
    }

    .sidebar a {
    border: none;
    text-decoration: none;
    color: #4E4628;
    }

    .sidebar a:hover {
    text-decoration: underline;
    }

    .sidebar .widget, .main .widget {

    margin:0px;
    padding:0px;
    }

    .main .Blog {
    border-bottom-width: 0;
    }

    /* Search */

    #header-search {
    width: 940px;
    height: 51px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    }

    #header-search form {
    float: right;
    width: 300px;
    margin: 0;
    padding: 12px 0px 0px 0px;
    }

    #header-search fieldset {
    margin: 0;
    padding: 0;
    border: none;
    }

    #header-search-text {
    width: 200px;
    padding: 2px 3px;
    background: #1E1E1E;
    border: none;
    color: #4D4D4D;
    }

    #header-search-submit {
    background: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #E4E4E4;
    }

    #search {
    height: 51px;
    margin: 0 auto;
    padding: 0px 0px 60px 0px;
    }

    #search form {
    margin: 0;
    padding: 12px 0px 0 0;
    }

    #search fieldset {
    margin: 0;
    padding: 0;
    border: none;
    }

    #search input {
    float: left;
    font: 12px Arial, Helvetica, sans-serif;
    }

    #search-text {
    width: 160px;
    height: 18px;
    margin-left: 50px;
    padding: 3px 0 3px 5px;
    border: 1px solid #999999;
    color: #000000;
    }

    #search-submit {
    margin-left: 10px;
    padding: 4px 4px;
    border: none;
    background: #C11212;
    font-size: 10px;
    color: #FFFFFF;
    }

    /* Footer */

    #footer {
    width: 1000px;
    height: 100px;
    margin: 0 auto;
    padding: 0px;
    background: url(http://1.bp.blogspot.com/_qJEkQRe5y8U/S501AM-5tUI/AAAAAAAABoo/p_Dp_x4v3FQ/s1600/img05.jpg) no-repeat left top;
    color: #9C9C9C;
    }

    #footer p {
    margin: 0;
    padding: 60px 40px;
    text-align: left;
    font-size: 11px;
    }

    #footer a {
    text-decoration: underline;
    color: #808080;
    }

    #footer a:hover {
    text-decoration: none;
    }

    ]]></b:skin>
    <!–[if lt IE 7]>

    Close this notice
    Warning!
    You are using an outdated browser
    For a better experience using this site, please upgrade to a modern web browser.

    </div>

    Get Firefox 3.5
    Get Internet Explorer 8
    Get Safari 4

    </div>
    </div>
    <!–[endif]–>
    </head>

    <body>
    <div id=’outer-wrapper’><div id=’wrap2′>

    <!– skip links for text browsers –>
    <span id=’skiplinks’ style=’display:none;’>
    <a href=’#main’>skip to main </a> |
    <a href=’#sidebar’>skip to sidebar</a>
    </span>

    <div id=’header-wrapper’>
    <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
    <b:widget id=’Header1′ locked=’true’ title=’wood (Header)’ type=’Header’/>
    </b:section>
    </div>
    <!– end div#header –>
    <div id=’menu’>
    <ul>

  • expr:href=’data:blog.homepageUrl’ title=’Home’>Home
  • expr:href=’data:blog.homepageUrl + “feeds/posts/default”‘ title=’Posts RSS’>Posts RSS
  • expr:href=’data:blog.homepageUrl + “feeds/comments/default”‘ title=’Comments RSS’>Comments RSS
  • <li><a href=’#’ title=’Edit this link’>Edit</a></li>
    </ul>
    </div>

    <div id=’content-wrapper’>
    <div id=’page-bgtop’>

    <div id=’main-wrapper’>
    <b:section class=’main’ id=’main’ showaddelement=’no’>
    <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’/>
    </b:section>
    </div>

    <div id=’sidebar-wrapper’>
    <li id=’search’>
    <h2 class=’search’>Search
    expr:action=’data:blog.homepageUrl + “search/”‘ method=’get’>
    <fieldset>
    <input id=’search-text’ name=’q’ type=’text’ value=”/>
    <input id=’search-submit’ type=’submit’ value=’Search’/>
    </fieldset>
    </form>
    </li>

    <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
    <b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’/>
    <b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’/>
    <b:widget id=’PageList1′ locked=’false’ title=’Pages’ type=’PageList’/>
    <b:widget id=’Text1′ locked=’false’ title=’@copyright  2010 and powered’ type=’Text’/>
    <b:widget id=’Followers1′ locked=’false’ title=’Followers’ type=’Followers’/>
    <b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’/>
    </b:section>
    </div>

    <!– spacer for skins that want sidebar and main to be the same height–>

    </div>
    </div> <!– end content-wrapper –>

    <div id=’footer’>
    Copyright  2010 expr:href=’data:blog.homepageUrl’>. All Rights Reserved.
    Designed by Free CSS Templates.| Blogger Templates by blogger theme
    </div>

    </div></div> <!– end outer-wrapper –>
    </body>

    </html>

    Posted in HTML. 1 Comment »

    Mask Template

    xml version=”1.0″ encoding=”UTF-8″ ?>
    <!–DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
    expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml&#8217; xmlns:b=’http://www.google.com/2005/gml/b&#8217; xmlns:data=’http://www.google.com/2005/gml/data&#8217; xmlns:expr=’http://www.google.com/2005/gml/expr’&gt;
    <head>
    <b:include data=’blog’ name=’all-head-content’/>
    <title><data:blog.pageTitle/></title>
    <!–[CDATA[/*–>
    ———————————————–
    http://www.freetemplatesblog.com/
    ———————————————– */
    #navbar-iframe {
    display: none !important;
    }

    /* Variable definitions
    ====================
    <Variable name=”bgcolor” description=”Page Background Color”
    type=”color” default=”#fff” value=”#ffffff”>
    <Variable name=”textcolor” description=”Text Color”
    type=”color” default=”#333″ value=”#333333″>
    linkcolor” description=”Link Color”
    type=”color” default=”#657700″ value=”#657700″>
    <Variable name=”pagetitlecolor” description=”Blog Title Color”
    type=”color” default=”#fff” value=”#ffffff”>
    <Variable name=”descriptioncolor” description=”Blog Description Color”
    type=”color” default=”#eee” value=”#eeeeee”>
    titlecolor” description=”Post Title Color”
    type=”color” default=”#000″ value=”#000000″>
    <Variable name=”bordercolor” description=”Border Color”
    type=”color” default=”#ccc” value=”#cccccc”>
    <Variable name=”sidebarcolor” description=”Sidebar Title Color”
    type=”color” default=”#fff” value=”#ffffff”>
    <Variable name=”sidebartextcolor” description=”Sidebar Text Color”
    type=”color” default=”#eee” value=”#eeeeee”>
    visitedlinkcolor” description=”Visited Link Color”
    type=”color” default=”#657700″ value=”#657700″>

    bodyfont” description=”Text Font”
    type=”font” default=”normal normal 100% Arial, Serif” value=”normal normal 100% Arial, Serif”>
    headerfont” description=”Sidebar Title Font”
    type=”font”
    default=”normal normal 78% ‘Arial’,Verdana,Sans-serif” value=”normal bold 128% ‘Arial’,Verdana,Sans-serif”>
    pagetitlefont” description=”Blog Title Font”
    type=”font”
    default=”normal normal 200% Georgia, Serif” value=”normal normal 200% Georgia, Serif”>
    descriptionfont” description=”Blog Description Font”
    type=”font”
    default=”normal normal 78% ‘Georgia’, Trebuchet, Arial, Verdana, Sans-serif” value=”normal normal 78% ‘Georgia’, Trebuchet, Arial, Verdana, Sans-serif”>
    postfooterfont” description=”Post Footer Font”
    type=”font”
    default=”normal normal 78% ‘Arial’, Trebuchet, Arial, Verdana, Sans-serif” value=”normal normal 95% ‘Arial’, Trebuchet, Arial, Verdana, Sans-serif”>
    <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”>
    */

    /* Use this with templates/template-threecol.html */

    body {
    -moz-background-clip:border;
    -moz-background-origin:padding;
    -moz-background-size:auto auto;
    background-attachment:scroll;
    background-color:#AE6032;
    background-image:url(“http://3.bp.blogspot.com/_8GxSJXcDIwk/S5uZ0ksrvdI/AAAAAAAAAfU/tBHtOSCLzZw/s1600/bg_body.gif&#8221;);
    background-position:0 0;
    background-repeat:repeat;
    color:#333333;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:small;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    text-align:center;
    }
    a:link {
    color: $linkcolor;
    text-decoration:none;
    }
    a:visited {
    color: $visitedlinkcolor;
    text-decoration:none;
    }
    a:hover {
    color: $titlecolor;
    text-decoration:underline;
    }
    a img {
    border-bottom-width:0;
    border-top-width:0;
    }
    #header-wrapper {
    -moz-background-clip:border;
    -moz-background-origin:padding;
    -moz-background-size:auto auto;
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(“http://3.bp.blogspot.com/_8GxSJXcDIwk/S5uc2L_Z-0I/AAAAAAAAAfk/C2xtHzESF20/s1600/header.jpg&#8221;);
    background-position:0 0;
    background-repeat:repeat;
    border-bottom-color:-moz-use-text-color;
    border-bottom-style:none;
    border-bottom-width:medium;
    border-top-color:-moz-use-text-color;
    border-top-style:none;
    border-top-width:medium;
    height:300px;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    width:988px;
    }
    #header-inner {
    background-position:center center;
    margin-left:auto;
    margin-right:auto;
    }
    #header {
    border-bottom-color:-moz-use-text-color;
    border-bottom-style:none;
    border-bottom-width:medium;
    border-top-color:-moz-use-text-color;
    border-top-style:none;
    border-top-width:medium;
    color:#FFFFFF;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    text-align:left;
    }
    #header h1 {
    font: $pagetitlefont;
    font-size:200%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:italic;
    font-variant:normal;
    font-weight:bold;
    letter-spacing:0;
    line-height:normal;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-bottom:5px;
    padding-left:98px;
    padding-right:20px;
    padding-top:221px;
    text-transform:none;
    }
    #header a {
    color:#FFFFFF;
    text-decoration:none;
    }
    #header a:hover {
    color:#FFFFFF;
    }
    #header .description {
    color:#EEEEEE;
    font: $descriptionfont;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:italic;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:0.2em;
    line-height:normal;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    max-width:400px;
    padding-bottom:15px;
    padding-left:98px;
    padding-right:20px;
    padding-top:0;
    text-transform:none;
    }
    #header img {
    margin-left:auto;
    margin-right:auto;
    }
    #outer-wrapper {
    background-image:url(“http://3.bp.blogspot.com/_8GxSJXcDIwk/S5ubPRH4mjI/AAAAAAAAAfc/axZzV45PEME/s1600/pagebg.gif&#8221;);
    font: $bodyfont;
    font-size:100%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    text-align:left;
    width:988px;
    }
    #main-wrapper {
    float:left;
    margin-top:22px;
    overflow-x:hidden;
    overflow-y:hidden;
    width:535px;
    word-wrap:break-word;
    }
    #sidebar-wrapper {
    float:right;
    margin-top:-20px;
    overflow-x:hidden;
    overflow-y:hidden;
    width:138px;
    word-wrap:break-word;
    }
    #sidebar-wrapperL {
    float:right;
    margin-right:30px;
    margin-top:-20px;
    overflow-x:hidden;
    overflow-y:hidden;
    width:195px;
    word-wrap:break-word;
    }
    h2 {
    color:#FFFFFF;
    font-size:14px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    letter-spacing:-1px;
    line-height:1.4em;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    text-transform:none;
    font: $headerfont;
    }
    h2.date-header {
    color:#666666;
    font-size:12px;
    font-weight:normal;
    letter-spacing:0;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    }
    .post {
    border-bottom-color:-moz-use-text-color;
    border-bottom-style:none;
    border-bottom-width:medium;
    border-top-color:-moz-use-text-color;
    border-top-style:none;
    border-top-width:medium;
    margin-bottom:1.5em;
    margin-left:0;
    margin-right:0;
    margin-top:0.5em;
    padding-bottom:1.5em;
    }
    .post h3 {
    color:#CC6600;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0.25em;
    padding-bottom:4px;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    }
    .post h3 a, .post h3 a:visited, .post h3 strong {
    color:#000000;
    display:block;
    font-weight:bold;
    text-decoration:none;
    }
    .post h3 strong, .post h3 a:hover {
    color:#333333;
    }
    .post-body {
    font-size:14px;
    line-height:1.6em;
    margin-bottom:0.75em;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    }
    .post-body blockquote {
    line-height:1.3em;
    }
    .post-footer {
    border-top-color:-moz-use-text-color;
    border-top-style:dotted;
    border-top-width:1px;
    color:#666666;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:0;
    line-height:1.4em;
    margin-bottom:0.75em;
    margin-left:0;
    margin-right:0;
    margin-top:0.75em;
    padding-top:5px;
    text-transform:none;
    font: $postfooterfont;
    }
    .comment-link {
    margin-left:0.6em;
    }
    .post img, table.tr-caption-container {
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-top-color:#CCCCCC;
    border-top-style:solid;
    border-top-width:1px;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    }
    .tr-caption-container img {
    border-bottom-color:-moz-use-text-color;
    border-bottom-style:none;
    border-bottom-width:medium;
    border-top-color:-moz-use-text-color;
    border-top-style:none;
    border-top-width:medium;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    }
    .post blockquote {
    font-family:georgia;
    font-style:italic;
    margin-bottom:1em;
    margin-left:20px;
    margin-right:20px;
    margin-top:1em;
    }
    .post blockquote p {
    margin-bottom:0.75em;
    margin-left:0;
    margin-right:0;
    margin-top:0.75em;
    }
    #comments h4 {
    color:#666666;
    font-size:14px;
    font-weight:bold;
    letter-spacing:0;
    line-height:1.4em;
    margin-bottom:1em;
    margin-left:0;
    margin-right:0;
    margin-top:1em;
    text-transform:none;
    }
    #comments-block {
    line-height:1.6em;
    margin-bottom:1.5em;
    margin-left:0;
    margin-right:0;
    margin-top:1em;
    }
    #comments-block .comment-author {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-background-size:auto auto;
    background-attachment:scroll;
    background-color:#CCCCCC;
    background-image:none;
    background-position:0 0;
    background-repeat:repeat;
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-left-color-ltr-source:physical;
    border-left-color-rtl-source:physical;
    border-left-color-value:#CCCCCC;
    border-right-color-ltr-source:physical;
    border-right-color-rtl-source:physical;
    border-right-color-value:#CCCCCC;
    border-top-color:#CCCCCC;
    border-top-style:solid;
    border-top-width:1px;
    font-size:15px;
    font-weight:normal;
    margin-right:20px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    }
    #comments .blogger-comment-icon, .blogger-comment-icon {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-background-size:auto auto;
    background-attachment:scroll;
    background-color:#E8DEC4;
    background-image:none;
    background-position:0 0;
    background-repeat:repeat;
    border-bottom-color:#E8DEC4;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-top-color:#E8DEC4;
    border-top-style:solid;
    border-top-width:2px;
    line-height:16px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    }
    #comments-block .comment-body {
    border-bottom-color:-moz-use-text-color;
    border-bottom-style:none;
    border-bottom-width:medium;
    border-left-color-ltr-source:physical;
    border-left-color-rtl-source:physical;
    border-left-color-value:#CCCCCC;
    border-left-style-ltr-source:physical;
    border-left-style-rtl-source:physical;
    border-left-style-value:solid;
    border-left-width-ltr-source:physical;
    border-left-width-rtl-source:physical;
    border-left-width-value:1px;
    border-right-color-ltr-source:physical;
    border-right-color-rtl-source:physical;
    border-right-color-value:#CCCCCC;
    border-right-style-ltr-source:physical;
    border-right-style-rtl-source:physical;
    border-right-style-value:solid;
    border-right-width-ltr-source:physical;
    border-right-width-rtl-source:physical;
    border-right-width-value:1px;
    border-top-color:-moz-use-text-color;
    border-top-style:none;
    border-top-width:medium;
    margin-left:0;
    margin-right:20px;
    padding-bottom:7px;
    padding-left:7px;
    padding-right:7px;
    padding-top:7px;
    }
    #comments-block .comment-footer {
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-left-color-ltr-source:physical;
    border-left-color-rtl-source:physical;
    border-left-color-value:#CCCCCC;
    border-left-style-ltr-source:physical;
    border-left-style-rtl-source:physical;
    border-left-style-value:solid;
    border-left-width-ltr-source:physical;
    border-left-width-rtl-source:physical;
    border-left-width-value:1px;
    border-right-color-ltr-source:physical;
    border-right-color-rtl-source:physical;
    border-right-color-value:#CCCCCC;
    border-right-style-ltr-source:physical;
    border-right-style-rtl-source:physical;
    border-right-style-value:solid;
    border-right-width-ltr-source:physical;
    border-right-width-rtl-source:physical;
    border-right-width-value:1px;
    font-size:11px;
    line-height:1.4em;
    margin-bottom:2em;
    margin-left:0;
    margin-right:20px;
    margin-top:-0.25em;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    text-transform:none;
    }
    #comments-block .comment-body p {
    margin-bottom:0.75em;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    }
    .deleted-comment {
    color:gray;
    font-style:italic;
    }
    #blog-pager-newer-link {
    float:left;
    }
    #blog-pager-older-link {
    -moz-background-clip:border;
    -moz-background-origin:padding;
    -moz-background-size:auto auto;
    background-attachment:scroll;
    background-color:#DDDDDD;
    background-image:none;
    background-position:0 0;
    background-repeat:repeat;
    border-bottom-color:#999999;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-left-color-ltr-source:physical;
    border-left-color-rtl-source:physical;
    border-left-color-value:#999999;
    border-left-style-ltr-source:physical;
    border-left-style-rtl-source:physical;
    border-left-style-value:solid;
    border-left-width-ltr-source:physical;
    border-left-width-rtl-source:physical;
    border-left-width-value:1px;
    border-right-color-ltr-source:physical;
    border-right-color-rtl-source:physical;
    border-right-color-value:#999999;
    border-right-style-ltr-source:physical;
    border-right-style-rtl-source:physical;
    border-right-style-value:solid;
    border-right-width-ltr-source:physical;
    border-right-width-rtl-source:physical;
    border-right-width-value:1px;
    border-top-color:#999999;
    border-top-style:solid;
    border-top-width:1px;
    float:right;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    }
    #blog-pager {
    text-align:center;
    }
    .feed-links {
    clear:both;
    line-height:2.5em;
    }
    .sidebar {
    color:#DDDDDD;
    font-size:12px;
    line-height:1.5em;
    }
    .sidebar ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    }
    .sidebar li {
    border-bottom-color:#777777;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    line-height:1.5em;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-bottom:2px;
    padding-left:15px;
    padding-right:0;
    padding-top:2px;
    text-indent:-15px;
    }
    .sidebar .widget, .main .widget {
    border-bottom-color:-moz-use-text-color;
    border-bottom-style:none;
    border-bottom-width:medium;
    border-top-color:-moz-use-text-color;
    border-top-style:none;
    border-top-width:medium;
    margin-bottom:1.5em;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    }
    .main .Blog {
    border-bottom-width:0;
    }
    .profile-img {
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-top-color:#CCCCCC;
    border-top-style:solid;
    border-top-width:1px;
    float:left;
    margin-bottom:5px;
    margin-left:0;
    margin-right:5px;
    margin-top:0;
    padding-bottom:4px;
    padding-left:4px;
    padding-right:4px;
    padding-top:4px;
    }
    .profile-data {
    color:#999999;
    font-family:’Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif;
    font-size:78%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    letter-spacing:0.1em;
    line-height:1.6em;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    text-transform:uppercase;
    }
    .profile-datablock {
    margin-bottom:0.5em;
    margin-left:0;
    margin-right:0;
    margin-top:0.5em;
    }
    .profile-textblock {
    line-height:1.6em;
    margin-bottom:0.5em;
    margin-left:0;
    margin-right:0;
    margin-top:0.5em;
    }
    .profile-link {
    font-family:’Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif;
    font-size:78%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:0.1em;
    line-height:normal;
    text-transform:uppercase;
    }
    #content-wrapper {
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    width:925px;
    }
    #PageList1 {
    border-bottom-color:#999999;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-left-color-ltr-source:physical;
    border-left-color-rtl-source:physical;
    border-left-color-value:#999999;
    border-right-color-ltr-source:physical;
    border-right-color-rtl-source:physical;
    border-right-color-value:#999999;
    border-top-color:#999999;
    border-top-style:solid;
    border-top-width:1px;
    font-size:12px;
    text-transform:uppercase;
    width:540px;
    }
    .widget-content {
    }
    .sidebar a {
    color:#9DB901;
    }
    #footer {
    -moz-background-clip:border;
    -moz-background-origin:padding;
    -moz-background-size:auto auto;
    background-attachment:scroll;
    background-color:#604D42;
    background-image:none;
    background-position:0 0;
    background-repeat:repeat;
    border-top-color:#333333;
    border-top-style:solid;
    border-top-width:1px;
    color:#EEEEEE;
    font-size:12px;
    height:32px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    padding-bottom:9px;
    padding-left:9px;
    padding-right:9px;
    padding-top:9px;
    text-align:center;
    width:929px;
    }
    #footer a {
    color:#FFFFFF;
    }
    #footer a:hover {
    text-decoration:none;
    }
    #footer2 {
    color:#809752;
    font-size:11px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    text-align:center;
    }
    #footer2 a {
    color:#809752;
    text-decoration:none;
    }
    .fleft {
    float:left;
    line-height:16px;
    margin-left:10px;
    text-align:left;
    }
    .fright {
    float:right;
    line-height:16px;
    margin-right:10px;
    text-align:right;
    }

    ]]></b:skin>
    </head>

    <body>
    <div id=’outer-wrapper’><div id=’wrap2′>

    <!– skip links for text browsers –>
    <span id=’skiplinks’ style=’display:none;’>
    <a href=’#main’>skip to main </a> |
    <a href=’#sidebar’>skip to sidebar</a>
    </span>

    <div id=’header-wrapper’>
    <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
    <b:widget id=’Header1′ locked=’true’ title=’The Mask (Header)’ type=’Header’>
    includable id=’main’>

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

    <!–Show just the image, no text–>
    <div id=’header-inner’>
    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>
    </div>
    <b:else/>
    <!–
    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.
    –>

    expr:style='”background-image: url(\”” + data:sourceUrl + “\”); ”                      + “background-position: ”                      + data:backgroundPositionStyleStr + “; ”                      + data:widthStyleStr                      + “min-height: ” + data:height + “px;”                      + “_height: ” + data:height + “px;”                      + “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/>
    <!–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>
    includable>
    includable id=’title’>
    <b:if cond=’data:blog.url == data:blog.homepageUrl’>
    <data:title/>
    <b:else/>
    expr:href=’data:blog.homepageUrl’>
    </b:if>
    includable>
    includable id=’description’>
    <div class=’descriptionwrapper’>
    <p class=’description’><span><data:description/></span></p>
    </div>
    includable>
    </b:widget>
    </b:section>
    </div>

    <div id=’content-wrapper’>

    <div id=’crosscol-wrapper’ style=’text-align:center’>
    <b:section class=’crosscol’ id=’crosscol’>
    <b:widget id=’PageList1′ locked=’false’ title=’Pages’ type=’PageList’>
    includable id=’main’>
    <h2>
    <div class=’widget-content’>
    <ul>
    <b:loop values=’data:links’ var=’link’>
    <b:if cond=’data:link.isCurrentPage’>

  • expr:href=’data:link.href’>
  • <b:else/>

  • expr:href=’data:link.href’>
  • </b:if>
    </b:loop>
    <!–ul>

    </div>
    includable>
    </b:widget>
    </b:section>
    </div>

    <div id=’main-wrapper’>
    <b:section class=’main’ id=’main’ showaddelement=’no’>
    <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’>
    includable id=’nextprev’>
    <div class=’blog-pager’ id=’blog-pager’>

    <span id=’blog-pager-newer-link’>
    expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-newer-link”‘ expr:title=’data:newerPageTitle’>
    </span>
    </b:if>
    <span id=’blog-pager-older-link’>
    expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-older-link”‘ expr:title=’data:olderPageTitle’>
    </span>
    </b:if>

    <b:if cond=’data:blog.homepageUrl != data:blog.url’>
    expr:href=’data:blog.homepageUrl’>
    <b:else/>
    <b:if cond=’data:newerPageUrl’>
    homeMsg/>
    </b:if>
    </b:if>

    </div>
    <div class=’clear’/>
    includable>
    includable id=’backlinks’ var=’post’>
    <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>
    expr:href=’data:backlink.url’ rel=’nofollow’>
    <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’>
    expr:href=’data:post.createLinkUrl’ expr:id=’data:widget.instanceId + “_backlinks-create-link”‘ target=’_blank’>
    </p>
    includable>
    includable id=’post’ var=’post’>
    <div class=’post hentry uncustomized-post-template’>
    expr:name=’data:post.id’/>
    <b:if cond=’data:post.title’>
    <h3 class=’post-title entry-title’>
    <b:if cond=’data:post.link’>
    expr:href=’data:post.link’>
    <b:else/>
    <b:if cond=’data:post.url’>
    expr:href=’data:post.url’>
    <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’>
    <data:post.body/>
    <div style=’clear: both;’/> <!– clear for photos floats –>
    </div>

    <b:if cond=’data:post.hasJumpLink’>
    <div class=’jump-link’>
    expr:href=’data:post.url + “#more”‘ expr:title=’data:post.title’>
    </div>
    </b:if>

    <div class=’post-footer’>
    <div class=’post-footer-line post-footer-line-1′>
    <span class=’post-author vcard’>
    <b:if cond=’data:top.showAuthor’>
    <data:top.authorLabel/>
    <span class=’fn’><data:post.author/></span>
    </b:if>
    </span>

    <span class=’post-timestamp’>
    <b:if cond=’data:top.showTimestamp’>
    <data:top.timestampLabel/>
    <b:if cond=’data:post.url’>
    expr:href=’data:post.url’ rel=’bookmark’ title=’permanent link’>
    </b:if>
    </b:if>
    </span>

    <span class=’reaction-buttons’>
    <b:if cond=’data:top.showReactions’>
    <table border=’0′ cellpadding=’0′ cellspacing=’0′ width=’100%’><tr>
    <td class=’reactions-label-cell’ nowrap=’nowrap’ valign=’top’ width=’1%’>
    <span class=’reactions-label’>
    <data:top.reactionsLabel/></span> </td>
    <iframe allowtransparency=’true’ class=’reactions-iframe’ expr:src=’data:post.reactionsUrl’ frameborder=’0′ name=’reactions’ scrolling=’no’/>
    </tr></table>
    </b:if>
    </span>

    <span class=’star-ratings’>
    <b:if cond=’data:top.showStars’>

    expr:g:background-color=’data:backgroundColor’ expr:g:text-color=’data:textColor’ expr:g:url=’data:post.absoluteUrl’ g:height=’42’ g:type=’RatingPanel’ g:width=’280’/>

    </b:if>
    </span>

    <span class=’post-comment-link’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’>
    <b:if cond=’data:post.allowComments’>
    1 commentLabel/>
    </b:if>
    </b:if>
    </span>

    <!– backlinks –>
    <span class=’post-backlinks post-comment-link’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’>
    <b:if cond=’data:post.showBacklinks’>
    expr:href=’data:post.url + “#links”‘>
    </b:if>
    </b:if>
    </span>

    <span class=’post-icons’>
    <!– email post links –>
    <b:if cond=’data:post.emailPostUrl’>
    <span class=’item-action’>
    expr:href=’data:post.emailPostUrl’ expr:title=’data:top.emailPostMsg’>
    <img alt=” class=’icon-action’ height=’13’ src=’http://www.blogger.com/img/icon18_email.gif&#8217; width=’18’/>
    </a>
    </span>
    </b:if>

    <!– quickedit pencil –>
    <b:include data=’post’ name=’postQuickEdit’/>
    </span>
    </div>

    <div class=’post-footer-line post-footer-line-2′>
    <span class=’post-labels’>
    <b:if cond=’data:post.labels’>
    postLabelsLabel/>
    <b:loop values=’data:post.labels’ var=’label’>
    expr:href=’data:label.url’ rel=’tag’>,
    </b:loop>
    </b:if>
    </span>
    </div>

    <div class=’post-footer-line post-footer-line-3′>
    <span class=’post-location’>
    <b:if cond=’data:top.showLocation’>
    <b:if cond=’data:post.location’>
    postLocationLabel/>
    expr:href=’data:post.location.mapsUrl’ target=’_blank’>
    </b:if>
    </b:if>
    </span>
    </div>
    </div>
    </div>
    includable>
    includable id=’commentDeleteIcon’ var=’comment’>
    expr:class='”item-control ” + data:comment.adminClass’>
    expr:href=’data:comment.deleteUrl’ expr:title=’data:top.deleteCommentMsg’>
    <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’status-message’>

    <div class=’status-msg-wrap’>
    <div class=’status-msg-body’>
    navMessage/>
    </div>
    <div class=’status-msg-border’>
    <div class=’status-msg-bg’>

    navMessage/>

    </div>
    </div>
    </div>
    <div style=’clear: both;’/>
    </b:if>
    includable>
    includable id=’feedLinks’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’> <!– Blog feed links –>
    <b:if cond=’data:feedLinks’>
    <div class=’blog-feeds’>
    <b:include data=’feedLinks’ name=’feedLinksBody’/>
    </div>
    </b:if>

    <b:else/> <!–Post feed links –>
    <div class=’post-feeds’>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.allowComments’>
    <b:if cond=’data:post.feedLinks’>
    <b:include data=’post.feedLinks’ name=’feedLinksBody’/>
    </b:if>
    </b:if>
    </b:loop>
    </div>
    </b:if>
    includable>
    includable id=’comment-form’ var=’post’>
    <div class=’comment-form’>
    <a name=’comment-form’/>

    postCommentMsg/>

    blogCommentMessage/>
    blogTeamBlogMessage/>
    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%’/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>

    BLOG_CMT_createIframe(‘<data:post.appRpcRelayPath/>’, ‘<data:post.communityId/>’);
    </script>
    </div>
    includable>
    includable id=’backlinkDeleteIcon’ var=’backlink’>
    expr:class='”item-control ” + data:backlink.adminClass’>
    expr:href=’data:backlink.deleteUrl’ expr:title=’data:top.deleteBacklinkMsg’>
    src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’feedLinksBody’ var=’links’>
    <div class=’feed-links’>
    feedLinksMsg/>
    <b:loop values=’data:links’ var=’f’>
    expr:href=’data:f.url’ expr:type=’data:f.mimeType’ target=’_blank’> ()
    </b:loop>
    </div>
    includable>
    <b:includable id=’postQuickEdit’ var=’post’>
    <b:if cond=’data:post.editUrl’>
    expr:class='”item-control ” + data:post.adminClass’>
    expr:href=’data:post.editUrl’ expr:title=’data:top.editPostMsg’>
    <img alt=” class=’icon-action’ height=’18’ src=’http://www.blogger.com/img/icon18_edit_allbkg.gif&#8217; width=’18’/>
    </a>
    </span>
    </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>
    <b:if cond=’data:post.numComments == 1′>
    1 commentLabel/>:
    <b:else/>
    commentLabelPlural/>:
    </b:if>
    </h4>

    <b:if cond=’data:post.commentPagingRequired’>
    <span class=’paging-control-container’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>

    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>

    <data:post.commentRangeText/>

    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>

    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newestLinkUrl’>
    </span>
    </b:if>

    <dl expr:class=’data:post.avatarIndentClass’ id=’comments-block’>
    <b:loop values=’data:post.comments’ var=’comment’>

    expr:class='”comment-author ” + data:comment.authorClass’ expr:id=’data:comment.anchorName’>

    <b:if cond=’data:comment.favicon’>
    expr:src=’data:comment.favicon’ height=’16px’ style=’margin-bottom:-2px;’ width=’16px’/>
    </b:if>
    expr:name=’data:comment.anchorName’/>
    <b:if cond=’data:blog.enabledCommentProfileImages’>
    <data:comment.authorAvatarImage/>
    </b:if>
    <b:if cond=’data:comment.authorUrl’>
    expr:href=’data:comment.authorUrl’ rel=’nofollow’>
    <b:else/>
    <data:comment.author/>
    </b:if>
    commentPostedByMsg/>
    </dt>
    <dd class=’comment-body’>
    <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’>
    expr:href=’data:comment.url’ title=’comment permalink’>
    <data:comment.timestamp/>
    </a>
    <b:include data=’comment’ name=’commentDeleteIcon’/>
    </span>
    </dd>
    </b:loop>
    </dl>

    <b:if cond=’data:post.commentPagingRequired’>
    <span class=’paging-control-container’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>
    <data:post.oldestLinkText/>
    </a>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>
    <data:post.olderLinkText/>
    </a>

    <data:post.commentRangeText/>

    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>
    <data:post.newerLinkText/>
    </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’>
    expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
    </b:if>
    </b:if>

    </p>
    </b:if>

    <div id=’backlinks-container’>

    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=’main’ var=’top’>
    <!– posts –>
    <div class=’blog-posts hfeed’>

    <b:include data=’top’ name=’status-message’/>

    defaultAdStart/>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.isDateStart’>
    <b:if cond=’data:post.isFirstPost == &quot;false&quot;’>
    &lt;/div&gt;&lt;/div&gt;
    </b:if>
    </b:if>
    <b:if cond=’data:post.isDateStart’>
    &lt;div class=&quot;date-outer&quot;&gt;
    </b:if>
    <b:if cond=’data:post.dateHeader’>
    <h2 class=’date-header’>
    </b:if>
    <b:if cond=’data:post.isDateStart’>
    &lt;div class=&quot;date-posts&quot;&gt;
    </b:if>
    <div class=’post-outer’>
    <b:include data=’post’ name=’post’/>
    <b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    </div>
    <b:if cond=’data:post.includeAd’>
    <b:if cond=’data:post.isFirstPost’>
    defaultAdEnd/>
    <b:else/>
    adEnd/>
    </b:if>
    <div class=’inline-ad’>
    adCode/>
    </div>
    adStart/>
    </b:if>
    <b:if cond=’data:post.trackLatency’>
    <data:post.latencyJs/>
    </b:if>
    </b:loop>

    &lt;/div&gt;&lt;/div&gt;
    </b:if>
    adEnd/>
    </div>

    <!– navigation –>
    <b:include name=’nextprev’/>

    <b:if cond=’data:top.showStars’>
    // <!–[CDATA[src=’http://www.google.com/jsapi&#8217; type=’text/javascript’ />]]–>

    google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
    function initialize() {
    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
    google.annotations.createAll();
    google.annotations.fetch();
    }
    google.setOnLoadCallback(initialize);
    </script>
    </b:if>
    </b:includable>
    </b:widget>
    </b:section>
    </div>

    <div id=’sidebar-wrapper’>
    <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
    <b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <b:if cond=’data:team == &quot;true&quot;’> <!– team blog profile –>
    <ul>
    <b:loop values=’data:authors’ var=’i’>

  • expr:href=’data:i.userUrl’>
  • </b:loop>
    </ul>

    <b:else/> <!– normal blog profile –>

    <b:if cond=’data:photo.url != &quot;&quot;’>
    expr:href=’data:userUrl’>
    </b:if>

    <dl class=’profile-datablock’>

    displayname/>

    <dd class=’profile-data’><data:location/></dd>
    </b:if>

    </dl>
    viewProfileMsg/>
    </b:if>

    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Followers1′ locked=’false’ title=’Followers’ type=’Followers’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>

    <h2 class=’title’><data:title/></h2>
    <b:else/>

    (totalFollowerCount/>)

    </b:if>
    </b:if>
    </b:if>
    <div class=’widget-content’>

    expr:id=’data:widget.instanceId + “-wrapper”‘>

    codeSnippet/>
    </div>
    <b:else/>

    <span class=’item-control following-not-admin’>
    failureSnippet/>
    </span>
    <span class=’item-control blog-admin’>
    adminFailureSnippet/>
    </span>
    <b:else/>
    <b:if cond=’data:followingLinkPresent’>
    <div class=’follow-this profile-link item-control following-follow-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    followThisMessage/>
    </a>
    </div>
    <div class=’follow-this profile-link item-control following-stop-following-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    stopFollowingMessage/>
    </a>
    </div>
    </b:if>

    <div class=’followers-grid’>

    <div class=’profile-link item-control following-follow-this’>
    emptyFollowersMessage/>
    </div>
    </b:if>
    <!–
    Relies on the js written out in navbar.gxp
    –>
    <b:loop values=’data:followers’ var=’follower’>
    <div class=’follower’>
    expr:href=’data:follower.profileUrl’ expr:title=’data:follower.displayName’ rel=’nofollow’>

    </a>
    </div>
    </b:loop>
    <div class=’clear’/>
    </div>

    <div class=’followers-canvas profile-link’>
    followersFooterMessage/>
    <span class=’item-control following-not-admin’>
    expr:href=’data:followersUri’>
    viewAllMessage/>
    </a>
    </span>
    <span class=’item-control blog-admin’>
    expr:href=’data:manageFollowersUri’>
    manageFollowersMessage/>
    </a>
    </span>
    </div>
    </b:if>
    </b:if>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Text1′ locked=’false’ title=’@copyright  2010 and powered’ type=’Text’>
    <b:includable id=’main’>
    <!– only display title if it’s non-empty –>
    <b:if cond=’data:title != &quot;&quot;’>
    <h2 class=’title’><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <data:content/>
    </div>

    <b:include name=’quickedit’/>
    </b:includable>
    </b:widget>
    </b:section>
    </div>
    <div id=’sidebar-wrapperL’>
    <b:section class=’sidebar’ id=’sidebar2′ preferred=’yes’>
    <b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>

    expr:class='”widget-content ” + data:display + “-label-widget-content”‘>

    <b:if cond=’data:display == &quot;list&quot;’>
    <ul>
    <b:loop values=’data:labels’ var=’label’>
    <li>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:else/>
    <b:loop values=’data:labels’ var=’label’>
    expr:class='”label-size label-size-” + data:label.cssSize’>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span class=’label-count’ dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <div id=’ArchiveList’>

    expr:id=’data:widget.instanceId + “_ArchiveList”‘>

    <b:if cond=’data:style == &quot;HIERARCHY&quot;’>
    <b:include data=’data’ name=’interval’/>
    </b:if>
    <b:if cond=’data:style == &quot;FLAT&quot;’>
    <b:include data=’data’ name=’flat’/>
    </b:if>
    <b:if cond=’data:style == &quot;MENU&quot;’>
    <b:include data=’data’ name=’menu’/>
    </b:if>
    </div>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    <b:includable id=’flat’ var=’data’>
    <ul class=’flat’>
    <b:loop values=’data:data’ var=’i’>

    expr:href=’data:i.url’> ()
    </li>
    </b:loop>
    </ul>
    </b:includable>
    <b:includable id=’menu’ var=’data’>

    <option value=”><data:title/></option>
    <b:loop values=’data:data’ var=’i’>
    expr:value=’data:i.url’> ()
    </b:loop>
    </select>
    </b:includable>
    <ul class=’hierarchy’>

  • expr:class='”archivedate ” + data:i.expclass’>
  • <b:include data=’i’ name=’toggle’/>
    <a class=’post-count-link’ expr:href=’data:i.url’><data:i.name/></a>
    <span class=’post-count’ dir=’ltr’>(<data:i.post-count/>)</span>
    <b:if cond=’data:i.data’>
    <b:include data=’i.data’ name=’interval’/>
    </b:if>
    <b:if cond=’data:i.posts’>
    <b:include data=’i.posts’ name=’posts’/>
    </b:if>
    </li>
    </ul>
    </b:loop>
    </b:includable>
    <b:includable id=’toggle’ var=’interval’>
    <b:if cond=’data:interval.toggleId’>
    <b:if cond=’data:interval.expclass == &quot;expanded&quot;’>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy toggle-open’>▼ </span>
    </a>
    <b:else/>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy’>
    <b:if cond=’data:blog.languageDirection == &quot;rtl&quot;’>

    <b:else/>

    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id=’posts’ var=’posts’>
    <ul class=’posts’>
    <b:loop values=’data:posts’ var=’i’>

  • expr:href=’data:i.url’>
  • </b:loop>
    </ul>
    </b:includable>
    </b:widget>
    </b:section>
    </div>

    <!– spacer for skins that want sidebar and main to be the same height–>
    <div class=’clear’> </div>

    </div> <!– end content-wrapper –>

    </div></div> <!– end outer-wrapper –>
    <div id=’footer’><div class=’fleft’>

    Copyright  2010 – expr:href=’data:blog.homepageUrl’>
    <br/>

    Powered by <a href=’http://www.freetemplatesblog.com/’>Template Blogger</a></div>
    <div class=’fright’>
    <a href=’http://www.farisvio.com’>Blogger Center</a> created by <a href=’http://www.deluxetemplates.net/&#8217; rel=’follow’>Templates</a><br/>
    Supported by <a href=’http://www.freetemplatesblog.com/’>Free Blogger Template</a>
    </div></div>

    </body>
    </html>

    Posted in HTML. 1 Comment »

    Elegant Template

    xml version=”1.0″ encoding=”UTF-8″ ?>
    <!–DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
    expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml&#8217; xmlns:b=’http://www.google.com/2005/gml/b&#8217; xmlns:data=’http://www.google.com/2005/gml/data&#8217; xmlns:expr=’http://www.google.com/2005/gml/expr’&gt;
    <head>
    <b:include data=’blog’ name=’all-head-content’/>
    <title><data:blog.pageTitle/></title>
    <!–[CDATA[/*–>
    ———————————————–
    Jarrah Blogger Template comes under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Malaysia License.
    This means it is free to use on your blog, and you must keep the footer link intact, also as a respect to the designer and converter.
    We sincerely need your respect to continue our free Blogger template production, thank you.
    ———————————————– */

    #navbar-iframe{
    height:0px;
    visibility:hidden;
    display:none;
    }

    /*       +++++++++++ Basic CSS +++++++++++++      */

    * {margin:0; padding:0;}

    body {
    color:#dcdcdc;
    color: #CCCCCC;
    background:url(http://2.bp.blogspot.com/_MhvFrz7psjI/S6FQ5fgxsFI/AAAAAAAACUA/7wfOzOIVCEw/s1600/bg.jpg) top center no-repeat #222326;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-attachment: fixed;
    }

    h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    margin-bottom: 16px;
    margin-top: 12px;
    }

    p {
    margin:0px 0px 20px 0px;
    }

    img {
    max-width: 100%; /* not working in IE6 */
    }

    a {
    outline:none;
    text-decoration: none;
    color:#adb0b4;
    }
    a:hover {
    color:#d5d8db;
    text-decoration: none;
    }

    a img {
    border:none;
    }

    .clr {
    display: block;
    clear: both;
    }

    .clr6 {
    display: block;
    clear: both;
    height: 6px;
    }

    .clr12 {
    display: block;
    clear: both;
    height: 12px;
    }

    .clr16 {
    display: block;
    clear: both;
    height: 16px;
    }

    form {
    margin: 0px;
    padding: 0px;
    }

    ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-bottom: 6px;
    }

    ul ul,
    ul ul ul{
    margin-bottom: 0px;
    }

    ul li,
    ul li ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    line-height: 16px;
    background-image: url(http://1.bp.blogspot.com/_MhvFrz7psjI/S6FRZxlCh6I/AAAAAAAACXI/dFFV74G_CaQ/s1600/sq-bullet3.gif);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    padding-left: 12px;
    margin-bottom: 6px;
    }

    ul li ul li {
    background-image: url(http://4.bp.blogspot.com/_MhvFrz7psjI/S6FRaTa_QlI/AAAAAAAACXQ/QfNRevJ-aNM/s1600/sq-bullet4.gif);
    }

    ol {
    margin: 0px;
    padding: 0 0 0 24px; /*–Distance between the order numbers–*/
    }
    ol li {
    margin: 0px;
    padding: 0px 0px;
    margin-bottom: 6px;
    }

    hr {
    background-color: #666666;
    border-bottom: 1px solid #666666;
    color: #666666;
    }

    fieldset {
    border: 1px solid #666666;
    padding: 12px;
    }

    fieldset legend {
    font-weight: bold;
    color: #FFFFFF;
    }

    input[type=text], input[type=password], input[type=file], select, textarea {
    border: 1px solid #858a8e;
    background-color: #c9ccd0;
    color: #333333;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    }

    input[type=button], input[type=reset], input[type=submit] {
    border: 1px solid #858a8e;
    background-color: #141618;
    color: #abafb0;
    padding: 3px 12px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    }

    /*       +++++++++++ Basic Layout +++++++++++++      */
    #wrapper {
    display: block;
    width: 960px;
    margin: 0px auto;
    text-align: left;
    }

    #layouttop {
    display: block;
    width: 960px;
    height: 26px;
    background-image: url(http://3.bp.blogspot.com/_MhvFrz7psjI/S6FRADuLVZI/AAAAAAAACUw/SCTlSIZW23I/s1600/headertop.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 12px 0 0 0;
    }

    #layoutbottom {
    display: block;
    width: 960px;
    height: 26px;
    background-image: url(http://1.bp.blogspot.com/_MhvFrz7psjI/S6FQ6szX26I/AAAAAAAACUg/qMNviuRx5RI/s1600/footerbottom.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-bottom: 12px;
    }

    #header {
    display: block;
    width: 864px;
    height: 75px;
    padding: 0px 48px;
    background-image: url(http://3.bp.blogspot.com/_MhvFrz7psjI/S6FQ_oB596I/AAAAAAAACUo/906Rts-1fY0/s1600/headerbg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 0px 0px;
    overflow: hidden;
    }

    #innerwrapper {
    display: block;
    width: 864px;
    padding: 0px 48px;
    background-image: url(http://4.bp.blogspot.com/_MhvFrz7psjI/S6FRGtKayJI/AAAAAAAACVY/-v2jS4OtHzU/s1600/innerbg-trns.png);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    margin: 0px 0px;
    }

    /*       +++++++++++ Header +++++++++++++      */

    #header #headerleft{
    display: block;
    float: left;
    width: 620px;
    padding-top: 12px;
    }

    #header #headerright{
    display: block;
    float: left;
    width: 244px;
    }

    #header #headerleft h1 {
    margin: 0px;
    padding: 0px;
    }

    #header #headerleft h1 a{
    display: block;
    float: left;
    padding-right: 12px;
    font-size: 36px;
    color: #eeeeee;
    font-weight: normal;
    text-decoration: none;
    border-right: 1px solid #adb0b4;
    }

    #header #headerleft h3{
    display: block;
    float: left;
    padding-left: 12px;
    font-size: 12px;
    color: #cecece;
    font-weight: normal;
    text-decoration: none;
    padding-top: 16px;
    margin: 0px;
    }

    #header #headerright #searchboxo{
    display: block;
    float: right;
    width: 200px;
    height: 30px;
    margin-top: 20px;
    background-image: url(http://2.bp.blogspot.com/_MhvFrz7psjI/S6FRUrBIyHI/AAAAAAAACWw/yVZkWVESjGk/s1600/searchbg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    }

    #header #headerright #searchboxo form input.searchinput {
    display: block;
    float: left;
    width: 150px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 11px;
    margin-top: 5px;
    margin-left: 5px;
    border: 0px solid #333333;
    background-color: #838687;
    background: transparent;
    }

    #header #headerright #searchboxo form input.submitbutton {
    display: block;
    float: left;
    width: 32px;
    height: 20px;
    margin-top: 5px;
    margin-left: 6px;
    padding: 0px;
    border: 0px solid #333333;
    cursor: pointer;
    background: transparent;
    }

    /*       +++++++++++ Top navigation +++++++++++++      */

    #navouter {
    display: block;
    height: 38px;
    background-image: url(http://4.bp.blogspot.com/_MhvFrz7psjI/S6FRa0bd3AI/AAAAAAAACXg/ZXRuiaGhwjc/s1600/topnavleft.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-bottom: 16px;
    margin-top: -16px;
    }

    #navouter #nav {
    display: block;
    height: 38px;
    background-image: url(http://3.bp.blogspot.com/_MhvFrz7psjI/S6FRbTc2T9I/AAAAAAAACXo/suQnVWuJ23I/s1600/topnavright.png);
    background-repeat: no-repeat;
    background-position: right 0px;
    }

    #navouter #nav ul{
    }

    #navouter #nav ul,
    #navouter #nav ul li{
    margin: 0px;
    padding: 0px;
    background-image: none;
    list-style-type: none;
    }

    #navouter #nav ul,
    #navouter #nav ul li{
    margin: 0px;
    padding: 0px;
    background-image: none;
    list-style-type: none;
    }

    /* menu::base */
    #nav {
    position: relative;
    height: 38px;
    margin: 0px 0px;
    padding: 0px 12px;
    overflow:visible;
    }

    #nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    }

    #nav li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
    }

    #nav a {
    position: relative;
    z-index: 10;
    height: 38px;
    display: block;
    float: left;
    line-height: 38px;
    text-decoration: none;
    vertical-align: middle;
    padding: 0px 12px;
    }

    #nav li a:hover {
    color: #ffffff;
    text-decoration: none;
    display: block;
    }

    #nav li ul {
    list-style: none;
    position: absolute;
    width: 150px;
    top: 38px;
    background-color: #333;
    left: -999em;
    }

    #nav li:hover ul, #nav li.sfhover ul {
    left: 0px;
    }

    /*
    #nav li ul li:hover ul, #nav li ul li.sfhover ul {
    left: auto;
    }
    */

    #nav li li {
    margin: 0;
    padding: 0;
    width: 150px;
    left: auto;
    }

    #nav li li a {
    padding: 0px 0px 0px 15px;
    height: 23px;
    line-height: 23px;
    color: #c3c3c3;
    border-bottom:1px solid #54585c;
    background-color: #26282a;
    margin: 0;
    }

    #nav li li a:hover {
    background-color: #1f2225;
    }

    /*
    #nav li:hover, #nav li.sfhover {  prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing)
    position: static;
    }
    */

    #nav li.back {
    background: url(../images/lava.png) no-repeat right -44px !important;
    width: 13px;
    height: 38px;
    z-index: 8;
    position: absolute;
    margin: -1px 0 0 -5px;
    }

    #nav li.back .left {
    background: url(../images/lava.png) no-repeat top left !important;
    height: 38px;
    margin-right: 8px;
    }

    .lavalamp li a {
    z-index: 100;
    }

    /* menu::level2 */
    div#nav ul ul li { background: none; }
    div#nav ul ul {
    position: absolute;
    top: 38px;
    left: -999em;
    width: 150px;
    padding: 0px;
    }

    div#nav ul ul a,
    div#nav ul ul ul a,
    div#nav ul ul ul ul a {
    padding: 0 0 0 15px;
    height: 23px;
    float: none;
    display: block;
    line-height: 23px;
    color: #c3c3c3;
    }

    div#nav ul ul li.last { background: none; }
    div#nav ul ul li {
    width: 100%;
    }

    /* menu::level3 */

    div#nav ul ul ul {
    padding: 0;
    margin: 0px 0 0 150px !important;
    left: -999em;
    top: -1px;
    }

    div#nav ul li:hover ul ul{
    position: absolute;
    left: -999em;
    }

    div#nav ul ul li:hover ul{
    position: absolute;
    left: 0px;
    }

    /* colors */
    div#nav ul ul ul { background: #26282a;}
    div#nav ul ul ul ul { background: #26282a; }
    div#nav ul ul ul ul ul { background: #26282a; }

    div#nav ul ul li,
    div#nav ul ul ul li,
    div#nav ul ul ul ul li{
    margin: 0px;
    padding: 0px;
    }

    div#nav ul ul,
    div#nav ul ul ul,
    div#nav ul ul ul ul {
    border-left: 1px solid #54585c;
    border-right: 1px solid #54585c;
    border-top: 1px solid #54585c;
    }

    div#nav ul li.current_page_item a, div#nav ul li.current_page_parent {
    color: #FFFFFF;
    }

    li.current_page_parent a{
    color: #FFFFFF;
    }

    /*       +++++++++++ Main Content Area +++++++++++++      */

    #maincol {
    display: block;
    width: 572px;
    float: left;
    padding: 20px 0 0 0;
    }

    div.postwrap {
    display: block;
    margin-bottom: 24px;
    }

    h2.searchtitle-page,
    div.postwrap h2.posttitle-page,
    div.postwrap h2.posttitle-page a,
    div.postwrap h2.posttitle,
    div.postwrap h2.posttitle a,
    div.postwrap h2.posttitle a:visited {
    font-size: 18px;
    font-weight: bold;
    color: #c0c4ca;
    text-decoration: none;
    margin-bottom: 6px;
    }

    div.postwrap h2.posttitle a.searchtitle {
    font-size: 14px;
    }

    h2.searchtitle-page,
    div.postwrap h2.posttitle-page {
    border-bottom: 1px solid #666666;
    padding-bottom: 4px;
    margin-bottom: 24px;
    }

    div.postwrap h2.posttitle a:hover {
    color: #e0e2e7;
    }

    div.postwrap p.postmeta,
    div.postwrap div.postmeta {
    display: block;
    min-height: 23px;
    vertical-align: middle;
    color: #84878b;
    font-size: 11px;
    padding: 3px 12px;
    background-image: url(http://1.bp.blogspot.com/_MhvFrz7psjI/S6FROr0bfFI/AAAAAAAACWY/6OGoLaPwL9M/s1600/metabg2.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-top: 4px;
    }

    div.postwrap div.postcontent {}

    div.roundcornrrbox {
    background-color: #1f2225;
    }

    div.roubcornrcontent {
    display: block;
    padding: 6px 12px;
    }

    div.topleftcorner {
    display: block;
    height: 6px;
    background-image: url(http://3.bp.blogspot.com/_MhvFrz7psjI/S6FRN9CQNwI/AAAAAAAACWI/2ox4Fnj5kGM/s160/topleftcorner.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }
    div.toprightcorner {
    display: block;
    height: 6px;
    background-image: url(http://1.bp.blogspot.com/_MhvFrz7psjI/S6FReirfKrI/AAAAAAAACXw/nDKgzGfQXBA/s1600/toprightcorner.png);
    background-position: right 0px;
    background-repeat: no-repeat;
    }
    div.bottomleftcorner {
    display: block;
    height: 6px;
    background-image: url(http://3.bp.blogspot.com/_MhvFrz7psjI/S6FQ5kl1qHI/AAAAAAAACUI/hPWVUj2Jg50/s1600/bottomleftcorner.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

    div.bottomrightcorner {
    display: block;
    height: 6px;
    background-image: url(http://4.bp.blogspot.com/_MhvFrz7psjI/S6FQ6C0kEJI/AAAAAAAACUQ/o-mITe8pcGg/s1600/bottomrightcorner.png);
    background-position: right 0px;
    background-repeat: no-repeat;
    }

    div.postwrap span.postcomments {
    display: block;
    float: right;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 18px;
    }

    div.postwrap span.posttags-single,
    div.postwrap span.posttags {
    display: block;
    width: 312px;
    float: left;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
    color: #999999;
    }

    div.postwrap span.posttags-single {
    width: auto;
    width: 530px;
    padding: 0px 12px 0px 18px;
    min-height: 16px;
    }

    div.postwrap span.postmore {
    display: block;
    float: left;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
    }

    #nextprevious {
    display: block;
    margin-bottom: 16px;
    }

    #extrastuff #rssleft,
    #extrastuff #trackright,
    #nextprevious .alignleft a,
    #nextprevious .alignright a {
    display: block;
    border: 1px solid #222428;
    padding: 4px 6px;
    background-color: #2b2e32;
    }

    h2.arpageTitle {
    display: block;
    font-size: 20px;
    border-bottom: 1px solid #999999;
    margin-bottom: 24px;
    }

    a.searchmore,
    a.searchmore:visited {
    display: block;
    float: right;
    line-height: 18px;
    height: 18px;
    vertical-align: middle;
    font-size: 11px;
    color: #CCCCCC;
    padding: 2px 6px;
    background-color: #2e3135;
    margin-top: 12px;
    }

    a.searchmore:hover {
    color: #FFFFFF;
    }

    .ie a.searchmore {
    margin-top: 0px;
    }

    /*       +++++++++++ Comment page +++++++++++++      */

    a.post-edit-link {
    display: block;
    line-height: 22px;
    height: 22px;
    vertical-align: middle;
    font-size: 12px;
    color: #CCCCCC;
    text-decoration: underline;
    display: block;
    margin-bottom: 12px;
    }

    a.post-edit-link:hover {
    text-decoration: none;
    }

    h3#commentstitle {
    font-size: 16px;
    font-weight: normal;
    color: #caced3;
    padding-left: 0px;
    padding-bottom: 4px;
    margin-bottom: 12px;
    border-bottom: 1px solid #35383d;
    }

    ul.commentlist {
    }

    ul.commentlist li {
    margin: 2px 0px 24px 0px;
    padding: 0px;
    background-image: none;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    }

    ul.commentlist ul {
    margin-left: 12px;
    margin-top: 16px;
    }

    ul.commentlist li ul li {
    display: block;
    margin: 2px 2px;
    padding: 6px;
    background-color: #32363a;
    }

    ul.commentlist li ul li ul li {
    background-color: #454a4f;
    margin: 4px 0px;
    }

    ul.commentlist li ul li ul li {
    background-color: #53585e;
    }

    ul.commentlist li ul li ul li ul li {
    background-color: #5d6369;
    }

    a.gravatar {
    display: block;
    float: left;
    margin: 0px 8px 4px 0px;
    }

    a.gravatar img{
    border: 0px solid #333333;
    }

    .commentlist li .avatar-image-container{
    display: block;
    float: left;
    margin: 0px 8px 4px 0px;
    }

    .commentlist .avatar-image-container img {
    background:url(http://4.bp.blogspot.com/_MhvFrz7psjI/S6F5alPWVWI/AAAAAAAACX4/5W3vT3zWf2M/s1600/avatar_60x60.jpg);
    width:60px;
    height:60px;
    border: 0px solid #333333;
    }

    a.comment-reply-link {
    display: block;
    margin: 0px;
    padding: 4px;
    border-bottom: 1px solid #333333;
    }

    div#respond {}

    div#respond h3 {
    margin-bottom: 12px;
    }

    div.commentbody cite,
    div.commentbody cite a {
    color: #FFFFFF;
    font-weight: bold;
    }

    /*       +++++++++++ Right column side bar +++++++++++++      */

    #rightcol {
    display: block;
    width: 276px;
    float: left;
    margin-left: 16px;
    overflow: hidden;
    }

    div.roundcrrcnt {
    display: block;
    padding: 12px 16px;
    }

    #rightcol ul.sidebaritem,
    #rightcol li.sidebaritem {
    margin: 0px;
    padding: 0px;
    background-image: none;
    list-style-type: none;
    }

    div.widget,
    div.widget-cat,
    #rightcol li.sidebaritem {
    margin-bottom: 16px;
    }

    #bottompanel div.col1 h2,
    #bottompanel div.col2 h2,
    #bottompanel div.col3 h2,
    div.widget h4,
    #rightcol h2 {
    font-size: 18px;
    font-weight: normal;
    color: #caced3;
    padding-left: 0px;
    padding-bottom: 4px;
    margin-bottom: 12px;
    border-bottom: 1px solid #35383d;
    }

    div.widget-cat h4,
    #rightcol li.widget_categories div.sidebarbox h2.widgettitle {
    display: block;
    background-image: url(http://1.bp.blogspot.com/_MhvFrz7psjI/S6FQ6eXIleI/AAAAAAAACUY/sv6B_UXgz1c/s1600/cat-title-bg.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    color: #e5eef5;
    font-size: 18px;
    font-weight: normal;
    padding: 0px 12px;
    margin: 0px 0px 2px 0px;
    }

    .ie #rightcol li.widget_categories div.sidebarbox h2.widgettitle {
    margin-left: -16px;
    }

    div.widget-cat ul li,
    li.widget_categories ul li {
    display: block;
    background-color: #35383d;
    border-bottom: 1px solid #1f2225;
    padding: 4px 0px 4px 16px;
    margin: 0px;
    background-image: none;
    color: #9ea2a9;
    }

    div.widget-cat ul li ul li,
    li.widget_categories ul li ul li,
    div.widget-cat ul li ul li ul li,
    li.widget_categories ul li ul li ul li{
    border-bottom: 0px solid #1f2225;
    padding: 4px 0px 4px 12px;
    }

    div.widget-cat ul li a,
    div.widget-cat ul li a:visited,
    li.widget_categories ul li a,
    li.widget_categories ul li a:visited{
    color: #c4c8cf;
    font-weight: bold;
    }

    div.widget-cat ul li a:hover,
    li.widget_categories ul li a:hover{
    color: #FFFFFF;
    }

    table#wp-calendar {
    border-collapse: collapse;
    border: 0px solid #000000;
    margin: 0px;
    padding: 0px;
    background-color: #00FF00;
    width: 100%;
    }

    table#wp-calendar caption {
    background-color: #0f5798;
    font-size: 14px;
    padding: 4px 0px;
    text-align: center;
    color: #abc2d7;
    width: 100%;
    border: 1px solid #50545a;
    }

    table#wp-calendar tr {
    width: 100%;
    margin: 0px;
    padding: 0px;
    }

    table#wp-calendar td,
    table#wp-calendar th{
    border-collapse: collapse;
    border: 1px solid #50545a;
    text-align: center;
    }

    table#wp-calendar td a,
    table#wp-calendar td a:visited{
    font-weight: bold;
    color: #97bede;
    }
    table#wp-calendar td a:hover{
    color: #FFFFFF;
    }

    #feedbox {
    display: block;
    background-image: url(http://1.bp.blogspot.com/_MhvFrz7psjI/S6FRUAx9GwI/AAAAAAAACWg/Lu7qUTEnly0/s1600/rssbg.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 70px;
    }

    #feedbox #contrssbox {
    display: block;
    float: left;
    margin: 12px 0px 0px 16px;
    }

    #feedbox #contrssbox a,
    #feedbox #contrssbox a:visited{
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    color: #caced3;
    font-weight: bold;
    text-decoration: none;
    background-image: url(http://2.bp.blogspot.com/_MhvFrz7psjI/S6FRUS0BqRI/AAAAAAAACWo/dGSJ8HL1ooU/s1600/rss-bg.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 96px;
    padding-left: 36px;
    }

    #feedbox #contrssbox a:hover{
    color: #FFFFFF;
    background-position: 0px -32px;
    }

    div.sidebarbox select.postform {
    margin-top: 12px;
    }

    /* ++++++++++++ Footer +++++++++++++++ */

    #bottompanel {
    display: block;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 16px;
    }

    #bottompanel div.col1,
    #bottompanel div.col2,
    #bottompanel div.col3 {
    display: block;
    float: left;
    width: 32%;
    margin-top: 0px;
    padding-top: 0px;
    }

    #bottompanel div.col1 h3,
    #bottompanel div.col2 h3,
    #bottompanel div.col3 h3 {
    margin-top: 0px;
    padding-top: 0px;
    }

    #bottompanel div.col2,
    #bottompanel div.col3 {
    margin-left: 2%;
    }

    div.copyr {
    display: block;
    padding: 6px 0px;
    font-size: 11px;
    color:#999999;
    }

    #credit {
    display: block;
    width: 864px;
    margin: 0px auto;
    text-align: right;
    color: #707279;
    font-size: 11px;
    padding: 0px 0px 12px 0px;
    }

    #credit a,
    #credit a:visited{
    color: #707279;
    font-size: 11px;
    text-decoration: underline;
    color: #8f9198;
    }

    #credit a:hover{
    text-decoration: none;
    }

    /* Misc */

    .highlight {
    color: #222;
    font-weight: bold;
    }

    .cleared {
    margin: 0;
    padding: 0;
    clear: both;
    }

    .alignleft {
    float: left;
    margin: 6px 10px 6px 0;
    }
    .alignright {
    float: right;
    margin: 6px 0 6px 10px;
    }

    .aligncenter,
    div.aligncenter {
    margin: 10px auto;
    text-align: center;
    display: block;
    }

    img.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
    }
    img.alignright {
    float: right;
    margin: 5px 0 5px 10px;
    }
    img.aligncenter {
    margin: 10px auto;
    text-align: center;
    display: block;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #d2d6db;

    padding-top: 4px;

    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: none;
    margin-bottom: 4px;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    color: #111;
    }

    div#extrastuff {
    display: block;
    margin-bottom: 24px;
    margin-top: 12px;
    }

    /* WP */
    blockquote{margin:20px 10px 10px 5px;border-left:4px solid #DDD;padding:0 5px 0 5px;font-size:9px;text-align:justify;}
    .commenttext blockquote{border-left:4px solid #B6B6B5;}
    .wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;}
    .wp-caption img{border:none;margin:0;padding:0;}
    .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;color:#111;margin:0;padding:0 4px 5px;}
    .alignleft,img.alignleft{float:left;margin:5px 10px 5px 0;}
    .alignright,img.alignright{float:right;margin:5px 0 5px 10px;}
    .aligncenter,div.aligncenter,img.aligncenter{text-align:center;display:block;margin:10px auto;}
    abbr, acronym, span.abbr{cursor:help;border-bottom:1px dotted #000;}
    table{margin:.5em 0 1em;}
    table td,table th{text-align:left;border-right:1px solid #414246;padding:.4em .8em;}
    table th{background-color:#1f2225;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #35383d;}
    table td{background-color:#3f4248;}
    table th a{color:#d6f325;}
    table th a:hover{color:#fff;}
    table tr.even td{background-color:#2f3136;}
    table tr:hover td{background-color:#25272b;}
    table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}
    .wp_syntax { width:auto; }
    .wp_syntax table { border:0 !important; }
    .wp_syntax table td { border:0 !important; }
    img.wp-smiley{border:0px;vertical-align:middle;}

    /* Blogger Template Customization */

    p.comment-footer {
    font-size:1.2em;
    padding: 25px 0 35px 0px;
    }

    p.comment-footer a {
    }

    .post-reaction {
    padding: 10px 0 0 0;
    }

    .reactions-label-cell {
    line-height: 1.8em;
    }

    .comment-form{
    padding: 0px 30px 10px 0px;
    margin: 25px 0px 0px 0px;
    max-width: 568px !important;
    width: 568px !important;
    }

    .comment-form a {
    color: #1f85da;
    }

    h4#comments{
    margin:0 0 20px 0px;
    }

    h4#comment-post-message {
    font-size: 1.4em;
    width: 548px;
    }

    #comment-content{
    margin: 0 0px 25px 0;
    }

    #backlinks-container h4 {
    font-size: 1.4em;
    padding: 0 0 0 0px;
    margin: 0;
    }

    #blog-pager{
    padding: 0px;
    font-size:1.2em;
    text-align: center;

    }

    #blog-pager a {
    }

    #blog-pager-newer-link {
    padding: 0 0 0 0px;
    }

    #blog-pager-older-link {
    padding: 0 0px 0 0;
    }

    .feed-links{
    font-size: 1.2em;
    padding: 15px 0 0 0px;
    }

    .feed-links{
    }

    .feed-link{
    }

    ]]></b:skin>
    </head>

    <body>

    <!– Wrapper –>
    <div align=’center’ id=’wrapper’>
    <div id=’layouttop’/>

    <!– Header –>
    <div id=’header’>
    <div id=’headerleft’>

    <!– skip links for text browsers –>
    <span id=’skiplinks’ style=’display:none;’>
    <a href=’#main’>skip to main </a> |
    <a href=’#sidebar’>skip to sidebar</a>
    </span>

    <b:section class=’header1′ id=’header1′ maxwidgets=’1′ showaddelement=’no’>
    <b:widget id=’Header1′ locked=’true’ title=’Elegant Black (Header)’ type=’Header’>
    includable id=’title’>

    <data:title/>
    <b:else/>
    expr:href=’data:blog.homepageUrl’>
    </b:if>
    includable>
    includable id=’description’>
    <h3><data:description/></h3>
    includable>
    includable id=’main’>

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

    <!–Show just the image, no text–>
    <div id=’header-inner’>
    expr:href=’data:blog.homepageUrl’ style=’display: block’>
    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>
    </div>
    <b:else/>
    <!–
    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.
    –>

    expr:style='”background-image: url(\”” + data:sourceUrl + “\”); ”                      + “background-position: ”                      + data:backgroundPositionStyleStr + “; ”                      + data:widthStyleStr                      + “min-height: ” + data:height + “px;”                      + “_height: ” + data:height + “px;”                      + “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/>
    <!–No header image –>
    <h1>
    expr:href=’data:blog.homepageUrl’>
    </h1>
    <b:include name=’description’/>
    </b:if>
    includable>
    </b:widget>
    </b:section>
    </div>

    <div id=’headerright’/>

    </div>
    <!– /Header –>

    <!– Container –>
    <div id=’innerwrapper’>

    <!– Page –>
    <div id=’navouter’>
    <div id=’nav’>
    <b:section class=’crosscol’ id=’crosscol’ showaddelement=’yes’>
    <b:widget id=’PageList1′ locked=’false’ title=’Pages’ type=’PageList’>
    includable id=’main’>
    <b:if cond=’data:title’><h2><data:title/></h2></b:if>
    <div class=’widget-content’>
    <ul>
    <b:loop values=’data:links’ var=’link’>
    <b:if cond=’data:link.isCurrentPage’>

  • expr:href=’data:link.href’>
  • <b:else/>

  • expr:href=’data:link.href’>
  • </b:if>
    </b:loop>
    </ul>

    </div>
    includable>
    </b:widget>
    </b:section>
    </div>
    </div>
    <!– /Page –>

    <!– Content –>
    <div id=’maincol’>
    <b:section class=’main’ id=’main’ showaddelement=’no’>
    <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’>
    includable id=’nextprev’>
    <div class=’blog-pager’ id=’blog-pager’>

    <span id=’blog-pager-newer-link’>
    expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-newer-link”‘ expr:title=’data:newerPageTitle’>
    </span>
    </b:if>
    <span id=’blog-pager-older-link’>
    expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-older-link”‘ expr:title=’data:olderPageTitle’>
    </span>
    </b:if>

    <b:if cond=’data:blog.homepageUrl != data:blog.url’>
    homeMsg/>
    <b:else/>
    <b:if cond=’data:newerPageUrl’>
    homeMsg/>
    </b:if>
    </b:if>

    </div>
    <div class=’clear’/>
    includable>
    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>
    expr:href=’data:backlink.url’ rel=’nofollow’>
    <b:include data=’backlink’ name=’backlinkDeleteIcon’/>
    </dt>
    <dd class=’comment-body collapseable’>
    <data:backlink.snippet/>
    </dd>
    <dd class=’comment-footer collapseable’>
    <span class=’comment-author’><data:post.authorLabel/> <data:backlink.author/></span>
    <span class=’comment-timestamp’><data:post.timestampLabel/> <data:backlink.timestamp/></span>
    </dd>
    </div>
    </b:loop>
    <!–dl>
    </b:if>
    <p class=’comment-footer’>
    <a class=’comment-link’ expr:href=’data:post.createLinkUrl’ expr:id=’data:widget.instanceId + &quot;_backlinks-create-link&quot;’ target=’_blank’><data:post.createLinkLabel/></a>
    </p>
    includable>
    includable id=’post’ var=’post’>
    <div class=’post postwrap’>
    expr:name=’data:post.id’/>
    <b:if cond=’data:post.title’>
    <h2 class=’posttitle’>
    <b:if cond=’data:post.link’>
    expr:href=’data:post.link’>
    <b:else/>
    <b:if cond=’data:post.url’>
    expr:href=’data:post.url’>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h2>
    </b:if>

    <div class=’postmeta’>
    <b:if cond=’data:top.showAuthor’>
    <data:top.authorLabel/> <data:post.author/> ,
    </b:if>
    <b:if cond=’data:top.showTimestamp’>
    <b:if cond=’data:post.dateHeader’>
    expr:href=’data:post.url’ rel=’bookmark’ title=’permanent link’>
    </b:if>
    <b:if cond=’data:top.showTimestamp’>
    <data:top.timestampLabel/>
    <b:if cond=’data:post.url’>
    <a class=’timestamp-link’ expr:href=’data:post.url’ rel=’bookmark’ title=’permanent link’><data:post.timestamp/></a>
    </b:if>
    </b:if>
    </b:if>
    <b:if cond=’data:post.labels’>
    postLabelsLabel/>
    <b:loop values=’data:post.labels’ var=’label’>
    expr:href=’data:label.url’ rel=’tag’>
    <b:if cond=’data:label.isLast != &quot;true&quot;’>,</b:if>
    </b:loop>
    </b:if>
    </div>

    <div class=’clr16’/>
    <div class=’post-header-line-1’/>

    <!– Entry –>
    <div class=’postcontent’>
    <p>
    <data:post.body/>
    </p>

    <span class=’postmore’>
    <b:if cond=’data:post.hasJumpLink’>
    expr:href=’data:post.url + “#more”‘>Read More
    </b:if>
    </span>
    <div style=’clear: both;’/>

    <div class=’post-reaction’>
    <span class=’reaction-buttons’>
    <b:if cond=’data:top.showReactions’>
    <table border=’0′ cellpadding=’0′ cellspacing=’0′ width=’100%’><tr>
    <td class=’reactions-label-cell’ nowrap=’nowrap’ valign=’top’ width=’1%’>
    <span class=’reactions-label’>
    <data:top.reactionsLabel/></span> </td>
    <iframe allowtransparency=’true’ class=’reactions-iframe’ expr:src=’data:post.reactionsUrl’ frameborder=’0′ name=’reactions’ scrolling=’no’/>
    </tr></table>
    </b:if>
    </span>

    <span class=’star-ratings’>
    <b:if cond=’data:top.showStars’>

    expr:g:background-color=’data:backgroundColor’ expr:g:text-color=’data:textColor’ expr:g:url=’data:post.absoluteUrl’ g:height=’42’ g:type=’RatingPanel’ g:width=’280’/>

    </b:if>
    </span>
    </div>
    </div>
    <!– /Entry –>

    <!– Bottom Post Meta –>
    <div class=’roundcornrrbox’>
    <div class=’topleftcorner’><div class=’toprightcorner’/></div>
    <div class=’roubcornrcontent’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’>
    <span class=’posttags’>
    <!– backlinks –>
    <span class=’post-backlinks post-comment-link’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’>
    <b:if cond=’data:post.showBacklinks’>
    <a class=’comment-link’ expr:href=’data:post.url + &quot;#links&quot;’><data:top.backlinkLabel/></a>
    </b:if>
    </b:if>
    </span>
    <!– email post links –>
    <b:if cond=’data:post.emailPostUrl’>
    <span class=’item-action’>
    expr:href=’data:post.emailPostUrl’ expr:title=’data:top.emailPostMsg’>
    <img alt=” class=’icon-action’ height=’13’ src=’http://www.blogger.com/img/icon18_email.gif&#8217; width=’18’/>
    </a>
    </span>
    </b:if>

    <!– quickedit pencil –>
    <b:include data=’post’ name=’postQuickEdit’/>
    </span>
    </b:if>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’>
    <span class=’postcomments’>
    <b:if cond=’data:post.allowComments’>
    expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
    <b:if cond=’data:post.numComments == 1′>
    <span>1 Comment</span>
    <b:else/>
    <span><data:post.numComments/> Comments</span>
    </b:if>
    </a>
    </b:if>
    </span>
    </b:if>
    <div class=’clr’/>
    </div>
    <div class=’bottomleftcorner’><div class=’bottomrightcorner’/></div>
    </div>
    <!– /Bottom Post Meta –>

    <div class=’post-footer’>
    <div class=’post-footer-line post-footer-line-1′>
    </div>

    <div class=’post-footer-line post-footer-line-2′>

    </div>

    <div class=’post-footer-line post-footer-line-3′>
    <span class=’post-location’>
    <b:if cond=’data:top.showLocation’>
    <b:if cond=’data:post.location’>
    postLocationLabel/>
    expr:href=’data:post.location.mapsUrl’ target=’_blank’>
    </b:if>
    </b:if>
    </span>
    </div>
    </div>
    </div>
    includable>
    includable id=’commentDeleteIcon’ var=’comment’>
    expr:class='”item-control ” + data:comment.adminClass’>
    expr:href=’data:comment.deleteUrl’ expr:title=’data:top.deleteCommentMsg’>
    src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’status-message’>

    <div class=’status-msg-wrap’>
    <div class=’status-msg-body’>
    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>
    includable>
    includable id=’feedLinks’>
    <b:if cond=’data:blog.pageType != &quot;item&quot;’> <!– Blog feed links –>
    <b:if cond=’data:feedLinks’>
    <div class=’blog-feeds’>
    <b:include data=’feedLinks’ name=’feedLinksBody’/>
    </div>
    </b:if>

    <b:else/> <!–Post feed links –>
    <div class=’post-feeds’>
    <b:loop values=’data:posts’ var=’post’>
    <b:if cond=’data:post.allowComments’>
    <b:if cond=’data:post.feedLinks’>
    <b:include data=’post.feedLinks’ name=’feedLinksBody’/>
    </b:if>
    </b:if>
    </b:loop>
    </div>
    </b:if>
    includable>
    includable id=’comment-form’ var=’post’>
    <div class=’comment-form’>
    <a name=’comment-form’/>

    postCommentMsg/>

    blogCommentMessage/>
    blogTeamBlogMessage/>
    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%’/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>

    BLOG_CMT_createIframe(‘<data:post.appRpcRelayPath/>’, ‘<data:post.communityId/>’);
    </script>
    </div>
    includable>
    includable id=’backlinkDeleteIcon’ var=’backlink’>
    expr:class='”item-control ” + data:backlink.adminClass’>
    expr:href=’data:backlink.deleteUrl’ expr:title=’data:top.deleteBacklinkMsg’>
    src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
    </span>
    includable>
    includable id=’feedLinksBody’ var=’links’>
    <div class=’feed-links’>
    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>
    includable>
    includable id=’postQuickEdit’ var=’post’>
    <b:if cond=’data:post.editUrl’>
    expr:class='”item-control ” + data:post.adminClass’>
    expr:href=’data:post.editUrl’ expr:title=’data:top.editPostMsg’>
    <img alt=” class=’icon-action’ height=’18’ src=’http://www.blogger.com/img/icon18_edit_allbkg.gif&#8217; width=’18’/>
    </a>
    </span>
    </b:if>
    includable>
    includable id=’comments’ var=’post’>
    <div id=’comments’>
    <a name=’comments’/>
    <div class=’roundcornrrbox’>
    <div class=’topleftcorner’><div class=’toprightcorner’/></div>
    <div class=’roubcornrcontent’>
    <b:if cond=’data:post.allowComments’>
    <h3 id=’commentstitle’>
    <b:if cond=’data:post.numComments == 1′>
    1 Comment for &quot;<data:post.title/>&quot;
    <b:else/>
    <data:post.numComments/> Comments for &quot;<data:post.title/>&quot;
    </b:if>
    </h3>

    <b:if cond=’data:post.commentPagingRequired’>
    <span class=’paging-control-container’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>

    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>

    <data:post.commentRangeText/>

    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>

    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newestLinkUrl’>
    </span>
    </b:if>

    <ul class=’commentlist’>
    <b:loop values=’data:post.comments’ var=’comment’>
    <li class=’comment’ id=’li-comment’>
    <div id=’comment-1′>
    <div class=’commentbody’>

    expr:class='”comment-author ” + data:comment.authorClass’ expr:id=’data:comment.anchorName’>

    <b:if cond=’data:comment.favicon’>
    <a class=’gravatar’>
    <img class=’avatar’ expr:src=’data:comment.favicon’ height=’60px’ width=’60px’/>
    </a>
    </b:if>
    expr:name=’data:comment.anchorName’/>
    <b:if cond=’data:blog.enabledCommentProfileImages’>
    <data:comment.authorAvatarImage/>
    </b:if>
    <b:if cond=’data:comment.authorUrl’>
    expr:href=’data:comment.authorUrl’ rel=’nofollow’> says:

    <small class=’commentmetadata’>
    expr:href=’data:comment.url’ title=’comment permalink’>
    <data:comment.timestamp/>
    </a>
    </small>
    <b:else/>
    <cite><data:comment.author/></cite> Says:<br/>
    <small class=’commentmetadata’>
    expr:href=’data:comment.url’ title=’comment permalink’>
    <data:comment.timestamp/>
    </a>
    </small>
    </b:if>
    </dt>

    <b:if cond=’data:comment.isDeleted’>
    <span class=’deleted-comment’><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    <b:include data=’comment’ name=’commentDeleteIcon’/>
    </div>
    </div>
    </li>
    </b:loop>
    </ul>

    <b:if cond=’data:post.commentPagingRequired’>
    <span class=’paging-control-container’>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>
    <data:post.oldestLinkText/>
    </a>
    expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>
    <data:post.olderLinkText/>
    </a>

    <data:post.commentRangeText/>

    expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>
    <data:post.newerLinkText/>
    </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:include data=’post’ name=’comment-form’/>
    <b:else/>
    <b:if cond=’data:post.allowComments’>
    expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
    </b:if>
    </b:if>
    </p>
    </b:if>

    <div id=’backlinks-container’>

    expr:id=’data:widget.instanceId + “_backlinks-container”‘>

    <b:if cond=’data:post.showBacklinks’>
    <b:include data=’post’ name=’backlinks’/>
    </b:if>
    </div>
    </div>
    </div>

    <div class=’bottomleftcorner’><div class=’bottomrightcorner’/></div>
    </div>
    </div>
    </b:includable>
    <b:includable id=’main’ var=’top’>
    <!– posts –>
    <div class=’blog-posts hfeed’>

    <b:include data=’top’ name=’status-message’/>
    defaultAdStart/>
    <b:loop values=’data:posts’ var=’post’>
    <b:include data=’post’ name=’post’/>
    <b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <b:include data=’post’ name=’comments’/>
    </b:if>
    <b:if cond=’data:post.includeAd’>
    <b:if cond=’data:post.isFirstPost’>
    defaultAdEnd/>
    <b:else/>
    adEnd/>
    </b:if>
    <div class=’inline-ad’>
    adCode/>
    </div>
    adStart/>
    </b:if>
    <b:if cond=’data:post.trackLatency’>
    <data:post.latencyJs/>
    </b:if>
    </b:loop>
    adEnd/>
    </div>

    <!– navigation –>
    <b:include name=’nextprev’/>

    <!– feed links –>
    <b:include name=’feedLinks’/>

    <b:if cond=’data:top.showStars’>
    // <![CDATA[src=’http://www.google.com/jsapi&#8217; type=’text/javascript’ />]]>

    google.load(&quot;annotations&quot;, &quot;1&quot;,{&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
    function initialize(){
    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
    google.annotations.createAll();
    google.annotations.fetch();
    }
    google.setOnLoadCallback(initialize);
    </script>
    </b:if>
    </b:includable>
    </b:widget>
    </b:section>
    <div class=’clr’/>
    </div>
    <!– /Content –>

    <!– Sidebar –>
    <div id=’rightcol’>

    <div class=’roundcornrrbox’>
    <div class=’topleftcorner’><div class=’toprightcorner’/></div>
    <div class=’roundcrrcnt’>

    <div id=’feedbox’>
    <div id=’contrssbox’>
    expr:href=’data:blog.homepageUrl + “feeds/posts/default”‘>RSS Feed
    </div>
    </div>

    <ul>
    <b:section class=’sidebar1′ id=’sidebar1′ preferred=’yes’>
    <b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’>
    <b:includable id=’toggle’ var=’interval’>
    <b:if cond=’data:interval.toggleId’>
    <b:if cond=’data:interval.expclass == &quot;expanded&quot;’>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy toggle-open’>▼ </span>
    </a>
    <b:else/>
    <a class=’toggle’ href=’javascript:void(0)’>
    <span class=’zippy’>
    <b:if cond=’data:blog.languageDirection == &quot;rtl&quot;’>

    <b:else/>

    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>

    <b:loop values=’data:intervalData’ var=’i’>
    <ul>

  • expr:class='”archivedate ” + data:i.expclass’>
  • <b:include data=’i’ name=’toggle’/>
    <a class=’post-count-link’ expr:href=’data:i.url’><data:i.name/></a>
    <span class=’post-count’ dir=’ltr’>(<data:i.post-count/>)</span>
    <b:if cond=’data:i.data’>
    <b:include data=’i.data’ name=’interval’/>
    </b:if>
    <b:if cond=’data:i.posts’>
    <b:include data=’i.posts’ name=’posts’/>
    </b:if>
    </li>
    </ul>
    </b:loop>
    </b:includable>
    <b:includable id=’menu’ var=’data’>

    <option value=”><data:title/></option>
    <b:loop values=’data:data’ var=’i’>
    expr:value=’data:i.url’> ()
    </b:loop>
    </select>
    </b:includable>
    <b:includable id=’flat’ var=’data’>
    <ul>
    <b:loop values=’data:data’ var=’i’>
    <li class=’archivedate’>
    expr:href=’data:i.url’> ()
    </li>
    </b:loop>
    </ul>
    </b:includable>
    <b:includable id=’posts’ var=’posts’>
    <ul class=’posts’>
    <b:loop values=’data:posts’ var=’i’>

  • expr:href=’data:i.url’>
  • </b:loop>
    </ul>
    </b:includable>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <div id=’ArchiveList’>

    expr:id=’data:widget.instanceId + “_ArchiveList”‘>

    <b:if cond=’data:style == &quot;HIERARCHY&quot;’>
    <b:include data=’data’ name=’interval’/>
    </b:if>
    <b:if cond=’data:style == &quot;FLAT&quot;’>
    <b:include data=’data’ name=’flat’/>
    </b:if>
    <b:if cond=’data:style == &quot;MENU&quot;’>
    <b:include data=’data’ name=’menu’/>
    </b:if>
    </div>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>

    expr:class='”widget-content ” + data:display + “-label-widget-content”‘>

    <b:if cond=’data:display == &quot;list&quot;’>
    <ul>
    <b:loop values=’data:labels’ var=’label’>
    <li>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:else/>
    <b:loop values=’data:labels’ var=’label’>
    expr:class='”label-size label-size-” + data:label.cssSize’>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span class=’label-count’ dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Followers1′ locked=’false’ title=’Followers’ type=’Followers’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>

    <h2 class=’title’><data:title/></h2>
    <b:else/>

    (totalFollowerCount/>)

    </b:if>
    </b:if>
    </b:if>
    <div class=’widget-content’>

    expr:id=’data:widget.instanceId + “-wrapper”‘>

    codeSnippet/>
    </div>
    <b:else/>

    <span class=’item-control following-not-admin’>
    failureSnippet/>
    </span>
    <span class=’item-control blog-admin’>
    adminFailureSnippet/>
    </span>
    <b:else/>
    <b:if cond=’data:followingLinkPresent’>
    <div class=’follow-this profile-link item-control following-follow-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    followThisMessage/>
    </a>
    </div>
    <div class=’follow-this profile-link item-control following-stop-following-this’>
    expr:href='”javascript:_FollowersView._openPopup(\”” + data:followUri + “\”);”‘>
    stopFollowingMessage/>
    </a>
    </div>
    </b:if>

    <div class=’followers-grid’>

    <div class=’profile-link item-control following-follow-this’>
    emptyFollowersMessage/>
    </div>
    </b:if>
    <!–
    Relies on the js written out in navbar.gxp
    –>
    <b:loop values=’data:followers’ var=’follower’>
    <div class=’follower’>
    expr:href=’data:follower.profileUrl’ expr:title=’data:follower.displayName’ rel=’nofollow’>

    </a>
    </div>
    </b:loop>
    <div class=’clear’/>
    </div>

    <div class=’followers-canvas profile-link’>
    followersFooterMessage/>
    <span class=’item-control following-not-admin’>
    expr:href=’data:followersUri’>
    viewAllMessage/>
    </a>
    </span>
    <span class=’item-control blog-admin’>
    expr:href=’data:manageFollowersUri’>
    manageFollowersMessage/>
    </a>
    </span>
    </div>
    </b:if>
    </b:if>
    </div>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’>
    <b:includable id=’main’>
    <b:if cond=’data:title != &quot;&quot;’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <b:if cond=’data:team == &quot;true&quot;’> <!– team blog profile –>
    <ul>
    <b:loop values=’data:authors’ var=’i’>

  • expr:href=’data:i.userUrl’>
  • </b:loop>
    </ul>

    <b:else/> <!– normal blog profile –>

    <b:if cond=’data:photo.url != &quot;&quot;’>
    expr:href=’data:userUrl’>
    </b:if>

    <dl class=’profile-datablock’>

    displayname/>

    <dd class=’profile-data’><data:location/></dd>
    </b:if>

    </dl>
    viewProfileMsg/>
    </b:if>

    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id=’AdSense1′ locked=’false’ title=” type=’AdSense’>
    <b:includable id=’main’>
    <div class=’widget-content’>
    adCode/>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </ul>
    <div class=’clr’/>
    </div>
    <div class=’bottomleftcorner’><div class=’bottomrightcorner’/></div>
    </div>
    </div>
    <div class=’clr’/>
    <!– /Sidebar –>

    <div id=’bottompanel’>
    <div class=’roundcornrrbox’>
    <div class=’topleftcorner’><div class=’toprightcorner’/></div>
    <div class=’roundcrrcnt’>
    <div class=’col1′>

    <ul>
    <b:section class=’sidebar2′ id=’sidebar2′ preferred=’yes’>
    <b:widget id=’Text1′ locked=’false’ title=’@copyright  2010 and powered’ type=’Text’>
    <b:includable id=’main’>
    <!– only display title if it’s non-empty –>
    <b:if cond=’data:title != &quot;&quot;’>
    <h2 class=’title’><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <data:content/>
    </div>

    <b:include name=’quickedit’/>
    </b:includable>
    </b:widget>
    </b:section>
    </ul>
    </div>

    <div class=’col2′>
    <ul>
    <b:section class=’sidebar3′ id=’sidebar3′ preferred=’yes’>
    <b:widget id=’Label3′ locked=’false’ title=’Labels’ type=’Label’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>

    expr:class='”widget-content ” + data:display + “-label-widget-content”‘>

    <b:if cond=’data:display == &quot;list&quot;’>
    <ul>
    <b:loop values=’data:labels’ var=’label’>
    <li>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:else/>
    <b:loop values=’data:labels’ var=’label’>
    expr:class='”label-size label-size-” + data:label.cssSize’>
    <b:if cond=’data:blog.url == data:label.url’>
    expr:dir=’data:blog.languageDirection’>
    <b:else/>
    expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’>
    </b:if>
    <b:if cond=’data:showFreqNumbers’>
    <span class=’label-count’ dir=’ltr’>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </ul>
    </div>

    <div class=’col3′>
    <ul>
    <b:section class=’sidebar4′ id=’sidebar4′ preferred=’yes’>
    <b:widget id=’LinkList1′ locked=’false’ title=” type=’LinkList’>
    <b:includable id=’main’>

    <b:if cond=’data:title’><h2><data:title/></h2></b:if>
    <div class=’widget-content’>
    <ul>
    <b:loop values=’data:links’ var=’link’>

  • expr:href=’data:link.target’>
  • </b:loop>
    </ul>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </ul>
    </div>

    <div class=’clr’/>
    <div class=’clr’/>
    </div>
    <div class=’bottomleftcorner’><div class=’bottomrightcorner’/></div>
    </div>
    </div>

    <div class=’clr16’/>

    </div>
    <!– /Container –>

    <div id=’layoutbottom’/>

    </div>
    <!– /Wrapper –>

    <!– Footer –>
    <div align=’center’ id=’credit’>
    Designed by <a href=’http://www.freetemplatesblog.com’>Templates Next</a> | Converted into <a href=’http://new-free-blogger-templates.blogspot.com/’>Blogger Templates</a> by <a href=’http://themecraft.net/’>Theme Craft</a>
    </div>
    <!– /Footer –>

    </body>
    </html>

    Posted in HTML. 1 Comment »