<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Designed by Kevin Lehtiniitty -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
[--$system_head--]
	<title>[--$content.page_title--] &raquo; [--$settings.Site_Name.value--]</title>
	<style type="text/css">
		body {
			font-size: .8em; 
			background: #5E204C;
			font-family: Helvetica, Arial, sans-serif;
			}
		h2 { 
			font-size: 1.4em;
			margin-top: 25px;
			margin-bottom:0;
			} 
		h1 { 
			font-size: 2.5em; 
			margin-top: 0;		
		}
		p {font-size: 1em; }
		.note {font-size: 85%; }
		#container {font-size: 95%; }
		#navigation {
			padding:10px 0 0 46px;
			clear:both;
			background: #5E204C url(border.jpg) repeat-x bottom left;
		}
		#nav {
			float: left;
			width: auto;
			padding:0 !important;
			margin: 0;
			list-style: none;
			}	
		#nav li {
			float: left;
			margin: 0 3px 0 0;
			padding: 0;
			font-family: "Lucida Grande", sans-serif;
			font-size: 80%;
			}			
		#nav a {
			float: left;
			display: block;
			margin: 0;
			padding: 5px 8px;
			color: #333;
			text-decoration: none;
			border: 1px solid #000000;
			border-bottom: none;
			background: #38132D url([--$theme_url--]inactive.jpg) repeat-x top left;
			font-size: 1.4em;
			color: #d6a713;
			}
		#nav a:hover, #nav li.selected a {
			color: #333;
			padding-bottom: 5px;
			margin: 0;
			border-color: #727377;
			background: #fff url([--$theme_url--]Active.jpg) repeat-x top left;
			}
		#message {
			width: 100%;
			background: #38132D;
			color: #FFF;
			clear: both;
			text-align: center;
			font-size: 110%;
			}
		#message p {
			margin: 0;
			padding: 7px;
			font-weight: bold;
			}
		#message a {
			color: #FFF;
			padding: 2px 15px;
			}
		#message strong {
			text-transform: uppercase;
			}
		.wrapper {
			background: white;
			padding: 20px;
			clear: both;
			}				
		.samples {
			width: 100%;
			border: 2px solid #d6a713;
			padding: 10px;
			}
		.samples dl {
			margin: 10px 20px;
			padding: 0;
			}
		.samples dt {
			width: 160px;
			font-weight: bold;
			margin: 0;
			padding: 0;
			font:1.8em Cambria, Georgia, serif;
			margin-bottom:5px;
			letter-spacing: 2px;
			color: #71799C;
			}
		.samples dd {
			margin: 0;
			padding: 0;
			font-size: 95%;
			line-height: 1.5em;
			}
		.header {
			font-size: 1.4em;
			text-transform: uppercase;
			padding:0 20px;
			}			
		.templates {
			width: 100%;
			margin: 0;
			padding: 2px;
			list-style: none;
			}
		.templates li {
			float: left;
			margin: 0 3px 0 0;
			padding: 0;
			font-family: "Lucida Grande", sans-serif;
			font-size: 80%;
			}
		.clear {
			clear:both;
			height:1px;
		}
		#copyright {
			font-size: 90%;
			font-style: italic;
			margin-top: 5px;
			text-align: center;
                        padding-top:17px;
			}	
	</style>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
</head>
<body id="intro">
[--$system_content--]
	<div id="message">
		<p>[--$settings.Slogan.value--]</p>
	</div>	
	<div id='navigation'>
		[--navigation ulid="nav" subulclass="sub-nav" selected="selected"--]
		<br class='clear' />
	</div>
	<div class="wrapper">
		<h1>[--$settings.Site_Name.value--]</h1>
		<div class="header">
			<h2>[--$content.page_title--]</h2>
		</div>
		<div class="samples">
			[--$content.page_content--]
                   <br class='clear' />
		</div>
		<div id="copyright">
			[--staticContent name="footer" default="Copyright 2009 Kevin Lehtiniitty under the <a href='http://creativecommons.org/licenses/by-nc-nd/3.0/'>Creative Commons License</a>."--]
		</div>
	</div>
</body>
</html>