<!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">

<!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 !-->

<h1>Mail form</h1>

Please use this form below :) It shall be sent to my personal email address. 
If the mail form doesn't work, please email me at <b>keki@honey-tea.org</b> with all the necessary infos. 
If I haven't reply within a week or so, please resend.

<br /><br />
(*) = <i>required</i>
<br /><br />

<form method="post" action="http://cgi21.Freedback.com/mail.pl" target="_blank">

<input type="hidden" name="to" value="colourwalk@live.com">

<input type="hidden" name="subject" value="Contact form">

<input type="hidden" name="form" value="Shounen HEART">

<input type="hidden" name="admin" value="colourwalk@live.com">

<input type="hidden" name="language" value="en">

<p>

<input name="name" value="Name(*)" size=60>

<br />

<input name="email" value="Valid Email(*)" size=60>

<br />

<input name="url" value="Website" size=60>

<br />

<input name="subject" value="Subject(*)" size=60>

<br />

<textarea name="anything else" cols="62" rows="10">Comments,questions? </textarea> <br /><br />

<br />

<center><input type="submit" name="submit" value="Submit inquiry"></center>

</form>

<br />
              <!-- END content !-->
</div>

</body>
</html>