Off with your head!

Hey, guys! After a long time, I made another layout template for you guys to use. It's based off of one of The Sky Pillar's older layouts. Feel free to change the colors, fonts, images, and whatnot in the layout to fit your needs, and enjoy!

Downloading

To download, just copy all this text into a text editor and edit as needed.

<html>
	<head>
	
	<title>SITE TITLE</title>	
	<style>
/*STYLESHEET BEGINS HERE!*/
/*Adjust the body elements here. */
	body { 
background-color: #333333;
font-family: Arial;
font-size: 11px;
}

/*Don't touch anything but the background color here*/
#container {
	width: 700px;
	text-align: left;
	background: #cccccc;
	margin: auto;
	margin-top: 10px;}

/*Replace BANNER URL HERE with the direct link to your banner; adjust the height so your banner fits. Don't worry about anything else here.*/
#banner {
	background-image: url(BANNER URL HERE);
	height: 200px;
	width: 700px;
	text-align: center;
	font-size: 15px;
	color: #000000; }

/*Don't change anything except for the colors!*/
#content {
	float: left;
	width: 496px; 
	background: #ffffff;
	margin: 5px;
	padding: 2px;
	color: #000000;
}

/*Backgrounds and colors are all you need to adjust here, changing anything else will EPICALLY MESS THIS UP*/
#menu {
	float: right;
	width: 186px; 
	background: #cccccc;
	padding: 2px;
	color: #FFFFFF;
}

/*Again, only change the colors here*/
#footer {
	clear: both;
	background: #cccccc;
	text-align: center;
	padding: 5px; 
	color: #333333; 
	cursor: default;}

/*Link properties; you can change anything inside the brackets ({ }). Just make sure to keep the ; after each element. Go crazy here!*/
A:link{ color: #333333; text-decoration: none;}
A:visited {color: #333333; text-decoration: none;}
A:active { color: #333333; text-decoration: none;}
A:hover { color: #999999; text-decoration: underline;}

/*Content header properties; adjust the colors in coordination to the content colors*/
h1 {
	background: #333333; 
	margin: 0px; 
	margin-bottom: 10px; 
	color: #ffffff; 
	padding: 2px; 
	font-size: 12px; 
	text-align: left; }
/*Menu  header properties; again, adjust the colors so they go together with the menu*/
h2 {
	font-size: 11px; 
	margin: 0px; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	padding: 2px; 
	border-bottom: 1px solid; 
	text-align: left;
	color: #666666; }

/*ALL STYLESHEET STUFF ENDS HERE! */
	</style>
	</head>
	<body>
	<div id="container">

<div id="banner">
ONCE YOU HAVE AN IMAGE FOR YOUR BANNER, DELETE THIS TEXT AND ADJUST THE HEIGHT TO FIT.
	</div>
	<div id="content">

CONTENT

		</div>
	<div id="menu">

<h2>Category</h2>
<a href=#>Link Here</a><br>
<a href=#>Link Here</a><br>
<a href=#>Link Here</a><br>

<h2>Category</h2>
<a href=#>Link Here</a><br>
<a href=#>Link Here</a><br>
<a href=#>Link Here</a><br>

<h2>Credit</h2>
<a href="http://dolloff.net" target="_blank">layout coding</a>
	</div>
	<div id="footer">

FOOTER CONTENT

	</div>
	</body>

</html>

Terms

Simple, pretty much.

Don't delete the credit or else
Edit as needed
Redistributing is strictly PROHIBITED. If you want to share it, just provide a link back to how it is here.
For personal use ONLY. That means that you cannot and WILL NOT use it as a base for layouts that you'll redistribute