Simple

Layout Code

Copy and paste to Template HTML

<title>your site title here</title>
<style>
body {
margin: 0;
padding: 0;
background: #ffffff;
text-align: center;
}

#container {
margin:0px auto;
width:870px;
text-align:left;
}

b{color: #000000;}
i {font-family:georgia; font-size:12px; color: #999999;}
u {text-decoration: none; border-bottom:1px solid #999999;}

a:link,a:visited,a:active
{
color: #999999;
font-family: "Georgia";
font-weight: normal;
font-size:11px;
text-decoration:none;
}
a:hover
{
color: #ffffff;
}

h1 {
font-family: "century gothic";
font-weight: normal;
font-style: bold;
font-size:30px;
color: #000000;
text-align:left;
text-transform: lowercase;
letter-spacing:1px;
line-height: 40px;
margin:0px;
}

h1:first-letter {
color: #999999;
font-style: normal;
}

h2 {
margin-bottom: 0px;
margin-top: 0px;
line-height:14px;
font-size:24px;
font-family: verdana;
text-transform: lowercase;
font-weight: italic;
color: #999999;
text-align: right;
padding:2px;
}

h3{
font-family: "century gothic";
background: #999999;
font-weight: normal;
font-style: bold;
font-size:18px;
color: #000000;
text-align:right;
text-transform: lowercase;
letter-spacing:1px;
line-height: 40px;
margin:0px;
}
.content {
float:left;
width:100%;
font-size: 11px;
font-family: "Tahoma";
color: #000000;
line-height:13px;
text-align:left;
text-transform: none;
font-weight:normal;
padding:3px;
}

a.navi, a.navi:active, a.navi:link, a.navi:visited {
display:block;
font-family: Verdana;
font-size: 7px;
line-height:12px;
font-weight: normal;
letter-spacing:1px;
text-decoration:none;
border-left:14px solid #999999;
color: #000000;
text-transform: uppercase;
text-align: left;
padding:2px;
padding-left:5px;
margin-bottom:4px;
}
a.navi:hover {
border-left:14px solid #ffffff;
color: #999999;
}

input, textarea, option, select

{    
	font-size: 7pt;
	border: #ffffff 1px solid;
	font-family: Tahoma;
	text-decoration: none;
        cursor: default;
        color: #ffffff;
        background: #000000;
}
</style>
<style type="text/css">BODY{
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#ffffff;
	scrollbar-shadow-color:#000E29;
	scrollbar-highlight-color:#000E29;
	scrollbar-3dlight-color:#000033;
	scrollbar-darkshadow-color:#000033;

</style>
<div class="content">
<div style="position:absolute;background-color:transparent; left:40px; top:40px; width:312px;border:none;"><h1>Your Site Name Here</h1><br>
<h2>Your Slogan Here</h2>

<div style="position:absolute;background-color:transparent; left:40px; top:100px; width:312px;border:none;">
<h3>Your First Title Here</h3>
blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah.<p>

blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah. blah.<p>

<h3>Everything</h3>
<b>bold</b> <i>italics</i> <u>underline</u> <s>strikethrough</s> <a href="#">Link</a>
</div>

<div style="position:absolute;background-color:transparent; left:320px; top:440px; width:312px;border:none;">
<h3>navigation</h3>
<a class="navi" href="#">Link</a>
<a class="navi" href="#">Link</a>
<a class="navi" href="#">Link</a>
<a class="navi" href="#">Link</a>
<a class="navi" href="#">Link</a>
<p>
<h3>credits</h3>
<b>Layout:</b> <a href="http://lovedagraphics.createblog.com/" target="_blank">Love Da Graphics<br>
<b>Image:</b> <a href="http://www.sweetandtalented.com" target="_blank">Sweet And Talented</a>