It's been a while...

Designer's Comments

Look carefully for specific instructions

please dont keep out the credits!

Layout Code

Copy and paste to Template HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>it's been awhile...layout* by avenger Princess</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style>

body	{
	background-color: #D8D2B2;
	background-image: url(http://cbimg6.com/layouts/07/11/25/23393ab.png);
	background-repeat: repeat-y;
	color: #D06D89;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	z-index: 1;
	}

/* ------ LAYOUT ------ */	
#header	{
	background-image: url(http://cbimg6.com/layouts/07/11/25/23393ac.png);
	width: 800px;
	height: 425px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
	width: 340px;
	left: 34px;
	top: 400px;
	position: absolute;
	z-index: 3;
	}

#navigation	{
	width: 140px;
	left: 395px;
	top: 400px;
	position: absolute;
	z-index: 4;
	}

/* ------ TITLES & HEADLINES & FOOTER ------ */
h1	{
	color: #D06D89;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	background-color: #F0DEBB;
	}

.footer	{
	width: 100%;
	text-align: center;
	border-top: 1px solid #E3C1AE;
	padding-top: 5px;
	}
	
/* ------ TEXT FORMATIONS ------ */
b, strong	{
	color: #C64C6A;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

i, em	{
	color: #E990B9;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	}

u 	{
	color: #C64C6A;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px solid #E990B9;
	}

.special	{
	color: #E990B9;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #E3C1AE;
	}
	
/* ------ LINKS & NAVIGATION ------ */
a:link, a:active, a:visited	{
	color: #795C73;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
a:hover	{
	color: #E3C1AE;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #C64C6A;
	background-color: #F4EDC2;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 14px;
	text-align: left;
	}

a.menu:hover	{
	color: #C64C6A;
	background-color: #F0DEBB;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 14px;
	text-align: left;
	}

.number	{
	color: #795C73;
	}
	
/* ------ MISC ------ */
input, textarea, select	{
	background-color: #E3C1AE;
	border: 1px solid #795C73;
	color: #D06D89;
	font-weight: bold;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	}
	
input:focus, textarea:focus, select:focus {
	background-color: #F0DEBB;
	border: 1px solid #795C73;
	color: #D06D89;
	}

.input	{
	width: 200px;
	}
		
.button {
	border: 1px solid #795C73;
	background-color: #E3C1AE;
	color: #D06D89;
	font-weight: bold;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 100px;
	}
	
/* ------ NEWS SYSTEM ------ */
.news_table	{
	background-color: #E3C1AE;
	border: 1px solid #D06D89;
	color: #D06D89;
	text-align: justify;
	}

.news_title	{
	color: #795C73;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	margin-left: 10px;
	line-height: 16px;
	}

.news_icon	{
	background-color: #E3C1AE;
	border: 1px solid #D06D89;
	padding: 4px;
	margin: 0px 5px 5px 0px;
	text-align: center;
	width: 100px;
	float: left;
	align: center;
	}

.news_content	{
	color: #D06D89;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	padding: 10px;
	margin: 7px;
	background-color: #F0DEBB;
	border: 1px solid #D06D89;
	}

.news_updates	{
	color: #D06D89;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	padding: 10px;
	margin: 7px;
	background-color: #F0DEBB;
	border: 1px solid #D06D89;
	}

.news_author	{
	color: #D06D89;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	padding: 10px;
	margin: 7px;
	background-color: #F0DEBB;
	border: 1px solid #D06D89;
	}
		
/* ------ CALENDAR ------ */
td.c_month	{
	color: #795C73;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #D06D89;
	background-color: #E3C1AE;
	}

td.c_week	{
	color: #795C73;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	border: 1px solid #D06D89;
	background-color: #F0DEBB;
	}

td.c_day	{
	color: #D06D89;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	border: 1px solid #795C73;
	background-color: #F0DEBB;
	}

td.c_event	{
	color: #D06D89;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	border: 1px solid #D06D89;
	background-color: #E3C1AE;
	}

</style>
</head>

<body>

<h1>welcome</h1>

anything you want anything you want anything you want anything you want
	
	<h1>Navigation</h1>
	<a href="#" target="_self" class="menu"><span class="number">001</span> Link</a>
	<a href="#" target="_self" class="menu"><span class="number">002</span> Link</a>

<h1>Header</h1>

anything you want anything you want anything you want anything you want anything you want

<h1>Navigation 2</h1>
	<a href="#" target="_self" class="menu"><span class="number">007</span> Link</a>
	<a href="#" target="_self" class="menu"><span class="number">008</span> Link</a>

<h1>Stuff</h1>

Whatever..
	
	<h1>header</h1>
	<center>
	anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want
	</center>

<center>youre Linkbutton</center>

</div>

<div id="content">
	<h1>Welcome</h1>
	anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want 
	
	<h1>Styles</h1>
	CSS: <b>Bold</b>, <i>Italic</i>, <u>Underlined</u>, <span class="special">Special</span>, <a href="www.google.de" target="_blank">Link</a>!!!(to google xD)<br />

Looks great, uh?
	
	<h1>Credits</h1>
	Important important important! Do not delete this stuff here!<br />
	<b>Layout</b> · <a href="http://ceres-aven.createblog.com/" target="_blank">cERES AVEN</a><br />
	<b>Picture</b> · <a href="http://www.deviantart.com" target="_blank">devianart</a><br />

<b>Brushes</b> · <a href="http://www.deviantart.com" target="_blank">dA</a>
<I>FOR <a href="http://www.creatveblof.com" target="_blank">Cretabelog!</a></I> ·

<h1>updates</h1>
	whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^ 
	<h1>News</h1>

<table width="100%" border="0" class="news_table"> 
    	<tr>
      		<td><span class="news_title">News Title</span></td>
    	</tr>
    	<tr> 
    		<td>

whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^	whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^	whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^whatever^^ whatever^^
			
			</div></td> 
    	</tr>

</tr>	
		<tr>
      		
</body>

</html>