Copied black candy into installer

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/phpinstaller/trunk@39716 467b73ca-7a2a-4603-9d3b-597d59a354a9

mysite/code/Page.php

@@ -0,0 +1,20 @@
+<?
+
+class Page extends SiteTree {
+	static $db = array(
+	);
+	static $has_one = array(
+   );
+}
+
+class Page_Controller extends ContentController {
+
+	// Gets the Project Name
+	function project() {
+		global $project;
+		 return $project;
+	}	
+	
+}
+
+?>

mysite/css/editor.css

@@ -0,0 +1,14 @@
+/**
+ * This support file is used to style the WYSIWYG editor in the CMS
+ */
+
+@import "typography.css";
+
+body.mceContentBody {
+	min-height: 200px;
+	font-size: 62.5%;
+}
+body.mceContentBody a.broken {
+	background-color: #FF7B71;
+	border: 1px red solid;
+}

mysite/css/form.css

@@ -0,0 +1,64 @@
+/* GENERIC FORM STYLING */
+#Content form {
+	width:378px;
+}
+	#Content form fieldset {
+		border:0;
+		padding:12px;
+	}
+		#Content .message {
+			color:red;
+			background:#ddd;
+			border:1px solid #ccc;
+			padding:5px;
+			margin:5px;
+		}
+		#Content span.message {
+			width: 300px;
+		}
+		#Content form div {
+			margin-top:10px;
+			width:100%;
+		}
+		#Content form label {
+			font-size:1.1em;
+			color:#333;
+		}
+			#Content form label.left {
+				float:left;
+				width:12em;
+			}
+			#Content form label.FormHeading {
+				font-size:1.3em;
+				color:#ff7200;
+				font-weight:bold;
+			}
+		#Content form input.text,
+		#Content form textarea,
+		#Content form select {
+			width:200px;
+			color:#000;
+			background:#f8f8f8;
+			border:1px solid #aaa;
+			padding:3px;
+		}
+		
+		#Content form input.numeric {
+			width:20px;
+			background:#f0f0f0;
+			border:1px solid #aaa;
+			padding:3px;
+			color:#000;
+			margin-right:4px;
+		}
+		#Content form input.year {
+			width:35px;
+		}
+		#Content form p.Actions {
+			text-align:right;
+			padding:0 22px 15px 0;
+		}
+			#Content form p.Actions input {
+				padding:2px;
+			}
+

mysite/css/ie6.css

@@ -0,0 +1,47 @@
+/**
+ SilverStripe Black Candy Theme
+ http://www.silverstripe.com
+ 
+ IE6 Hacks Stylesheet. 
+ */
+
+#Sidebar li ul li ul li a {
+	font-size: 0.8em;
+}
+#Sidebar li ul li a.current,
+#Sidebar li ul li a.current:hover {
+	background: #BDBDBD;
+}
+#Sidebar li a:hover {
+	width: 185px;
+}
+#Sidebar li ul li a:hover {
+	background: none;
+	width: 160px;
+}
+	#Sidebar li li li a.current,
+	#Sidebar li li li a.current:hover {
+	 width: 165px;
+	 background: #BDBDBD url(../images/sidebarSubMenuCurrentIE.gif) no-repeat left center;
+	 }
+#Sidebar li li li {
+	font-size: 0.8em;
+}
+/** Again IE does not like Margins and padding around my nice forms **/
+label {
+	margin-bottom: -10px;
+}
+
+input.action {
+	padding: 2px !important;
+}
+#Sidebar input.action {
+	width: 50px;
+	margin-top: -27px;
+}
+#Sidebar .middleColumn {
+	width: 112px;
+}
+span.middleColumn {
+	display: inline-block;
+}

mysite/css/ie7.css

@@ -0,0 +1,19 @@
+/**
+ SilverStripe Black Candy Theme
+ http://www.silverstripe.com
+ 
+ IE7 Hacks Stylesheet. 
+ */
+
+
+label {
+	margin-bottom: -10px;
+}
+
+/** The fonts are soo ugly. **/
+#Sidebar li li {
+	font-size: 0.8em;
+}
+#Sidebar li li li a {
+	font-size: 0.8em;
+}

