<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fi-FI">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />

<title>Monochrome ~ Finnish Miyavi Fansite</title>

<style type="text/css">

body { 
	font-family: "Arial";

	font-size: 11px;

	color: #646464;

	line-height: 16px;

	padding: 0px;

	text-align: justify;

	margin: 0px;

	background: #d7b9b9;
	}
	
a {
	text-decoration: none;
	color: #d90bdf;
}

a:hover {
	border: none;
	text-decoration: underline;
	color: #d90bdf;
}

A.affit:link {
color: #c00024;
padding: 6px 3px;
text-decoration: none;
}

A:hover.affit {
color: #b57b7b;
padding: 6px 3px;
text-decoration: none;
}

b {
	
	color: #ea1a80;

}


i {
	font-family: "Georgia";

	font-style: italic;

	color: #2998B4;

}

u {
	color: #c00024;
}

#container {
	width: 955px;
	margin: 0px auto 0;
	background: #E6D3D3 url('images/bg.png');
	}


#header {
    	margin: 0;
	width: 955px;
	height: 350px;
	background-color: #E6D3D3;
	}
	
#content {
	margin: 7px;
	float: left;
	width: 440px;
	padding: 0 10px;
	color: #646464;
	line-height : 190%;
	background: #F8F3F3;
	border:2px solid #d7b9b9;
	}
	
#sidebar p { 
	margin: 0;
	}

#copyright{
	text-align:center;
	background-color: #F8F4F4;
	padding:10px;
	float: bottom;
}

#copyright a {

	color: #ea1a80;

}


#copyright a:hover {

	color: #2998B4;
}

	
h1 { 
	font-family: "Georgia";

	color: #b57b7b;

	font-size: 26px;

	font-weight: normal;

	font-style: italic;

	margin: 0px;

	margin-bottom: 5px;
	padding-top: 15px;
	}

h2 {
	margin: 0;
	padding: 10px 0 0 0;
	color: #b57b7b;
	font-size: 12px;
	border-bottom: 1px dotted #dbdbdb;
	text-transform: uppercase;
}

p.post_meta {

	font-size: 10px;

	margin: 0px;

	margin-bottom: 5px;

	padding-bottom: 5px;

	border-bottom: 1px dotted #dbdbdb;

}


/* Sidebars */

.sidebar {
	float: left;
	color: #646464;
	background: #F8F3F3;
	border:2px solid #d7b9b9;

}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding-bottom: 20px;
}

.sidebar li ul {
}

.sidebar li li {
	padding: 5px 0;
}

#sidebar2 a {
margin: 0;
	padding-left: 20px;
	background: url('images/star.png') no-repeat left 50%;
}

#sidebar a:hover {
}


/* Sidebar1 */

#sidebar1 {
	width: 180px;
	line-height: 190%;
	margin: 7px;
	padding: 0 10px;
	}

/* Sidebar2 */

#sidebar2 {
	width: 180px;
	line-height: 190%;
	margin: 7px;
	padding: 0 10px;
}

.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

.post_img{
	margin:15px 5px;
	padding:3px;
	border:1px solid #ccc;
}

#footer {

	clear: both;

	margin: 0 auto;

	border-top: 0px solid #DEDEDE;

	background: #F8F3F3;
}


#footer p {

	margin: 0;

	padding-bottom: 5px;

	padding-top: 3px;

	font-size: 11px;

}

table.affit {
border: 0px solid #AEAEAE;
width:100%;
color: #646464;
font-size: 11px;

font-family: "Arial";

line-height: 16px;

text-align:justify;
}

