Update the linking of externals to deal with pathing

Signed-off-by: R. Tyler Ballance <tyler@slide.com>
author: R. Tyler Ballance <tyler@slide.com> 2009-05-25 14:03:50 -0700
committer: R. Tyler Ballance <tyler@slide.com> 2009-05-25 14:03:50 -0700
commit: ddb3ad82f64e6308557887a198ddebfc6149e9ef (patch)
tree: e85b057d8b9bbea49a3221e136e807d81c81a152
parent: 063e65a0484735f52e657d4121b97470bbb7e601 (diff)
download: python-cheetah-ddb3ad82f64e6308557887a198ddebfc6149e9ef.tar.gz
11 files changed, 2362 insertions, 33 deletions
diff --git a/WikiRoot.html b/WikiRoot.html
index c48aa3f..aa0b95d 100644
--- a/WikiRoot.html
+++ b/WikiRoot.html
@@ -1,5 +1,6 @@
 
 
+
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
 <html>
     <head>
@@ -8,10 +9,296 @@
         <meta name="keywords" content="cheetah, template engine, python, community cheetah, templating, markdown, markup, mod_python, webware"/>
         <meta name="googlebot" content="index, follow" />
         <meta name="language" content="en-us, english" />
-
-        <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen, projection, tv" />
     </head>
     <body>
+            <style type="text/css">
+    <!--
+        /* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */
+
+
+body {
+background:#ffffff url('images/bg.jpg') top center repeat-x;
+margin:10px 10px 0px 10px;
+padding:0px;
+color: #000;
+font-family:"Trebuchet MS",arial,sans-serif;
+font-size: 80%;
+
+}
+
+body a:link, body a:visited {
+	color: blue;
+}
+
+#blogtitle{
+width:100%;	
+margin:0px auto;
+padding:0 0 5px 0;
+font-size:1.1em;
+line-height:1.2em;
+}
+
+#blogtitle a:link, a:visited {
+	color:#b8ce83;
+	text-decoration:none;
+}
+
+#blogtitle a:hover, a:active {
+	color:#fff;
+	text-decoration:none;
+}
+
+#small{
+positon:relative;
+padding-left: 5px;
+
+}
+
+#small2{
+positon:relative;
+float:right;
+margin-top: -15px;
+
+}
+
+UL.BLUE {
+list-style: url(images/bullet.jpg) disc;
+font-size: 1.1em;
+
+}
+
+#leftcontent {
+position: absolute;
+left:10px;
+top:50px;
+width:200px;
+margin-top: 116px;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+font-size:1.0em;
+padding-left: 12px;	
+padding-top: 8px;
+
+}
+
+#leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}
+
+#centercontent {
+margin-top: 37px;
+background:#fff;
+margin-left: 199px;
+margin-right:199px;
+color:#000;
+voice-family: "\"}\"";
+voice-family: inherit;
+margin-left: 201px;
+margin-right:201px;
+padding:20px;
+font-size: 1.3em;
+}
+
+#centercontent p {color:#000;}
+
+html>body #centercontent {
+margin-left: 201px;
+margin-right:201px;
+
+}
+
+.centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+.centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+
+#rightcontent {
+position: absolute;
+right:10px;
+top:0px;
+width: 200px;
+font-size:1.1em;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+margin-top:150px; 
+padding-left: 5px;
+padding-right: 8px;
+padding-top: 8px;
+}
+
+#rightcontent p {color:#888;}
+
+#banner {
+background:#fff;
+height:40px;
+voice-family: "\"}\"";
+voice-family: inherit;
+height:39px;
+
+}
+
+html>body #banner {
+height:39px;
+
+}
+
+p,h1,pre {
+margin:0px 10px 10px 10px;
+font:Arial, Helvetica, sans-serif;
+font-size:12px;
+line-height: 1.6em;
+text-align:justify;
+text-decoration:none;
+}
+
+h1 {
+font-size:2.5em;
+float:right;
+color:#ccc;
+padding-top:15px;
+
+}
+
+h3 {
+font-size:14px;
+color:#999;
+
+}
+
+#banner h1 {
+font-size:14px;
+padding:10px 10px 0px 10px;
+margin:0px;
+
+}
+
+#rightcontent p {
+font-size:11px
+
+}
+
+.introduction ul, #introduction li {
+text-align:center;
+list-style: none;
+margin: 0;
+padding: 0;
+
+}
+
+.introduction h3{
+text-align: center;
+position:static;
+
+}
+
+
+/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
+
+#topmenu {
+position: absolute;
+top: 45px;
+left: 240px;
+width: 600px;
+font-size:100%;
+margin: 0 0 50px 0;;
+line-height:normal;
+height: 35px;
+}
+#topmenu ul {
+margin:0;
+padding:0px 0px 0 0px;
+list-style:none;
+}
+#topmenu li {
+display:inline;
+margin:0;
+padding:0;
+}
+#topmenu a {
+float:left;
+background:url(images/menuleft.gif) no-repeat left top;
+margin:0;
+padding:0 0 0 4px;
+text-decoration:none;
+}
+#topmenu a span, a:visited span {
+float:left;
+display:block;
+background:url(images/menuright.gif) no-repeat right top;
+padding:5px 15px 4px 6px;
+color:#888;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#topmenu a span {float:none;}
+/* End IE5-Mac hack */
+#topmenu a:hover span {
+color:#999999;
+}
+#topmenu a:hover {
+background-position:0% -42px;
+}
+#topmenu a:hover span {
+background-position:100% -42px;
+}
+
+/* ~~~~~~~~~ END MENU ~~~~~~~~~ */
+
+
+
+/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */
+
+#footer{
+/*height:329px;*/
+background:#000 url('images/bg.jpg') top center repeat-x;
+text-align: center;
+padding-top: 8px;
+clear: both;
+float: none;
+margin-left: -10px;
+margin-right: -10px;
+margin-bottom: -20px;
+
+}
+
+#footer a, a:link {
+color:#999999;
+text-decoration: none;
+
+}
+#footer a:hover {
+color:#A5CE77;
+text-decoration: none;
+
+}
+
+/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
+
+
+/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */
+
+.centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+
+.centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+    -->
+    </style>
+
 
         <a href="http://github.com/rtyler/cheetah">
     <img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png" alt="Fork me on GitHub" />
@@ -103,3 +390,5 @@
 
 
 
