<html>

<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

<center><img class="header" src="http://i1128.photobucket.com/albums/m488/aenaBUNCEET/freeebies4.png" /></center>
<title>I Am A Cool Man!</title>

<style type="text/css">
#navbar-iframe {
display: none;
}

::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #666;
border: 3px solid #fff;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #75ECFD;
border: 1px solid #fff;
}

.header {
margin-left: 2px;
margin-bottom: -33px;
-webkit-transition:2s
}

body {
color: #2E2E2E;
background: url(http://i1128.photobucket.com/albums/m488/aenaBUNCEET/Backgrounf/bihastripe1.gif);
background-attachment:inherit;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;
font-family: verdana;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}

a:link, a:visited {
color:#999;
font-family: Short Stack;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://i53.tinypic.com/zycxmw.png), progress;
}

a:hover{
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur816.cur), progress;
color: #8ADCFF;
text-decoration: none;
padding-left:16px;
-webkit-transition:1.2s;
}

a.navigate {
border:2px solid #eee;
border-radius:3px;
color: #8ADCFF;
-webkit-transition: 1s;
padding:2px;
}

a.navigate:hover {
background:#F9FDFF;
color: #CCC;
text-decoration: none;
-webkit-transition: 0.5s;
}

.tit {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#2E2E2E;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font: 16px 'Annie Use Your Telescope';
line-height:18px;
text-align: right;
border-left: 8px double #8ADCFF;
border-right: 8px double #8ADCFF;
border-top: 1px solid #A8E4FF;
border-bottom: 1px solid #A8E4FF;
background:url(http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png);
}

.tit:hover {
border-left: 4px double #8ADCFF;
border-right: 4px double #8ADCFF;
-webkit-transition: 0.5s;
}

.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: verdana;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background:url(http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png);
}

img {
cursor: url(http://3.bp.blogspot.com/-ByzZlBDQaiw/TnAuS5295mI/AAAAAAAACPQ/bAWIFLOMx1o/s1600/CURSO.png), progress;
-webkit-transition: 0.5s;
border-radius: 10px;
}

img:hover {
cursor: url(http://3.bp.blogspot.com/-ByzZlBDQaiw/TnAuS5295mI/AAAAAAAACPQ/bAWIFLOMx1o/s1600/CURSO.png), progress;
-webkit-transition-duration: 0.5s;
border-radius: 3px;
}

::selection {
background-color: #ECFAFF;
color: #666;
}
::-moz-selection {
background-color: #ECFAFF;
color: #666;
}

.footer {
margin-top: 5px;
margin-bottom: 15px;
border-top: 1px #eee solid;
text-align: right;
}

blockquote {
background:#ECFAFF;
border: 1px dashed #999;
color:#CCC;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 40px;
-webkit-transition: 0.5s;
}

blockquote:hover {
background:#F9FDFF;
color:#999;
border: 1px solid #333;
-webkit-transition: 0.5s;
}

i {
text-decoration:none;
color: grey;
}

u {
text-decoration:none;
color:#CCC;
padding: 3px;
line-height: 10px;
border-bottom: 2px solid #99E0FF;
-webkit-transition: 0.5s;
}

u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}

b {
color: #CCC;
font-weight: bold;
}

strike {
text-decoration: none;
color:#333;
-webkit-transition: .5s;
}

</style>
</head>
<body oncontextmenu='return false;'>
<br>

<table style="font-size: 11px; line-height: 17px; background:white; border-radius:10px;" width="894" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:120px; padding-right:0px;">

<div class="tit">Dislaimer.</div><br>
<center><img height="120" src="http://data.whicdn.com/images/23952772/431388_334505413251842_100000771574363_844296_1931310300_n_thumb.jpg" width="250" /></center></div><br>

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br />
<div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

<center>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Diary</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">About</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Links</a>
</center>
<br>

<center>WRITE ANYTHING ABOUT YOU HERE :)</center>
</div>
<br>

</div>
</div></div>

<div class="separator" style="clear: both; text-align: center;">
<div class="tit">Stalker.</div><br>
<center>PUT YOUR CBOX CODE HERE :)<center>
<br>

<div class="tit">Credits.</div><br>
<center><img src="http://27.media.tumblr.com/tumblr_lyn4k3x7Pm1qg1hgio1_400.jpg" width="230" height="142"></center><br>
<center>This blue grey templates made by <a href="http://www.ainabillahshafie.blogspot.com/">Ainabillah</a> <a href="http://www.blogskins.com/me/ainabillah">Shafie</a>.
The photogenic pictures taken at <a href="http://weheartit.com/">WeHeartit</a>.
Thanks to <a href="http://www.rinaalternative96.blogspot.com">Rinaa</a> for the cursor freebies.
I am proud to use <a href="http://www.theodora.com/html_colors.html">Colour Choose</a> to </center><br>
<center>Powered by <a href="http://blogger.com/">Blogger.com</a>.</center></div><br><br>

<br>

<div class="sidefooter"><center><OlderPosts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div><br>
</div>

<td valign="top" style="width:630px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:7px; padding-left:12px;">
<div id="entry">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">♥</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> cakap banyak.</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr></tbody>
</table>

<div id="about" style="display: none;">
<div class="tit">Superman!</div><br>
<center>TALK ABOUT YOU HERE :)</center>

<br>
<br>

<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" align="left" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:20px;margin-top:-4px;margin-left:3px;" allowTransparency="true"></iframe><br>
<div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">♥</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> cakap banyak.</a></BlogItemCommentsEnabled></div>
</blogger>
</div>

<div id="link" style="display: none;">
<div class="tit">Exchange Link</div><br>

<center><img src="http://data.whicdn.com/images/23952202/418347_375330339161101_100000524156024_1367227_1109457284_n_thumb.jpg" width="430" height="280"></center><br>
<center>PUT YOU FRIEND'S LINK HERE :)</center>
<br>
<br>
</div>

</body>
</html>