#affilista {width: 100%; font-weight:normal; text-align:left; padding-top: 20px;}
	.row {border-bottom: 1px solid #dbdbdb; padding-bottom: 2px; padding-top: 4px;}

</style>

</head>

<body>
<div id="container">
<div id="header"><img src="images/top10.png " /></div>

<div id="sidebar1" class="sidebar">
<ul>
<li id="recent-posts">
<ul>
<li>
<h2>Affit</h2>
<p><table border="0" class="affit">
<tr><td class="row">
			<a href="#" class="affit">Sivuston nimi</a></td>
</tr><tr><td class="row">
			<a href="#" class="affit">Sivuston nimi</a></td>
</tr><tr><td class="row">
			<a href="#" class="affit">Sivuston nimi</a></td>
</tr><tr><td class="row">
			<a href="#" class="affit">Sivuston nimi</a></td>
</tr><tr><td class="row">
			<a href="#" class="affit">Sivuston nimi</a></td>
</tr><tr><td class="row">
			<a href="#" class="affit">Sivuston nimi</a></td>
</tr></table></p>
</li>

<li>
<h2>Tagboard</h2>
<p><a href='http://www.cbox.ws/'>Get your CBox here!</a></p>
</li>
</ul>
</li>
</ul>
</div>

<div id="content">
<h1>Title 1</h1>
<p class="post_meta">
Postannut <a href="mailto:heidi.nissinen92@gmail.com">Heidi</a> <b>14. maaliskuuta 2009</b> @ 12:09</p>

<p><a href="images/top5.png">Otsikko 2</a>, <a href="images/top6.png">Otsikko 3</a>, <a href="images/top7.png">Otsikko 4</a>, <a href="images/top9.png">Otsikko 5</a> <a href="images/top11.png">Otsikko 6</a></p>

<p><a href="#">Linkki</a>, <b>boldattu</b>, <i>kursivoitu</i>, <u>alleviivattu</u></p>

<p><img src="images/smile.png"/> <img src="images/laugh.png"/> <img src="images/tongue.png"/> <img src="images/sad.png"/></p>

<p><img src="images/angel.gif"/> <img src="images/angry.gif"/> <img src="images/annoyed.gif"/> <img src="images/blank.gif"/> <img src="images/confused.gif"/> <img src="images/cool.gif"/> <img src="images/crying.gif"/> <img src="images/dead.gif"/> <img src="images/devil.gif"/> <img src="images/drinking.gif"/> <img src="images/embarrassed.gif"/> <img src="images/grin.gif"/> <img src="images/grumpy.gif"/> <img src="images/happy.gif"/> <img src="images/hehe.gif"/> <img src="images/inlove.gif"/> <img src="images/laugh.gif"/> <img src="images/left.gif"/> <img src="images/mad.gif"/> <img src="images/princess.gif"/> <img src="images/reading.gif"/> <img src="images/right.gif"/> <img src="images/secret.gif"/> <img src="images/shocked.gif"/> <img src="images/sick.gif"/> <img src="images/sleepy.gif"/> <img src="images/sneer.gif"/> <img src="images/tired.gif"/> <img src="images/tongue.gif"/> <img src="images/wink.gif"/> <img src="images/worried.gif"/><br />
&copy; <a href="http://www.outspoken-kate.com/?x=smilies/smilies">outspoken-kate.com</a></p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vulputate, enim ut tincidunt faucibus, neque ipsum ornare enim, sit amet ullamcorper magna metus eget mauris. Nam arcu libero, porta sit amet, vehicula eget, mattis et, metus. Donec nec orci vel ligula bibendum eleifend. Cras ultricies lectus non odio. Sed venenatis. Duis a odio. Vestibulum interdum. Duis adipiscing risus vel felis. Morbi quis sem ac ante cursus cursus. Sed interdum mi a odio. Sed purus. Nam varius velit. Vestibulum mi risus, pharetra ornare, luctus ut, egestas nec, diam. Vivamus ut erat.</p>

<p><span class="center"><img src="images/miyavi.png" alt="Fan Art" class="post_img"/></span></p>

<h1>Image positions</h1>
<p><span class="left"><img src="img.png"></a></span></p>

<p>Donec volutpat lorem in odio. Mauris tempus pede vel nisl. Pellentesque nisl lorem, sodales vel, facilisis eget, mattis non, odio. Duis pede velit, dignissim ut, tincidunt ut, volutpat a, risus. Aenean luctus aliquam justo. Suspendisse pellentesque fermentum lectus. Phasellus elementum pharetra libero. Quisque placerat, dolor non dignissim gravida, ligula tortor vestibulum nibh, a</p> 

<p><span class="center"><img src="img.png"></a></span></p>

<p><span class="right"><img src="img.png"></a></span></p>

<p>porttitor justo massa ac lacus. Morbi pulvinar viverra mi. Mauris pretium laoreet lacus. Maecenas vulputate turpis vel eros. Nullam sit amet mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc bibendum ante vitae ipsum. Aliquam eu urna. Phasellus felis elit, cursus nec, pharetra nec, tincidunt eget, turpis. Sed nisi augue, dignissim quis, ultricies ut, sollicitudin et, velit.</p>

<h1>Block Quotes</h1>

<blockquote>
<p>Proin ac justo. Aenean nulla. Vestibulum bibendum porttitor metus. Aliquam porttitor nisi eu velit. Nullam laoreet velit ut est tempus sodales. Sed eu ante et orci condimentum auctor. Pellentesque rhoncus varius dui. Donec luctus augue sed justo euismod fringilla. Cras imperdiet. Suspendisse faucibus pulvinar felis. In urna elit, dapibus sit amet, pellentesque a, tincidunt ac, ante.</p></blockquote>

<h1>Hiragana</h1>
<p>&#12353; (a), &#12355; (i), &#12357; (u), &#12359; (e), &#12361; (o)</p>
<p>&#12363; (ka), &#12364; (ga), &#12365; (ki), &#12366; (gi), &#12367; (ku), &#12368; (gu), &#12369; (ke), &#12370; (ge), &#12371; (ko), &#12372; (go)</p>
<p>&#12373; (sa), &#12374; (za), &#12375; (shi), &#12376; (ji), &#12377; (su), &#12378; (zu), &#12379; (se), &#12380; (ze), &#12381; (so), &#12382; (zo)</p>
<p>&#12383; (ta), &#12384; (da), &#12385; (chi), &#12386; (ji), &#12388; (tsu), &#12389; (zu), &#12390; (te), &#12391; (de), &#12392; (to), &#12393; (do)</p>
<p>&#12394; (na), &#12395; (ni), &#12396; (nu), &#12397; (ne), &#12398; (no)</p> 
<p>&#12399; (ha), &#12400; (ba), &#12401; (pa), &#12402; (hi), &#12403; (bi), &#12404; (pi), &#12405; (fu), &#12406; (bu), &#12407; (pu), &#12408; (he), &#12409; (be), &#12410; (pe), &#12411; (ho), &#12412; (bo), &#12413; (po)</p>
<p>&#12414; (ma), &#12415; (mi), &#12416; (mu), &#12417; (me), &#12418; (mo)</p>
<p>&#12420; (ya), &#12422; (yu), &#12424; (yo)</p>
<p>&#12425; (ra), &#12426; (ri), &#12427; (ru), &#12428; (re), &#12429; (ro)</p>
<p>&#12431; (wa), &#12434; (wo), &#12435; (n)</p>

<p>&#12337; &#12338; &#12339; &#12340; &#12341; &#12432; &#12433; &#12436; &#12437; &#12438; &#12439; &#12440; &#12441; &#12442; &#12445; &#12446;</p>

<h1>Katakana</h1>
<p>&#12450; (a), &#12452; (i), &#12454; (u), &#12456; (e), &#12458; (o)</p>
<p>&#12459; (ka), &#12460; (ga), &#12461; (ki), &#12462; (gi), &#12463; (ku), &#12464; (gu), &#12465; (ke), &#12466; (ge), &#12467; (ko), &#12468; (go)</p>
<p>&#12469; (sa), &#12470; (za), &#12471; (shi), &#12472; (ji), &#12473; (su), &#12474; (zu), &#12475; (se), &#12476; (ze), &#12477; (so), &#12478; (zo)</p>
<p>&#12479; (ta), &#12480; (da), &#12481; (chi), &#12482; (ji), &#12484; (tsu), &#12485; (zu), &#12486; (te), &#12487; (de), &#12488; (to) &#12489; (do)</p>
<p>&#12490; (na), &#12491; (ni), &#12492; (nu), &#12493; (ne), &#12494; (no)</p>
<p>&#12495; (ha), &#12496; (ba), &#12497; (pa), &#12498; (hi), &#12499; (bi), &#12500; (pi), &#12501; (fu), &#12502; (bu), &#12503; (pu), &#12504; (he), &#12505; (be), &#12506; (pe), &#12507; (ho), &#12508; (bo), &#12509; (po)</p>
<p>&#12510; (ma), &#12511; (mi), &#12512; (mu), &#12513; (me), &#12514; (mo)</p>
<p>&#12516; (ya), &#12518; (yu), &#12520; (yo)</p>
<p>&#12521; (ra), &#12522; (ri), &#12523; (ru), &#12524; (re), &#12525; (ro)</p>
<p>&#12527; (wa), &#12531; (n)</p>

<p>&#12528; &#12529; &#12530; &#12532; &#12533; &#12534; &#12535; &#12536; &#12537; &#12538; &#12539; &#12540; &#12541; &#12542; &#12549; &#12550; &#12551; &#12552; &#12553; &#12554; &#12555; &#12556; &#12557; &#12558; &#12559; &#12560; &#12561; &#12562; &#12563; &#12564; &#12565; &#12566; &#12567; &#12568; &#12569; &#12570;</p><br />

</div>

<div id="sidebar2" class="sidebar">
<ul>
<li id="recent-posts">
<ul>
<li>
<h2>Miyavi</h2>
<p><a href="#">Profiili</a><br />
<a href="#">Biografia</a><br />
<a href="#">Discografia</a><br />
<a href="#">Videografia</a><br />
<a href="#">Lyriikat</a></p>
</li>

<li>
<h2>Fanit</h2>
<p><a href="#">Grafiikka</a><br />
<a href="#">Käännökset</a><br />
<a href="#">Fan-art</a><br />
<a href="#">Fanfiktio</a><br />
<a href="#">Fanilistaus</a><br />
<a href="#">Foorumi</a><br />
<a href="#">Uutisarkisto</a></p>
</li>

<li>
<h2>Site</h2>
<p><a href="#">Etusivu</a><br />
<a href="#">Sivuinfo</a><br />
<a href="#">Ylläpitäjä</a><br />
<a href="#">Linkit / ä</a><br />
<a href="#">Yhteys</a></p>
</li>
</ul>
</li>
</ul>
</div>
<div id="footer">
	<p><center>Copyright &copy; <a href="mailto:heidi.nissinen92@gmail.com">Heidi Nissinen</a><br/>
<a href="#">hostaaja</a> &middot;
<a href="mailto:etunimi.sukunimi@sahkoposti.com">yhteys</a> &middot;
<a href="http://www.fastonlineusers.com"><script type="text/javascript" src="http://fastonlineusers.com/on4.php?d=WWW.SIVUSIOSOITE.COM"></script> online</a> &middot;
kävijälaskuri</p>

</div>
</div>

</body>
</html>