<html><head><title>HAERI.</title>
<style type="text/css"> #navbar-iframe {
display: none;}
body {background: #fafafa;font-family: Arial;background-attachment:fixed;}
a:link, a:visited {text-decoration:none;
display: inline-block;color:#222;font:normal 11px 'Arial';text-transform: lowercase;letter-spacing: 1px; padding:2px 5px 2px 5px;margin-right:2px;margin-top:7px;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;filter: alpha(opacity=80); opacity: .8;}
a:hover {background:#F6CED8;color:#222;-webkit-transition-duration: 1s;
}
.kevin {text-align:center; background: #FBEFF2; padding:2px; font-family:trebuchet ms;text-transform:uppercase; font-size:10px;color:#222;
margin-bottom:15px;margin-top:10px;}
.kevinfinite {text-align:right;font-size:11px;color:#2E2E2E;}
blockquote {background:#F8E0EC;padding: 6px;font:11px arial; letter-spacing:1px; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff; opacity:0.9; color: #333; line-height:15px;
border-radius:8px;}
::-webkit-scrollbar {width:8px;height:5px;cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaTTO9ASIhYXE-YpNFNwgTKgPZacbbh7FL9Xa7ajIwf9sn7tYt3d5P4w6D38UygzgvZMVU2QI_MFusgZzXxAuz9Fmka3PAeJl5P-YR-NemrE-5rzqUaXIy8yZnK-g7AhO_sdI85b30qQ/s1600/bap.png),auto;}
::-webkit-scrollbar-track-piece {background: #fff;}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background:#FFCABF;cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaTTO9ASIhYXE-YpNFNwgTKgPZacbbh7FL9Xa7ajIwf9sn7tYt3d5P4w6D38UygzgvZMVU2QI_MFusgZzXxAuz9Fmka3PAeJl5P-YR-NemrE-5rzqUaXIy8yZnK-g7AhO_sdI85b30qQ/s1600/bap.png),auto;}
textarea{height:200px;width:500px;background:url(http://i.imgur.com/b2R9l6W.png);color:#888;padding:5px;border:1px dashed #eee;border-radius:5px;letter-spacing:1px;overflow-x:hidden;}
u, underline {border-bottom:1px solid #eee;text-decoration:none;}
b, strong {color: #222;font-family:trebuchet ms;font-size:11px;}
i, italic {font-size:11px;font-family: georgia;color: #aaa;}
s, strike { color: #888;}
c{color:#e06666}
li {border:0px solid #eee;list-style-type: hiragana;}
.blogger-labels{font:0 arial;margin:10px -2px 0}
.blogger-labels a{font:10px tahoma;letter-spacing:1px;background:#FBFBFB;text-transform:uppercase;padding:2px 3px;margin:5px;}
.ljoe {width: 60px; margin:2px; background:#F8E0E0; opacity:0.8 ;display:inline-block;letter-spacing:2px; font:8px trebuchet ms; text-align:center; padding:4px; text-transform: uppercase; color: #222; }
.navbar {
background: url("") ;
background-repeat: repeat-x;
height: 30px;
z-index: 99;
}
.nav {
background:#ffd1d1;
text-align:center;
width: 786px;
padding: 6px;
}
.nav a {
background-color: #ffd1d1;
letter-spacing:0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
display:inline-block;
font:8px tt;
text-transform: uppercase;
letter-spacing: 2px;
text-align:center;
width:70px;
color:#fff;
padding:7px;
border:0px #f1f1f1 solid;
text-decoration:none;}
.nav a:hover {
background-color: #fff;
letter-spacing:0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
display:inline-block;
font:8px tt;
text-transform: uppercase;
letter-spacing: 2px;
text-align:center;
width:70px;
color:#fff;
padding:7px;
border:0px #fff solid;
text-decoration:none;}
</style>
</head>
<center>
<!-- Header Image -->
<img style="width:798px;border:none;margin-bottom:-6px;background:none;" src="">
<div class="nav"><a onClick="document.getElementById('post').innerHTML=document.getElementById('profile').innerHTML" >about</a><span style="padding:4px;"></span>
<a onClick="document.getElementById('post').innerHTML=document.getElementById('tagboard').innerHTML" >affies</a><span style="padding:4px;"></span>
<a onClick="document.getElementById('post').innerHTML=document.getElementById('story').innerHTML" >entry</a> <span style="padding:4px;"></span>
<a onClick="document.getElementById('post').innerHTML=document.getElementById('tuto').innerHTML"> tutos<span style="padding:4px;"></span>
<a href="http://www.blogger.com/follow-blog.g?blogID=URBLOGID" >follow</a>
<a href="http://blogger.com/home" >home</a>
</div>
<table style="font-size: 10px; color: #777; line-height: 16px; background: #fff; letter-spacing: 1px; border:0px solid #eee; overflow: auto;box-shadow:0px 0px 4px #eee;" width="800" align="center" border="0" cellspacing="4">
<tr><tbody>
<div id="profile" style="display: none;">
<div class="kevin"> About Me</div>
<br>
</div></center>
<div id="tagboard" style="display: none;">
<div class="kevin">Anissss</div>
<br><center>
<br>
</center></div>
<div id="tuto" style="display: none;">
<div class="kevin">blablalbla</div><br>
<center><br><br>
<br>
</center>
</div></center>
</body>
<body>
<td valign="top" style=" font-size:10px; width:260px; padding-right:10px; padding-left:10px; font-family:georgia;letter-spacing:1px; ">
<div class="kevin">Intro;</div>
<div style="line-height: 14px;">
Hi. D</div>
<div class="kevin">Tagboard;</div>
Wak evah bro.
<div class="kevin">Credits</div>
<iframe frameborder="0" width="240" height="75" src="http://www7.cbox.ws/box/?boxid=533676&boxtag=6558rt&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-533676" style="border: 0px solid;border-top:0px" id="cboxform7-533676"></iframe></a>
<center>
<a class="old" href=<$OlderPosts$>>←</a>
<a class="new" href=<$NewerPosts$>>→</a></div></center><br>
<td valign="top" style="width:590px; padding-left:13px; border-left:0px solid #efefef; padding-right:13px; ">
<div id="post">
<blogger><div class="kevin"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$BlogItemBody$><BlogItemCommentsEnabled><a class="comments" href="https://www.blogger.com/comment.g?blogID=URBLOGID&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=URBLOGID&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;">[ <$BlogItemCommentCount$> comments ] </a></BlogItemCommentsEnabled></br></blogger><br>
</blogger></div>
</td></tr></tbody></div></div></div></div></div>
</td>
<div id="story" style="display: none;">
<blogger><div class="kevin"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><BlogItemCommentsEnabled><a href="https://www.blogger.com/comment.g?blogID=URBLOGID&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=URBLOGID&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;">{ <$BlogItemCommentCount$> comments } </a></BlogItemCommentsEnabled></blogger><br>
<body oncontextmenu='return false;'><br>
</tr></tbody>
</table>
</html>
</body></head></html>