mysite/css/layout.css

@@ -0,0 +1,520 @@
+/*
+ SilverStripe BlackCandy Theme
+ http://www.silverstripe.com
+ */
+ 
+ 
+/************
+  * Misc Styles and defaults 
+  */
+  
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+}
+body {
+	line-height: 1;
+	color: #333;
+ 	font-size: 62.5%; 
+ 	margin-bottom: 40px;
+	font-family: Verdana, Lucida, sans-serif; 
+}
+
+table {
+	border-collapse: separate;
+	border-spacing: 0;
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}
+
+html {
+	background: #626467 url(../images/bg.gif) repeat;
+}
+
+a img{
+	border:0;
+}
+.clear{
+	clear:both;
+}
+img {
+	border: 4px solid #E9E9E9;
+}
+
+/**************
+ 	Site Container Box
+*/
+#BgContainer {
+	width: 800px;  
+	margin: 0 auto; 
+}
+#Container { 
+	width: 800px;
+	padding-bottom: 15px;
+	background: #fff url(../images/containerbg.gif) repeat-y;
+	}
+#Layout {
+	width: 760px;
+	clear: both;
+	overflow: hidden;
+	margin: 15px auto;
+}
+#Content {
+	width: 538px;
+	float: right; 	
+	margin: 0;
+	text-align: left;
+}
+/** Header **/
+#Header { 
+ 	width: 768px; 
+ 	margin: 0 auto;
+	overflow: hidden;
+	background: #58ade1 url(../images/header.gif) repeat-x left center;
+	}
+ 	#Header h1 { 
+	  	color: #fff; 
+		font-size: 3.2em; 
+		font-family: 'Tahoma', Verdana, sans-serif;
+		font-weight: 300;
+		padding: 20px 0 0 30px;
+		}
+	#Header p {
+		font-size: 1.4em;
+		color: #fff;
+		clear: left;
+		margin: 0 0 0 100px;
+	}
+
+/*** Main Nav ***/
+
+#NavHolder { 
+	width: 768px;
+	margin: 0 auto;
+	overflow: hidden;
+	background: #4ea3d7 url(../images/headerRounded.gif) no-repeat center bottom;
+	}
+ul#Nav {
+	float: right;
+	margin-right: 10px;
+}
+	ul#Nav li { 
+	 	list-style: none; 
+		margin: 0 2px; 
+		float: left;
+		line-height: 2.7em;
+		display: block;
+		}
+  		ul#Nav li a { 
+			float: left;
+			text-decoration: none;
+			display: block; 
+			height: 2.3em; 
+			font-size: 1.2em; 
+			padding: 0 0 0 10px; 
+			color: #fff;
+			}
+		ul#Nav li a span {
+			text-align: center;
+	        float: left;
+			padding-right: 10px;
+			height: 2.3em;
+ 
+		}
+			ul#Nav li a:hover { 
+			 	background: #93C7E7 url(../images/hoverTabLeft.gif) no-repeat left top; 
+				color: #fff;
+				cursor: pointer;
+				}
+			ul#Nav li a:hover span {
+				background: #93C7E7 url(../images/hoverTabRight.gif) no-repeat right top;
+				cursor: pointer;
+			}
+    		ul#Nav li a.current,
+    		ul#Nav li a.section,
+    		ul#Nav li a.section:hover,
+    		ul#Nav li a.current:hover { 
+			 	background: #fff url(../images/activeTabLeft.png) no-repeat left top; 
+			 	color: #444;
+				}
+			ul#Nav li a.current span,
+			ul#Nav li a.section span,
+    		ul#Nav li a.section:hover span,
+			ul#Nav li a.current:hover span {
+				background: #fff url(../images/activeTabRight.png) no-repeat right top;
+				color: #444;
+			}
+    
+/** Breadcrumbs **/
+#Breadcrumbs { 
+ 	color: #B7C0C5;
+	text-align: left;
+	font-size: 0.9em; 
+	margin: 0px 5px 10px 0;
+	}
+	#Breadcrumbs p {
+		margin: 0;
+	}
+
+/*** Message Boxs ***/
+
+.message {
+	margin: 15px;
+	padding: 5px;
+	width: 92%;
+	color: #979908;
+	border: 4px solid #F7F8B4;
+	background: #FFFFEA;
+}
+span.middleColumn .message {
+	margin: 4px 0 0 3px;
+}
+.required {
+	margin: 4px 0 0 3px;
+	padding: 5px;
+	width: 92%;
+	color: #DC1313;
+	border: 4px solid #FF7373;
+	background: #FED0D0;
+}
+p.info {
+	font-size: 1em;
+	color: #999;
+	margin: 2px;
+}
+
+p#Remember label {
+	margin: -24px 0 0 20px;
+	text-align: left;
+}
+.entry {
+	border-bottom: 1px solid #eee;
+}
+p.comment { font-size: 1em;}
+
+/*** Sidebar ***/
+#Sidebar { 
+ 	width: 200px; 
+	float: left;  
+	margin: 10px 0 0 0;
+	padding: 0;
+	}
+	#Sidebar .sidebar_Box {
+	margin: 0;
+	background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; 
+	}
+	#Sidebar ul {
+		margin: 2px 0 5px 10px;
+	}
+	#Sidebar p {
+		font-size: 1.1em;
+	 	clear: both;
+	 	margin: 10px 10px 0 10px;
+	 }
+  	#Sidebar li { 
+	   	font-size: 1em; 
+		color: #7A7C7E; 
+		margin: 1px 0 1px 10px;
+		list-style: none;
+		margin-bottom: 5px; 
+		margin-left: 4px;
+		}
+	#Sidebar li a.link {
+		display: block;
+		width: 170px;
+		text-indent: 8px;
+		font-size: 1.2em;
+		height: 21px;
+		line-height: 21px;
+		color: #898989;
+	}
+	#Sidebar li a:hover {
+		background: #DCDCDC url(../images/sidebarLinkHoverBg.gif) no-repeat top left;
+		color: #666;
+		width: 190px;
+		text-decoration: none;
+	}
+	#Sidebar li a.current,
+	#Sidebar li a.section,
+	#Sidebar li a.section:hover,
+	#Sidebar li a.current:hover {
+	 	display: block;
+		width: 185px;
+		margin-bottom: 0;
+		line-height: 21px;
+		height: 21px;
+		padding-top: 2px;
+		text-indent: 8px;
+		font-size: 1.2em;
+		padding: 0;
+		font-weight: 700;
+		background: #DCDCDC url(../images/sidebarLinkCurrentBg.png) no-repeat top left;
+		color: #666;
+	}
+	#Sidebar li ul {
+		height: 100%;
+		position: relative;
+		margin: -4px 0 0 0;
+		width: 185px;
+		padding: 4px 0 10px 0;
+		background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;
+	}
+	#Sidebar li ul li ul {
+		background: #DCDCDC;
+	}
+	#Sidebar li ul li {
+		width: 160px;
+		background: #DCDCDC;
+		padding: 0;
+		font-size: 1.2em;
+		font-size: 0.8em;
+		display: inline;
+		margin: 0;
+	}
+	#Sidebar li li a.link {
+		width: 160px;
+		margin: 2px 0 0 0;
+		text-indent: 15px;
+	}
+	#Sidebar li li a:hover {
+		text-decoration: underline;
+		background: none;
+		color: inherit;
+	}
+	#Sidebar li li a.current,
+	#Sidebar li li a.current:hover {
+	 	text-indent: 15px;
+	 	color: #555;
+		background: #DCDCDC;
+	}
+
+	#Sidebar li li ul {
+		margin: 0px 0 5px 10px;
+		padding-top: 0px;
+		width: 175px;
+	}
+	#Sidebar li li ul .roundWhite {
+		margin-bottom: -10px;
+	}
+	#Sidebar li li li a.link {
+		color: #666;
+		margin: 2px 0 0 10px;
+		text-indent: 8px;
+		font-size: 11px;
+		background: inherit;
+	}
+	#Sidebar li li li a:hover {
+		width: 172px;
+		border: 0;
+		background: #DCDCDC url(../images/sidebarSubMenuHover.gif) no-repeat center right;
+		text-decoration: underline;
+	}
+	#Sidebar li li li a.current,
+	#Sidebar li li li a.current:hover
+	{
+		width: 173px;
+		color: #fff;
+		position: relative;
+		z-index: 10;
+		font-size: 11px;
+		text-indent: 8px;
+		margin-left: 10px;
+		text-decoration: none;
+		background: #BDBDBD url(../images/sidebarSubMenuCurrent.gif) no-repeat center right;
+	}
+	#Sidebar li li li a.section,
+	#Sidebar li li li a.section:hover
+	{
+		width: 173px;
+		color: #fff;
+		position: relative;
+		z-index: 10;
+		font-size: 11px;
+		text-indent: 8px;
+		margin-left: 10px;
+		text-decoration: none;
+		background: #BDBDBD url(../images/sidebarSubMenuCurrent.gif) no-repeat center right;
+	}
+	
+#Sidebar h3 { 
+	clear: both; 
+	text-transform: lowercase;
+	color: #fff;
+	font-weight: 700; 
+	font-size: 1.4em; 
+	margin: 0 0 10px 0;
+	line-height: 1.8;
+	padding: 1px 0 0 10px;
+	background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left;
+	}
+	
+#Sidebar .sidebarRounded {
+	height: 12px;
+	width: 200px;
+	margin-top: -5px;
+	background: url(../images/sidebarBottomBg.gif) no-repeat;
+}
+
+/* Forms
+*******************************************************/
+
+fieldset {
+	border: 0;
+	font-size: 1.2em;
+}
+
+textarea {
+	font-family: Verdana, Tahoma, sans-serif;
+	font-size: 1.2em;
+}
+form ul {
+	list-style: none;
+}
+.middleColumn {
+ 	display: block;
+ 	margin: 15px 10px 10px 0;
+	background: #E9E9E9;
+	padding: 4px;
+	width: 306px;
+	clear: left;
+}
+	#Sidebar .middleColumn {
+		margin: 0 0 0 8px;
+		display: inline;
+	}
+
+input.text, textarea, select {
+	padding: 2px;
+	border: 1px solid #A7A7A7;
+	color: #000;
+	font-size: 1.1em;
+	font-weight: bold;
+	width: 300px;
+}
+select {
+	width: auto;
+}
+
+input.action {
+	padding: 2px;
+	font-size: 1.2em;
+	font-family: Verdana, Tahoma, Sans-serif;
+}
+input:focus span, textarea:focus span {
+	border: 3px solid #000;
+}
+
+input.action:hover,
+input.action:focus {
+	cursor: pointer;
+}
+#Search {
+	width: 105px;
+}
+input#Search_Form_SearchForm_Search {
+	width: 110px;
+	padding: 3px;
+	margin-left: -4px;
+	font-size: 1.2em;
+	}
+#Sidebar input.action {
+	font-size: 1.2em;
+	float: right;
+	padding: 1px;
+	margin: -22px 10px 0 0;
+}
+	
+/* Comments
+******************************************/
+
+#CommentHolder ul {
+	list-style: none;
+	margin: 20px 0;
+}
+
+ul#PageComments li {
+	margin: 5px 0;
+	padding: 1px;
+	width: 88%;
+}
+ul#PageComments li.odd {
+	background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
+	padding-left: 40px;
+	padding-right: 10px;
+	border-bottom: 2px solid #BCE4FE;
+}
+
+ul#PageComments li.even {
+	background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
+	padding-right: 40px;
+	padding-left: 10px;
+}
+
+ul#PageComments li.odd p.info {
+	color: #3AA0C3;
+}
+/* Search Results 
+*****************************************/
+ul#SearchResults {
+	margin: 10px 0;
+}
+ul#SearchResults li {
+	list-style: none;
+	margin: 5px 0;
+	font-size: 1em;
+}
+/* Footer 
+*****************************************/
+
+#Footer { 
+ 	clear: both;  
+	width: 800px; 
+	height: 5em; 
+	background: transparent url(../images/footerBottom.gif) no-repeat bottom left; 
+	text-align: center; 
+	}
+#Footer .footerTop {
+	width: 100%;
+	background: transparent url(../images/footerTop.gif) no-repeat top left;
+	display: block;
+	height: 2em;
+}
+  	#Footer p { 
+		color: #fff;
+		width: 769px;
+		line-height: 3.4em;
+		font-size: 1.1em;
+		text-align: center;
+		}
+  	#Footer a { 
+	   	color: #fff; 
+	   	text-decoration: none;
+		}
+	#Footer a:hover {
+		color: #fff;
+		text-decoration: underline;
+	}
+  

