3 files changed, 23 insertions, 12 deletions
diff --git a/demos/quickstart/protected/pages/Layout.tpl b/demos/quickstart/protected/pages/Layout.tpl
index 2c22adce..d419fae3 100644
--- a/demos/quickstart/protected/pages/Layout.tpl
+++ b/demos/quickstart/protected/pages/Layout.tpl
@@ -17,11 +17,18 @@ Prado QuickStart Tutorial
 <com:TLinkButton Text="Hide TOC" Click="toggleTopicPanel" />
 </div>
 
-<com:Pages.TopicList ID="TopicPanel" />
-
-<div id="content">
+<table width="100%" border="0" cellspacing="0" cellpadding="0">
+<tr>
+<td valign="top">
+<div id="content" width="100%">
 <com:TContentPlaceHolder ID="body" />
 </div>
+</td>
+<td valign="top" width="1">
+<com:Pages.TopicList ID="TopicPanel" />
+</td>
+</tr>
+</table>
 
 <div id="footer">
 Copyright &copy; 2005 <a href="http://www.pradosoft.com">PradoSoft</a>.
diff --git a/demos/quickstart/protected/pages/chap3/HelloWorld.page b/demos/quickstart/protected/pages/chap3/HelloWorld.page
index 8ded6585..1db35d8b 100644
--- a/demos/quickstart/protected/pages/chap3/HelloWorld.page
+++ b/demos/quickstart/protected/pages/chap3/HelloWorld.page
@@ -13,7 +13,7 @@ PRADO promotes component-based and event-driven Web programming. The button is r
 <p>
 The code that a developer needs to write is merely the following event handler function, where <code>$sender</code> refers to the button object.
 </p>
-<pre class="code">
+<pre class="source">
 public function buttonClicked($sender,$param)
 {
 	$sender->Text="Hello World";
diff --git a/demos/quickstart/themes/Simple/style.css b/demos/quickstart/themes/Simple/style.css
index ea77ef62..a0d2a8fb 100644
--- a/demos/quickstart/themes/Simple/style.css
+++ b/demos/quickstart/themes/Simple/style.css
@@ -34,15 +34,13 @@ body {
 
 #toc {
 	background:#BFE4FF;
-	float:right;
 	width:200px;
 	padding:5px;
 }
 
 #content {
-	float:left;
 	background:#fff;
-	padding:5px;
+	padding:10px;
 }
 
 #footer {
@@ -51,7 +49,7 @@ body {
 	font-size:8pt;
 	text-align:center;
 	margin-top:25px;
-	padding:5px;
+	padding:10px;
 }
 
 .topic {
@@ -74,12 +72,13 @@ body {
 	color:red;
 }
 
-.code {
+.source {
 	padding:10px;
 	border-style:solid;
 	border-width:1px;
 	border-color:#cccccc;
 	background-color:#ffffee;
+	font-family: "Courier New", Courier, mono;
 }
 
 .runbar a:link, .runbar a:visited {
@@ -111,14 +110,19 @@ body {
 
 #sourceList {
 	background-color:#BFE4FF;
-	margin:10px;
-	border:1px solid silver;
+	margin:10px 10px 0px 10px;
 	padding:10px;
+	border:1px solid silver;
 }
 
 #sourceView {
+	font-family: "Courier New", Courier, mono;
 	background-color:#ffffee;
-	margin:10px;
+	margin:5px 10px 10px 10px;
 	border:1px solid silver;
 	padding:10px;
+}
+
+code {
+	font-family: "Courier New", Courier, mono;
 }
 \ No newline at end of file