<!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" xml:lang="en" lang="en" dir="ltr">
<head>
<title><!-- strip:start -->

	Include the site name in Kipper's interface
	and leave this blank, or leave the setting
	blank and enter the title here. Don't
	forget to take the "strip" tags out, too.

<!-- strip:end --></title>

<meta http-equiv="content-type"
content="text/html; charset=UTF-8" />

<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="favicon.ico" rel="shortcut icon" type="graphic/ico" />

</head>
<body>

<!-- 
	Button Nose, a Kipper template by Carson Fire
-->

<a href="./"><div id="logo" title="Button Nose"><h1>Button Nose</h1></div></a>
<!-- strip:start --><pre>

	Here's a CSS trick. The text header above
	is hidden and replaced by a graphic in the
	CSS folder, along with the stylesheet.

	If you don't like this trick, simply
	replace the header above with an ordinary
	image tag, and adjust the CSS.

</pre><!-- strip:end -->

<div id="content">
	<div id="leftflush">
<!-- content:start --><pre>

Note how each section--the logo, the content, and
the navigation, are all identified by your own ID
tags. Kipper tries to assume nothing about your
page design. You define everything with stylesheets.

Look at the included CSS file to see how we defined
these sections to get the look we wanted.

</pre><!-- content:end -->
	</div>
</div>

<div id="navigation">
<!-- archive:navigation -->
</div>

</body>
</html>