mysite/css/typography.css

@@ -0,0 +1,168 @@
+/**
+  SilverStripe Black Candy Theme
+  http://www.silverstripe.com
+ 
+  This typography file is included in the WYSIWYG editor
+ */
+ 
+/* GENERIC STYLES */ 
+.typography * {
+	font-family: verdana, sans-serif;
+}
+
+/* PARAGRAPHS */
+.typography p { 
+ 	color: #666;
+ 	line-height: 1.8em;
+ 	font-size: 1.2em;
+	 }
+#Layout p {
+ 	margin: 10px 5px 5px 0;
+	}
+.typography blockquote {
+	margin: 10px;
+	font-size: 1.4em;
+	color: #777;
+	font-style: italic;
+}	
+
+/* LINKS */
+.typography a { 
+ 	text-decoration: none; 
+	color: #3E91C4;
+}
+.typography a:hover { 
+ 	text-decoration: underline;
+	 }
+.typography a:visted { 
+ 	text-decoration: underline;
+	 }
+
+/* LIST STYLES */
+
+.typography ul, 
+.typography ol {
+	margin: 20px;
+	color: #666;
+}
+
+.typography li {
+	margin: 5px 10px;
+	font-size: 1.2em;
+}
+
+/* HEADER STYLES */
+
+.typography h1 { 
+ 	font-size: 2.4em; 
+	color: #4EA3D7; 
+	margin: 15px 0;
+	clear: both;
+	font-weight: 300;
+	font-family: 'Tahoma', Verdana, sans-serif;
+	}
+.typography h2 { 
+ 	font-size: 2em; 
+	color: #4EA3D7; 
+	margin: 15px 0;
+	clear: both;
+	font-weight: 300;
+	font-family: 'Tahoma', Verdana, sans-serif;
+	}
+	
+.typography h3 {
+	color: #222;
+	margin: 25px 0 15px 0;
+	font-weight: 300;
+	clear: both;
+	font-size: 1.8em;
+}
+.typography h4 {
+	font-size: 1.6em;
+	color: #222;
+	width: 95%;
+	clear: both;
+	font-weight: 300;
+	border-bottom: 1px solid #ccc;
+	margin: 25px 0 15px 0;
+}
+.typography h5 {
+	font-size: 1.4em;
+	color: #222;
+	font-weight: 300;
+	margin: 10px 0;
+}
+.typography h6 {
+	font-size: 1.2em;
+	color: #555;
+	line-height: 1.4em;
+	margin: 10px;
+}
+
+/* ADRESS STYLES */	
+.typography pre {
+	font-family:"Courier New",Courier;
+	display:block;
+	font-size:1.2em;
+	margin:2em 5em;
+	padding:0.5em;
+	border:1px #ccc solid;
+	background:#eee;;
+}
+.typography label {
+ 	display: block;
+	margin: 10px 0 -10px 0;
+	color: #777;
+}
+
+/* TABLE STYLING */
+.typography table {
+	margin: 10px;
+	font-size: 1.2em;
+	color: #666;	border-collapse:collapse;
+}
+	.typography td {
+		border:1px solid #999;
+		padding:5px;
+	}
+
+/* WYSIWYG EDITOR ALIGNMENT CLASSES */
+.typography .left {
+	text-align:left;
+}
+.typography .center {
+	text-align:center;
+}
+.typography .right {
+	text-align:right;
+}
+.typography img.right {
+	float:right;
+	margin-left:20px;
+}
+.typography img.left {
+	float:left;
+}
+.typography img.center {
+	float:none;
+	margin-left:auto;
+	margin-right:auto;
+	display:block;
+}
+
+/* FORMS */
+.typography label {
+	font-size: 1em;
+}
+.typography input.text, .typography textarea {
+	font-size: 1em;
+}
+/* Extra redundancy */
+.typography p.MsoNormal, .typography p.MsoBodyText {
+	margin: 0;
+}
+
+.typography #Content p.authorDate {
+	color: #444;
+	margin-top: -15px;
+	}

