Me

Here you can write about whatever you want, anything that revolves around what you want the public to know about you. Just make sure that you fill up the height of the picture to avoid having the header below latch on to this picture. Your picture doesn't have to be 31x88 just make sure it doesn't go over 150px in width.

Navigation

Link1 Link2 Link3 Link4

Extra

Link1 Link2 Link3 Link4

Credits

Made by: Silentatmosphere
Credits located here
Please do not remove these credits, while I made this layout the resources are not mines to claim and neither are they yours. Please take into account that I made this layout for you, so please follow my wishes and keep the credit on the layout.

Layout Stats

not added although you can click this and get your very own!
hits

Welcome To Website Name Here!

Directions, tips and hints: While the codes I will supply you come with SA hosted images. Your welcome to save them here on this page and host them on to your own website server to avoid the exceeded bandwidth or broken links. If you plan to blog via cutenews the width of this div layer is 468px, but aim a bit smaller by 5 or by 10 pixles (463, 458) to avoid a scrollbar. I will allow some editing but nothing to completely change this layout, You may add your website name, but DO NOT remove the credit on the navigation side bar and layout image. This paragraph is in a table if you plan to keep it be careful how you remove this text, this section can be good for a small welcome message or some self info if you turn this into a blog site.

Other Features

Underline Italic Bold ~~Strike~~

This is a blockquote this is good for if you decide to make a fanlisting or if you decide to use this layout as a fan website this is good for certain quotes or info you want to stand out.

This is a cite box, much like the blockquote but this one is wider and works best for articles with sections that you want to stand out without the blockquote indent. A clear background works best because the text is of a lighter color. You may choose to use this or not. The code is still there. Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here...

Goodies for you

Outside of the layout, icons and my devoted time, here are some banners to use when using this layout. These are the most common and most used link banner sizes. To avoid any problems please save these and upload them into your own server. You may only write your website name, please do not cover up my credit.
88x31

100x35

468x60

Website Codes

Make sure to create another file called css.css and copy the 2nd set of codes below into that file. if you don't the layout will not work. and the 1st set is for everything else.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<html>
<head>
<title>Misery</title>
<script>window.status="Dreadful";</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us">
<meta name="description" content="Website Info goes here">
<meta name="keywords" content="Website Keywords go here">
<meta name="author" content="Your Name Goes Here">
<meta name="language" content="EN">
<meta name="copyright" content="Amanda@silentatmosphere.com, Your name goes here">
<meta name="rating" content="general (can be changed)">
<link rel="stylesheet" href="css.css" type="text/css" />
</head>

<tr><td valign="top" style="background-color:#ffffff;">
<table style="background-color:#ffffff; width:638px;"><tr>
<td valign="top" style="width: 185px"><h1>Me</h1>
<div id="boxes">
<img src="http://www.silentatmosphere.com/wlayouts/images/misery_31x88.png" align="left">
Here you can write about whatever you want, anything that revolves around what you want the public to know about you.  Just make sure that you fill up the height of the picture to avoid having the header below latch on to this picture.  Your picture doesn't have to be 31x88 just make sure it doesn't go over 150px in width.<br>
</div>
<br>

<h1>Navigation</h1>
<div id="boxes">

<h1>Extra</h1>
<div id="boxes">
<a href="http://www.silentatmosphere.com"class="link">Link1</a>
<a href="http://www.silentatmosphere.com" class="link">Link2</a>

<h1>Credits</h1>
<div id="boxes">
Made by: <a href="http://silentatmosphere.com">Silentatmosphere</a><br>
Credits located <a href="http://www.silentatmosphere.com/wlayouts/">here</a><br>
Please do not remove these credits, while I made this layout the resources are not mines to claim and neither are they yours. Please take into account that I made this layout for you, so please follow my wishes and keep the credit on the layout. <br>

</div>
<br>

</td>
<td valign="top" style="width: 10px"> </td>

<td valign="top" width="468px">
<h2>Welcome To Website Name Here!</h2>
<div id="boxes">
<table><tr><td>
<img src="http://www.silentatmosphere.com/wlayouts/images/misery_100x150.png" align="left"><td>

