<html>
<head>
<title><$BlogPageTitle$></title>
<style type="text/css" media="screen">
/* for h1, top margin must account for blogger bar */
h1 {
font-size: 115%;
border-bottom: dotted 1px #000000;
margin-top: 1.5em;
margin-bottom: 2px;
padding-bottom: 3px;
}
h2 {
margin: 3px auto 1px 0px;
padding: 3px 0px 2px 10px;
color: #555555;
font-size: 105%;
border-top: dotted 1px #888888;
}
h2#archives
{
clear: both;
padding-top: 10px;
margin-top: 40px;
border-top: dotted 1px #999999;
}
h3 {
margin: 2px auto 2px 0px;
padding: 2px 0px 2px 20px;
font-size: 100%;
}
body {
font-family: Verdana,Helvetica,sans-serif;
font-size: 0.8em;
margin: 3%;
padding: 0px;
background: #ffffff;
color: #000000;
}
div.blogDesc {
margin: 0;
padding: 1px;
}
div.blogPost {
margin: 0;
padding: 1px 30px 1px 30px;
}
div.blogPost p {
margin: 0;
padding: 5px 2px 5px 2px;
}
div.blogPost > p:first-child,
div.blogPost > div:first-child
{
padding-top: 2px;
}
div.byline {
color: #555555;
}
p#bloggerBug {
padding-top: 20px;
}
.blogComments
{
padding-top: 30px;
color: #555555;
padding-bottom: 0px;
margin-bottom: 0px;
font-weight: bold;
}
.blogComments .byline {
font-size: 12pt;
font-weight: normal;
color: #555555;
margin-right: 10px;
display: inline;
}
.blogComment {
font-size: 1em;
margin: 3%;
color: #000000;
font-weight: normal;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blogfeeds { }
#postfeeds { }
.archlst {
margin: 4px 30px 4px 30px;
}
</style>
<$BlogMetaData$>
</head>
<body>
<!-- To aid with the Blogger NavBar -->
<div id="wrap4">
<!-- Header -->
<h1><$BlogTitle$></h1>
<div class="blogDesc"><$BlogDescription$></div>
<!-- Blog Posts -->
<Blogger>
<h2><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></h2>
<h3 id="<$BlogItemNumber$>">
<BlogItemTitle><BlogItemURL><a href="<$BlogItemURL$>"></BlogItemURL><$BlogItemTitle$><BlogItemURL></a></BlogItemURL></BlogItemTitle>
</h3>
<div class="blogPost">
<$BlogItemBody$><br />
<div class="byline">
<$I18NPostedByAuthorNickname$> #
<a href="<$BlogItemPermalinkURL$>" title="permanent link"><$BlogItemDateTime$></a>
<MainOrArchivePage>
<BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>
><span style="text-transform:lowercase"><$I18NNumComments$></span></a>
</BlogItemCommentsEnabled>
<BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links"
><span style="text-transform:lowercase"><$I18NLinksToThisPost$></span></a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$>
</div>
</div>
<ItemPage>
<div class="blogComments">
<BlogItemCommentsEnabled><a name="comments"></a>
<$I18NComments$>:
<BlogItemComments>
<div class="blogComment">
<a name="<$BlogCommentNumber$>"></a>
<$BlogCommentBody$><br />
<div class="byline">
<a href="<$BlogCommentPermalinkURL$>" title="permanent link"
>#</a> <$I18NPostedByCommentAuthor$> : <$BlogCommentDateTime$>
</div>
<$BlogCommentDeleteIcon$>
</div>
</BlogItemComments>
<$BlogItemCreate$>
<p id="postfeeds"><$BlogItemFeedLinks$></p>
</BlogItemCommentsEnabled>
<br /> <br />
<BlogItemBacklinksEnabled>
<a name="links"></a>
<$I18NLinksToThisPost$>:
<BlogItemBacklinks>
<div class="blogComment">
<a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a>
<$BlogBacklinkDeleteIcon$>
<br />
<$BlogBacklinkSnippet$><br />
<div class="byline">
<span class="comment-poster">
<em><$I18NPostedByBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
</span>
</div>
</div>
</BlogItemBacklinks>
<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>
<br /> <br />
<a href="<$BlogURL$>"><< <$I18NHome$></a>
</div>
</ItemPage>
</Blogger>
<!-- Archive Links -->
<h2 id="archives"><$I18NArchives$></h2>
<p class="archlst">
<BloggerArchives>
<a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a>
</BloggerArchives>
<script type="text/javascript" language="Javascript">
if (location.href.indexOf("archive")!=-1)
document.write("<strong><a href=\"<$BlogURL$>\">Current Posts</a></strong>");
</script>
</p>
<!-- In accordance to the Blogger terms of service, please leave
this button somewhere on your blogger-powered page. Thanks! -->
<p id="bloggerBug"
><a href="http://www.blogger.com"
><img width="88" height="31"
src="http://buttons.blogger.com/bloggerbutton1.gif"
border="0" alt="This page is powered by Blogger. Isn't yours?"
/></a>
</p>
<p id="blogfeeds"><$BlogFeedsHorizontal$></p>
</div>
</body>
</html>