mysite/templates/Includes/BreadCrumbs.ss

@@ -0,0 +1,3 @@
+<div id="Breadcrumbs">
+   	<p>$Breadcrumbs</p>
+</div>

mysite/templates/Includes/Footer.ss

@@ -0,0 +1,5 @@
+<div id="Footer">
+	<div class="footerTop">
+	 	<p>Copyright &copy; 2007 | Powered by <a href="http://www.silverstripe.com">SilverStripe Open Source CMS</a></p>
+ 	</div>
+</div>

mysite/templates/Includes/Menu1.ss

@@ -0,0 +1,5 @@
+<ul id="Nav">
+ 	<% control Menu(1) %>	  
+  	<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode"><span>$MenuTitle</span></a></li>
+   	<% end_control %>
+ </ul>

mysite/templates/Includes/SideBar.ss

@@ -0,0 +1,39 @@
+<div id="Sidebar" class="typography">
+	<div class="sidebar_Box">
+ 		<h3>
+			<% control Level(1) %>
+				$Title
+			<% end_control %>
+  		</h3>
+  		
+  		<ul>
+		  	<% control Menu(2) %>
+  	    		<% if Children %>
+			  	    <li class="$LinkingMode"><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode Nobottom">$MenuTitle</a>
+	  	    	<% else %>
+		  			<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode">$MenuTitle</a>
+				<% end_if %>	  
+	  		
+	  			<% if LinkOrSection = section %>
+	  				<% if Children %>
+						<ul class="sub">
+							<li>
+				 				<ul>
+								 	<span class="roundWhite">
+								  	<% control Children %>
+						  	  			<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode">$MenuTitle.LimitCharacters(22)</a></li>
+ 				 					<% end_control %>
+ 				 					</span>
+			 				 	</ul>
+			 				 </li>
+					  	</ul>
+			 		 <% end_if %>
+				<% end_if %> 
+			</li> 
+  			<% end_control %>
+  		</ul>
+		<div class="clear"></div>
+		</div>
+	<div class="sidebarRounded"></div>
+</div>
+  