+
+
diff --git a/WikiRoot.tmpl b/WikiRoot.tmpl
index 2efd997..352c4e3 100644
--- a/WikiRoot.tmpl
+++ b/WikiRoot.tmpl
@@ -2,6 +2,8 @@
 #extends Template
 #implements respond
 
+#attr PathPrefix = ''
+
 ## (Name, Link, IsTab)
 #set global $Pages = [
                         ('Home', 'index.html', True), 
@@ -23,20 +25,19 @@
         <meta name="keywords" content="cheetah, template engine, python, community cheetah, templating, markdown, markup, mod_python, webware"/>
         <meta name="googlebot" content="index, follow" />
         <meta name="language" content="en-us, english" />
-
-        <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen, projection, tv" />
     </head>
     <body>
+        $css()
 
         $header()
 
         #if $leftsidebar()
             <div id="leftcontent">
-                <img style="margin-top:-9px; margin-left:-12px;" src="images/top2.jpg" alt="" />
+                <img style="margin-top:-9px; margin-left:-12px;" src="${PathPrefix}images/top2.jpg" alt="" />
 
                 $leftsidebar()
 
-                <img style="padding-top:2px; margin-left:-12px; margin-bottom:-4px;" src="images/specs_bottom.jpg" alt="" />
+                <img style="padding-top:2px; margin-left:-12px; margin-bottom:-4px;" src="${PathPrefix}images/specs_bottom.jpg" alt="" />
             </div>
         #end if
 
@@ -45,11 +46,11 @@
         </div>
 
         <div id="rightcontent">
-            <img style="margin-top:-9px; margin-left: -5px;" src="images/top2.jpg" alt="" />
+            <img style="margin-top:-9px; margin-left: -5px;" src="${PathPrefix}images/top2.jpg" alt="" />
             
             $rightsidebar()
 
-            <img style="padding-top:5px; margin-left:-5px; margin-bottom:-4px;" src="images/specs_bottom.jpg" alt="" />
+            <img style="padding-top:5px; margin-left:-5px; margin-bottom:-4px;" src="${PathPrefix}images/specs_bottom.jpg" alt="" />
         </div>
 
         <br clear="all"/>
@@ -90,7 +91,7 @@
                     #if $IsTab and not $Name == 'Home'
                         #continue
                     #end if
-                    <a href="$Link">$Name</a>&nbsp;|&nbsp;
+                    <a href="${PathPrefix}${Link}">$Name</a>&nbsp;|&nbsp;
                 #end for
             </div>
     </div>
@@ -102,7 +103,7 @@
                     #continue
                 #end if
                 <li>
-                    <a href="$Link" title="$Name">
+                    <a href="${PathPrefix}${Link}" title="${Name}">
                         <span>$Name</span>
                     </a>
                 </li>
@@ -112,7 +113,7 @@
 #end def
 
 #def footer()
-    <a href="http://www.python.org" target="_blank"><img src="images/python-logo.gif" border="0" alt="Python-powered" title="Python-powered" align="right"/></a>
+    <a href="http://www.python.org" target="_blank"><img src="${PathPrefix}images/python-logo.gif" border="0" alt="Python-powered" title="Python-powered" align="right"/></a>
     <br clear="all"/>
     <br/>
     <div id="footer">
@@ -142,6 +143,18 @@
     </div>
 #end def
 
+#def _css()
+	#include raw "./stylesheet.css"
+#end def
+
+#def css()
+    <style type="text/css">
+    <!--
+        $_css().replace('images', '%simages' % ($PathPrefix))
+    -->
+    </style>
+#end def
+
 #def content()
 	#return ''
 #end def
diff --git a/buildwiki.py b/buildwiki.py
index 69b0110..777dde4 100644
--- a/buildwiki.py
+++ b/buildwiki.py
@@ -3,16 +3,20 @@
 import sys
 import os
 
+def fullpath(folder, file):
+	return '%s%s%s' % (folder, os.path.sep, file)
+
 def main():
     print '==> Generating Python files'
-    files = os.listdir('.')
-    for file in files:
-        if file.endswith('.tmpl'):
-            os.system('cheetah compile %s' % file)
+    for paths, dirs, files in os.walk('.'):
+        for file in files:
+            if file.endswith('.tmpl'):
+                os.system('cheetah compile %s' % fullpath(paths, file))
     print '==> Generating HTML files'
-    for file in files:
-        if file.endswith('.tmpl'):
-            os.system('python %(file)s.py > %(file)s.html' % {'file' : file[:-5]})
+    for paths, dirs, files in os.walk('.'):
+        for file in files:
+            if file.endswith('.tmpl'):
+                os.system('python %(file)s.py > %(file)s.html' % {'file' : fullpath(paths, file[:-5])})
     return 0
 
 if __name__ == '__main__':
diff --git a/community.html b/community.html
index ee57d6d..1624788 100644
--- a/community.html
+++ b/community.html
@@ -1,5 +1,6 @@
 
 
+
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
 <html>
     <head>
@@ -8,10 +9,296 @@
         <meta name="keywords" content="cheetah, template engine, python, community cheetah, templating, markdown, markup, mod_python, webware"/>
         <meta name="googlebot" content="index, follow" />
         <meta name="language" content="en-us, english" />
-
-        <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen, projection, tv" />
     </head>
     <body>
