<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
font: 68% georgia, geneva, serif;
background:url('http://static.flickr.com/16/21073464_4167b4ea19.jpg') no-repeat fixed left bottom #fefefc;
}
#hheader {
padding: 34px 20px 20px 285px;
font-size: 250%;
}
#hheader p {
font-size: 50%;
font-style:italic;
color:silver;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 5px;
left: 55px;
background: #fefefc;
padding:2px;
}
#menu dl {
width: 200px;
padding:3px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;
height: 15px;
line-height: 15px;
text-align: right;
font-weight: bold;
}
#menu dd {
border: 1px solid gray;
padding:2px;
}
#menu li {
text-align: right;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
padding:3px;
display: block;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #fff;
border: 1px solid silver;
padding:2px;
}
#menu dt a {
padding:3px;
}
#menu dt a:hover {
border: 1px solid silver;
}
#content {
margin:0 30px;
}
.date {
text-align:right;
padding-right:30px;
color:brown;
font-size:130%;
}
h1 {
padding-left:270px;
font-size: 160%;
}
.gr {
color:gray;
}
.post {
padding-left:273px;
padding-right:15px;
font-size: 120%;
}
.post img {
border: 1px solid gray;
}
.comments {
text-align:right;
}
blockquote {
font-style:italic;
color:gray;
}
.copy {
text-align:center;
}
-->
</style>
<script type="text/javascript">
<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
</head>
<noembed><body></noembed>
<div id="hheader" onmouseover="javascript:show();">
<$BlogTitle$>
<p><$BlogDescription$> </p>
</div>
<div id="menu">
<dl>
<dt onmouseover="javascript:show('smenu1');">Post archives;</dt>
<dd id="smenu1">
<ul>
<BloggerArchives><li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li></BloggerArchives>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:show('smenu2');">Post recentPast;</dt>
<dd id="smenu2">
<ul>
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:show('smenu3');">Friend collectionLinks[];</dt>
<dd id="smenu3">
<ul>
<!--####################### YOUR LINKS HERE ##########################-->
<li>
<a target="_blank" href="http://sample.blogspot.com">a sample</a></li>
<!--#################################################################-->
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:show('smenu4');">StatCounter arrVisitors[];</dt>
<dd id="smenu4">
<ul>
<a href="http://clustrmaps.com/counter/maps.php?url=http://pichuva.blogspot.com" id="clustrMapsLink">
<img src="http://clustrmaps.com/counter/index2.php?url=http://pichuva.blogspot.com" border=1 onError="this.onError=null; this.src='http://www.meetomatic.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://clustrmaps.com/'">
</a>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=741672;
var sc_partition=6;
var sc_security="33522406";
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c7.statcounter.com/counter.php?sc_project=741672&java=0&security=33522406" alt="counter" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
<!-- Start of Google-Analytics Code -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-147433-1";
urchinTracker();
</script>
<!-- End of Google-Analytics Code -->
</ul>
</dd>
</dl>
<MainPage>
<dl>
<dt onmouseover="javascript:show('smenu5');">_myProfile</dt>
<dd id="smenu5">
<ul>
<li><a href="<$BlogOwnerProfileUrl$>">
<img align="left" style="border:1px solid silver;padding:3px;margin-right:3px" src="http://photos5.flickr.com/5130352_833623fc3d_m.jpg" height="75" width="75"/>
<$BlogOwnerNickname$><br /><br />
<$BlogOwnerLocation$><br /><br /><br />
</a></li>
</ul>
</dd>
</dl>
</MainPage>
<ItemPage>
<dl>
<dt onmouseover="javascript:show();"><a id="nb" href="<$BlogURL$>">« return mainPage;</a></dt>
</dl>
</ItemPage>
<ArchivePage>
<dl>
<dt onmouseover="javascript:show();"><a id="A1" href="<$BlogURL$>">« return mainPage;</a></dt>
</dl>
</ArchivePage>
</div>
<div id="content" onmouseover="javascript:show();">
<Blogger>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$> - <$BlogItemDateTime$></BlogDateHeader></div>
<hr />
<h1><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></h1>
<div class="post"><$BlogItemBody$>
<br>
<br>
<BlogItemCommentsEnabled>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> owls</a>
</BlogItemCommentsEnabled>
</div>
</Blogger>
</div>
<br />
<div class="copy">© Copyright 2006 - <a href="<$BlogOwnerProfileUrl$>"><$BlogOwnerNickname$></a> </div>
</body>
</html>