diff --git a/mysite/_config_example.php b/mysite/_config_example.php
deleted file mode 100644
index 54d96b5..0000000
--- a/mysite/_config_example.php
+++ /dev/null
@@ -1,30 +0,0 @@
-<?php
-
-global $project;
-$project = 'mysite';
-
-global $databaseConfig;
-$databaseConfig = array(
-	"type" => "MySQLDatabase",
-	"server" => "localhost", 
-	"username" => "root", 
-	"password" => "", 
-	"database" => "SS_mysite",
-);
-
-// Sites running on the following servers will be
-// run in development mode. See
-// http://doc.silverstripe.com/doku.php?id=devmode
-// for a description of what dev mode does.
-Director::set_dev_servers(array(
-	'localhost',
-	'127.0.0.1',
-));
-
-// This line set's the current theme. More themes can be
-// downloaded from http://www.silverstripe.com/themes/
-SSViewer::set_theme('mysite');
-
-Security::setDefaultAdmin('admin', 'password');
-
-?>
\ No newline at end of file
diff --git a/themes/mysite/css/form.css b/themes/mysite/css/form.css
deleted file mode 100644
index 0ef6239..0000000
--- a/themes/mysite/css/form.css
+++ /dev/null
@@ -1,120 +0,0 @@
-/** 
- * SilverStripe Black Candy Theme
- * http://www.silverstripe.com
- *
- * Form Styling
- */
-
-
-/* FIELDSETS
----------------------------------------- */
-fieldset {
-	border: 0;
-	font-size: 1.2em;
-}
-
-/* ACTION BUTTONS
----------------------------------------- */
-input.action {
-	padding: 2px;
-	font-size: 1em;
-	font-family: Verdana, Tahoma, Sans-serif;
-}
-input.action:hover,
-input.action:focus {
-	cursor: pointer;
-}
-
-/* FIELD FORMATING
----------------------------------------- */
-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;
-	}
-	
-	div.tab .field .middleColumn {
-		clear: none !important;
- 		margin: 0 !important;
-		width: auto;
-	}
-	
-	.middleColumn .middleColumn {
-		margin-left: 0;
-		margin-right: 0;
-		padding: 0;
-	}
-	
-	.middleColumn .message {
-		margin: 0;
-	}
-/* INPUT BOXS
----------------------------------------- */
-
-input.text, textarea, select {
-	padding: 2px;
-	border: 1px solid #A7A7A7;
-	color: #000;
-	font-size: 1.1em;
-	font-weight: bold;
-	width: 300px;
-}
-
-textarea {
-	font-family: Verdana, Tahoma, sans-serif;
-	font-size: 1.2em;
-}
-input:focus span, textarea:focus span {
-	border: 3px solid #000;
-}
-
-/* SELECT DROPDOWN
----------------------------------------- */
-
-select {
-	width: auto;
-}
-
-/* LABELS
----------------------------------------- */
-.typography label {
- 	display: block;
-	margin: 10px 0 -10px 0;
-	color: #777;
-	font-size: 1em;
-}
-
-.typography .optionset label {
-	display: inline;
-}
-
-label.right {
-	display:inline;
-}
-/* SEARCH BOX 
----------------------------------------- */
-#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;
-}
diff --git a/themes/mysite/css/ie6.css b/themes/mysite/css/ie6.css
deleted file mode 100644
index e666fe1..0000000
--- a/themes/mysite/css/ie6.css
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- SilverStripe Black Candy Theme
- http://www.silverstripe.com
- 
- IE6 Hacks Stylesheet.
-*/
-#Sidebar ul#Menu2 li a {
-	width: 185px; /* 196 - 4 - 2 - some random ie bug = 185 */
-}
-	#Sidebar ul#Menu2 li li a {
-		width: 183px;
-	}
-	#Sidebar ul#Menu2 li a:hover,
-    #Sidebar ul#Menu2 li a.current,
-    #Sidebar ul#Menu2 li a.current:hover {
-			background-image: none;
-          background: #DCDCDC;
-    }
-#Sidebar ul#Menu2 li li a.levelb:hover {
-	 background: #BCBCBC;
-}
-#Sidebar ul#Menu2 li li a.current {
-	 background: #BCBCBC;
-}
-/* Again IE does not like Margins and padding around my nice forms **/
-label {
-	margin-bottom: -10px;
-}
-
-/**
- * Hack to get the member login form (with tabs) looking good in IE6.
- * Otherwise, it looks really bad.
- */
-div.tab .field {
-	clear: none !important;
-	padding: 0 !important;
-	margin: 0 !important;
-}
-	div.tab .field label {
-		margin: 0 !important;
-	}
-
-input.action {
-	padding: 2px !important;
-}
-#Sidebar input.action {
-	width: 50px;
-	margin-top: -27px;
-}
-#Sidebar .middleColumn {
-	width: 112px;
-}
-span.middleColumn {
-	display: inline-block;
-}
-
-/* SEARCH FORM 
------------------------------------------------*/
-html body #SearchForm_SearchForm {
-	width: 240px;
-	margin-top: -5px;
-}
-html body #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
-	float: right;
-	margin-top: -25px;
-}
\ No newline at end of file
diff --git a/themes/mysite/css/ie7.css b/themes/mysite/css/ie7.css
deleted file mode 100644
index 68ccedd..0000000
--- a/themes/mysite/css/ie7.css
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- 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;
-}
-#Sidebar ul#Menu2 li a.levelb {
-	width: 180px;
-}
-#Sidebar ul#Menu2 li a.levelb:hover {
-	width: 188px;
-}
-
-/* SEARCH FORM 
------------------------------------------------*/
-html body #SearchForm_SearchForm {
-	width: 240px;
-	margin-top: -5px;
-}
-html body #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
-	float: right;
-	margin-top: -25px;
-}
\ No newline at end of file
diff --git a/themes/mysite/css/layout.css b/themes/mysite/css/layout.css
deleted file mode 100755
index e95ed0c..0000000
--- a/themes/mysite/css/layout.css
+++ /dev/null
@@ -1,527 +0,0 @@
-/** 
- * SilverStripe Black Candy Theme
- * http://www.silverstripe.com
- *
- * Main Layout File
- */
- 
-/* Misc Styles and defaults 
--------------------------------------------- */
-  
-* {
-	margin: 0;
-	padding: 0;
-}
-
-body {
-	color: #333;
- 	font-size: 62.5%; 
- 	margin-bottom: 40px;
-	font-family: Verdana, Lucida, sans-serif; 
-}
-
-html {
-	background: #626467 url(../images/bg.gif) repeat;
-}
-
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-caption, th, td {
-	text-align: left;
-	font-weight: normal;
-}
-
-.clear{
-	clear:both;
-}
-
-/* CONTAINER
------------------------------------------ */
-#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 NAVIGATION - TABS
------------------------------------------ */
-#Navigation {
-	width: 768px;
-	margin: 0 auto;
-	padding-top: 5px;
-	overflow: hidden;
-	background: #4ea3d7 url(../images/headerRounded.gif) no-repeat center bottom;
-}
-	#Navigation ul { 
- 		float: right; 
-		margin-right: 10px;
-	}
-		#Navigation ul li { 
-	 		list-style: none; 
-			margin: 0 2px; 
-			float: left;
-			line-height: 2.8em;
-			display: block;
-		}
-  			#Navigation ul li a { 
-				float: left;
-				text-decoration: none;
-				display: block; 
-				height: 2.3em; 
-				font-size: 1.2em; 
-				padding: 0 0 0 10px;
-				color: #fff;
-			}
-				#Navigation ul li a span {
-					text-align: center;
-	        		float: left;
-					padding-right: 10px;
-					height: 2.3em;
-				}
-					#Navigation ul li a:hover { 
-			 			background: #93C7E7 url(../images/hoverTabLeft.gif) no-repeat left top; 
-						color: #fff;
-						cursor: pointer;
-					}
-					#Navigation ul li a:hover span {
-						background: #93C7E7 url(../images/hoverTabRight.gif) no-repeat right top;
-						cursor: pointer;
-					}
-					
-    			#Navigation ul li a.current,
-	    		#Navigation ul li a.section,
-	    		#Navigation ul li a.section:hover,
-	    		#Navigation ul li a.current:hover { 
-				 	background: #fff url(../images/activeTabLeft.png) no-repeat left top; 
-				 	color: #444;
-					}
-				#Navigation ul li a.current span,
-				#Navigation ul li a.section span,
-	    		#Navigation ul li a.section:hover span,
-				#Navigation ul 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;
-	}
-
-
-/* SIDEBAR
--------------------------------------- */
-#Sidebar { 
- 	width: 200px; 
-	float: left;  
-	margin: 10px 0 0 0;
-	padding: 0;
-}
-	#Sidebar .sidebarBox {
-		margin: 0 0 5px 0;
-		padding-bottom: 2px;
-		background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; 
-	}
-	#Sidebar ul {
-		margin: 2px 0 5px 3px;
-	}
-		#Sidebar li {
-			margin: 8px 2px;
-			list-style: none;
-		}
-	#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 .sidebarBottom {
-		height: 15px;
-		display: block;
-		width: 200px;
-		margin: -5px 0 0 0;
-		background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;
-	}
-	#Sidebar a em {
-		font-style: normal;
-	}
-	#Sidebar p {
-		font-size: 11px;
-	 	clear: both;
-	 	margin: 10px 10px 0 10px;
-	}
-	
-	/* MENU2 */
-    ul#Menu2 li { 
-    	font-size: 0.9em; 
-    	margin: 1px 0 5px 4px;
-        list-style: none;
-    }
-    	ul#Menu2 li a {
-            display: block;
-            width: 196px;
-            font-size: 1.2em;
-            height: 1.8em;
-            line-height: 1.8em;
-            color: #898989;
-      	}
-			ul#Menu2 li em {
-				padding-left: 8px;
-				display: block;
-			}
-				ul#Menu2 li li em {
-					padding-left: 0;
-				}
-      	/* Level 1 
-      	- We use 3 elements for the nav to get 3 background images applied.
-            * span - topleft rounded corner
-            * em - bottomleft rounded corner
-            * a - arrow on the right
-            <a><span><em></em></span></a>
-      	*/
-      	ul#Menu2 li a:hover,
-      	ul#Menu2 li a.current,
-      	ul#Menu2 li a.current:hover {
-        	background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;
-        	color: #666;
-			cursor: pointer;
-            text-decoration: none;
-      	}
-	  	ul#Menu2 li a.current {
-	  		font-weight: 700;
-	  	}
-      	ul#Menu2 li a.section,
-      	ul#Menu2 li a.section:hover {
-            background: #DCDCDC;
-            font-weight: 700;
-            width: 193px; 
-      	}
-      	ul#Menu2 li a.levela:hover span,
-      	ul#Menu2 li a.current span,
-      	ul#Menu2 li a.section span,
-      	ul#Menu2 li a.section:hover span,
-      	ul#Menu2 li a.current:hover span {
-			background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;
-			display: block;
-			width: 100%;
-			height: 100%;
-		} 
-		ul#Menu2 li a.levela:hover em,
-		ul#Menu2 li a.current em,
-		ul#Menu2 li a.section em,
-		ul#Menu2 li a.section:hover em,
-		ul#Menu2 li a.current:hover em {
-        	background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;
-			display: block;
-			width: 100%;
-            height: 100%;
-      	}
-      		ul#Menu2 li ul {
-            	height: 100%;
-            	position: relative;
-            	margin: -4px 0 0 0;
-            	width: 193px;
-            	padding: 4px 0 10px 0;
-            	background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;
-      		}
-      			ul#Menu2 li ul li {
-            		width: 160px;
-            		background: #DCDCDC;
-            		padding: 0;
-            		font-size: 0.8em;
-            		display: inline;
-            		margin: 0;
-      			}
-      				ul#Menu2 li ul li ul {
-            			background: #DCDCDC;
-            			margin-left: 0;
-      				}	
-      
-					ul#Menu2 li li a.current,
-      				ul#Menu2 li li a.section,
-      				ul#Menu2 li li a.section:hover,
-      				ul#Menu2 li li a.current:hover {
-            			color: #555;
-            			font-weight: 700;
-            			background: #DCDCDC;
-      				}
-      					ul#Menu2 li li ul {
-            				margin: 0 0 0 10px;
-            				padding: 0;
-            				width: 175px;
-      					}
-      					ul#Menu2 li li ul .roundWhite {
-            				margin-bottom: -10px;
-      					}
-      			
-			/* Sub Menu */
-      		ul#Menu2 li a.levelb {
-            	font-size: 1.7em;
-            	text-indent: 8px;
-            	width: 188px;
-				background: transparent;
-            	margin-left: 10px;
-      		}
-	  		ul#Menu2 li a.levelb:hover,
-      		ul#Menu2 li li a.current,
-      		ul#Menu2 li li a.current:hover,
-      		ul#Menu2 li li a.section,
-      		ul#Menu2 li li a.section:hover {
-            	background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;
-            	text-decoration: none;
-            	display: block;
-            	color: #fff;
-      		}
-      		ul#Menu2 li a.levelb:hover span,
-      		ul#Menu2 li li a.current span,
-      		ul#Menu2 li li a.current:hover span,
-      		ul#Menu2 li li a.section span,
-      		ul#Menu2 li li a.section:hover span {
-            	background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;
-            	display: block;
-            	width: 100%;
-            	height: 100%;
-      		} 	
-      		ul#Menu2 li a.levelb:hover em,
-      		ul#Menu2 li li a.current em,
-      		ul#Menu2 li li a.current:hover em,
-      		ul#Menu2 li li a.section em,
-      		ul#Menu2 li li a.section:hover em {
-            	background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;
-            	display: block;
-            	width: 100%;
-            	height: 100%;
-      		}
-
-/* COMMENTS
----------------------------------------- */
-#CommentHolder ul {
-	list-style: none;
-	margin: 20px 0;
-}
-#PageComments li {
-	margin: 5px 0;
-	padding: 1px;
-	width: 88%;
-}
-	#PageComments li.odd {
-		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
-		padding-left: 40px;
-		padding-right: 10px;
-		border-bottom: 2px solid #BCE4FE;
-	}
-	#PageComments li.even {
-		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
-		padding-right: 40px;
-		padding-left: 10px;
-	}
-
-		#PageComments li.odd p.info {
-			color: #3AA0C3;
-		}
-
-		.actionLinks li {
-		   display: inline;
-		   border-right: 1px solid;
-		}
-			.actionLinks li a {
-				padding-right: 3px;
-				font-size: 10px;
-			}
-   			.actionLinks li.last {
-      			border-right: none;
-   			}
-
-.commentrss {
-	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
-	padding-left: 20px;
-	font-size: 1.1em;
-	line-height: 1.6em;
-}
-#PageCommentsPagination p {
-	text-align: center;
-	font-size: 1.2em;
-}
-#PageComments p {
-	font-size: 1em;
-}
-	#PageComments p.info {
-		color: #999;
-		margin: 0px;
-		padding: 0;
-		line-height: 1em;
-		font-size: 0.9em;
-	}
-
-/* SEARCH RESULTS STYLES
------------------------------------------------- */
-ul#SearchResults {
-	margin: 10px 0;
-}
-	ul#SearchResults li {
-		list-style: none;
-		margin: 5px 0;
-		font-size: 1em;
-	}
-
-/* SEARCH FORM 
------------------------------------------------*/
-html #SearchForm_SearchForm {
-	float: right;
-	width: 240px;
-	margin: 5px;
-}
-html #SearchForm_SearchForm .middleColumn {
-	float: left;
-	width: 164px;
-	margin: 0 5px 0 0;
-	padding: 2px;
-	background-color: #51a9df;
-	
-}
-	html #SearchForm_SearchForm .middleColumn input.text {
-		width: 160px;
-		border: none;
-		color: #666;
-	}
-html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
-	float: left;
-	margin-top: 2px;
-}
-
-/* MESSAGEBOXS
---------------------------------------------- */
-.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#Remember label {
-	margin: -24px 0 0 20px;
-	text-align: left;
-}
-.entry {
-	border-bottom: 1px solid #eee;
-}
-
-.typography #Content p.authorDate {
-	color: #444;
-	margin-top: -15px;
-	}
-/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------- */
-#Unsubscribe_MailingListForm_MailingListForm{
-	min-height:100px;
-}
-
-	#Unsubscribe_MailingListForm_MailingListForm p{
-		margin:0 !important;
-		padding:10px;
-	}
-		#Unsubscribe_MailingListForm_MailingListForm p label{
-			display: inline;
-		}
-	#Unsubscribe_MailingListForm_MailingListForm label{
-		margin:0;
-	}
-
-
-/* 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;
-		font-size: 1.1em;
-		text-align: center;
-		margin-top: -0.6em;
-	}
-  		#Footer a { 
-	   		color: #fff; 
-	   		text-decoration: none;
-		}
-			#Footer a:hover {
-				color: #fff;
-				text-decoration: underline;
-			}
\ No newline at end of file
diff --git a/themes/mysite/css/typography.css b/themes/mysite/css/typography.css
deleted file mode 100755
index 470fd08..0000000
--- a/themes/mysite/css/typography.css
+++ /dev/null
@@ -1,232 +0,0 @@
-/** 
- * SilverStripe Black Candy Theme
- * http://www.silverstripe.com
- *
- * This typography file is included in the WYSIWYG editor and the front end. It provides
- * a place to add link styles and font styles you would like in the CMS and the Front End.
- */
-
- 
-/* GENERIC STYLES 
--------------------------------------------- */
- 
-.typography * {
-	font-family: Verdana, Lucida, Arial, sans-serif; 
-}
-
-/* PARAGRAPHS 
--------------------------------------------- */
-.typography p { 
- 	color: #666;
- 	line-height: 18px;
- 	font-size: 11px;
-	margin: 0 0 18px 0;
-}
-
-/* QUOTES
--------------------------------------------- */
-.typography blockquote {
-	margin: 10px;
-	font-size: 1.4em;
-	color: #777;
-	font-style: italic;
-}	
-.typography q {
-	display:block;
-	font-size: 0.8em;
-	margin: 1em 1em;
-	padding: 0.5em;
-	border: 1px #ccc solid;
-}
-
-/* LINKS 
--------------------------------------------- */
-
-.typography a { 
- 	text-decoration: none; 
-	color: #3E91C4;
-}
-	.typography a:hover { 
- 		text-decoration: underline;
-	}
-
-	/* LINK ICONS - shows type of file
-	------------------------------------ */
-	.typography a[href$=".pdf"],
-	.typography a[href$=".PDF"],
-	.typography a.pdf {
-		padding: 2px;
-		padding-left: 20px;
-		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
-	}
-	.typography a[href$=".doc"],
-	.typography a[href$=".DOC"],
-	.typography a.doc {
-		padding: 2px;
-		padding-left: 20px;
-		background: url(../images/icons/page_word.png) no-repeat left center;
-	}
-	.typography a[href$=".xls"],
-	.typography a[href$=".XLS"],
-	.typography a.xls {
-		padding: 2px;
-		padding-left: 20px;
-		background: url(../images/icons/page_excel.png) no-repeat left center;
-	}
-	.typography a[href$=".gz"],
-	.typography a[href$=".GZ"],
-	.typography a[href$=".gzip"],
-	.typography a[href$=".GZIP"],
-	.typography a[href$=".zip"],
-	.typography a[href$=".ZIP"],
-	.typography a.archive {
-		padding: 2px;
-		padding-left: 20px;
-		background: url(../images/icons/page_white_zip.png) no-repeat left center;
-	}
-	.typography a[href$=".exe"],
-	.typography a[href$=".EXE"],
-	.typography a.application {
-		padding: 2px;
-		padding-left: 20px;
-		background: url(../images/icons/application.png) no-repeat left center;
-	}
-
-/* LIST STYLES 
--------------------------------------------- */
-.typography ul, 
-.typography ol {
-	margin: 0 0 18px 24px;
-	color: #666;
-}
-	.typography li {
-		margin: 5px 10px;
-		font-size: 11px;
-	}
-		.typography li li {
-			font-size: 10px;
-		}
-		
-/* HEADER STYLES 
--------------------------------------------- */
-
-.typography h1,
-.typography h2 { 
-	color: #4EA3D7; 
-	margin: 0 0 18px 0;
-	font-weight: 300;
-	font-family: Tahoma, Verdana, sans-serif;
-}
-
-.typography h1 {
-	font-size: 24px;
-}
-.typography h2 { 
- 	font-size: 20px; 
-}	
-.typography h3 {
-	color: #222;
-	margin: 0 0 18px 0;
-	font-weight: 300;
-	clear: both;
-	font-size: 18px;
-}
-.typography h4 {
-	font-size: 16px;
-	color: #222;
-	width: 95%;
-	font-weight: 300;
-	line-height: 18px;
-	border-bottom: 1px solid #ccc;
-	margin: 0 0 16px 0;
-}
-.typography h5 {
-	font-size: 14px;
-	color: #222;
-	font-weight: 700;
-	margin: 0 0 12px 0;
-}
-.typography h6 {
-	font-size: 13px;
-	color: #555;
-	line-height: 1.4em;
-	margin: 0 0 12px 0;
-}
-
-/* PRE 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;;
-}
-
-/* TABLE STYLING 
--------------------------------------------- */
-.typography table {
-	margin: 0 0 18px 0;
-	font-size: 11px;
-	color: #666;
-	border-collapse:collapse;
-}
-	.typography tr {}
-	
-		.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;
-}
-
-/* IMAGES 
--------------------------------------------- */
-.typography img {
-	border: none;
-}
-	.typography div.image.right,
-	.typography div.captionImage.right {
-		float: right;
-		margin-left: 20px;
-	}
-	
-	.typography .captionImage {
-		border: 1px solid #aaa;
-		padding: 5px;
-	}
-	
-	.typography div.image.left,
-	.typography div.captionImage.left {
-		float: left;
-	}
-	.typography div.image.leftAlone,
-	.typography div.captionImage.leftAlone {
-		float: left;
-		margin-right: 100%;
-	}
-	.typography div.image.center,
-	.typography div.captionImage.center {
-		float: none;
-		margin-left: auto;
-		margin-right: auto;
-		display: block;
-	}
-	
-	.typography .caption {
-		font-weight: bold;
-		text-align: center;
-		color: #666;
-	}
diff --git a/themes/mysite/images/activeTabLeft.png b/themes/mysite/images/activeTabLeft.png
deleted file mode 100644
index 31e70bb..0000000
Binary files a/themes/mysite/images/activeTabLeft.png and /dev/null differ
diff --git a/themes/mysite/images/activeTabRight.png b/themes/mysite/images/activeTabRight.png
deleted file mode 100644
index c26198b..0000000
Binary files a/themes/mysite/images/activeTabRight.png and /dev/null differ
diff --git a/themes/mysite/images/bg.gif b/themes/mysite/images/bg.gif
deleted file mode 100644
index 7fc26f0..0000000
Binary files a/themes/mysite/images/bg.gif and /dev/null differ
diff --git a/themes/mysite/images/commentBg.png b/themes/mysite/images/commentBg.png
deleted file mode 100644
index 6c25005..0000000
Binary files a/themes/mysite/images/commentBg.png and /dev/null differ
diff --git a/themes/mysite/images/commentBgAlt.png b/themes/mysite/images/commentBgAlt.png
deleted file mode 100644
index a88951f..0000000
Binary files a/themes/mysite/images/commentBgAlt.png and /dev/null differ
diff --git a/themes/mysite/images/containerbg.gif b/themes/mysite/images/containerbg.gif
deleted file mode 100644
index 1c6d601..0000000
Binary files a/themes/mysite/images/containerbg.gif and /dev/null differ
diff --git a/themes/mysite/images/feed-icon-14x14.png b/themes/mysite/images/feed-icon-14x14.png
deleted file mode 100644
index b3c949d..0000000
Binary files a/themes/mysite/images/feed-icon-14x14.png and /dev/null differ
diff --git a/themes/mysite/images/footerBottom.gif b/themes/mysite/images/footerBottom.gif
deleted file mode 100644
index 53ed209..0000000
Binary files a/themes/mysite/images/footerBottom.gif and /dev/null differ
diff --git a/themes/mysite/images/footerTop.gif b/themes/mysite/images/footerTop.gif
deleted file mode 100644
index 2ff1737..0000000
Binary files a/themes/mysite/images/footerTop.gif and /dev/null differ
diff --git a/themes/mysite/images/header.gif b/themes/mysite/images/header.gif
deleted file mode 100644
index 8249593..0000000
Binary files a/themes/mysite/images/header.gif and /dev/null differ
diff --git a/themes/mysite/images/headerRounded.gif b/themes/mysite/images/headerRounded.gif
deleted file mode 100644
index 5993e22..0000000
Binary files a/themes/mysite/images/headerRounded.gif and /dev/null differ
diff --git a/themes/mysite/images/hoverTabLeft.gif b/themes/mysite/images/hoverTabLeft.gif
deleted file mode 100644
index 06c6c8e..0000000
Binary files a/themes/mysite/images/hoverTabLeft.gif and /dev/null differ
diff --git a/themes/mysite/images/hoverTabRight.gif b/themes/mysite/images/hoverTabRight.gif
deleted file mode 100644
index 78b6483..0000000
Binary files a/themes/mysite/images/hoverTabRight.gif and /dev/null differ
diff --git a/themes/mysite/images/icons/application.png b/themes/mysite/images/icons/application.png
deleted file mode 100644
index 1dee9e3..0000000
Binary files a/themes/mysite/images/icons/application.png and /dev/null differ
diff --git a/themes/mysite/images/icons/page_excel.png b/themes/mysite/images/icons/page_excel.png
deleted file mode 100644
index eb6158e..0000000
Binary files a/themes/mysite/images/icons/page_excel.png and /dev/null differ
diff --git a/themes/mysite/images/icons/page_white_acrobat.png b/themes/mysite/images/icons/page_white_acrobat.png
deleted file mode 100644
index 8f8095e..0000000
Binary files a/themes/mysite/images/icons/page_white_acrobat.png and /dev/null differ
diff --git a/themes/mysite/images/icons/page_white_zip.png b/themes/mysite/images/icons/page_white_zip.png
deleted file mode 100644
index fd4bbcc..0000000
Binary files a/themes/mysite/images/icons/page_white_zip.png and /dev/null differ
diff --git a/themes/mysite/images/icons/page_word.png b/themes/mysite/images/icons/page_word.png
deleted file mode 100644
index 834cdfa..0000000
Binary files a/themes/mysite/images/icons/page_word.png and /dev/null differ
diff --git a/themes/mysite/images/sidebarBottomBg.gif b/themes/mysite/images/sidebarBottomBg.gif
deleted file mode 100644
index 72a8e77..0000000
Binary files a/themes/mysite/images/sidebarBottomBg.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarBottomLeftHover.gif b/themes/mysite/images/sidebarBottomLeftHover.gif
deleted file mode 100644
index 9153433..0000000
Binary files a/themes/mysite/images/sidebarBottomLeftHover.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarBottomLeftHover2.gif b/themes/mysite/images/sidebarBottomLeftHover2.gif
deleted file mode 100644
index e382243..0000000
Binary files a/themes/mysite/images/sidebarBottomLeftHover2.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarHeader.gif b/themes/mysite/images/sidebarHeader.gif
deleted file mode 100644
index 9daf4d5..0000000
Binary files a/themes/mysite/images/sidebarHeader.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarHeaderSub.gif b/themes/mysite/images/sidebarHeaderSub.gif
deleted file mode 100644
index fc0ce51..0000000
Binary files a/themes/mysite/images/sidebarHeaderSub.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarLinkCurrentBg.png b/themes/mysite/images/sidebarLinkCurrentBg.png
deleted file mode 100644
index 8f57b5a..0000000
Binary files a/themes/mysite/images/sidebarLinkCurrentBg.png and /dev/null differ
diff --git a/themes/mysite/images/sidebarLinkHoverBg.gif b/themes/mysite/images/sidebarLinkHoverBg.gif
deleted file mode 100644
index 8e98bf8..0000000
Binary files a/themes/mysite/images/sidebarLinkHoverBg.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarSectionBottom.png b/themes/mysite/images/sidebarSectionBottom.png
deleted file mode 100644
index 61fb6ce..0000000
Binary files a/themes/mysite/images/sidebarSectionBottom.png and /dev/null differ
diff --git a/themes/mysite/images/sidebarSideArrow.gif b/themes/mysite/images/sidebarSideArrow.gif
deleted file mode 100644
index 2e0d2da..0000000
Binary files a/themes/mysite/images/sidebarSideArrow.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarSideArrow2.gif b/themes/mysite/images/sidebarSideArrow2.gif
deleted file mode 100644
index bf32057..0000000
Binary files a/themes/mysite/images/sidebarSideArrow2.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarSubMenuBottom.png b/themes/mysite/images/sidebarSubMenuBottom.png
deleted file mode 100644
index 5a301a4..0000000
Binary files a/themes/mysite/images/sidebarSubMenuBottom.png and /dev/null differ
diff --git a/themes/mysite/images/sidebarSubMenuCurrent.gif b/themes/mysite/images/sidebarSubMenuCurrent.gif
deleted file mode 100644
index bc67099..0000000
Binary files a/themes/mysite/images/sidebarSubMenuCurrent.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarSubMenuCurrentIE.gif b/themes/mysite/images/sidebarSubMenuCurrentIE.gif
deleted file mode 100644
index 7a56346..0000000
Binary files a/themes/mysite/images/sidebarSubMenuCurrentIE.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarTopLeftHover.gif b/themes/mysite/images/sidebarTopLeftHover.gif
deleted file mode 100644
index 6c4e4f4..0000000
Binary files a/themes/mysite/images/sidebarTopLeftHover.gif and /dev/null differ
diff --git a/themes/mysite/images/sidebarTopLeftHover2.gif b/themes/mysite/images/sidebarTopLeftHover2.gif
deleted file mode 100644
index 10320d1..0000000
Binary files a/themes/mysite/images/sidebarTopLeftHover2.gif and /dev/null differ
diff --git a/themes/mysite/templates/Includes/BreadCrumbs.ss b/themes/mysite/templates/Includes/BreadCrumbs.ss
deleted file mode 100644
index f83475a..0000000
--- a/themes/mysite/templates/Includes/BreadCrumbs.ss
+++ /dev/null
@@ -1,5 +0,0 @@
-<% if Level(2) %>
-	<div id="Breadcrumbs">
-	   	<p>$Breadcrumbs</p>
-	</div>
-<% end_if %>
\ No newline at end of file
diff --git a/themes/mysite/templates/Includes/Footer.ss b/themes/mysite/templates/Includes/Footer.ss
deleted file mode 100644
index 5a2380c..0000000
--- a/themes/mysite/templates/Includes/Footer.ss
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="footerTop">
-	<!-- -->
-</div>
-<p>Copyright &copy; 2007-2008 | Powered by <a href="http://www.silverstripe.com" title="This site runs on the SilverStripe CMS">SilverStripe Open Source CMS</a></p>
diff --git a/themes/mysite/templates/Includes/Navigation.ss b/themes/mysite/templates/Includes/Navigation.ss
deleted file mode 100644
index d8713ed..0000000
--- a/themes/mysite/templates/Includes/Navigation.ss
+++ /dev/null
@@ -1,5 +0,0 @@
-<ul>
- 	<% control Menu(1) %>	  
-  		<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode"><span>$MenuTitle.XML</span></a></li>
-   	<% end_control %>
- </ul>
\ No newline at end of file
diff --git a/themes/mysite/templates/Includes/SideBar.ss b/themes/mysite/templates/Includes/SideBar.ss
deleted file mode 100644
index 93f6a14..0000000
--- a/themes/mysite/templates/Includes/SideBar.ss
+++ /dev/null
@@ -1,37 +0,0 @@
-<div id="Sidebar" class="typography">
-	<div class="sidebarBox">
- 		<h3>
-			<% control Level(1) %>
-				$Title
-			<% end_control %>
-  		</h3>
-  		
-  		<ul id="Menu2">
-		  	<% control Menu(2) %>
-  	    		<% if Children %>
-			  	    <li class="$LinkingMode"><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode levela"><span><em>$MenuTitle.XML</em></span></a>
-	  	    	<% else %>
-		  			<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode levela"><span><em>$MenuTitle.XML</em></span></a>
-				<% end_if %>	  
-	  		
-	  			<% if LinkOrSection = section %>
-	  				<% if Children %>
-						<ul class="sub">
-							<li>
-								<ul class="roundWhite">
-									<% control Children %>
-										<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode levelb"><span><em>$MenuTitle.XML</em></span></a></li>
-									<% end_control %>
-								</ul>
-							</li>
-						</ul>
-			 		 <% end_if %>
-				<% end_if %> 
-			</li> 
-  			<% end_control %>
-  		</ul>
-		<div class="clear"></div>
-	</div>
-	<div class="sidebarBottom"></div>
-</div>
-  
\ No newline at end of file
diff --git a/themes/mysite/templates/Layout/Page.ss b/themes/mysite/templates/Layout/Page.ss
deleted file mode 100644
index 34bb174..0000000
--- a/themes/mysite/templates/Layout/Page.ss
+++ /dev/null
@@ -1,23 +0,0 @@
-<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>
-
-	
-	
-	
\ No newline at end of file
diff --git a/themes/mysite/templates/Layout/Page_results.ss b/themes/mysite/templates/Layout/Page_results.ss
deleted file mode 100644
index f962ff3..0000000
--- a/themes/mysite/templates/Layout/Page_results.ss
+++ /dev/null
@@ -1,42 +0,0 @@
-<div class="typography">
-	<% if Results %>
-	    <ul id="SearchResults">
-	      <% control Results %>
-	        <li>
-	            <% if MenuTitle %>
-	              <h3><a class="searchResultHeader" href="$Link">$MenuTitle</a></h3>
-	            <% else %>
-	              <h3><a class="searchResultHeader" href="$Link">$Title</a></h3>
-	            <% end_if %>
-			  <% if Content %>
-	          	$Content.FirstParagraph(html)
-			  <% end_if %>
-	          <a class="readMoreLink" href="$Link" title="Read more about &quot;{$Title}&quot;">Read more about &quot;{$Title}&quot;...</a>
-	        </li>
-	      <% end_control %>
-	    </ul>
-	  <% else %>
-	    <p>Sorry, your search query did not return any results.</p>
-	  <% end_if %>
-
-	  <% if Results.MoreThanOnePage %>
-	    <div id="PageNumbers">
-	      <% if Results.NotLastPage %>
-	        <a class="next" href="$Results.NextLink" title="View the next page">Next</a>
-	      <% end_if %>
-	      <% if Results.NotFirstPage %>
-	        <a class="prev" href="$Results.PrevLink" title="View the previous page">Prev</a>
-	      <% end_if %>
-	      <span>
-	        <% control Results.SummaryPagination(5) %>
-	          <% if CurrentBool %>
-	            $PageNum
-	          <% else %>
-	            <a href="$Link" title="View page number $PageNum">$PageNum</a>
-	          <% end_if %>
-	        <% end_control %>
-	      </span>
-      
-	    </div>
-	 <% end_if %>
-</div>
\ No newline at end of file
diff --git a/themes/mysite/templates/Page.ss b/themes/mysite/templates/Page.ss
deleted file mode 100644
index 9dbfd70..0000000
--- a/themes/mysite/templates/Page.ss
+++ /dev/null
@@ -1,53 +0,0 @@
-<!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 %>
-		<title>$Title &raquo; Your Site Name</title>
-		$MetaTags(false)
-		<link rel="shortcut icon" href="/favicon.ico" />
-		
-		<% require themedCSS(layout) %> 
-		<% require themedCSS(typography) %> 
-		<% require themedCSS(form) %> 
-		
-		<!--[if IE 6]>
-			<style type="text/css">
-			 @import url(themes/blackcandy/css/ie6.css);
-			</style> 
-		<![endif]-->
-		
-		<!--[if IE 7]>
-			<style type="text/css">
-			 @import url(themes/blackcandy/css/ie7.css);
-			</style> 
-		<![endif]-->
-	</head>
-<body>
-<div id="BgContainer">
-	<div id="Container">
-		<div id="Header">
-			$SearchForm
-	   		<h1>Your Site Name</h1>
-	    	<p>your site&#39;s tagline here</p>
-		</div>
-		
-		<div id="Navigation">
-			<% include Navigation %>
-	  	</div>
-	  	
-	  	<div class="clear"><!-- --></div>
-		
-		<div id="Layout">
-		  $Layout
-		</div>
-		
-	   <div class="clear"><!-- --></div>
-	</div>
-	<div id="Footer">
-		<% include Footer %>
-	</div> 
-</div>
-
-</body>
-</html>
diff --git a/themes/mysite_blog/css/bbcodehelp.css b/themes/mysite_blog/css/bbcodehelp.css
deleted file mode 100644
index ddef942..0000000
--- a/themes/mysite_blog/css/bbcodehelp.css
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
-	This stylesheet is used for styling the BBCode hints
-*/
-
-#BBTagsHolder.hide {
-	display: none;
-}
-#BBTagsHolder.show {
-	display: block;
-}
-
-/* These are for the BBCode example tags at the top of the start topic/reply to topic/edit post forms */
-
-#BBTagsHolder h2{
-	margin: 0;
-	padding: 0;
-	font-size:1.2em;
-}
-
-ul.bbcodeExamples li {
-	list-style-type:square;
-	font-size: 1em;
-}
-ul.bbcodeExamples li.last {
-	border: none;
-}
-ul.bbcodeExamples li span.example {
-	
-}
-
-#BBTagsHolder{
-	float:right;
-	padding: 5px;
-	width: 270px;
-	background-color: #fff;
-	border: 1px solid #777;
-	font-size:0.8em;
-}
-
-
-.bbcodeExamples{
-	margin: 0 !important;
-	padding: 0;
-}
-
-#BBTagsHolder ul{
-	list-style-image:none;
-	list-style-position:outside;
-	list-style-type:none;
-}
-
-#BlogEntry_Form_BlogEntryForm #tagsnote{
-	float:left:
-	margin: 0;
-	margin-top: -10px;
-	margin-bottom: 10px;
-}
\ No newline at end of file
diff --git a/themes/mysite_blog/css/blog.css b/themes/mysite_blog/css/blog.css
deleted file mode 100644
index 08ca417..0000000
--- a/themes/mysite_blog/css/blog.css
+++ /dev/null
@@ -1,80 +0,0 @@
-#BlogContent {
-	width: 538px;
-	float: right; 	
-	margin: 0;
-	text-align: left;
-}
-
-.BlogError {
-	text-align: center;
-}
-/* IE cuts the bottom of the tags off */
-* html #Sidebar p.tagcloud {
-	padding-bottom: 10px;
-}
-.BlogError p {
-	color: #fff;
-	display: inline;
-	background-color:	#f77;
-	padding: 7px;
-	font-weight:bold;
-}
-
-#BlogEntry_Form_BlogEntryForm #ContentLabel{
-	display:inline;
-}
-
-#BlogEntry_Form_BlogEntryForm .CompositeField {
-	position: relative;
-	width: 100%;
-}
-
-#BlogEntry_Form_BlogEntryForm #BBCodeHint {
-	cursor: pointer;
-	font-size:0.8em;
-	position: absolute;
-	left: 240px;
-	top: 3px;
-}
-#BlogEntry_Form_BlogEntryForm #BBTagsHolder{
-	display: block;
-	position: absolute;
-	top: 30px;
-	left: 325px;
-}
-.blogSummary {
-	border-bottom: 1px solid #ddd;
-	padding-bottom: 8px;
-}
-#Content label{
-	margin-top: 0px;
-}
-#Layout p.authorDate,
-#Layout p.tags {
-	font-size: 0.9em;
-	color: #777;
-	margin: -15px 0 12px 0;
-}
-p.blogVitals {
-	text-align: right;
-	margin: 0;
-	color: #999;
-}
-a.comments {
-	background: url(../images/comments.gif) no-repeat left center;
-	padding: 3px 0 3px 25px;
-}
-a.readmore {
-	background: url(../images/readmore.gif) no-repeat left center;
-	padding: 3px 0 3px 25px;
-}
-
-a#editpost{
-	background: url(../images/edit.gif) no-repeat left center;
-	padding: 3px 0 3px 25px;
-}
-
-a#unpublishpost{
-	background: url(../images/delete.gif) no-repeat left center;
-	padding: 3px 0 3px 25px;
-}
diff --git a/themes/mysite_blog/images/comments.gif b/themes/mysite_blog/images/comments.gif
deleted file mode 100644
index 11bb710..0000000
Binary files a/themes/mysite_blog/images/comments.gif and /dev/null differ
diff --git a/themes/mysite_blog/images/delete.gif b/themes/mysite_blog/images/delete.gif
deleted file mode 100644
index 27dfea1..0000000
Binary files a/themes/mysite_blog/images/delete.gif and /dev/null differ
diff --git a/themes/mysite_blog/images/edit.gif b/themes/mysite_blog/images/edit.gif
deleted file mode 100644
index c0e3d38..0000000
Binary files a/themes/mysite_blog/images/edit.gif and /dev/null differ
diff --git a/themes/mysite_blog/images/readmore.gif b/themes/mysite_blog/images/readmore.gif
deleted file mode 100644
index b43c0ba..0000000
Binary files a/themes/mysite_blog/images/readmore.gif and /dev/null differ
diff --git a/themes/mysite_blog/templates/WidgetHolder.ss b/themes/mysite_blog/templates/WidgetHolder.ss
deleted file mode 100644
index c6e5a9d..0000000
--- a/themes/mysite_blog/templates/WidgetHolder.ss
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="sidebarBox">
-	<h3>$Title</h3>
-	$Content
-	<div class="clear"><!--  --></div>
-</div>
-<div class="sidebarBottom"><!-- --></div>
\ No newline at end of file
diff --git a/themes/mysite/css/editor.css b/themes/tutorial/css/editor.css
old mode 100755
new mode 100644
similarity index 80%
rename from themes/mysite/css/editor.css
rename to themes/tutorial/css/editor.css
index 9c6fd6c..9fe6dc9
--- a/themes/mysite/css/editor.css
+++ b/themes/tutorial/css/editor.css
@@ -1,17 +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;
-	color: #fff;
-	padding: 1px;
-	text-decoration: underline;
-}
\ No newline at end of file
+/**
+ * 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;
+}
diff --git a/themes/tutorial/css/form.css b/themes/tutorial/css/form.css
new file mode 100644
index 0000000..c57567c
--- /dev/null
+++ b/themes/tutorial/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;
+			}
+
diff --git a/themes/tutorial/css/layout.css b/themes/tutorial/css/layout.css
new file mode 100644
index 0000000..dda0219
--- /dev/null
+++ b/themes/tutorial/css/layout.css
@@ -0,0 +1,287 @@
+/* Global Resetting */
+html{	
+	width: 100%;
+	height: 100%;
+	background:url(../images/body_bg.gif) repeat;
+}
+body {
+	width: 100%;
+	height: 100%;
+	font-size: 62.5%;
+	/* reset font-sizes to 1em == 10px */
+}
+* {
+	font-size: 1em;
+	/* reset font-sizes to 1em == 10px */
+	padding: 0;
+	margin: 0;
+	font-family:Verdana,Helvetica,sans-serif;
+	list-style:none;
+}
+a img{
+	border:0;
+}
+.clear{
+	clear:both;
+}
+
+/* Layout CSS */
+#Main {
+	margin:20px auto;
+	width:900px;
+}
+#Header {
+	background:url(../images/blueback.gif) bottom left repeat-x;
+	border-left:1px solid #ccc;
+	border-right:1px solid #ccc;
+	clear:left;
+}
+	#Header h1 {
+		color:#fff;
+		font-size:1.5em;
+		line-height:4.5em;
+		padding-left:20px;
+	}
+		#Menu1 {
+			padding:10px 50px 0;
+		}
+			#Menu1 li {
+				float:left;
+				margin-left:2px;
+				background:url(../images/menu1_right.gif) no-repeat right top;
+			}
+				#Menu1 li.current,
+				#Menu1 li.section {
+					background:url(../images/menu1_right_on.gif) no-repeat right top;
+				}
+				#Menu1 li a {
+					display:block;
+					color:#fff;
+					font-weight:bold;
+					font-size:1.1em;
+					text-decoration:none;
+					padding:5px 15px;
+					background:url(../images/menu1_left.gif) no-repeat left top;
+				}
+					#Menu1 li a:hover {
+						color:#d2ebff;
+					}
+					#Menu1 li.current a,
+					#Menu1 li.section a {
+						background:url(../images/menu1_left_on.gif) no-repeat left top;
+						color:#d2ebff;
+					}
+
+#ContentContainer {
+	background:#f5f5f5 url(../images/ss_watermark.gif) bottom left no-repeat;
+	padding-top:20px;
+	padding-bottom:20px;
+	overflow: auto;
+}
+
+#Banner {
+	text-align: center;
+}
+
+#Menu2 {
+	margin-left: 20px;
+	width: 17em;
+	float:left;
+	background:#f0f0f0;
+	border:1px solid #ddd;
+	padding:10px 10px 10px 10px;
+}
+	#Menu2 li {
+		padding-left:15px;
+		background:url(../images/menu2_arrow.gif) no-repeat left center;
+	}
+	#Menu2 a {
+		color:#333;
+		font-weight:bold;
+		font-size:1.1em;
+		line-height:1.6em;
+		text-decoration:none;
+	}
+	#Menu2 a:hover {
+		text-decoration:underline;
+	}
+	#Menu2 li.current a,
+	#Menu2 li.section a {
+		color:#0083C8;
+	}
+
+#Content {
+	float: left;
+	margin: 0px 20px;
+	width:70%;
+}
+
+div.breadcrumbs {
+	margin-bottom:10px;
+	font-size:1em;
+	color:#666;
+}
+div.breadcrumbs a {
+	text-decoration:none;
+}
+
+#Footer {
+	background:#015581;
+	clear:both;
+	text-align:right;
+	padding-right:20px;
+	border:1px solid #ccc;
+	border-top:0;
+}
+	#Footer span {
+		color:#ccc;
+		font-size:1.1em;
+		line-height:2em;
+		font-weight:bold;
+		padding-left:20px;
+		background:url(../images/ss_logo.gif) no-repeat;
+	}
+	#Footer a {
+		color:#fff;
+	}
+		#Footer a:hover {
+			text-decoration:none;
+		}
+
+
+/* The rest of this file is for the second tutorial */
+#NewsList,
+#StaffList {
+	background:#f0f0f0;
+	border:1px dotted #ccc;
+	padding:10px;
+}
+
+#NewsList li,
+#StaffList li {
+	margin: 0;
+	list-style-type: none;
+}
+	#NewsList li.newsDateTitle span {
+		color:#666;
+		line-height:2em;
+	}
+	#NewsList li.newsDateTitle a {
+		font-size:1.3em;
+		font-weight:bold;
+		color:#0083C8;
+		text-decoration:none;
+		padding-left:20px;
+		background:url(../images/treeicons/news-file.gif) no-repeat left center;
+	}
+		#NewsList li.newsDateTitle a:hover {
+			border-bottom:1px dotted #0083C8;
+		}
+		
+	#NewsList li.newsSummary {
+		margin-bottom:20px;
+	}
+		#NewsList li.newsSummary span {
+			font-size:1.1em;
+			line-height:1.5em;
+			color:#333;
+		}
+		#NewsList li.newsSummary a.readMoreLink {
+			color:#0083C8;
+			text-decoration:none;
+		}
+			#NewsList li.newsSummary a.readMoreLink:hover {
+				border-bottom:1px dotted #0083C8;
+			}
+
+div.newsDetails {
+	margin-bottom:10px;
+}
+
+div.newsDetails p {
+	color:#666;
+	margin:0;
+	font-size:1em;
+}
+
+div.pageComments {
+	background:#f0f0f0;
+	border:1px dotted #ccc;
+	padding:10px;
+}
+
+#StaffList .staffname { 
+	clear: both;
+	padding-left: 60px;
+	height: 1.2em;
+}
+
+#StaffList .staffphoto {
+	float: left;
+	margin-left: 3px;
+	margin-top: -1.2em;
+}     
+#StaffList .staffphoto img {
+	border:1px solid #AAA;
+}
+
+#StaffList .staffdescription {
+	margin-left: 60px;
+	margin-bottom:30px;
+}
+
+#StaffPhoto {
+	float: left;
+	margin-right: 10px;
+}
+
+#StaffPhoto img {
+	border:1px solid #AAA;
+}
+
+#PageComments {
+	list-style:none;
+	background:#e9e9e9;
+	border:1px solid #ccc;
+	border-bottom:0;
+	padding:0;
+	margin:0;
+}
+	#PageComments li {
+		list-style:none;
+		padding:5px;
+		margin:0;
+		font-size:1em;
+		border-bottom:1px dotted #bbb;
+	}
+		#PageComments li p span {
+			font-style:italic;
+		}
+		#PageComments a.deletelink {
+			font-weight:bold;
+		}
+
+			
+#PageNumbers {
+	font-weight:bold;
+	color:#333;
+	font-size:1.1em;
+	text-align:center;
+	padding:5px;
+	border:1px solid #ddd;
+	background:#e9e9e9;
+}
+#PageNumbers * {
+	padding:0 5px;
+	line-height:1.5em;
+}
+#PageNumbers a {
+	color:#0083C8;
+	text-decoration:none;
+}
+	#PageNumbers a:hover {
+		text-decoration:underline;
+	}
+
+		
+
diff --git a/themes/tutorial/css/typography.css b/themes/tutorial/css/typography.css
new file mode 100644
index 0000000..21d401f
--- /dev/null
+++ b/themes/tutorial/css/typography.css
@@ -0,0 +1,113 @@
+/**
+ * This typography file is included in the WYSIWYG editor
+ */
+.typography * {
+	font-family:Verdana,Arial,sans-serif;
+	font-size:1em;
+}
+.typography blockquote {
+	margin-left:20px;
+}
+.typography hr {
+	padding:5px;
+}
+.typography p,
+.typography ul li,
+.typography ol li,
+.typography a {
+	color:#333;
+	line-height:1.5em;
+	font-size:1.1em;
+}
+.typography p {
+	margin-bottom:20px;
+}
+
+
+/** CMS LIST STYLES **/
+.typography ul,
+.typography ol {
+	margin-left:10px;
+	margin-bottom:20px;
+}
+	.typography ul li,
+	.typography ol li {
+		margin:4px 10px;
+		line-height:1.4em;
+	}
+		.typography ul li {
+		 list-style-type:disc;
+		}
+		.typography ol li {
+			list-style-type:decimal;
+    }
+
+/* HEADER STYLES */
+
+.typography h1,
+.typography h2,
+.typography h3,
+.typography h4 {
+	margin-bottom:14px;
+	color:#0083C8;
+}
+.typography h1,
+.typography h4 {
+	font-weight:bold;
+}
+.typography h2,
+.typography h3 {
+	font-weight:normal;
+}
+	.typography h1 {
+		font-size:2.2em;
+	}
+	.typography h2 {
+		font-size:2.2em;
+	}
+	.typography h3 {
+		font-size:1.6em;
+	}
+	.typography h4 {
+		font-size:1.4em;
+	}
+
+/* LINK STYLES */
+.typography a {
+	color:#0083C8;
+  font-size:1em;
+  text-decoration:none;
+}
+	.typography a:hover {
+		text-decoration:underline;
+	}
+	
+	
+.typography table {
+	font-size:1.1em;
+}
+	.typography table tr td {
+		padding:3px 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;
+}
+.typography img.left {
+	float:left;
+}
+
+.typography p.MsoNormal, .typography p.MsoBodyText {
+	margin: 0;
+}
\ No newline at end of file
diff --git a/themes/tutorial/images/blueback.gif b/themes/tutorial/images/blueback.gif
new file mode 100644
index 0000000..edc39b2
Binary files /dev/null and b/themes/tutorial/images/blueback.gif differ
diff --git a/themes/tutorial/images/body_bg.gif b/themes/tutorial/images/body_bg.gif
new file mode 100644
index 0000000..2f99a4c
Binary files /dev/null and b/themes/tutorial/images/body_bg.gif differ
diff --git a/themes/tutorial/images/menu1_left.gif b/themes/tutorial/images/menu1_left.gif
new file mode 100644
index 0000000..514c7aa
Binary files /dev/null and b/themes/tutorial/images/menu1_left.gif differ
diff --git a/themes/tutorial/images/menu1_left_on.gif b/themes/tutorial/images/menu1_left_on.gif
new file mode 100644
index 0000000..cf3a3c7
Binary files /dev/null and b/themes/tutorial/images/menu1_left_on.gif differ
diff --git a/themes/tutorial/images/menu1_right.gif b/themes/tutorial/images/menu1_right.gif
new file mode 100644
index 0000000..124664f
Binary files /dev/null and b/themes/tutorial/images/menu1_right.gif differ
diff --git a/themes/tutorial/images/menu1_right_on.gif b/themes/tutorial/images/menu1_right_on.gif
new file mode 100644
index 0000000..7048cac
Binary files /dev/null and b/themes/tutorial/images/menu1_right_on.gif differ
diff --git a/themes/tutorial/images/menu2_arrow.gif b/themes/tutorial/images/menu2_arrow.gif
new file mode 100644
index 0000000..42c7222
Binary files /dev/null and b/themes/tutorial/images/menu2_arrow.gif differ
diff --git a/themes/tutorial/images/ss_logo.gif b/themes/tutorial/images/ss_logo.gif
new file mode 100644
index 0000000..d2721ad
Binary files /dev/null and b/themes/tutorial/images/ss_logo.gif differ
diff --git a/themes/tutorial/images/ss_watermark.gif b/themes/tutorial/images/ss_watermark.gif
new file mode 100644
index 0000000..793317f
Binary files /dev/null and b/themes/tutorial/images/ss_watermark.gif differ
diff --git a/themes/tutorial/images/treeicons/home-file.gif b/themes/tutorial/images/treeicons/home-file.gif
new file mode 100644
index 0000000..a38837f
Binary files /dev/null and b/themes/tutorial/images/treeicons/home-file.gif differ
diff --git a/themes/tutorial/images/treeicons/news-file.gif b/themes/tutorial/images/treeicons/news-file.gif
new file mode 100644
index 0000000..7c877f2
Binary files /dev/null and b/themes/tutorial/images/treeicons/news-file.gif differ
diff --git a/themes/tutorial/images/welcome.png b/themes/tutorial/images/welcome.png
new file mode 100644
index 0000000..6cfe95f
Binary files /dev/null and b/themes/tutorial/images/welcome.png differ
diff --git a/themes/tutorial/templates/Page.ss b/themes/tutorial/templates/Page.ss
new file mode 100644
index 0000000..df04ce1
--- /dev/null
+++ b/themes/tutorial/templates/Page.ss
@@ -0,0 +1,27 @@
+<?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 %>
+		<link rel="stylesheet" type="text/css" href="tutorial/css/layout.css" />
+		<link rel="stylesheet" type="text/css" href="tutorial/css/typography.css" />
+		<link rel="stylesheet" type="text/css" href="tutorial/css/form.css" />
+	</head>
+	<body>
+		<div id="Main">
+			<div id="Header">
+				<h1>&nbsp;</h1>
+			</div>
+			<div id="ContentContainer">
+				<div id="Content" class="typography">
+					$Content
+					$Form
+				</div>
+			</div>
+			<div id="Footer">
+				<span>Visit <a href="http://www.silverstripe.com" title="Visit www.silverstripe.com">www.silverstripe.com</a> to download the CMS</span>
+			</div>
+		</div>
+		$SilverStripeNavigator
+	</body>
+</html>