+            <style type="text/css">
+    <!--
+        /* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */
+
+
+body {
+background:#ffffff url('images/bg.jpg') top center repeat-x;
+margin:10px 10px 0px 10px;
+padding:0px;
+color: #000;
+font-family:"Trebuchet MS",arial,sans-serif;
+font-size: 80%;
+
+}
+
+body a:link, body a:visited {
+	color: blue;
+}
+
+#blogtitle{
+width:100%;	
+margin:0px auto;
+padding:0 0 5px 0;
+font-size:1.1em;
+line-height:1.2em;
+}
+
+#blogtitle a:link, a:visited {
+	color:#b8ce83;
+	text-decoration:none;
+}
+
+#blogtitle a:hover, a:active {
+	color:#fff;
+	text-decoration:none;
+}
+
+#small{
+positon:relative;
+padding-left: 5px;
+
+}
+
+#small2{
+positon:relative;
+float:right;
+margin-top: -15px;
+
+}
+
+UL.BLUE {
+list-style: url(images/bullet.jpg) disc;
+font-size: 1.1em;
+
+}
+
+#leftcontent {
+position: absolute;
+left:10px;
+top:50px;
+width:200px;
+margin-top: 116px;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+font-size:1.0em;
+padding-left: 12px;	
+padding-top: 8px;
+
+}
+
+#leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}
+
+#centercontent {
+margin-top: 37px;
+background:#fff;
+margin-left: 199px;
+margin-right:199px;
+color:#000;
+voice-family: "\"}\"";
+voice-family: inherit;
+margin-left: 201px;
+margin-right:201px;
+padding:20px;
+font-size: 1.3em;
+}
+
+#centercontent p {color:#000;}
+
+html>body #centercontent {
+margin-left: 201px;
+margin-right:201px;
+
+}
+
+.centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+.centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+
+#rightcontent {
+position: absolute;
+right:10px;
+top:0px;
+width: 200px;
+font-size:1.1em;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+margin-top:150px; 
+padding-left: 5px;
+padding-right: 8px;
+padding-top: 8px;
+}
+
+#rightcontent p {color:#888;}
+
+#banner {
+background:#fff;
+height:40px;
+voice-family: "\"}\"";
+voice-family: inherit;
+height:39px;
+
+}
+
+html>body #banner {
+height:39px;
+
+}
+
+p,h1,pre {
+margin:0px 10px 10px 10px;
+font:Arial, Helvetica, sans-serif;
+font-size:12px;
+line-height: 1.6em;
+text-align:justify;
+text-decoration:none;
+}
+
+h1 {
+font-size:2.5em;
+float:right;
+color:#ccc;
+padding-top:15px;
+
+}
+
+h3 {
+font-size:14px;
+color:#999;
+
+}
+
+#banner h1 {
+font-size:14px;
+padding:10px 10px 0px 10px;
+margin:0px;
+
+}
+
+#rightcontent p {
+font-size:11px
+
+}
+
+.introduction ul, #introduction li {
+text-align:center;
+list-style: none;
+margin: 0;
+padding: 0;
+
+}
+
+.introduction h3{
+text-align: center;
+position:static;
+
+}
+
+
+/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
+
+#topmenu {
+position: absolute;
+top: 45px;
+left: 240px;
+width: 600px;
+font-size:100%;
+margin: 0 0 50px 0;;
+line-height:normal;
+height: 35px;
+}
+#topmenu ul {
+margin:0;
+padding:0px 0px 0 0px;
+list-style:none;
+}
+#topmenu li {
+display:inline;
+margin:0;
+padding:0;
+}
+#topmenu a {
+float:left;
+background:url(images/menuleft.gif) no-repeat left top;
+margin:0;
+padding:0 0 0 4px;
+text-decoration:none;
+}
+#topmenu a span, a:visited span {
+float:left;
+display:block;
+background:url(images/menuright.gif) no-repeat right top;
+padding:5px 15px 4px 6px;
+color:#888;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#topmenu a span {float:none;}
+/* End IE5-Mac hack */
+#topmenu a:hover span {
+color:#999999;
+}
+#topmenu a:hover {
+background-position:0% -42px;
+}
+#topmenu a:hover span {
+background-position:100% -42px;
+}
+
+/* ~~~~~~~~~ END MENU ~~~~~~~~~ */
+
+
+
+/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */
+
+#footer{
+/*height:329px;*/
+background:#000 url('images/bg.jpg') top center repeat-x;
+text-align: center;
+padding-top: 8px;
+clear: both;
+float: none;
+margin-left: -10px;
+margin-right: -10px;
+margin-bottom: -20px;
+
+}
+
+#footer a, a:link {
+color:#999999;
+text-decoration: none;
+
+}
+#footer a:hover {
+color:#A5CE77;
+text-decoration: none;
+
+}
+
+/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
+
+
+/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */
+
+.centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+
+.centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+    -->
+    </style>
+
 
         <a href="http://github.com/rtyler/cheetah">
     <img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png" alt="Fork me on GitHub" />
@@ -111,3 +398,5 @@ is nobody available to answer your questions on IRC, you may be better served pi
 
 
 
+
+
diff --git a/developers.html b/developers.html
index 07f7907..934efda 100644
--- a/developers.html
+++ b/developers.html
@@ -1,5 +1,6 @@
 
 
+
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
 <html>
     <head>
@@ -8,10 +9,296 @@
         <meta name="keywords" content="cheetah, template engine, python, community cheetah, templating, markdown, markup, mod_python, webware"/>
         <meta name="googlebot" content="index, follow" />
         <meta name="language" content="en-us, english" />
-
-        <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen, projection, tv" />
     </head>
     <body>
