<head>
<link rel="shortcut icon" href="http://applepine.chu.jp/illust/mono/08sumomo.gif">
<center><div class="header">Heart <bu>A</bu>ttack</div></center>
<a style="display:scroll;position:fixed;top:45px;left:15px;" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID" title="Follow"><img src="http://applepine.chu.jp/illust/mono/08momo.gif"/> <img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:15px;left:15px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>
<title>Heart Attack</title>
<style type="text/css">
#navbar-iframe {display: none;
}
body {
cursor:url("http://3.bp.blogspot.com/-6QcKY94NX6c/Tj27hU529uI/AAAAAAAAAus/P2etkytO-ik/s320/blackmustache-LyssaSecret.png"),default; filter: none; text-decoration: none;
color:#565656;
background:#fbfbfb;
font-family: 'Short Stack';
font-size: 8px;
}
a:link,a:visited{
padding:1px;
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;
text-decoration:none;
color:#111;
}

a:hover{
background:#83AF9B;
color:#fff;
}
.content {
margin: 8px auto;
width: 850px;
background:url(https://twimg0-a.akamaihd.net/profile_background_images/864189558/0f8a876dff5196d7105e6b765b300372.png);
padding: 15px;
padding-top: 10px;
border-radius:10px;
}
.sidebar {
font: 10px arial;
letter-spacing: 2px;
}
@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')
}
.h1 {
padding: 5px;
font:25px cd;
text-align:center;
background:#FFE1E2;
border-top-right-radius:15px;
border-top-left-radius:15px;
color:#000;
margin-top:2px;
letter-spacing:0px;
}
.header {
margin-top:20px;
color:#F4B7BC;
text-shadow: 0px 0px 8px #F6F9E6;
font:110px cd;
text-align:center;
}
bu{
font-size: 110px;
color:#B7C9A1;
font-family: 'star';
text-transform:uppercase;
}
@font-face{font-family:star; src:url('http://static.tumblr.com/cpgw3dl/u7dmup8xr/lavanderia_regular.ttf');}
.widget {
background:#F0FAEF;
padding: 10px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
}
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')
}