mysite/templates/Layout/Page.ss

@@ -0,0 +1,24 @@
+<div class="typography">
+	<% if Menu(2) %>
+		<% include SideBar %>
+		<div id="Content">
+	<% end_if %>
+			
+	<% if Level(2) %>
+	  	<% include BreadCrumbs %>
+	<% end_if %>
+	
+		<h2>$Title</h2>
+	
+		$Content
+		$Form
+		$PageComments
+	
+	<% if Menu(2) %>
+		</div>
+	<% end_if %>
+</div>
+
+	
+	
+	

mysite/templates/Page.ss

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
+
+  <head>
+		<% base_tag %>
+		$MetaTags
+		<link rel="stylesheet" type="text/css" href="$project/css/layout.css" />	
+		<link rel="stylesheet" type="text/css" href="$project/css/typography.css" />
+		
+		<!--[if IE 6]>
+			<style type="text/css">
+			 @import url($project/css/ie6.css);
+			</style> 
+		<![endif]-->
+		
+		<!--[if IE 7]>
+			<style type="text/css">
+			 @import url($project/css/ie7.css);
+			</style> 
+		<![endif]-->
+	</head>
+<body>
+<div id="BgContainer">
+	<div id="Container">
+		<div id="Header">
+	   		<h1>Your Site Name</h1>
+	    </div>
+	    
+	    <div id="NavHolder">
+			<% if Menu(1) %>
+				<% include Menu1 %>
+			<% end_if %>
+		</div>
+	  	
+	  	<div class="clear"><!-- --></div>
+		
+		<div id="Layout">
+		  $Layout
+		</div>
+		
+	   <div class="clear"><!-- --></div>
+	</div>
+	<% include Footer %> 
+</div>
+
+</body>
+</html>