+            <style type="text/css">
+    <!--
+        /* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */
+
+
+body {
+background:#ffffff url('images/bg.jpg') top center repeat-x;
+margin:10px 10px 0px 10px;
+padding:0px;
+color: #000;
+font-family:"Trebuchet MS",arial,sans-serif;
+font-size: 80%;
+
+}
+
+body a:link, body a:visited {
+	color: blue;
+}
+
+#blogtitle{
+width:100%;	
+margin:0px auto;
+padding:0 0 5px 0;
+font-size:1.1em;
+line-height:1.2em;
+}
+
+#blogtitle a:link, a:visited {
+	color:#b8ce83;
+	text-decoration:none;
+}
+
+#blogtitle a:hover, a:active {
+	color:#fff;
+	text-decoration:none;
+}
+
+#small{
+positon:relative;
+padding-left: 5px;
+
+}
+
+#small2{
+positon:relative;
+float:right;
+margin-top: -15px;
+
+}
+
+UL.BLUE {
+list-style: url(images/bullet.jpg) disc;
+font-size: 1.1em;
+
+}
+
+#leftcontent {
+position: absolute;
+left:10px;
+top:50px;
+width:200px;
+margin-top: 116px;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+font-size:1.0em;
+padding-left: 12px;	
+padding-top: 8px;
+
+}
+
+#leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}
+
+#centercontent {
+margin-top: 37px;
+background:#fff;
+margin-left: 199px;
+margin-right:199px;
+color:#000;
+voice-family: "\"}\"";
+voice-family: inherit;
+margin-left: 201px;
+margin-right:201px;
+padding:20px;
+font-size: 1.3em;
+}
+
+#centercontent p {color:#000;}
+
+html>body #centercontent {
+margin-left: 201px;
+margin-right:201px;
+
+}
+
+.centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+.centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+
+#rightcontent {
+position: absolute;
+right:10px;
+top:0px;
+width: 200px;
+font-size:1.1em;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+margin-top:150px; 
+padding-left: 5px;
+padding-right: 8px;
+padding-top: 8px;
+}
+
+#rightcontent p {color:#888;}
+
+#banner {
+background:#fff;
+height:40px;
+voice-family: "\"}\"";
+voice-family: inherit;
+height:39px;
+
+}
+
+html>body #banner {
+height:39px;
+
+}
+
+p,h1,pre {
+margin:0px 10px 10px 10px;
+font:Arial, Helvetica, sans-serif;
+font-size:12px;
+line-height: 1.6em;
+text-align:justify;
+text-decoration:none;
+}
+
+h1 {
+font-size:2.5em;
+float:right;
+color:#ccc;
+padding-top:15px;
+
+}
+
+h3 {
+font-size:14px;
+color:#999;
+
+}
+
+#banner h1 {
+font-size:14px;
+padding:10px 10px 0px 10px;
+margin:0px;
+
+}
+
+#rightcontent p {
+font-size:11px
+
+}
+
+.introduction ul, #introduction li {
+text-align:center;
+list-style: none;
+margin: 0;
+padding: 0;
+
+}
+
+.introduction h3{
+text-align: center;
+position:static;
+
+}
+
+
+/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
+
+#topmenu {
+position: absolute;
+top: 45px;
+left: 240px;
+width: 600px;
+font-size:100%;
+margin: 0 0 50px 0;;
+line-height:normal;
+height: 35px;
+}
+#topmenu ul {
+margin:0;
+padding:0px 0px 0 0px;
+list-style:none;
+}
+#topmenu li {
+display:inline;
+margin:0;
+padding:0;
+}
+#topmenu a {
+float:left;
+background:url(images/menuleft.gif) no-repeat left top;
+margin:0;
+padding:0 0 0 4px;
+text-decoration:none;
+}
+#topmenu a span, a:visited span {
+float:left;
+display:block;
+background:url(images/menuright.gif) no-repeat right top;
+padding:5px 15px 4px 6px;
+color:#888;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#topmenu a span {float:none;}
+/* End IE5-Mac hack */
+#topmenu a:hover span {
+color:#999999;
+}
+#topmenu a:hover {
+background-position:0% -42px;
+}
+#topmenu a:hover span {
+background-position:100% -42px;
+}
+
+/* ~~~~~~~~~ END MENU ~~~~~~~~~ */
+
+
+
+/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */
+
+#footer{
+/*height:329px;*/
+background:#000 url('images/bg.jpg') top center repeat-x;
+text-align: center;
+padding-top: 8px;
+clear: both;
+float: none;
+margin-left: -10px;
+margin-right: -10px;
+margin-bottom: -20px;
+
+}
+
+#footer a, a:link {
+color:#999999;
+text-decoration: none;
+
+}
+#footer a:hover {
+color:#A5CE77;
+text-decoration: none;
+
+}
+
+/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
+
+
+/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */
+
+.centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+
+.centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+    -->
+    </style>
+
 
         <a href="http://github.com/rtyler/cheetah">
     <img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png" alt="Fork me on GitHub" />
@@ -132,3 +419,5 @@ the issue into Community Cheetah's <a href="http://bugs.communitycheetah.org">bu
 
 
 
+
+
diff --git a/docs.html b/docs.html
index 3081624..d6cb22e 100644
--- a/docs.html
+++ b/docs.html
@@ -1,5 +1,6 @@
 
 
+
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
 <html>
     <head>
@@ -8,10 +9,296 @@
         <meta name="keywords" content="cheetah, template engine, python, community cheetah, templating, markdown, markup, mod_python, webware"/>
         <meta name="googlebot" content="index, follow" />
         <meta name="language" content="en-us, english" />
-
-        <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen, projection, tv" />
     </head>
     <body>
+            <style type="text/css">
+    <!--
+        /* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */
+
+
+body {
+background:#ffffff url('images/bg.jpg') top center repeat-x;
+margin:10px 10px 0px 10px;
+padding:0px;
+color: #000;
+font-family:"Trebuchet MS",arial,sans-serif;
+font-size: 80%;
+
+}
+
+body a:link, body a:visited {
+	color: blue;
+}
+
+#blogtitle{
+width:100%;	
+margin:0px auto;
+padding:0 0 5px 0;
+font-size:1.1em;
+line-height:1.2em;
+}
+
+#blogtitle a:link, a:visited {
+	color:#b8ce83;
+	text-decoration:none;
+}
+
+#blogtitle a:hover, a:active {
+	color:#fff;
+	text-decoration:none;
+}
+
+#small{
+positon:relative;
+padding-left: 5px;
+
+}
+
+#small2{
+positon:relative;
+float:right;
+margin-top: -15px;
+
+}
+
+UL.BLUE {
+list-style: url(images/bullet.jpg) disc;
+font-size: 1.1em;
+
+}
+
+#leftcontent {
+position: absolute;
+left:10px;
+top:50px;
+width:200px;
+margin-top: 116px;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+font-size:1.0em;
+padding-left: 12px;	
+padding-top: 8px;
+
+}
+
+#leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}
+
+#centercontent {
+margin-top: 37px;
+background:#fff;
+margin-left: 199px;
+margin-right:199px;
+color:#000;
+voice-family: "\"}\"";
+voice-family: inherit;
+margin-left: 201px;
+margin-right:201px;
+padding:20px;
+font-size: 1.3em;
+}
+
+#centercontent p {color:#000;}
+
+html>body #centercontent {
+margin-left: 201px;
+margin-right:201px;
+
+}
+
+.centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+.centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+
+#rightcontent {
+position: absolute;
+right:10px;
+top:0px;
+width: 200px;
+font-size:1.1em;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+margin-top:150px; 
+padding-left: 5px;
+padding-right: 8px;
+padding-top: 8px;
+}
+
+#rightcontent p {color:#888;}
+
+#banner {
+background:#fff;
+height:40px;
+voice-family: "\"}\"";
+voice-family: inherit;
+height:39px;
+
+}
+
+html>body #banner {
+height:39px;
+
+}
+
+p,h1,pre {
+margin:0px 10px 10px 10px;
+font:Arial, Helvetica, sans-serif;
+font-size:12px;
+line-height: 1.6em;
+text-align:justify;
+text-decoration:none;
+}
+
+h1 {
+font-size:2.5em;
+float:right;
+color:#ccc;
+padding-top:15px;
+
+}
+
+h3 {
+font-size:14px;
+color:#999;
+
+}
+
+#banner h1 {
+font-size:14px;
+padding:10px 10px 0px 10px;
+margin:0px;
+
+}
+
+#rightcontent p {
+font-size:11px
+
+}
+
+.introduction ul, #introduction li {
+text-align:center;
+list-style: none;
+margin: 0;
+padding: 0;
+
+}
+
+.introduction h3{
+text-align: center;
+position:static;
+
+}
+
+
+/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
+
+#topmenu {
+position: absolute;
+top: 45px;
+left: 240px;
+width: 600px;
+font-size:100%;
+margin: 0 0 50px 0;;
+line-height:normal;
+height: 35px;
+}
+#topmenu ul {
+margin:0;
+padding:0px 0px 0 0px;
+list-style:none;
+}
+#topmenu li {
+display:inline;
+margin:0;
+padding:0;
+}
+#topmenu a {
+float:left;
+background:url(images/menuleft.gif) no-repeat left top;
+margin:0;
+padding:0 0 0 4px;
+text-decoration:none;
+}
+#topmenu a span, a:visited span {
+float:left;
+display:block;
+background:url(images/menuright.gif) no-repeat right top;
+padding:5px 15px 4px 6px;
+color:#888;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#topmenu a span {float:none;}
+/* End IE5-Mac hack */
+#topmenu a:hover span {
+color:#999999;
+}
+#topmenu a:hover {
+background-position:0% -42px;
+}
+#topmenu a:hover span {
+background-position:100% -42px;
+}
+
+/* ~~~~~~~~~ END MENU ~~~~~~~~~ */
+
+
+
+/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */
+
+#footer{
+/*height:329px;*/
+background:#000 url('images/bg.jpg') top center repeat-x;
+text-align: center;
+padding-top: 8px;
+clear: both;
+float: none;
+margin-left: -10px;
+margin-right: -10px;
+margin-bottom: -20px;
+
+}
+
+#footer a, a:link {
+color:#999999;
+text-decoration: none;
+
+}
+#footer a:hover {
+color:#A5CE77;
+text-decoration: none;
+
+}
+
+/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
+
+
+/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */
+
+.centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+
+.centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+    -->
+    </style>
+
 
         <a href="http://github.com/rtyler/cheetah">
     <img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png" alt="Fork me on GitHub" />
