japan lovers

<html>
<head>
<title>japan lovers.</title>
<style type="text/css">
#navbar-iframe {height:0px; visibility: hidden; display:none}
.layout {width: 80%; position: absolute; left: 100px; border:none; background: #444; padding: 12px;}
.layout td {vertical-align: top;}
.header {background: #D68189;}
.column {width: 200px; background: #444; padding: 7px;}
.footer {font-family: trebuchet ms; font-size: 6.5pt; text-transform: uppercase; color: #000; background: #D68189; letter-spacing: 3px; text-align: center; line-height: 22px; padding: 15px;}

body {background: #fff url('http://i64.tinypic.com/332v4w4.png') fixed center left; font-family: arial; color: #fff; font-size: 8pt; line-height: 14px;}
table {font-family: arial; font-size: 8pt; color: #fff;}
.title {font-family: arial; font-size: 20pt; color: #D68189; letter-spacing: -2px; text-transform: lowercase;}
.date {font-family: arial; font-size: 6.5pt; color: #f2f2f2; line-height: 15px; text-transform: uppercase; letter-spacing: 3px;}

::-moz-selection{color: transparent; background: transparent;}

b,i,s,u,big,small {color: #D68189;}

blockquote {border: 1px solid #666; padding: 15px; color: #fff;}

.header1 {font-family: trebuchet ms; font-size: 6.5pt; text-transform: uppercase; color: #000; background: #D68189; letter-spacing: 5px; text-align: center; line-height: 22px; -webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius:5px 5px 0px 0px;}
.quote {font-family: trebuchet ms; font-size: 6.5pt; text-transform: uppercase; color: #000; background: #D68189; letter-spacing: 5px; text-align: center; line-height: 22px; padding: 15px;}

a:link, a:visited, a:active {font-family: arial; font-size: 8.5pt; text-decoration: none; text-transform: lowercase; color: #fff; -webkit-transition-duration: .30s;}
a:hover {font-family: arial; font-size: 8.5pt; text-transform: lowercase; cursor: crosshair; color: #000; background-color: #D68189; padding: 3px;}

a.link:link, a.link:visited {font-family: arial; font-size: 20pt; color: #000; -webkit-transition-duration: .30s; text-transform: uppercase; line-height: 22px; }
a.link:hover {font-family: arial; font-size: 20pt; color: #fafafa; text-transform: uppercase; line-height: 22px; }

img {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;  -webkit-transition-duration: .30s;}
img:hover {filter:alpha(opacity=90);-moz-opacity: 2;opacity: 2;}

.image {border: 6px solid #D68189; -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius:5px 5px 0px 0px;}

</style>

</head>
<body>

<div style="position: fixed; left: 915px; top: 150px;">
<a class="link" href="#top">▲<br>▲</a>
</div>

<table class="layout" cellspacing="5">
<tr>
<td colspan="2" class="header">
<div class="quote">*/lovers in japan</div>
</td>
</tr>


<tr>
<td class="column">

<div class="image"><img src="http://i67.tinypic.com/2jcxysm.png"></a></div>
<div class="header1">Disclaimer</div>
<br>
This skin is best viewed in Google Chrome with a resolution of 1024 x 768. Looks averagely okay in Mozilla Firefox.
Other browsers unsure . You can replace this 'disclaimer' into your own , or remove it. Credits must be left untouched,
thank you !
<br><br>

<div class="image"><img src="http://i64.tinypic.com/24mbbxt.png"></a></div>
<div class="header1">Profile</div>
<br>
Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet.
<br><br>

<div class="image"><img src="http://i63.tinypic.com/2rdu9sm.png"></a></div>
<div class="header1">Affiliates</div>
<br>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<a href="http://link.blogspot.com">Friend</a>
<br><br>


<div class="image"><img src="http://i66.tinypic.com/312zseq.png"></a></div>
<div class="header1">tagboard & archives</div>
<br>
Your <a href="http://cbox.ws">Cbox</a> here.
<br><br>
<select name="ArchiveMenu" style="width:250px; background-color:#feffff; color: #000; font:6.5pt arial;letter-spacing: 1px; text-transform:uppercase;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/"=>rewind</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives></select>
<br><br>
</td>

<td class="content">
<Blogger>
<table border="0" cellpadding="25" cellspacing="0">
<tr>
<td valign="top" width="590" padding="5">
<div class="title"><BlogItemTitle><$BlogItemTitle$></div>
<div class="date"><Blogdateheader><$Blogdateheaderdate$></Blogdateheader> @ <$BlogItemDateTime$></div>
<$Blogitembody$>
</td>
</tr>
</table>
</Blogger>
</td>
</tr>

<tr>
<td colspan="2" class="footer">
<!--do not remove the credits, tyvm-->
<div style="text-align: center">
Layout and Images by <a href="http://blogskins.com/me/illuminatingsky">Illuminating</a><a href="http://potatoes-andcookies.blogspot.com">sky.</a> credits to <a href="http://inobscuro.com/tutorials/common-layout-codes-29/">Inobscuro</a> and <a href="http://fivepointsapart.blogspot.com">Fivepointsapart.</a>
</div>
<!--do not remove the credits, tyvm-->
</td>
</tr>
</table>

</body>
</html>