Just Fly Away

Designer's Comments

Look carefully for specific instructions

Its simple and clean. Enjoy it. :D Please credit me. (you may remove the button from the footer just leave the layout by fadingwords)

Layout Code

Copy and paste to Template HTML

Help

<!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">

<head>
	<title>Just Fly Away</title>
	<style type="text/css" media="screen">
body{
	background-color: #E1E1E3;
	margin: 0px;
	font-family: "Arial";
	font-size: 12px;
	color: #808C8F;
}
#container{
	background-image: url(http://cbimg9.com/layouts/08/06/28275ab.jpg);
	width: 700px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
}
#topcap{
	background-image: url(http://cbimg9.com/layouts/08/06/28275ac.jpg);
	height: 17px;
	width: 700px;
}
#header{
	background-image: url(http://cbimg9.com/layouts/08/06/28275ad.jpg);
	height: 326px;
	width: 700px;
}
#content{
	float: left;
	display: inline;
	margin-left: 30px;
	width: 640px;
}
#footer{
	clear: both;
	background-image: url(http://cbimg9.com/layouts/08/06/28275ae.jpg);
	height: 15px;
	width: 700px;
	background-repeat: repeat;
}
.footnote{
	color: #3A3A3A;
	text-align: center;
	font-weight: normal;
}
img {
	border:0px;
}
a:link, a:visited{
	color: #276A7B;
	text-decoration: none;
}
a:hover{
	color: #2B4146;
	text-decoration: none;
}
h1, h2{
	border-bottom:1px solid #BBBBBB;
	color: #BBBBBB;
	text-align: center;
	margin: 0px 0px 1px 0px;
	padding: 0px;
}
h1{
	font-size: 20px;
	font-weight: normal;
}
h2{
	font-size: 17px;
	font-weight: normal;
}
.nav{
	margin-bottom:4px;
}
.nav a{
	font-size:9.5pt;
	font-weight: bold;
	color:#688596;
	text-decoration:none;
	margin-right:15px;
	margin-left:15px;
}
.nav a:hover{
	color:#D3D3D3;
	</style>
</head>
<body>
	<div id="container">
			<div id="topcap"></div>
			<div class="nav" align="center">
				<a href="http://fadingwords.com/">Link #1</a>
				<a href="http://fadingwords.com/">Link #2</a>
				<a href="http://fadingwords.com/">Link #3</a>
				<a href="http://fadingwords.com/">Link #4</a>
				<a href="http://fadingwords.com/">Link #5</a>
			</div>
			<div id="header"></div>
	<div id="content">
				
				<h1>Just Fly Away</h1>
				<div align="center">June 11th, 2008</div>
				<p>When creating this layout I wasent in a really good mood. When I saw the finished product i honestly was so much happier, i really like this layout. Its very simple. Elegant. It took me around 3-4 hours to make it. The header image was created with some stocks from stock.xchange in photoshop CS3 and the css was created as always with the help of my handy notepad++, how would i live without it? The navigation is on top, just change the links to what ever you whant. You could even put the title of you website there.</p>
				<p>This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/us/">Creative Commons Attribution-Noncommercial 3.0 United States License</a> You may edit and use this layout but you can not remove the credits located at the footer of this layout.</p>
				<p>Thank You</p>
				
				<h2>To A World Unknown</h2>
				<div align="center">This is a sub-header</div>
				<p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
		
<br/><br/>		
	</div>
<p align="center"><a href="http://fadingwords.com/"><img src="http://cbimg9.com/layouts/08/06/28275aa.jpg" /></a>
<div class="footnote">Layout By <a href="http://fadingwords.com/">FadingWords.com</a></div><div id="footer"></div>
		
	</div>
</body>
</html>