<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>&nbsp; &nbsp; &nbsp; &nbsp; » » Sh&ocirc;nen &nbsp; H E A R T &nbsp;&nbsp; What TYPE do you fancy?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="boy.css" type="text/css" media="screen" />

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="/js/lightbox.js"></script>

<style type="text/css">
A:link, A:active, A:visited { 
color : #f77f8a;
font-family : "century gothic", arial;
font-weight : bold;
text-decoration : none;
text-transform : lowercase;
} 

A:hover { 
cursor : help;
color : #7fc0f7;
font-family : "century gothic", arial;
font-weight : bold;
text-transform : lowercase;
} 

body { 
background-color : #ffffff;
background : url('http://i25.photobucket.com/albums/c67/Bostafu/imgtop.jpg');
background-repeat : no-repeat;
background-position : bottom right;
font-weight : normal;
font-size : 12px;
color : #404040;
font-family : tahoma, "century gothic";
text-align : left;
} 

#splash { 
position : absolute;
top : 10px;
left : 50px;
width : 400px;
} 

#title { 
position : absolute;
top : 7px;
left : 7px;
width : 500px;
} 

#head { 
position : absolute;
top : 80px;
left : 0;
width : 100%;
height : 7px;
background : url('/imgs/bg.png');
} 

#content { 
position : absolute;
top : 150px;
left : 150px;
width : 500px;
} 

#menu { 
position : absolute;
top : 100px;
right : 40px;
width : 550px;
} 

.nav:active, .nav:visited, .nav:link { 
color : #7fc0f7;
font-family : "arial black";
font-size : 12px;
font-weight : normal;
text-decoration : none;
text-transform : uppercase;
} 

.nav:hover { 
cursor : help;
color : #d1dc86;
font-family : "arial black";
font-size : 12px;
font-weight : normal;
text-transform : uppercase;
} 

.icon { 
padding : 2px;
background-color : #ffffff;
border : 1px solid #cccccc;
} 

.new { 
padding : 2px;
background-color : #ffffff;
border : 1px solid #f77f8a;
} 


.nu { 
padding : 2px;
background-color : #ffffff;
border : 1px solid #d1dc86;
} 

em, i { 
color : #7fc0f7;
font-family : tahoma;
font-size : 13px;
} 

u { 
border-bottom : 2px solid #d1dc86;
text-decoration : none;
} 

strong, b { 
color : #202020;
font-family : "times new roman";
font-size : 14px;
} 

ul, li { 
list-style-image : url('/imgs/bullet.gif');
} 

h1 { 
font-family : "arial black";
font-size : 20px;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 0;
text-align : left;
color : #c0c0c0;
margin-bottom : 0;
} 

h1:first-letter { 
font-size : 24px;
font-family : "century gothic";
font-weight : normal;
text-transform : uppercase;
color : #ffffff;
background-color : #f77f8a;
} 

h2 { 
font-family : "century gothic";
font-size : 10px;
font-weight : bold;
font-style : italic;
text-transform : uppercase;
letter-spacing : 5px;
text-align : left;
color : #c0c0c0;
height : 20px;
margin : 0;
} 

select, textarea, option, input { 
color : #404040;
border : 5px solid #ffffff;
font-family : "century gothic";
font-size : 10px;
background-color : #d1dc86;
} 

hr { 
border-top : 1px dotted #cccccc;
width : 100%;
} 

blockquote { 
color : #202020;
font-family : "century gothic";
font-size : 11px;
padding : 3px;
margin-left : 40px;
margin-right : 40px;
background-color : #ffffff;
border-top : 3px solid #d1dc86;
border-bottom : 3px solid #d1dc86;
} 

</style>

</head>

<body>

<div id="title">
&nbsp;&nbsp;<font color="#d1dc86"><font size="6">» 少年ハート</font></font> &nbsp;&nbsp;<font size="4">Sh&ocirc;nen HEART</font>
</div>

<div id="head">

</div>

<div id="menu">
              <!-- START Menu !-->
<a href="/home.php" class="nav">Home</a> | 
<a href="/log.php" class="nav">Log</a> | 
<a href="/sitely.php" class="nav">Sitely</a> | 
<a href="/profile.php" class="nav">Profile</a> | 
<a href="/gallery.php" class="nav">Illust</a> | 
<a href="/links.php" class="nav">Links</a> | 
<a href="http://www.a-free-guestbook.com/guestbook.php?username=Keki" class="nav" target="_blank">Guestbook</a> | 
<a href="/mail.php" class="nav">mail</a>
              <!-- END menu !-->
</div>

<div id="content">
              <!-- START content !-->
Please <a href="/mail.php" target="_blank">contact</a> me regarding any questions or usages of my work. 
Also, I ask you to not use/post, etc. any of my artwork without my written permission. Many thanks! Please do not direct-link. For more info, 
please read the <a href="faq.php" target="_blank">FAQ</a> page.
<br /><br />
<center><a href="http://www3.to/ofp/" target="_blank"><img src="http://i25.photobucket.com/albums/c67/Bostafu/ofplong_t1.gif" border="0" withd="400" height="20" alt="Online Fanart Protection" /></a></center>
</center>

<h1>Gallery</h1>

<li><a href="fanart.php">Fanarts</a></li>
<li><a href="original.php">Original arts</a></li>
<li><a href="comic.php">Comics</a></li>
<li><a href="other.php">Logs &amp; Past works</a></li>

<h1>Commissions</h1>

If you would like to commission me for an artwork, here are all the info.<br />
<s><li><a href="commis_en.php">English</a></li>
<li><a href="commis_fr.php">Français</a></li></s>
</body>
</html>