@@ -156,3 +443,5 @@ nature."  Published Jan 8th, 2002.</p>
 
 
 
+
+
diff --git a/download.html b/download.html
index f12fcb4..ff7c1ed 100644
--- a/download.html
+++ b/download.html
@@ -1,5 +1,6 @@
 
 
+
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
 <html>
     <head>
@@ -8,10 +9,296 @@
         <meta name="keywords" content="cheetah, template engine, python, community cheetah, templating, markdown, markup, mod_python, webware"/>
         <meta name="googlebot" content="index, follow" />
         <meta name="language" content="en-us, english" />
-
-        <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen, projection, tv" />
     </head>
     <body>
+            <style type="text/css">
+    <!--
+        /* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */
+
+
+body {
+background:#ffffff url('images/bg.jpg') top center repeat-x;
+margin:10px 10px 0px 10px;
+padding:0px;
+color: #000;
+font-family:"Trebuchet MS",arial,sans-serif;
+font-size: 80%;
+
+}
+
+body a:link, body a:visited {
+	color: blue;
+}
+
+#blogtitle{
+width:100%;	
+margin:0px auto;
+padding:0 0 5px 0;
+font-size:1.1em;
+line-height:1.2em;
+}
+
+#blogtitle a:link, a:visited {
+	color:#b8ce83;
+	text-decoration:none;
+}
+
+#blogtitle a:hover, a:active {
+	color:#fff;
+	text-decoration:none;
+}
+
+#small{
+positon:relative;
+padding-left: 5px;
+
+}
+
+#small2{
+positon:relative;
+float:right;
+margin-top: -15px;
+
+}
+
+UL.BLUE {
+list-style: url(images/bullet.jpg) disc;
+font-size: 1.1em;
+
+}
+
+#leftcontent {
+position: absolute;
+left:10px;
+top:50px;
+width:200px;
+margin-top: 116px;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+font-size:1.0em;
+padding-left: 12px;	
+padding-top: 8px;
+
+}
+
+#leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}
+
+#centercontent {
+margin-top: 37px;
+background:#fff;
+margin-left: 199px;
+margin-right:199px;
+color:#000;
+voice-family: "\"}\"";
+voice-family: inherit;
+margin-left: 201px;
+margin-right:201px;
+padding:20px;
+font-size: 1.3em;
+}
+
+#centercontent p {color:#000;}
+
+html>body #centercontent {
+margin-left: 201px;
+margin-right:201px;
+
+}
+
+.centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+.centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+
+#rightcontent {
+position: absolute;
+right:10px;
+top:0px;
+width: 200px;
+font-size:1.1em;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+margin-top:150px; 
+padding-left: 5px;
+padding-right: 8px;
+padding-top: 8px;
+}
+
+#rightcontent p {color:#888;}
+
+#banner {
+background:#fff;
+height:40px;
+voice-family: "\"}\"";
+voice-family: inherit;
+height:39px;
+
+}
+
+html>body #banner {
+height:39px;
+
+}
+
+p,h1,pre {
+margin:0px 10px 10px 10px;
+font:Arial, Helvetica, sans-serif;
+font-size:12px;
+line-height: 1.6em;
+text-align:justify;
+text-decoration:none;
+}
+
+h1 {
+font-size:2.5em;
+float:right;
+color:#ccc;
+padding-top:15px;
+
+}
+
+h3 {
+font-size:14px;
+color:#999;
+
+}
+
+#banner h1 {
+font-size:14px;
+padding:10px 10px 0px 10px;
+margin:0px;
+
+}
+
+#rightcontent p {
+font-size:11px
+
+}
+
+.introduction ul, #introduction li {
+text-align:center;
+list-style: none;
+margin: 0;
+padding: 0;
+
+}
+
+.introduction h3{
+text-align: center;
+position:static;
+
+}
+
+
+/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
+
+#topmenu {
+position: absolute;
+top: 45px;
+left: 240px;
+width: 600px;
+font-size:100%;
+margin: 0 0 50px 0;;
+line-height:normal;
+height: 35px;
+}
+#topmenu ul {
+margin:0;
+padding:0px 0px 0 0px;
+list-style:none;
+}
+#topmenu li {
+display:inline;
+margin:0;
+padding:0;
+}
+#topmenu a {
+float:left;
+background:url(images/menuleft.gif) no-repeat left top;
+margin:0;
+padding:0 0 0 4px;
+text-decoration:none;
+}
+#topmenu a span, a:visited span {
+float:left;
+display:block;
+background:url(images/menuright.gif) no-repeat right top;
+padding:5px 15px 4px 6px;
+color:#888;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#topmenu a span {float:none;}
+/* End IE5-Mac hack */
+#topmenu a:hover span {
+color:#999999;
+}
+#topmenu a:hover {
+background-position:0% -42px;
+}
+#topmenu a:hover span {
+background-position:100% -42px;
+}
+
+/* ~~~~~~~~~ END MENU ~~~~~~~~~ */
+
+
+
+/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */
+
+#footer{
+/*height:329px;*/
+background:#000 url('images/bg.jpg') top center repeat-x;
+text-align: center;
+padding-top: 8px;
+clear: both;
+float: none;
+margin-left: -10px;
+margin-right: -10px;
+margin-bottom: -20px;
+
+}
+
+#footer a, a:link {
+color:#999999;
+text-decoration: none;
+
+}
+#footer a:hover {
+color:#A5CE77;
+text-decoration: none;
+
+}
+
+/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
+
+
+/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */
+
+.centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+
+.centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+    -->
+    </style>
+
 
         <a href="http://github.com/rtyler/cheetah">
     <img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png" alt="Fork me on GitHub" />