<b>Directions, tips and hints:</b> While the codes I will supply you come with SA hosted images. Your welcome to save them here on this page and host them on to your own website server to avoid the exceeded bandwidth or broken links.  If you plan to blog via cutenews the width of this div layer is 468px, but aim a bit smaller by 5 or by 10 pixles (463, 458) to avoid a scrollbar.  I will allow some editing but nothing to completely change this layout, You may add your website name, but DO NOT remove the credit on the navigation side bar and layout image. This paragraph is in a table if you plan to keep it be careful how you remove this text, this section can be good for a small welcome message or some self info if you turn this into a blog site.</td></tr></table><br>

</div>
<br>

<h2>Other Features</h2>
<div id="boxes">
<center><u>Underline</u> <i>Italic</i> <b>Bold</b> <s>Strike</s></center>

<Blockquote>This is a blockquote this is good for if you decide to make a fanlisting or if you decide  to use this layout as a fan website this is good for certain quotes or info you want to stand out. </blockquote>
<cite>This is a cite box, much like the blockquote but this one is wider and works best for articles with sections that you want to stand out without the blockquote indent. A clear background works best because the text is of a lighter color. You may choose to use this or not. The code is still there.</cite>

Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here...
<br>
</div>
<br>

<h2>Goodies for you</h2>
<div id="boxes">
Outside of the layout, icons and my devoted time, here are some banners to use when using this layout. These are the most common and most used link banner sizes. To avoid any problems please save these and upload them into your own server. You may only write your website name, please do not cover up my credit. 
<br>
<b>88x31</b><br>
<img src="http://www.silentatmosphere.com/wlayouts/images/linkback/misery_88x31.png">
<br><br>

<h2>Whatever you want here</h2>
<div id="boxes">
Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here...
<br>
</div>
<br>

</td></tr></table> 
</td></tr>
<tr><td valign="top" width="640" height="50" style="background-image:url('http://www.silentatmosphere.com/wlayouts/images/misery_footerrs.png');  background-position:center;">
</td></tr>
</table> 
</div></body>

2nd set don't forget to save it as css.css