@font-face {
  font-family: 'Short Stack';
  font-style: normal;
  font-weight: 400;
  src: local('Short Stack'), local('ShortStack'), url(http://themes.googleusercontent.com/static/fonts/shortstack/v4/6Lbgh4PDdLpSiP41rQoGa4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
.h2 {
text-align:left;
text-transform:uppercase;
font-family:tinytots;
color:#999;
font-size:8px;
margin-bottom:3px;
}
blockquote {
background:#EEF3EF;
border-radius:10px;
border-left: 20px solid #FFE1E2;
padding: 8px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

blockquote:hover {
border-left: 20px solid #F6B3BC;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 10px;
width: 10px;
display: block;
background: #fff;
border: 1px solid #dedede
}
::-webkit-scrollbar-track-piece {
background-color: #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #dedede
}
a.nav{
width: 90px;                            
margin:-1px;
display:inline-block;
text-align:center;
padding:5px;
text-align:center;
font: normal normal 13px Oswald, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
background:url(http://applepine.chu.jp/back/pattern/aiueo1.gif);
border: solid 2px #EEF3EF;
opacity:0.7;
color:#333;
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;
}
a.nav:hover {
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;
background:url(http://applepine.chu.jp/back/pattern/mameturu.gif);
}
d {
display: inline-block;
background:#F0FAEF;
padding: 4px;
font:23px cd;
text-align:center;
text-transform:lowercase;
}

.titlesubject { margin-right:-40px;padding: 0 0 20px; }
.subject {
font: normal normal 13px Oswald, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;border-radius:8px; color:#333; text-transform: uppercase; text-align: right;margin-right:-10px;padding: 5px 10px; }
.subject span { background: #CEE3C2; margin-right:-10px; padding: 5px 10px; }
.fold { width: 0; height: 0; border-style: solid; border-color: #CEE3C2 #CEE3C2 transparent transparent; border-width: 5px; float: right; position: relative; right: 10px; top: 0px; display: block; }
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
a.ex {
width:140px; padding:4px;
margin:3px;
background:#FFF2F5; display:inline-block;
text-align:center;
font: normal normal 13px Oswald, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
color:#333;border:1px solid #FFD7DF;
-webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform:perspective(400px) rotateX(0deg);
-o-transform:perspective(400px) rotateX(0deg) ;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
a.ex:hover {
background:#FFD7DF;color:#ffffff;
border:1px solid #FFF2F5;
border-radius:10px;
-webkit-transform: perspective(400px) rotateX(360deg) ;
-moz-transform: perspective(400px) rotateX(360deg) ;
-o-transform: perspective(400px) rotateX(360deg);}
}



.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://applepine.chu.jp/illust/mono/08sumomo.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:url(http://d2wss9bif9q3el.cloudfront.net/404/877/images/2EShx.png);
border:3px solid #FCEBED;
margin:0em;
border-radius: 5px;
padding:7px;
color:#808080;
}
</style>

<body><br>

<div class="content">
<center><a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('post').innerHTML">refresh</a>
<a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML">profile</a>
<a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('link').innerHTML">linkies</a>
<a class="nav" href="http://">flavors</a>
<a class="nav" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID">follow</a></center>
<div style="width:850px;padding:10px;border-radius:10px;background:#EEF3EF;">
<table style="font-size:12px;line-height: 17px; padding-left:2px; padding-right:2px; padding-bottom:10px; padding-top:-1px; background: #fff; border-top:0px solid #fdead8; border-bottom:0px solid #f1f1f1; border-right:0px solid #f1f1f1; border-left:0px solid #f1f1f1;" width="850" border="0" align="center" cellspacing="5">
<tbody><tr>



<td valign="top" style="line-height:16px; letter-font-size:11px; width:220px; padding-left:8px; padding-right:16px; border-right:0px solid #eee;">
<br><br>

<div class="sidebar">
<div class="h1">bonjour </div></div>
<div class="widget">
<center><img src="http://applepine.chu.jp/illust/neko/nukunuku.gif" /></center>
<br/>
<center>
<div style="font: normal normal 11px Oswald, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;">
put your welcome note here
</div>
</div>
<br>


<div class="sidebar">
<div class="h1">taggie board</div></div>
<div class="widget">
<center>
<div style="font: normal normal 11px Oswald, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;">
put your cbox code.Makesure width below 200px
</div>
</div>
<br>

<div class="sidebar">
<div class="h1">archive</div></div>
<div class="widget">
<center>
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div style="background:url(http://applepine.chu.jp/illust/mono/08sumomo.gif); background-size:12px;font: normal normal 11px Oswald, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px; text-align:left;background-repeat:no-repeat; padding-left:14px;">
<$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div>
<br>

<div class="sidebar">
<div class="h1">thankyou</div>
<div class="widget">
<center><img src="http://applepine.chu.jp/illust/neko/nabinekutai.gif" /></center>
<center>
<div style="font: normal normal 11px Oswald, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;">
<font style="font: 14px arial;">©</font> Theme by <a href="http://sibodohjangankacau.blogspot.com" target="_blank">Adam</a><a href="http://www.blogskins.com/me/adam_faiz" target="_blank">Faiz</a>.<center>Basecodes by <a href="http://capture-smile.blogspot.com/"> Zaty</a>. Cute image from <a href="http://weheartit.com/">Weheartit</a> & <a href="http://applepine.chu.jp/top.html"> applepine</a><center>
</br>
</td>

<td valign="top" style="background: #fff; width:700px; height: 400px; padding-left:2px; padding-right:11px; padding-left:2px;">

<br><br>


<div id="content">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle><img src="http://applepine.chu.jp/illust/mono/08sumomo.gif"/></div>
<br/>
<div class="titlesubject">
<div class="subject"><span> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Comment</a></BlogItemCommentsEnabled></div>
<div class="fold"></div>
</div>
<br>
<$blogitembody$><br>


<br/>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:530px; padding:5px;margin-top:20px;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</div>
</ItemPage>


</blogger><br>
<center>
<div style="float:left"><a class="post" href="" target="_blank"><a href=<$NewerPosts$>><d>newer</d></a></NewerPosts>
</div><div style="float:right"><a href=<$OlderPosts$>><d>older</d></a></OlderPosts><center>

</td>
</div>

<div id="about" style="display:none;">
<div class="h1">webmistress</div><br></br>


{ CHANGE WITH YOUR PROFILE }

</div>

<div id="link" style="display:none;">
<div class="h1">affiliates</div><br></br>
<center><img style="" src="http://data3.whicdn.com/images/105588294/large.jpg"/></center>
</br>
<center>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
<a class="ex" href="">Friend</a>
</br>
</center><br>
</div>


<div id="post" style="display:none;">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle><img src="http://applepine.chu.jp/illust/mono/08sumomo.gif"/></div>
<br/>
<div class="titlesubject">
<div class="subject"><span><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Comment</a></BlogItemCommentsEnabled></div>
<div class="fold"></div>
</div>
<$blogitembody$><br>


</blogger><br>
<center>
<div style="float:left"><a class="post" href="" target="_blank"><a href=<$NewerPosts$>><d>newer</d></a></NewerPosts>
</div><div style="float:right"><a href=<$OlderPosts$>><d>older</d></a></OlderPosts><center>
</td>


</script></body></html>