2 only skin

<html>
<title>only skin</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/background1.png);
}


#header {
background-image:url('http://onyxhotel.three-words.net/images/designs/design1.png');
background-repeat:no-repeat;
width:900px;
height:600px;
z-index: -1;
position: fixed;
margin: -65px 0px 0px 550px;
}

#content
{position: absolute;
z-index: -1;
top: 0px;
background-color: rgba(255,255,255, 0.3);
left: 290 ;
width:600px;
margin-top:55px;
padding: 10px;
padding-bottom: 200px;
font-size:10px;
font-weight:none;
text-decoration:none;
text-transform:lowercase;
font-style:none;
font-family:trebuchet ms;
letter-spacing: 1px;}

::selection {
background:#D7AE75;
color:#fff;}

::-moz-selection {
background:#C7A59C;
color:#CFBE27;}

::-webkit-selection {
background:#;
color:#CFBE27;}

#a:active, a:visited, a:link {
color:#D7AE75;
background-color: none;
font-weight:none;
text-decoration:none;
text-transform:none;
font-style:none;
text-align: center;
font-family:arial;}

a:hover {
color:#BAB095;}

h1 {
font: 11px/13px "Lucida Console", Monaco, Monospace;
color: #000;
border-left: 50px solid #D7AE75;
border-right: 25px solid #D7AE75;
text-transform: uppercase;
text-align: left;
margin: 5px;
padding-left: 5px;
width: 450px;
letter-spacing:2px;
background-color: #;}

h2 {
font-family : arial;
color : #000;
font-size :10px;
line-height : 0px;
letter-spacing: 2px;
text-transform : normal;
text-align : left;}

blockquote {
font: italic normal 12px/10px "Times New Roman", Times, serif;
color: #000;
background: #BAB095;
width:400px;
padding: 10px;
border: 1px solid #ddd;
letter-spacing: 1px;}

#anchor {
z-index: -1;
background-image:url('http://onyxhotel.three-words.net/images/designs/anchor.png');
height: 350px;
width: 110%;
position: fixed;
float: left;
margin: 530px 0px 0px -10px;
z-index: 1;
}

#side{
background: #ede8e8;
width: 200px;
padding: 0;
z-index: -1;
margin-top: 55px;
margin-left:50px;
font: 10.2px verdana;
letter-spacing: 1px;
display: block;
padding: 5px;
background-color: #fff;
color: #000;
text-decoration: none;
 }

#nav{
z-index: 1;
margin-top: -20px;
margin-left:25px;
padding: 5px 5px 5px 0.5px;
 }

.menuhover {font-color:#000;
background: #BFE3C7;
font-size: 20px;
font-family:"Amaranth";
float:left;
margin-left:25px;
margin-top:15px;
width:85px;
height: 25px;
text-shadow: 1px 1px 0px #b5cfd4;
padding:5px;
-webkit-transition-duration: 1.0s;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;}

.menuhover:hover {
background: #5CEAB8; }

</style>
<body>
<div id="nav">
<a class="menuhover" href="#"> home</a>
<a class="menuhover" href="#"> link</a>
<a class="menuhover" href="#"> link</a>
<a class="menuhover" href="#"> link</a>
<a class="menuhover" href="#"> link</a>
<a class="menuhover" href="http://onyxhotel.three-words.net/"> credit</a>
</div></div>
<div id="anchor"></div>

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


<ul id="side">
this is your site description<br>
<br>
<h2>affies</h2>
<a href="http:///url">link</a> / <a href="http:///url">link</a> / <a href="http:///url">link</a> / <a href="http:///url">link</a> / <a href="http:///url">link</a> / <a href="http:///url">link</a> /<a href="http:///url">link</a>
<br><br>

<h2>cbox</h2>
cbox/comment box code goes here
<br><br>

<h2>disclaimer</h2>
Text
<br><br>

<h2>extra</h2>
Text <a href="http:///url">link</a>
</ul></div>


<div id="content">
<h1>Only Skin</h1>
This is your text! This layout that has a <u>fixed</u> header and border.
<h2> Header 2</h2>
<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. You may also change the size of header and change the size of everything else.

<blockquote>
This is what the blockquote looks like
<li>Please keep credit on.</li>
<li>Do no steal code/header</li>
</blockquote>


</div>