@@ -116,3 +403,5 @@ Install it wherever your system puts Cheetah/NameMapper.py. Strip the version nu
 
 
 
+
+
diff --git a/index.html b/index.html
index f1ae28b..db9d05e 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 
 
+
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
 <html>
     <head>
@@ -8,10 +9,296 @@
         <meta name="keywords" content="cheetah, template engine, python, community cheetah, templating, markdown, markup, mod_python, webware"/>
         <meta name="googlebot" content="index, follow" />
         <meta name="language" content="en-us, english" />
-
-        <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen, projection, tv" />
     </head>
     <body>
+            <style type="text/css">
+    <!--
+        /* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */
+
+
+body {
+background:#ffffff url('images/bg.jpg') top center repeat-x;
+margin:10px 10px 0px 10px;
+padding:0px;
+color: #000;
+font-family:"Trebuchet MS",arial,sans-serif;
+font-size: 80%;
+
+}
+
+body a:link, body a:visited {
+	color: blue;
+}
+
+#blogtitle{
+width:100%;	
+margin:0px auto;
+padding:0 0 5px 0;
+font-size:1.1em;
+line-height:1.2em;
+}
+
+#blogtitle a:link, a:visited {
+	color:#b8ce83;
+	text-decoration:none;
+}
+
+#blogtitle a:hover, a:active {
+	color:#fff;
+	text-decoration:none;
+}
+
+#small{
+positon:relative;
+padding-left: 5px;
+
+}
+
+#small2{
+positon:relative;
+float:right;
+margin-top: -15px;
+
+}
+
+UL.BLUE {
+list-style: url(images/bullet.jpg) disc;
+font-size: 1.1em;
+
+}
+
+#leftcontent {
+position: absolute;
+left:10px;
+top:50px;
+width:200px;
+margin-top: 116px;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+font-size:1.0em;
+padding-left: 12px;	
+padding-top: 8px;
+
+}
+
+#leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}
+
+#centercontent {
+margin-top: 37px;
+background:#fff;
+margin-left: 199px;
+margin-right:199px;
+color:#000;
+voice-family: "\"}\"";
+voice-family: inherit;
+margin-left: 201px;
+margin-right:201px;
+padding:20px;
+font-size: 1.3em;
+}
+
+#centercontent p {color:#000;}
+
+html>body #centercontent {
+margin-left: 201px;
+margin-right:201px;
+
+}
+
+.centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+.centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+
+#rightcontent {
+position: absolute;
+right:10px;
+top:0px;
+width: 200px;
+font-size:1.1em;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+margin-top:150px; 
+padding-left: 5px;
+padding-right: 8px;
+padding-top: 8px;
+}
+
+#rightcontent p {color:#888;}
+
+#banner {
+background:#fff;
+height:40px;
+voice-family: "\"}\"";
+voice-family: inherit;
+height:39px;
+
+}
+
+html>body #banner {
+height:39px;
+
+}
+
+p,h1,pre {
+margin:0px 10px 10px 10px;
+font:Arial, Helvetica, sans-serif;
+font-size:12px;
+line-height: 1.6em;
+text-align:justify;
+text-decoration:none;
+}
+
+h1 {
+font-size:2.5em;
+float:right;
+color:#ccc;
+padding-top:15px;
+
+}
+
+h3 {
+font-size:14px;
+color:#999;
+
+}
+
+#banner h1 {
+font-size:14px;
+padding:10px 10px 0px 10px;
+margin:0px;
+
+}
+
+#rightcontent p {
+font-size:11px
+
+}
+
+.introduction ul, #introduction li {
+text-align:center;
+list-style: none;
+margin: 0;
+padding: 0;
+
+}
+
+.introduction h3{
+text-align: center;
+position:static;
+
+}
+
+
+/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
+
+#topmenu {
+position: absolute;
+top: 45px;
+left: 240px;
+width: 600px;
+font-size:100%;
+margin: 0 0 50px 0;;
+line-height:normal;
+height: 35px;
+}
+#topmenu ul {
+margin:0;
+padding:0px 0px 0 0px;
+list-style:none;
+}
+#topmenu li {
+display:inline;
+margin:0;
+padding:0;
+}
+#topmenu a {
+float:left;
+background:url(images/menuleft.gif) no-repeat left top;
+margin:0;
+padding:0 0 0 4px;
+text-decoration:none;
+}
+#topmenu a span, a:visited span {
+float:left;
+display:block;
+background:url(images/menuright.gif) no-repeat right top;
+padding:5px 15px 4px 6px;
+color:#888;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#topmenu a span {float:none;}
+/* End IE5-Mac hack */
+#topmenu a:hover span {
+color:#999999;
+}
+#topmenu a:hover {
+background-position:0% -42px;
+}
+#topmenu a:hover span {
+background-position:100% -42px;
+}
+
+/* ~~~~~~~~~ END MENU ~~~~~~~~~ */
+
+
+
+/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */
+
+#footer{
+/*height:329px;*/
+background:#000 url('images/bg.jpg') top center repeat-x;
+text-align: center;
+padding-top: 8px;
+clear: both;
+float: none;
+margin-left: -10px;
+margin-right: -10px;
+margin-bottom: -20px;
+
+}
+
+#footer a, a:link {
+color:#999999;
+text-decoration: none;
+
+}
+#footer a:hover {
+color:#A5CE77;
+text-decoration: none;
+
+}
+
+/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
+
+
+/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */
+
+.centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+
+.centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+    -->
+    </style>
+
 
         <a href="http://github.com/rtyler/cheetah">
     <img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png" alt="Fork me on GitHub" />
