S E D U C E

Designer's Comments

Look carefully for specific instructions

making another layout in this CSS again... weird...

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SITE NAME HERE</title>
<style>
body {
margin: 0;
padding: 0;
text-align: center;
background-color: #3b381d;
}

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

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

a:link,a:visited,a:active
{
color: #3b381d;
font-family: tahoma, geneva;
font-weight: normal;
font-size:11px;
text-decoration:none;
}
a:hover
{
color: #ffffff;
background: #3b381d;
}

h1 {
font-family: georgia;
border-bottom:1px solid #3b381d;
text-decoration: italics;
font-size:18px;
color: #3b381d;
text-align:center;
text-transform: lowercase;
letter-spacing:0px;
line-height: 18px;
margin:0px;
}

h2 {
margin-bottom: 0px;
margin-top: 0px;
line-height:13px;
font-size:10px;
font-family: Tahoma, Geneva;
text-transform: uppercase;
font-weight: normal;
color: #ffffff;
text-align: left;
padding:2px;
}

.content {
float: left;
width: 100%;
margin-top:0px;
background:url(http://cbimg6.com/layouts/09/08/35643ab.png);
font-size: 11px;
font-family: tahoma, geneva;
letter-spacing:1px;
color: #3b381d;
line-height:13px;
text-align:left;
text-transform: none;
font-weight:normal;
}

a.right, a.right:active, a.right:link, a.right:visited {
display:block;
font-family: courier;
font-size: 20px;
line-height:20px;
font-weight: bold;
letter-spacing:1px;
text-decoration:none;
color: #3b381d;
text-transform: uppercase;
text-align: center;
padding:1px;
padding-left:1px;
margin-bottom:3px;
background: #ffffff;
}
a.right:hover {
background: #3b381d;
color: #ffffff;
}
a.left, a.left:active, a.left:link, a.left:visited {
display:block;
font-family: courier;
font-size: 10px;
line-height:10px;
font-weight: bold;
letter-spacing:1px;
text-decoration:none;
color: #ffffff;
text-transform: uppercase;
text-align: center;
padding:1px;
padding-left:1px;
margin-bottom:3px;
}
a.left:hover {
background: #ffffff;
color: #3b381d;
}
</style>

</head>

<body>

</center>
</div>
<div style="LEFT: 60px; FLOAT: left; WIDTH: 50px; POSITION: relative; TOP: -90px">
<h2> affies </h2>
<center>
<a class="left" href="#">s</a>
<a class="left" href="#">e</a>
<a class="left" href="#">d</a>
<a class="left" href="#">u</a>
<a class="left" href="#">c</a>
<a class="left" href="#">e</a>
<br>
<h2> credits </h2> 
<a class="left" href="http://staticsongz.webs.com">X</a><br>
<a class="left" href="http://innocense.org">O</a><br>
<a class="left" href="beautiful-sin.net/">X</a><br>
</center>
</div>

<h1>this is your header</h1>This is a place where you put 
your text. So start typing. ... Pics from <a 
href="http://innocense.org">http://innocense.org</a>

, <br><br>

<h1>Header</h1>THIS IS WHERE TEXT WILL GO

</div>
</div>
</div>
<center></center>
</body>
</html>