Ancedotes

<html>
<title>Ancedotes</title>
<link rel="shortcut icon" href="ICON LINK GOES HERE">
</head>


<style type="text/css">
body{
background-image:url(http://onyxhotel.three-words.net/images/designs/bakk.png);
}


#header {
background-image:url('http://onyxhotel.three-words.net/images/designs/Untitled-1_1.png');
z-index: 1;
width:575px;
padding:2px;
margin:0px;
margin-top:-8px;
margin-left:-70px;
height: 890;
display:block; }

#content{
font:10px/15px trebuchet ms;
top: 0px;
background-color: #fff;
width: 700px;
padding: 5px;
padding-bottom: 15px;
margin-left: 470px;
margin-top: -600px;
font-weight:none;
text-decoration:none;
font-style:none;
letter-spacing: 1px;}

h1 {
font: bold normal 22px/25px Georgia;
color: #000;
text-transform: capitalize;
text-align: left;
margin: 3px;
padding: 6  6 0 5;
letter-spacing: -1px;}

h2 {
font: bold normal 10px/20px Georgia;
color: #c9100a;
text-decoration: none;
text-transform: uppercase;
font-style: italic;
text-align: center ;
letter-spacing: 5px;
margin: 1px;}

b {
color: #422805;
letter-spacing: 0px;
font-weight: bold;
font-family: georgia;}

i
{font-style: italic;
font-family: georgia;
color: #95b02d;
letter-spacing: 2px;}

u {
color:#c9100a;
letter-spacing: 1px;}

s {
color: #b0abd6;
text-decoration: line-through;}

/*NAV*/

#navi2 {position:absolute; top: 0px; left:475px; width: 800px;}

#navi2 a{
background:#b0abd6;
color:#333333;
font: 15px/20px georgia;
width:100px;
padding: 10;
margin:6px;
display:block;
float:left;
letter-spacing:3px;
width:150px;
text-align:center;
text-transform:uppercase;
font-style: italic;
text-decoration:none;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;}

#navi2 a:hover {
background:#95b02d;
color:#fff;}


/*MIDDLE*/

#side1{
background:#fff;
border-bottom: 3px solid #95b02d;
border-right: 2px solid #95b02d;
font-family: lucida sans unicode;
font-size: 10px;
color: #000;
text-align: right;
top: 60px;
left: 482 ;
width: 275 ;
padding: 10px;
text-decoration:none;
text-transform:lowercase;
font-style:none;
letter-spacing:1px;
position:absolute;}


#side2{
background:#fff;
border-bottom: 3px solid #95b02d;
border-right: 2px solid #95b02d;
font-family: lucida sans unicode;
font-size: 10px;
color: #000;
text-align: right;
top: 60px;
left: 901 ;
width: 275 ;
padding: 10px;
text-decoration:none;
text-transform:lowercase;
font-style:none;
letter-spacing:1px;
position:absolute;}


#icon1{
background-image:url('http://onyxhotel.three-words.net/images/designs/Untitled-1_1.png');
width: 100px;
height: 100px;
font-family: lucida sans unicode;
padding:3px;
font-size: 9px;
color: #fff;
top: 60px;
left: 788 ;
letter-spacing:1px;
position:absolute;}


#icon2{
background-image:url('http://onyxhotel.three-words.net/images/designs/Untitled-1_1.png');
width: 100px;
height: 100px;
font-family: lucida sans unicode;
font-size: 9px;
padding:3px;
color: #fff;
top: 170px;
left: 788 ;
letter-spacing:1px;
position:absolute;}

/*FOOTER*/
#footer {
color: #ffffff;
font-size:10px;
font-weight:none;
text-decoration:none;
text-transform:normal;
font-style:none;
font-family:trebuchet ms;
letter-spacing: 1px;
background: #bec6ba;
margin-left: 470px;
padding: 5.1;
width: 700;}

</style>
<body>

<div id="header">
</div></div>


<div id="navi2">
<a href="#" >link</a>
<a href="#" >link</a>
<a href="#" >link</a>
<a href="http://onyxhotel.three-words.net/" >credit</a>
</div>


<div id="side1">
<h2>Garden</h2>
Any text, comment box, links, or updates can go here.<br>
<b>bold</b> <i>italics</i> <u>underline</u> <s>strikethrough</s>
</div>

<div id="side2">
<h2>Garden</h2>
Any text, comment box, links, or updates can go here.<br>
<b>bold</b> <i>italics</i> <u>underline</u> <s>strikethrough</s>
</div>

<div id="icon1">
Text could go here if you want it to.
</div>

<div id="icon2">
Text could go here if you want it to.
</div>


<div id="content">
<h1>Ancedotes</h1>
<h2>can not say what time may do,</h2>


This is your text! This layout has two info-boxes and two icons (they're meant to be changed by you). There is a footer and you can insert an image that is less than 700px in width. <br>
<b>bold </b><i>italic </i><u>underline</u> <s>strikethrough</s> <a href="http:///url">link</a><br>
You can edit and tweak the code, or change the header.
<br>You may also change the size of header and change the size of everything else.

<li>Please keep credit on.</li>
<li>Do no steal code/header</li>

</div>

<div id="footer">
<center>
Your affies and stats will go here<br>
<a href="http://onyxhotel.three-words.net">(c) layout by onyxhotel</a>
YOU SITE NAME START YEAR- CURRENT YEAR<br>
example: ONYXHOTEL 2008-2012</center>
</div>