@@ -209,3 +496,5 @@ patches and improvements to the engine.</p>
 
 
 
+
+
diff --git a/recipes.html b/recipes.html
index 44d9d37..623912c 100644
--- a/recipes.html
+++ b/recipes.html
@@ -1,5 +1,6 @@
 
 
+
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
 <html>
     <head>
@@ -8,10 +9,296 @@
         <meta name="keywords" content="cheetah, template engine, python, community cheetah, templating, markdown, markup, mod_python, webware"/>
         <meta name="googlebot" content="index, follow" />
         <meta name="language" content="en-us, english" />
-
-        <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen, projection, tv" />
     </head>
     <body>
+            <style type="text/css">
+    <!--
+        /* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */
+
+
+body {
+background:#ffffff url('images/bg.jpg') top center repeat-x;
+margin:10px 10px 0px 10px;
+padding:0px;
+color: #000;
+font-family:"Trebuchet MS",arial,sans-serif;
+font-size: 80%;
+
+}
+
+body a:link, body a:visited {
+	color: blue;
+}
+
+#blogtitle{
+width:100%;	
+margin:0px auto;
+padding:0 0 5px 0;
+font-size:1.1em;
+line-height:1.2em;
+}
+
+#blogtitle a:link, a:visited {
+	color:#b8ce83;
+	text-decoration:none;
+}
+
+#blogtitle a:hover, a:active {
+	color:#fff;
+	text-decoration:none;
+}
+
+#small{
+positon:relative;
+padding-left: 5px;
+
+}
+
+#small2{
+positon:relative;
+float:right;
+margin-top: -15px;
+
+}
+
+UL.BLUE {
+list-style: url(images/bullet.jpg) disc;
+font-size: 1.1em;
+
+}
+
+#leftcontent {
+position: absolute;
+left:10px;
+top:50px;
+width:200px;
+margin-top: 116px;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+font-size:1.0em;
+padding-left: 12px;	
+padding-top: 8px;
+
+}
+
+#leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}
+
+#centercontent {
+margin-top: 37px;
+background:#fff;
+margin-left: 199px;
+margin-right:199px;
+color:#000;
+voice-family: "\"}\"";
+voice-family: inherit;
+margin-left: 201px;
+margin-right:201px;
+padding:20px;
+font-size: 1.3em;
+}
+
+#centercontent p {color:#000;}
+
+html>body #centercontent {
+margin-left: 201px;
+margin-right:201px;
+
+}
+
+.centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+.centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+
+#rightcontent {
+position: absolute;
+right:10px;
+top:0px;
+width: 200px;
+font-size:1.1em;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+margin-top:150px; 
+padding-left: 5px;
+padding-right: 8px;
+padding-top: 8px;
+}
+
+#rightcontent p {color:#888;}
+
+#banner {
+background:#fff;
+height:40px;
+voice-family: "\"}\"";
+voice-family: inherit;
+height:39px;
+
+}
+
+html>body #banner {
+height:39px;
+
+}
+
+p,h1,pre {
+margin:0px 10px 10px 10px;
+font:Arial, Helvetica, sans-serif;
+font-size:12px;
+line-height: 1.6em;
+text-align:justify;
+text-decoration:none;
+}
+
+h1 {
+font-size:2.5em;
+float:right;
+color:#ccc;
+padding-top:15px;
+
+}
+
+h3 {
+font-size:14px;
+color:#999;
+
+}
+
+#banner h1 {
+font-size:14px;
+padding:10px 10px 0px 10px;
+margin:0px;
+
+}
+
+#rightcontent p {
+font-size:11px
+
+}
+
+.introduction ul, #introduction li {
+text-align:center;
+list-style: none;
+margin: 0;
+padding: 0;
+
+}
+
+.introduction h3{
+text-align: center;
+position:static;
+
+}
+
+
+/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
+
+#topmenu {
+position: absolute;
+top: 45px;
+left: 240px;
+width: 600px;
+font-size:100%;
+margin: 0 0 50px 0;;
+line-height:normal;
+height: 35px;
+}
+#topmenu ul {
+margin:0;
+padding:0px 0px 0 0px;
+list-style:none;
+}
+#topmenu li {
+display:inline;
+margin:0;
+padding:0;
+}
+#topmenu a {
+float:left;
+background:url(images/menuleft.gif) no-repeat left top;
+margin:0;
+padding:0 0 0 4px;
+text-decoration:none;
+}
+#topmenu a span, a:visited span {
+float:left;
+display:block;
+background:url(images/menuright.gif) no-repeat right top;
+padding:5px 15px 4px 6px;
+color:#888;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#topmenu a span {float:none;}
+/* End IE5-Mac hack */
+#topmenu a:hover span {
+color:#999999;
+}
+#topmenu a:hover {
+background-position:0% -42px;
+}
+#topmenu a:hover span {
+background-position:100% -42px;
+}
+
+/* ~~~~~~~~~ END MENU ~~~~~~~~~ */
+
+
+
+/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */
+
+#footer{
+/*height:329px;*/
+background:#000 url('images/bg.jpg') top center repeat-x;
+text-align: center;
+padding-top: 8px;
+clear: both;
+float: none;
+margin-left: -10px;
+margin-right: -10px;
+margin-bottom: -20px;
+
+}
+
+#footer a, a:link {
+color:#999999;
+text-decoration: none;
+
+}
+#footer a:hover {
+color:#A5CE77;
+text-decoration: none;
+
+}
+
+/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
+
+
+/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */
+
+.centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+
+.centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+    -->
+    </style>
+
 
         <a href="http://github.com/rtyler/cheetah">
     <img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png" alt="Fork me on GitHub" />
@@ -107,3 +394,5 @@ from the old Wiki</p>
 
 
 
+
+
diff --git a/roadmap.html b/roadmap.html
index 1357661..996d945 100644
--- a/roadmap.html
+++ b/roadmap.html
@@ -1,5 +1,6 @@
 
 
+
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
 <html>
     <head>
