rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<title><$BlogPageTitle$></title>
<meta name="keywords" content="damien lockheart, blog">
<style type="text/css">
/*-----------------------------------------------
BUTTERFLIES // love in the dark
Designer: Damien Lockheart
Designer's Blog: dlockheart.blogspot.com
Downloaded From: if-ever.blogspot.com
CSS released under Creative Commons License
------------------------------------------------
http://creativecommons.org/licenses/by-nc-sa/2.5/
All associated graphics copyright 2006, Damien Ng Xuan Wei
! Please do not remove this chunk of text, thank you !
-----------------------------------------------*/
html {
overflow-y: scroll;
}
body {
font-family: tahoma, arial, helvetica, sans-serif;
color: #808080;
font-size: 10px;
margin: 0;
padding: 0;
background: #b9b9ad url(http://img82.imageshack.us/img82/447/fatal02km9.jpg) no-repeat fixed bottom left;
scrollbar-face-color: #000;
scrollbar-track-color: #b9b9ad;
scrollbar-arrow-color: #b9b9ad;
scrollbar-shadow-color: #000;
scrollbar-highlight-color: #000;
scrollbar-3dlight-color: #000;
scrollbar-darkshadow-Color: #000;
border-top: #000 10px solid;
height: 100%;
}
#b-navbar { visibility: hidden;}
#decoration {
position: absolute;
z-index: 0;
top: 0px;
left: 273px;
height: 400px;
width: 164px;
background: #FFF;
}
#decoration2 {
position: absolute;
z-index: 1;
bottom: 0px;
left: 278px;
height: 400px;
width: 164px;
border-left: 1px dashed #eedfdf;
}
#decoration3 {
position: absolute;
z-index: 2;
top: 10px;
left: 0px;
height: 3px;
width: 100%;
border-bottom: 1px dashed #000;
}
#decoration4 {
position: absolute;
z-index: 2;
top: 10px;
left: 275px;
height: 54px;
width: 159px;
background: #000 url(http://img82.imageshack.us/img82/826/onceuponqd4.jpg) no-repeat left;
}
#diary {
z-index: 1;
position: absolute;
}
#content {
position: absolute;
top: 0px;
left: 453px;
width: 350px;
margin: 0;
padding: 0 0 20px 0;
background: #000 url(http://img174.imageshack.us/img174/4950/topbottomjv5.jpg) bottom no-repeat;
}
#bookmarks {
position: absolute;
top: 53px;
left: 275px;
width: 159px;
margin: 0px;
padding-bottom: 150px;
text-align: left;
z-index: 1;
background: #000 url(http://img174.imageshack.us/img174/5225/apartav2.jpg) no-repeat bottom;
}
.written {
font: tahoma;
font-size: 10px;
color: #adada9;
padding: 12px 10px 12px 10px;
margin: 0 10px -8px 0;
text-align: justify;
border-right: 1px dashed #8d8d84;
background: #1b1b1b;
}
.written a:link, .written a:active, .written a:visited {
color: #c05757;
text-decoration: none;
}
.written a:hover {
color: #c05757;
text-decoration: line-through;
}
a:link, a:active, a:visited {
color: #c05757;
text-decoration: none;
}
a:hover {
color: #c05757;
text-decoration: line-through;
}
#postscript {
color: #715e5e;
text-align: center;
margin: 0 0 25px 0;
font-size: 9px;
font-weight: none;
text-transform: lowercase;
padding: 5px 8px 5px 8px;
border-top: 1px dashed #000;
border-bottom: 1px dashed #b9b9ad;
background: #ececec;
}
#postscript span a:link, a:active, a:visited {
color: #000;
text-decoration: none;
}
#postscript span a:hover{
color: #7f3a40;
border-bottom: 1px dotted #000000;
}
h1 {
font-family: arial;
font-size: 15px;
color: #e9e9ce;
font-weight: bold;
letter-spacing: 1px;
text-transform: lowercase;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 15px;
}
h2 {
font-size: 11px;
color: #c05757;
font-weight: bold;
padding: 0 0 5px 15px;
margin: 0 0 -8px 0;
letter-spacing: 1px;
text-transform: lowercase;
border-bottom: 1px dashed #8d8d84;
}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
color: #c05757;
text-decoration: none;
}
h3 {
font-family: arial;
font-size: 13px;
color: #c05757;
font-weight: bold;
text-transform: lowercase;
text-align: left;
letter-spacing: 2px;
padding: 0 0 2px 10px;
margin: 30px 0 0 0;
cursor: default;
}
ul {
font-size: 10px;
color: #808080;
list-style-type: none;
text-transform: lowercase;
margin: 4px;
padding: 3px 0 3px 2px;
}
ul a:link, ul a:active, ul a:visited {
color: #852d2e;
text-decoration: none;
}
ul a:hover {
color: #973b3b;
text-decoration: line-through;
}
#friends li, #archive li {
background: url(http://img80.imageshack.us/img80/3006/gameofloveicon03io7.gif) no-repeat left;
padding: 0 0 2px 22px;
margin: 0 0 3px 0;
cursor: default;
}
#friends li:hover, #archive li:hover {
background: url(http://img80.imageshack.us/img80/4566/gameofloveicon04xq2.gif) no-repeat left;
cursor: default;
}
#friends ul a:link, #friends ul a:active, #friends ul a:visited, #archive ul a:link, #archive ul a:active, #archive ul a:visited {
color: #808080;
text-decoration: none;
cursor: default;
}
#friends ul a:hover, #archive ul a:hover {
color: #973b3b;
text-decoration: none;
cursor: default;
}
</style>
</head>
<body>
<div id="decoration3"><span></span></div>
<div id="decoration4"><span></span></div>
<div id="diary">
<div id="content">
<span class="content">
<blogger>
<h1><span><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></span></h1>
<h2><span><BlogItemTitle><a href="<$BlogItemPermalinkURL$>" title="Permanent Link"><$BlogItemTitle$></a></BlogItemTitle></span></h2>
<p><div class="written"><span><$BlogItemBody$></span></div></p><p></p>
<div id="postscript">
<span class="comments">
<BlogItemCommentsEnabled>your love is like a shadow at <$BlogItemDateTime$>
<br />
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> said we can't be wrong together</a></BlogItemCommentsEnabled>
</span>
</div>
<p>
</blogger>
</span>
</div>
<div id="bookmarks">
<div id="myself">
<h3 class="autobiography"><span>Myself & I</span></h3>
<ul>
<li>Some words about yourself</li>
<li>Maybe your age</li>
<li>But don't forget your name</li>
<li>It ain't secret anymore</li>
</ul>
</div>
<div id="friends">
<h3 class="hangouts"><span>Friends</span></h3>
<ul>
<li><a href="http://if-ever.blogspot.com" title="Free Blogskins!">Designer's Portfolio</a></li>
</ul>
</div>
<div id="archive">
<h3 class="history"><span>Those Days</span></h3>
<ul>
<script type="text/javascript">
var archives = new Array();
<BloggerArchives>
archives[archives.length] = new Array('<$BlogArchiveURL$>', '<$BlogArchiveName$>');
</BloggerArchives>
for (var i=archives.length-1;i>=0;i--)
{
document.write('<li><a href="' + archives[i][0] + '">' + archives[i][1] + '</a></li>');
}
</script>
</ul>
</div>
<div id="tagboard">
<h3 class="leavemessage"><span>Tagboard</span></h3>
<ul>
<li>
<!-- BEGIN CBOX - http://www.cbox.ws -->
<!-- END CBOX -->
</li>
</ul>
</div>
</div>
</body>
</html>