body {background-color:#BCD3D5; background-image:url('http://www.silentatmosphere.com/wlayouts/images/misery_bg.png');  background-position:center; background-repeat:repeat; background-attachment: fixed; scrollbar-arrow-color:BCD3D5; scrollbar-face-color:DEE9EA; scrollbar-highlight-color:BCD3D5; scrollbar-3dlight-color:BCD3D5; scrollbar-shadow-color:BCD3D5; scrollbar-darkshadow-color:BCD3D5; scrollbar-track-color:; margin:0; }

#navigation{position:absolute; left:152px; top:375px; width: auto; z-index:1; overflow:visible; overflow-x:hidden; z-index:2;visibility:visible;padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 3px;}

#content{position:absolute; left:316px; top:375px; width: auto; z-index:1; overflow:visible; overflow-x:hidden; z-index:2;visibility:visible;padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 3px;}

textarea, input, select,button{font:normal 11px tahoma; color:#000000; background-color: #C5D3D5; border:1px solid #8EBBBF;}

#boxes{background-color:#E2E9EA; padding: 3px; font-family: Lucida Sans Unicode;  font-weight: normal; text-transform: none; font-size: 8pt; letter-spacing:0px; line-height:12px;text-align:left; color:#000000; border:0px;}

form, fieldset {font-family: Lucida Sans Unicode;  font-weight: normal; text-transform: none; font-size: 8pt; letter-spacing:0px; line-height:12px;text-align:left; color:#000000; border:0px;}

.space {font-size: 1px;}

table {font-family:Lucida Sans Unicode;  font-weight: normal; text-transform: none; font-size: 8pt; letter-spacing:0px; line-height:12px;text-align:left; color:#000000; border:0px; padding:0px;}

xmp{font-family:Lucida Sans Unicode!important; font-size:10px !important; color:#666666 !important; font-weight:normal !important; text-decoration: none; letter-spacing: 0px !important;  padding: 0px !important; line-height: 11px !important;}

h1{font-family:'Courier New', Courier;  font-weight: normal; text-transform: none; font-size: 22px; letter-spacing: -2px; line-height:16px;text-align: left; color:#8EBBBF; background-color: #; margin-top: 0px; margin-bottom: 0px; padding-top: 3px; background:url() right center no-repeat; padding-left:3px; border-bottom:1px solid #437C94; } 
h2{font-family:'Courier New', Courier;  font-weight:normal; text-transform: none; font-size: 22px; letter-spacing: -2px; line-height:16px;text-align: right; color:#8EBBBF; background-color: #; margin-top: 0px; margin-bottom: 0px; padding-top: 3px; background:url() right center no-repeat; padding-left:3px; border-bottom:1px solid #437C94;}

h3{font-family:Trebuchet MS!important; font-weight: normal; text-transform: none; font-size: 8pt; letter-spacing:0px; line-height:10px;text-align:left; color:#000000; border:0px; background-color: #D8D8D7; margin-top: 0px; margin-bottom: 0px; padding-top: 3px; padding-bottom: 3px;}

.header1{display:block; font-family:Tahoma;  font-weight: normal; text-transform: none; font-size: 16px; letter-spacing: -1px; line-height:14px; text-align: left; color:#273C41; margin-top: 0px; margin-bottom: 0px; padding-top: 3px;}

b, strong {font-family: tahoma; font-size:8pt;  color:#437C94;} 
i, em{font-family: tahoma; font-size:8pt;  color:#000000;} 
u {font-family: tahoma; font-size:8pt;  color:#FF3820;}
s {font-family: tahoma; font-size:8pt;  color:#D17166;}
 
.link{display:block; text-align:left; background-color:#E0DFDD; height:14px; padding-top:2px; z-index:6; font-family:Trebuchet MS!important; font-size:9pt!important; color:#000000!important; letter-spacing:0px!important; background:url() left center no-repeat; padding-left:0px;}
.link:hover{display:block; text-align:left; background-color:#E0DFDD; height:14px; padding-top:2px; z-index:6; font-family:Trebuchet MS!important; font-size:9pt!important; color:#FF1F04!important; letter-spacing:0px!important; background:url() left center no-repeat; padding-left: 4px;}

a, a:link, a:active, a:visited {font-family: tahoma; font-size:11px; color:#437C94; text-decoration: none!important; }
a:hover {font-family: tahoma; font-size:11px; background-color: none!important; color:#D17166; text-decoration: none!important;}
a:link img, a:visited img {filter: none;border:0px}

blockquote {background-color:#C5D3D5; color: #555; display: block; font: normal 1em "Lucida Sans Unicode",serif; margin-bottom: 12px; padding: 3px 6px;}
cite {background: url(http://www.silentatmosphere.com/wlayouts/images/misery_cite.gif) no-repeat; background-color:#E2E9EA; color: #666; display: block; font: normal 1.1em "Lucida Sans Unicode",serif; margin-bottom: 12px; padding-left: 26px; padding-right: 3px; padding-bottom: 3px;}

Look for the following in the first set of codes <title>Misery</title> <script>window.status="Dreadful";</script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="en-us"> <meta name="description" content="Website Info goes here"> <meta name="keywords" content="Website Keywords go here"> <meta name="author" content="Your Name Goes Here"> <meta name="language" content="EN"> <meta name="copyright" content="Amanda@silentatmosphere.com, Your name goes here"> <meta name="rating" content="general (can be changed)"> <link rel="stylesheet" href="css.css" type="text/css" /> This can be edited to meet the needs of your website, please keep the Amanda@silentatmosphere.com on the copyright tag, if you have any questions please comment my blog and I will help you the best I can.
css.css is the file in which your 2nd set of codes will be placed, the line <link rel="stylesheet" href="css.css" type="text/css" /> will look for the css file and pick up the codes make the layout look like it should be.