@@ -8,10 +9,296 @@
         <meta name="keywords" content="cheetah, template engine, python, community cheetah, templating, markdown, markup, mod_python, webware"/>
         <meta name="googlebot" content="index, follow" />
         <meta name="language" content="en-us, english" />
-
-        <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen, projection, tv" />
     </head>
     <body>
+            <style type="text/css">
+    <!--
+        /* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */
+
+
+body {
+background:#ffffff url('images/bg.jpg') top center repeat-x;
+margin:10px 10px 0px 10px;
+padding:0px;
+color: #000;
+font-family:"Trebuchet MS",arial,sans-serif;
+font-size: 80%;
+
+}
+
+body a:link, body a:visited {
+	color: blue;
+}
+
+#blogtitle{
+width:100%;	
+margin:0px auto;
+padding:0 0 5px 0;
+font-size:1.1em;
+line-height:1.2em;
+}
+
+#blogtitle a:link, a:visited {
+	color:#b8ce83;
+	text-decoration:none;
+}
+
+#blogtitle a:hover, a:active {
+	color:#fff;
+	text-decoration:none;
+}
+
+#small{
+positon:relative;
+padding-left: 5px;
+
+}
+
+#small2{
+positon:relative;
+float:right;
+margin-top: -15px;
+
+}
+
+UL.BLUE {
+list-style: url(images/bullet.jpg) disc;
+font-size: 1.1em;
+
+}
+
+#leftcontent {
+position: absolute;
+left:10px;
+top:50px;
+width:200px;
+margin-top: 116px;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+font-size:1.0em;
+padding-left: 12px;	
+padding-top: 8px;
+
+}
+
+#leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}
+
+#centercontent {
+margin-top: 37px;
+background:#fff;
+margin-left: 199px;
+margin-right:199px;
+color:#000;
+voice-family: "\"}\"";
+voice-family: inherit;
+margin-left: 201px;
+margin-right:201px;
+padding:20px;
+font-size: 1.3em;
+}
+
+#centercontent p {color:#000;}
+
+html>body #centercontent {
+margin-left: 201px;
+margin-right:201px;
+
+}
+
+.centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+.centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left;
+border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
+
+
+#rightcontent {
+position: absolute;
+right:10px;
+top:0px;
+width: 200px;
+font-size:1.1em;
+background-image:url("images/strips_onside.jpg");
+background-repeat:repeat-y;
+margin-top:150px; 
+padding-left: 5px;
+padding-right: 8px;
+padding-top: 8px;
+}
+
+#rightcontent p {color:#888;}
+
+#banner {
+background:#fff;
+height:40px;
+voice-family: "\"}\"";
+voice-family: inherit;
+height:39px;
+
+}
+
+html>body #banner {
+height:39px;
+
+}
+
+p,h1,pre {
+margin:0px 10px 10px 10px;
+font:Arial, Helvetica, sans-serif;
+font-size:12px;
+line-height: 1.6em;
+text-align:justify;
+text-decoration:none;
+}
+
+h1 {
+font-size:2.5em;
+float:right;
+color:#ccc;
+padding-top:15px;
+
+}
+
+h3 {
+font-size:14px;
+color:#999;
+
+}
+
+#banner h1 {
+font-size:14px;
+padding:10px 10px 0px 10px;
+margin:0px;
+
+}
+
+#rightcontent p {
+font-size:11px
+
+}
+
+.introduction ul, #introduction li {
+text-align:center;
+list-style: none;
+margin: 0;
+padding: 0;
+
+}
+
+.introduction h3{
+text-align: center;
+position:static;
+
+}
+
+
+/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
+
+#topmenu {
+position: absolute;
+top: 45px;
+left: 240px;
+width: 600px;
+font-size:100%;
+margin: 0 0 50px 0;;
+line-height:normal;
+height: 35px;
+}
+#topmenu ul {
+margin:0;
+padding:0px 0px 0 0px;
+list-style:none;
+}
+#topmenu li {
+display:inline;
+margin:0;
+padding:0;
+}
+#topmenu a {
+float:left;
+background:url(images/menuleft.gif) no-repeat left top;
+margin:0;
+padding:0 0 0 4px;
+text-decoration:none;
+}
+#topmenu a span, a:visited span {
+float:left;
+display:block;
+background:url(images/menuright.gif) no-repeat right top;
+padding:5px 15px 4px 6px;
+color:#888;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#topmenu a span {float:none;}
+/* End IE5-Mac hack */
+#topmenu a:hover span {
+color:#999999;
+}
+#topmenu a:hover {
+background-position:0% -42px;
+}
+#topmenu a:hover span {
+background-position:100% -42px;
+}
+
+/* ~~~~~~~~~ END MENU ~~~~~~~~~ */
+
+
+
+/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */
+
+#footer{
+/*height:329px;*/
+background:#000 url('images/bg.jpg') top center repeat-x;
+text-align: center;
+padding-top: 8px;
+clear: both;
+float: none;
+margin-left: -10px;
+margin-right: -10px;
+margin-bottom: -20px;
+
+}
+
+#footer a, a:link {
+color:#999999;
+text-decoration: none;
+
+}
+#footer a:hover {
+color:#A5CE77;
+text-decoration: none;
+
+}
+
+/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
+
+
+/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */
+
+.centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+
+.centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left;
+border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
+border:dashed 1px #888;  padding:6px; font-size:1.1em; color:#fff;}
+
+    -->
+    </style>
+
 
         <a href="http://github.com/rtyler/cheetah">
     <img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png" alt="Fork me on GitHub" />
@@ -131,3 +418,5 @@ of the Cheetah compiler/parser/template code and the resulting Python they gener
 
 
 
+
+
diff --git a/stylesheet.css b/stylesheet.css
index 51f0cb7..357907f 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -206,7 +206,7 @@ margin:0;
 padding:0 0 0 4px;
 text-decoration:none;
 }
-#topmenu a span {
+#topmenu a span, a:visited span {
 float:left;
 display:block;
 background:url(images/menuright.gif) no-repeat right top;
author	R. Tyler Ballance <tyler@slide.com>	2009-05-25 14:03:50 -0700
committer	R. Tyler Ballance <tyler@slide.com>	2009-05-25 14:03:50 -0700
commit	ddb3ad82f64e6308557887a198ddebfc6149e9ef (patch)
tree	e85b057d8b9bbea49a3221e136e807d81c81a152
parent	063e65a0484735f52e657d4121b97470bbb7e601 (diff)
download	python-cheetah-ddb3ad82f64e6308557887a198ddebfc6149e9ef.tar.gz