Initial commit

74 files changed, 1491 insertions, 0 deletions

diff --git a/c3hl/css/SlideShow.css b/c3hl/css/SlideShow.css
new file mode 100644
index 0000000..180be6a
--- /dev/null
+++ b/c3hl/css/SlideShow.css
@@ -0,0 +1,181 @@
+/*

+ * Single page slide show styles

+ *

+ * Copy SlideShow.css to your theme's css/ directory.

+ *

+ * copyright: 2008 Thomas Waldmann

+ * license: GNU GPL, see COPYING for details

+ */

+

+li p {margin: 0;} /* Workaround for moin's bad list html */

+

+html {

+    background-color: white;

+    color: black;

+    font-family: Arial, Lucida Grande, sans-serif;

+    font-size: 20pt;

+}

+

+body {

+    margin: 1em;

+    padding: 20px;

+}

+

+/* Slide heading */

+h1 {font-size: 32pt; color: #33F;}

+h1:before {content:url(../../common/moinmoin.png); padding-right:10px; display: inline-block; vertical-align: middle;}

+

+/* Slide content */

+

+#content {margin-left: 20pt; margin-right: 0;}

+#content[dir="rtl"] {margin-left: 0; margin-right: 20pt;}

+

+h2 { font-size: 28pt; color: #000;}

+h3 { font-size: 24pt; color: #000;}

+h4 { font-size: 18pt; color: #000;}

+h5 { font-size: 16pt; color: #000;}

+h6 { font-size: 14pt; color: #000;}

+

+li { margin: 12pt; }

+

+a { color: #69F; }

+a:visited { color: #69F; }

+a.nonexistent, a.badinterwiki { color: #666; }

+

+tt { font-size: 18pt; }

+pre { font-size: 14pt; }

+sup, sub { font-size: 14pt; }

+

+pre {

+    border: 1pt dashed #222;

+    padding: 5pt;

+    white-space: pre;

+    background-color: #DDF;

+    color: #444;

+}

+

+

+/* Navigation */

+

+#navigation {

+    position: fixed;

+    top: 0;

+    left: 0;

+    right: 0;

+    padding: 0;

+    margin: 0;

+    color: #EEE;

+    font-size: 14pt;

+}

+

+#navigation ul {

+    margin: 0;

+    padding: 6pt;

+    text-align: center;

+}

+

+#navigation li {

+    display: inline;

+    margin: 0 2pt;

+    padding: 0;

+}

+

+#navigation a {

+    text-decoration: none;

+    color: #ddd;

+}

+

+#navigation a:hover {

+    color: #bbb;

+}

+

+#navigation .current {

+    color: #888;

+}

+

+

+#date {

+    position: fixed;

+    bottom: 0.5em;

+    left: 2em;

+    right: 0;

+    font-size: 12pt;

+    clear: both;

+    display: inline;

+    margin: 0;

+    padding: 0;

+    color: #6C7680;

+}

+

+#author {

+    position: fixed;

+    bottom: 0.5em;

+    left: 2em;

+    right: 0;

+    text-align: center;

+    font-size: 12pt;

+    clear: both;

+    display: inline;

+    margin: 0;

+    padding: 0;

+    color: #6C7680;

+}

+

+#counter {

+    position: fixed;

+    bottom: 0.5em;

+    left: 2em;

+    right: 0;

+    text-align: right;

+    font-size: 12pt;

+    clear: both;

+    display: inline;

+    margin: 0;

+    padding: 0;

+    color: #6C7680;

+}

+

+/* CSS for ParserBase */

+

+div.codearea { /* the div makes the border */

+	margin: 0.5em 0;

+	padding: 0;

+	border: 1pt dashed #222;

+	background-color: #EEF;

+	color: #444;

+}

+

+div.codearea pre { /* the pre has no border and is inside the div */

+	margin: 0;

+	padding: 10pt;

+	border: none;

+}

+

+a.codenumbers { /* format of the line numbering link */

+	margin: 0pt;

+	font-size: 10pt;

+	color: #888;

+        display: none; /* rather annoying to see the link */

+}

+

+/* format of certain syntax spans */

+div.codearea pre span.LineNumber {color: #444;}

+div.codearea pre span.ID         {color: #000;}

+div.codearea pre span.Operator   {color: #000;}

+div.codearea pre span.Char       {color: #048;}

+div.codearea pre span.Comment    {color: green;}

+div.codearea pre span.Number     {color: red;}

+div.codearea pre span.String     {color: magenta;}

+div.codearea pre span.SPChar     {color: #00C;}

+div.codearea pre span.ResWord    {color: #39F;}

+div.codearea pre span.ConsWord   {color: #088; font-weight: bold;}

+div.codearea pre span.Error      {color: #F88; border: solid 1.5pt #FF0000;}

+div.codearea pre span.ResWord2   {color: #69F; font-weight: bold;}

+div.codearea pre span.Special    {color: #00F;}

+div.codearea pre span.Preprc     {color: #839;}

+

+@media print {

+    #navigation {

+        display: none;

+    }

+}

diff --git a/c3hl/css/common.css b/c3hl/css/common.css
new file mode 100644
index 0000000..e57d7de
--- /dev/null
+++ b/c3hl/css/common.css
@@ -0,0 +1,580 @@
+/*  common.css - MoinMoin Default Styles
+
+Copyright (c) 2001, 2002, 2003 by Juergen Hermann
+*/
+
+/* content styles */
+
+html {
+	background-color: white;
+	color: black;
+	font-family: sans-serif;
+	font-size: 1em;
+}
+
+body {
+	margin: 0;
+}
+
+/* Links */
+
+a {color: #0044B3;}
+/* a:visited {color: #597BB3;} */
+a:visited {color: #FF7BB3;}
+
+a.nonexistent:visited, a.nonexistent, 
+a.badinterwiki:visited, a.badinterwiki {color: gray;}
+
+a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
+a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
+a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
+a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
+a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
+a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
+a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
+a.telnet:before, a.ssh:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
+a.irc:before, a.ircs:before  {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
+a.xmpp:before  {content: url(../img/moin-jabber.png); margin: 0 0.2em;}
+a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;}
+a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;}
+a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
+a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
+a.action:before {content: url(../img/moin-action.png); margin: 0 0.2em;}
+
+li p {
+	margin: .25em 0;
+}
+
+li.gap {
+    margin-top: 0.5em;
+}
+
+dt {
+    margin-top: 0.5em;
+    font-weight: bold;
+}
+
+dd {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+dd p {
+    margin: 0.25em 0;
+}
+   
+a, img, img.drawing {
+	border: 0;
+}
+
+pre {
+	border: 1pt solid #AEBDCC;
+	background-color: #F3F5F7;
+	padding: 5pt;
+	font-family: courier, monospace;
+	white-space: pre;
+	/* begin css 3 or browser specific rules - do not remove!
+	see: http://forums.techguy.org/archive/index.php/t-249849.html */
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    white-space: -moz-pre-wrap;
+    white-space: -pre-wrap;
+    white-space: -o-pre-wrap;
+    /* end css 3 or browser specific rules */
+}
+
+pre.comment {
+    background-color: #CCCCCC;
+    color: red;
+    padding: 0;
+    margin: 0;
+    border: 0;
+}
+
+pre.comment:before {
+    content: url(../img/attention.png);
+}
+
+
+/* .comment css definition must be top of .red/.green/.blue or it won't work */
+.comment { color: #555555; background-color: #DDDDFF; }
+
+.red { background-color: #FFCCCC; }
+.green { background-color: #CCFFCC; }
+.blue { background-color: #CCCCFF; }
+.yellow { background-color: #FFF29F; }
+.orange { background-color: #FFD59B; }
+.grey { background-color: #CCCCCC; }
+
+.solid { border: 2px solid #000000; padding: 2px; }
+.dashed { border: 2px dashed #000000; padding: 2px; }
+.dotted { border: 2px dotted #000000; padding: 2px; }
+
+.left { text-align: left; }
+.center { text-align: center; }
+.right { text-align: right; }
+.justify { text-align: justify; }
+
+table
+{
+	margin: 0.5em 0 0 0.5em;
+	border-collapse: collapse;
+}
+
+th, td
+{
+	padding: 0.25em 0.5em 0.25em 0.5em;
+	border: 1pt solid #ADB9CC;
+}
+
+td p {
+	margin: 0;
+	padding: 0;
+}
+/* TableOfContents macro */
+div.table-of-contents {
+    border: 1px solid #bbbbbb;
+    color: black;
+    background-color: #eeeeee;
+    font-size: 80%;
+    text-align: left;
+    margin: 0.5em 0 0.5em 1em;
+    padding: 0.5em 0.75em 0.5em 0.5em;
+    max-width: 50%;
+    display: inline-table;
+}
+div.table-of-contents ol {
+    margin: 0;
+    padding: 0 0 0 2em;
+}
+div.table-of-contents ul {
+    margin: 0;
+    list-style:none;
+}
+div.table-of-contents li {
+    margin:0;
+    padding: 0;
+}
+p.table-of-contents-heading {
+    font-weight:bold;
+    padding:0;
+    margin: 0 0 0.5em 0;
+    letter-spacing: 0.075em;
+}
+
+/* Navigation macro */
+table.navigation {
+    background: #fff;
+    margin: 0;
+}
+
+.footnotes div {
+	width: 5em;
+	border-top: 1pt solid gray;
+}
+
+.footnotes ol {
+	padding: 0 2em;
+	margin: 0 0 1em;
+}
+
+.footnotes li {
+}
+
+.info {
+    float: right;
+    font-size: 0.7em;
+    color: gray;
+}
+
+#pageinfo {
+    margin-top: 2em;
+}
+
+.seperator {
+    color: gray;
+}
+
+#pagebottom {clear: both;}
+
+/* standard rule ---- */
+hr {
+    height: 1pt;
+    background-color: #9C9C9C;
+    border: 0;
+}
+
+/* custom rules ----- to ---------- */
+.hr1 {height: 2pt;}
+.hr2 {height: 3pt;}
+.hr3 {height: 4pt;}
+.hr4 {height: 5pt;}
+.hr5 {height: 6pt;}
+.hr6 {height: 7pt;}
+
+/* Replacement for deprecated html 3 <u> element and html 4 <strike> */
+.u {text-decoration: underline;}
+.strike {text-decoration: line-through;}
+
+/* eye catchers */
+.warning 
+{
+	color: red;
+}
+
+.error 
+{
+	color: red;
+}
+
+strong.highlight 
+{
+	background-color: #CCE0FF;
+	padding: 1pt;
+}
+
+
+/* Recent changes */
+
+.rcrss {
+	float: right;
+	margin: 0 7px 0 14px;
+        height: 0;
+        position: relative;
+        top: 9px;
+}
+*[div="rtl"] .rcrss {
+    float: left;
+}
+.recentchanges[dir="rtl"] .rcrss {
+	float: left;
+}
+
+.recentchanges table {
+	clear: both;
+        border-collapse: collapse;
+        
+    /*border: 1px solid #4d7da9;*/
+	border: 1px solid #987;
+}
+
+.recentchanges td {
+	vertical-align: top;
+	border: none;
+/*background: #e6eaf0;*/
+	background: #f0eae6;
+}
+
+
+.recentchanges .rcdaybreak td {
+    /*background: #81BBF2;
+    border: none;
+    border: 1px solid #4d7da9;*/
+    background: #943;
+    /*border: 1px solid #4d7da9;*/
+    border: 1px solid #987;
+}
+
+.rcdaybreak td a {
+	font-size: 0.88em;
+}
+
+.rcdaybreak td a:link {
+    color: #db9;
+}
+
+.rcdaybreak td a:visited {
+    color: #b99;
+}
+
+.rcicon1, .rcicon2 {
+	text-align: center;
+}
+
+.rcpagelink {
+	width: 33%;
+}
+
+.rctime {
+	font-size: 0.88em;
+	white-space: nowrap;
+}
+
+.rceditor {
+	white-space: nowrap;
+	font-size: 0.88em;
+}
+
+.rccomment {
+	width: 50%;
+	color: gray;
+	font-size: 0.88em;
+}
+
+
+/* User Preferences */
+
+.userpref table, .userpref td {
+	border: none;
+}
+
+/* CSS for new code_area markup used by Colorizer and ParserBase */
+
+div.codemsg {
+       margin: 0.5em 0;
+       padding: 0.5em;
+       padding-left:2.5em;
+       background:none;
+       border: 1pt solid #CCBDAE;
+       background-color: #F7F0E0;
+       background-image:url('../img/alert.png');
+       background-repeat:no-repeat;
+       background-position: 0.5em 0.5em;
+       color: black;
+}
+
+div.codearea { /* the div makes the border */
+	margin: 0.5em 0;
+	padding: 0;
+	border: 1pt solid #AEBDCC;
+	background-color: #F3F5F7;
+	color: black;
+}
+
+div.codearea pre { /* the pre has no border and is inside the div */
+	margin: 0;
+	padding: 10pt;
+	border: none;
+}
+
+a.codenumbers { /* format of the line numbering link */
+	margin: 0 10pt;
+	font-size: 0.85em;
+	color: gray;
+}
+
+/* format of certain syntax spans */
+div.codearea pre span.LineNumber {color: gray;}
+div.codearea pre span.ID         {color: #000000;}
+div.codearea pre span.Operator   {color: #0000C0;}
+div.codearea pre span.Char       {color: #004080;}
+div.codearea pre span.Comment    {color: #008000;}
+div.codearea pre span.Number     {color: #0080C0;}
+div.codearea pre span.String     {color: #004080;}
+div.codearea pre span.SPChar     {color: #0000C0;}
+div.codearea pre span.ResWord    {color: #A00000;}
+div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}
+div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
+div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
+div.codearea pre span.Special    {color: #0000ff;}
+div.codearea pre span.Preprc     {color: #803999;}
+
+/* for diff parser */
+div.codearea pre span.DiffAdded   {color: #4876FF;}
+div.codearea pre span.DiffRemoved {color: #FF0000;}
+div.codearea pre span.DiffChanged {color: #FF7F50;}
+div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold}
+
+/* Search results */
+.advancedsearch {
+    border: 1pt solid #ADB9CC;
+}
+
+.advancedsearch td {
+    vertical-align: top;
+    background-color: #E7E7E7;    
+    border: 0px;
+}
+
+.advancedsearch td.searchfor {
+    font-weight: bold;
+}
+
+.advancedsearch input {
+    border: 1px solid #ADB9CC;
+    background-color: #fff;
+}
+
+.advancedsearch input[disabled] {
+    background-color: #eee;
+}
+
+.advancedsearch td.submit {
+    border-top: 1px solid #ADB9CC;
+    background-color: #fff;
+    text-align: right;
+}
+
+.advancedsearch optioni, 
+.advancedsearch select {
+    border: 1px solid #ADB9CC;
+    background-color: #fff;
+}
+
+
+.searchresults dt {
+    margin-top: 1em;
+    font-weight: normal;
+}
+
+.searchresults dd, .searchresults p {
+    font-size: 0.85em;
+}
+
+.searchresults .searchhitinfobar {
+    color: #008000;
+    margin-left: 15px;
+    margin-top: 0;
+}
+
+p.searchstats {
+    font-size: 0.8em;
+    text-align: right;
+    width: 100%;
+    background-color: #E6EAF0;
+    border-top: 1px solid #9088DC;
+    padding: 2px;
+}
+
+p.searchhint {
+    background-color: #E6EAF0;
+    border: 1px solid #9088DC;
+    padding: 2px;
+}
+
+.searchpages {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.searchpages tr, .searchpages td {
+    border: 0;
+    padding: 5px;
+    margin: 0;
+    text-align: center;
+    vertical-align: middle;
+    color: #b93a58;
+    font-weight: bold;
+    font-size: 1.05em;
+}
+
+.searchpages td a, .searchpages td a:link {
+    text-decoration: underline;
+}
+
+/* MonthCalendar css */
+
+/* days without and with pages linked to them */
+a.cal-emptyday {
+    color: #777777;
+    text-align: center;
+}
+a.cal-usedday {
+    color: #000000;
+    font-weight: bold;
+    text-align: center;
+}
+/* general stuff: workdays, weekend, today */
+td.cal-workday {
+    background-color: #DDDDFF;
+    text-align: center;
+}
+td.cal-weekend {
+    background-color: #FFDDDD;
+    text-align: center;
+}
+td.cal-today {
+    background-color: #CCFFCC;
+    border-style: solid;
+    border-width: 2pt;
+    text-align: center;
+}
+/* invalid places on the monthly calendar sheet */
+td.cal-invalidday {
+    background-color: #CCCCCC;
+}
+/* links to prev/next month/year */
+a.cal-link {
+    color: #000000;
+    text-decoration: none;
+}
+th.cal-header {
+    background-color: #DDBBFF;
+    text-align: center;
+}
+
+/* for MonthCalendar mouseover info boxes */
+TABLE.tip {
+    color: black;
+    background-color: #FF8888;
+    font-size: small;
+    font-weight: normal;
+    border-style: solid;
+    border-width: 1px;
+}
+
+TH.tip {
+    background-color: #FF4444;
+    font-weight: bold;
+    text-align: center;
+}
+
+TD.tip {
+    text-align: left;
+}
+*[dir="rtl"] TD.tip {
+    text-align: right;
+}
+
+/* end MonthCalendar stuff */
+
+#message .hint {font-style: italic;}
+#message .info {
+    float: none;
+    font-size: 1em;
+    color: black;
+}
+#message .info:before {content: url('../img/icon-info.png'); margin: 0 0.2em;}
+#message .warning:before {content: url('../img/alert.png'); margin: 0 0.2em;}
+#message .error:before {content: url('../img/icon-error.png'); margin: 0 0.2em;}
+
+
+/* admonition start */
+#content div.caution, 
+#content div.important, 
+#content div.note, 
+#content div.tip, 
+#content div.warning,
+#content div.news {
+    border: 1pt solid #ccc;
+    background-color: #F8f8f8;
+    color: black;
+    
+    margin: 10pt 20pt 10pt 20pt;
+    background-repeat: no-repeat;
+    background-position: 8px 8px;
+    min-height: 64px; /*64=48+8+8 but doesn't work with IE*/
+    padding-left: 64px;
+}
+
+#content div.news {
+    padding-left: 32px;
+    padding-right: 32px;
+}
+ 
+#content div.caution p, 
+#content div.important p, 
+#content div.note p, 
+#content div.tip p, 
+#content div.warning p {
+    margin-top: 8px; /*to align text with bg graphic*/
+}
+
+#content div.tip { background-image: url("../img/admon-tip.png"); }
+#content div.note { background-image: url("../img/admon-note.png"); }
+#content div.important { background-image: url("../img/admon-important.png"); }
+#content div.caution { background-image: url("../img/admon-caution.png"); }
+#content div.warning { background-image: url("../img/admon-warning.png"); }
+
+/* admonition end */
+
diff --git a/c3hl/css/msie.css b/c3hl/css/msie.css
new file mode 100644
index 0000000..6aea986
--- /dev/null
+++ b/c3hl/css/msie.css
@@ -0,0 +1,37 @@
+/*  msie.css - MoinMoin MS Internet explorer bug workarounds */
+
+/* IE6 and IE7 both suck with :before */
+a.www { padding-left: 19px; background: url(../img/moin-www.png) left center no-repeat; }
+a.http { padding-left: 19px; background: url(../img/moin-www.png) left center no-repeat; }
+a.https { padding-left: 19px; background: url(../img/moin-www.png) left center no-repeat; }
+a.file { padding-left: 19px; background: url(../img/moin-ftp.png) left center no-repeat; }
+a.ftp { padding-left: 19px; background: url(../img/moin-ftp.png) left center no-repeat; }
+a.nntp { padding-left: 19px; background: url(../img/moin-news.png) left center no-repeat; }
+a.news { padding-left: 19px; background: url(../img/moin-news.png) left center no-repeat; }
+a.telnet, a.ssh { padding-left: 19px; background: url(../img/moin-telnet.png) left center no-repeat; }
+a.irc, a.ircs  { padding-left: 19px; background: url(../img/moin-telnet.png) left center no-repeat; }
+a.mailto { padding-left: 19px; background: url(../img/moin-email.png) left center no-repeat; }
+a.attachment { padding-left: 19px; background: url(../img/moin-attach.png) left center no-repeat; }
+a.badinterwiki { padding-left: 19px; background: url(../img/moin-inter.png) left center no-repeat; }
+a.interwiki { padding-left: 19px; background: url(../img/moin-inter.png) left center no-repeat; }
+#message .warning { padding-left: 21px; background: url(../img/alert.png) left center no-repeat; }
+#message .error { padding-left: 21px; background: url(../img/icon-error.png) left center no-repeat; }
+
+#pagetrail li, #pagelocation li {
+    border-left: 1px solid #AAA;
+    padding: 0 0.3em;
+}
+
+/* Spans for line-anchors - needed for IE6 and IE7 where omitting the "display: none" triggers rendering bugs. */
+span.anchor { display: none; }
+
+/* Some * html hacks for IE6 and below only (IE7 ignores * html) */
+
+/* IE6 has a bug with rendering of float elements. We workaround this bug by
+ * assigning those elements a height attribute because we currently don't know
+ * a better solution. This results in IE calculating the correct height of the
+ * characters and displaying them correctly. We don't know any negative side
+ * effects of this workaround:
+ */
+* html div#page, * html div#header { height: 0.001%; }
+
diff --git a/c3hl/css/print.css b/c3hl/css/print.css
new file mode 100644
index 0000000..b8e4d18
--- /dev/null
+++ b/c3hl/css/print.css
@@ -0,0 +1,68 @@
+/*  print.css - MoinMoin Default Styles
+
+Copyright (c) 2001, 2002, 2003 by Juergen Hermann
+*/
+
+/* content styles */
+
+html {
+	font-family: Times, serif;
+	font-size: 12pt;
+}
+
+body {
+    /* Give about 3.4cm in Mozilla/Firefox and about 2.2cm in Safari */
+	margin: 1.5cm;
+}
+
+a, a:visited, a.nonexistent, a.badinterwiki {
+	color: black;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+.info a {
+    color: gray;
+}
+
+pre {
+	font-size: 10pt;
+}
+
+a.interwiki:before, a.badinterwiki:before {
+	content: attr(title) ":";
+}
+
+a.interwiki img, a.badinterwiki img {
+	display: none;
+}
+
+.footnotes div {
+	width: 5em;
+	border-top: 1pt solid gray;
+}
+
+/* user interface styles */
+
+#logo {
+    font-family: sans-serif;
+    font-weight: bold;
+    font-size: 280%;
+    text-align: center;
+}
+
+#subtitle {
+    font-family: sans-serif;
+    font-weight: bold;
+    text-align: center;
+    font-variant: small-caps;
+    margin-left: 5em;
+    margin-bottom: 45px;
+}
+
+#header, #sidebar, #footer, #timings, #credits, #interwiki, #pagelocation, #pagehead {
+    display: none;
+}
diff --git a/c3hl/css/projection.css b/c3hl/css/projection.css
new file mode 100644
index 0000000..627093e
--- /dev/null
+++ b/c3hl/css/projection.css
@@ -0,0 +1,33 @@
+/*  projection.css - MoinMoin Slide Styles
+
+Copyright (c) 2003 by Juergen Hermann
+*/
+
+@import url(screen.css);
+
+html { line-height: 1.8em; }
+
+body, b, em, a, span, div, p, td { font-size: 18pt; }
+
+h1 { font-size: 26pt; }
+h2 { font-size: 22pt; }
+h3 { font-size: 20pt; }
+h4 { font-size: 18pt; }
+h5 { font-size: 16pt; }
+h6 { font-size: 14pt; }
+
+tt, pre { font-size: 16pt; }
+sup, sub { font-size: 12pt; }
+
+table.navigation {
+    float: right;
+    margin: 2px;
+}
+
+.navigation td, .navigation a {
+	font-size: 10pt;
+    padding: 2px;
+}
+
+#interwiki, #pagelocation, #pageinfo { display: none; }
+
diff --git a/c3hl/css/screen.css b/c3hl/css/screen.css
new file mode 100644
index 0000000..7734dec
--- /dev/null
+++ b/c3hl/css/screen.css
@@ -0,0 +1,592 @@
+/*  screen.css - MoinMoin Default Styles
+
+Copyright (c) 2001, 2002, 2003 by Juergen Hermann
+*/
+
+/* content styles */
+
+/* debug 
+* {border: 1px dotted blue;}
+*/
+
+html {
+    background: #222;
+}
+
+body {
+    padding: 0;
+    border: 0;
+}
+
+#wrapper {
+    padding: 0;
+    border: 0;
+    width: 75%;
+    min-width: 850px;
+    max-width: 1200px;
+    margin: 1em auto;
+}
+
+/*a:link { color: #47f; text-decoration: none; }
+a:link:hover, a:link:active { text-decoration: underline; color: green; }
+a:visited { text-decoration: none; color: #04a;}
+a:visited:hover { text-decoration: none; color: red; }*/
+a:link { color: #c60; text-decoration: none; }
+a:visited { color: #c30; text-decoration: none;}
+a:link:hover, a:link:active, a:visited:hover { text-decoration: underline; }
+
+/*#credits a:link {
+    color: #c60;
+}
+
+#credits a:visited {
+    color: #c30;
+}
+
+#credits a:link:hover, #credits a:visited:hover {
+    text-decoration: underline;
+}*/
+
+a.nonexistent:link { color: #666 }
+a.nonexistent:hover { color: black; text-decoration: underline }
+
+a.download {
+    font-size: 120%; 
+    letter-spacing: 0.05em;
+    font-weight: bold;
+    background: #E7E7E7;
+    border: 1px solid #9C9C9C;
+    padding: 0.5em;
+    text-align: center;
+}
+
+input {
+    /* does strange effect to button (text size becomes bigger when clicking)
+    font-size: 1em;
+    font-family: Arial, Lucida Grande, sans-serif;
+    */
+}
+
+textarea {
+    font-size: 1em;
+    font-family: monospace;
+}
+
+.disabled {
+    /* IE ignore disabled attribute, but at least show items in gray */
+    color: gray;
+}
+
+/* user interface styles */
+
+#header {
+    /*margin: 1px;
+    padding: 1px;*/
+    margin: 0;
+    vertical-align: bottom;
+    /*background: #e6eaf0;*/
+    background: #555;
+    position: relative;
+    /*line-height: 1.1em;*/
+}
+
+#logoright {
+    margin: 0;
+    padding: 0;
+    background: url(../img/Skyline_Right.png) no-repeat right bottom;
+}
+
+#logoleft {
+    background: url(../img/Skyline_Left.png) no-repeat left bottom;
+    margin: 0;
+    padding: 0;
+}
+
+#logo {
+    padding: 0.3em 0 20px 0;
+    margin: 0 140px -10px 0;
+    text-align: center;
+    font-size: 100px;
+    font-weight: bold;
+    font-family: sans-serif;
+}
+
+#logo a {
+    color: #888;
+    text-decoration: none;
+}
+
+#pagehead {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    white-space: nowrap;
+    background: #404040;
+    font-size: 0.82em;
+}
+
+#topnav {
+    float: left;
+    padding: 2px 1.5em;
+}
+
+#username {
+    text-align: right;
+    padding: 2px 1.5em;
+}
+
+#pagehead a:link, #pagehead a:visited {
+    color: #ee9000;
+}
+
+#pagehead a:link:hover, #pagehead a:visited:hover {
+    text-decoration: underline;
+}
+
+#pagehead a.nonexistent:link, #pagehead a.nonexistent:visited { color: #888 }
+#pagehead a.nonexistent:link:hover, #pagehead a.nonexistent:visited:hover { color: black; text-decoration: underline }
+
+
+/*#username form {
+    display: inline;
+}
+
+#username input {
+    display: inline;
+    padding: 0;
+    margin: 0;
+    border: none;
+    background: transparent;
+    color: blue;
+    font-size: 0.82em;
+    cursor: pointer;
+}
+
+#username input:hover {
+    color: red;
+}*/
+
+#searchform {
+    position: absolute;
+    top: -1.4em;
+    right: 1em;
+    /*margin: -6px 0.5em -1em 0.5em;*/
+    padding: 0;
+    font-size: 0.82em;
+    float: right;
+    clear: right;
+    text-align: right;
+}
+*[dir="rtl"] #searchform {
+    float: left;
+    clear: left;
+    text-align: left;
+}
+#searchform input {
+    font-size: 100%;
+    vertical-align: middle;
+}
+#pagetrail {
+    clear: right;
+    display: inline;
+    margin: 0 0.88em 0.25em 0.88em;
+    padding: 0;
+    font-size: 0.88em;
+}
+
+*[dir="rtl"] #pagetrail {
+    clear: left;
+}
+
+#interwiki {
+    font-size: 1em;
+}
+
+#locationline {
+    padding: 0;
+    font-size: 100%;
+    font-weight: normal;
+    margin: 0.25em 12px 5px 12px;
+    clear: right;
+}
+*[dir="rtl"] #locationline {
+    clear: left;
+}
+
+#pagelocation {
+    font-size: 1.5em;
+    letter-spacing: 0.05em;
+}
+
+
+*[dir="rtl"] #pagetrail span.sep {
+    visibility: hidden;
+}
+*[dir="rtl"] #pagetrail span.sep:after {
+    content: " « ";
+}
+
+#navibar {
+    clear: both;  /* problem: clear: right; aligns nicely right of logo,
+                    but lets it float high in the header, disconnected from ground */
+    display: block;
+    margin: 0;
+    padding: 0 10px;
+    font-size: 0.82em;
+    zoom: 1; /* for avoiding a gap between navibar and pageline on IE */
+}
+
+#navibar li {
+    float: left;
+    display: inline;
+    margin: -1.2em 2px 0 2px;
+    padding: 3px 6px;
+    /*border: 1px solid #acd;*/
+    border: 1px solid #aaa;
+    border-bottom: none;
+    white-space: nowrap;
+}
+
+*[dir="rtl"] #navibar li {
+    float: right;
+}
+
+#navibar li.wikilink {
+    background: white; /*url(../img/tab-wiki.png) repeat-x;*/
+}
+
+#navibar li.userlink {
+    background: #E6EAF0; /*url(../img/tab-user.png) repeat-x;*/
+}
+
+#navibar a, #navibar a:visited {
+    color: black;
+    text-decoration: none;    
+}
+
+#navibar li.current a {
+    font-weight: bold;
+}
+
+#navibar li:hover {
+    /*background: #d6e4f9;*/
+    background: #bbb;
+}
+
+#navibar li.current, #navibar li.current:hover {
+    /*background: #81BBF2;*/ /* url(../img/tab-selected.png) repeat-x; */
+    background: #999;
+    /*border: 1px solid #4d7da9;
+    border-bottom: 1px solid #81bbf2;*/
+    border: 1px solid #333;
+    border-bottom: 1px solid #999;
+    margin-bottom: -1px;
+}
+
+#pageline {
+    clear: both;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    /* sync these values, line-height is needed for IE */
+        height: 4px;
+        line-height: 4px;
+    /*border-bottom: 1px solid #4d7da9;
+    border-top: 1px solid #4d7da9;*/
+    border-bottom: 1px solid #333;
+    border-top: 1px solid #333;
+    /*background: #81BBF2;*/
+    background: #999;
+}
+
+.editbar {
+    clear: both;
+    display: block;
+    margin: 0;
+    padding: 2px 8px;
+    /*background: #d6e4f9;*/
+    background: #ccc;
+    font-size: 0.8em;
+    /*border-bottom: 1px solid #4d7da9;
+    border-top: 1px solid #4d7da9;*/
+    border-bottom: 1px solid #666;
+    border-top: 1px solid #666;
+    margin-top: -1px;
+}
+
+.editbar form, .editbar form div {
+    display: inline;
+    margin: 0;
+}
+
+.editbar select {
+    font-size: 100%;
+    vertical-align: middle;
+}
+
+.editbar li {
+    display: inline;
+    padding: 0;
+    margin: 4px 6px;
+}
+
+.editbar a, .editbar a:visited {
+    color: #c30;
+}
+
+#message {
+    clear: both;
+    margin: 0;
+    padding: 5px 10px;
+    border-bottom: 1px solid #c9c9c9;
+    /*background: #E6EAF0;*/
+    background: #eee;
+}
+
+#message p {
+    margin: 5px 0;
+    padding: 0;
+    /* font-weight: bold; */
+}
+
+#message div.buttons {
+    font-weight: normal;
+}
+
+.dialog form {
+    margin: 0 15px;
+}
+
+.dialog td {
+    border: none;
+    padding: 5px;
+}
+
+.dialog td.label {
+    text-align: right;
+    font-weight: bold;
+    width: 25%;
+}
+
+*[dir="rtl"] .dialog td.label {
+    text-align: left;
+}
+
+.dialog td.content input {
+    width: 100%;
+}
+
+.calendar-include-date {
+    color: #666;
+    font-size: 80%;
+    text-align: right;
+    margin: 0;
+    padding: 0;
+}
+
+#pagewrapper {
+    background-color: white;
+    margin: 0;
+    padding: 2px 20px 20px 20px;
+}
+
+#parentlinks {
+    margin: 10px 20px 15px 20px;
+    padding: 3px;
+    float:left;
+    border: 1px solid #808080;
+}
+
+#page {
+    clear: both;
+    margin: 0;
+    padding: 0;
+
+   /* theses are some Firefox 1.5b1 specific extensions, see also the CSS3 draft.
+   -moz-column-width: 25em;
+   -moz-column-gap: 2em;
+   -moz-column-rule: solid black 0.3em;     --   doesn't work yet with 1.5b1!
+
+   TODO: make text/gui editor NOT use #page css, we don't want columns there!
+    */
+}
+
+/* We use here dumb css1 ids because of IE suckiness */
+#editor-textarea, #editor-help {
+    font-family: monospace;
+    border: 1px solid #8cacbb;  
+    color: black;
+    background-color: white;
+    padding: 3px;
+    width: 100%;
+    margin-top: 0.5em;
+}
+
+#editor-help {
+    font-size: small;
+    background-color: #EEEEFF;
+}
+
+#editor-comment {
+    font-size: 100%;
+    border: 1px solid #8cacbb;
+    color: black;
+    background-color: white;
+    vertical-align: middle;
+    padding: 1px;
+    display: inline;
+    width: 70%;
+}
+
+#preview, #previewbelow {
+    border: 1px solid #6C7680;
+    padding: 10px 30px 20px 30px;
+    background: url(../img/draft.png);
+    margin-top: 0.5em;
+}
+
+#textcha {
+    font-size: 100%;
+    margin-top: 0.5em;
+    border: 2px solid #FF8888;
+    color: black;
+    vertical-align: middle;
+    padding: 3px 2px;
+}
+
+#textcha-answer {
+    border: 2px solid #000000;
+    padding: 3px 2px;
+}
+
+input.button {
+    /*
+    border: 1px solid #8cacbb;  
+    color: black;
+    background-color: #CCCCCC;
+    vertical-align: middle;
+    text-decoration: none;
+    font-size: 100%;
+    cursor: pointer;
+    margin: 2px;
+    padding: 1px;
+    display: inline;
+    */
+}
+
+#footer {
+    clear: both;
+    margin: 0;
+    padding: 0;
+}
+
+#credits, #version, #timings{
+    margin: 5px 10px;
+    padding: 0;
+    text-align: center;
+    font-size: 0.82em;
+    color: #6C7680;
+}
+
+#credits {
+    margin-top: 1em;
+}
+
+#credits li, #timings li {
+    display: inline;
+    padding: 0 2px;
+    margin: 0 4px;
+}
+
+#credits a:link {
+    color: #c60;
+}
+
+#credits a:visited {
+    color: #c30;
+}
+
+#credits a:link:hover, #credits a:visited:hover {
+    text-decoration: underline;
+}
+
+#credits img {
+    vertical-align: middle;
+}
+
+#ipinfo {
+    margin-top: 0.8em;
+    color: #ccc;
+    text-align: center;
+    font-size: 0.82em;
+}
+
+.diff {
+    width:99%;
+}
+
+.diff-header {
+    font-weight: bold;
+}
+
+.diff-title {
+    background-color: #C0C0C0;
+}
+
+.diff-added {
+    background-color: #E0FFE0;
+    vertical-align: sub;
+    width: 50%;
+}
+
+.diff-removed {
+    background-color: #FFFFE0;
+    vertical-align: sub;
+    width: 50%;
+}
+
+.diff-added span {
+    background-color: #80FF80;
+}
+
+.diff-removed span {
+    background-color: #FFFF80;
+}
+
+td.diff-info {
+    vertical-align: top;
+}
+
+div.diff-info {
+    white-space: nowrap;
+}
+
+div.diff-info-rev-comment span.diff-info-value {
+    white-space: normal;
+}
+
+div.diff-info-header {
+    background-color: #E8E8E8;
+    width: 100%;
+    padding: 0.25em 0.5em;
+    margin: -0.25em -0.5em;
+    margin-bottom: 0.25em;
+    text-align: center;
+}
+
+td.diff-same {
+    text-align: center;
+    border: 0;
+}
+
+table.navigation {
+    float: right;
+    margin: 2px;
+}
+        
+#openididentifier {
+    background: url(../../common/openid.png) no-repeat;
+    background-position: 0 50%;
+    padding-left: 18px;
+}
diff --git a/c3hl/img/PythonPowered.png b/c3hl/img/PythonPowered.png
new file mode 100644
index 0000000..d9d9e6f
--- /dev/null
+++ b/c3hl/img/PythonPowered.png
diff --git a/c3hl/img/Skyline_Left.png b/c3hl/img/Skyline_Left.png
new file mode 100644
index 0000000..0abcd39
--- /dev/null
+++ b/c3hl/img/Skyline_Left.png
diff --git a/c3hl/img/Skyline_Right.png b/c3hl/img/Skyline_Right.png
new file mode 100644
index 0000000..5ef19d0
--- /dev/null
+++ b/c3hl/img/Skyline_Right.png
diff --git a/c3hl/img/admon-caution.png b/c3hl/img/admon-caution.png
new file mode 100644
index 0000000..750ae97
--- /dev/null
+++ b/c3hl/img/admon-caution.png
diff --git a/c3hl/img/admon-important.png b/c3hl/img/admon-important.png
new file mode 100644
index 0000000..c5726d5
--- /dev/null
+++ b/c3hl/img/admon-important.png
diff --git a/c3hl/img/admon-note.png b/c3hl/img/admon-note.png
new file mode 100644
index 0000000..d01b8c6
--- /dev/null
+++ b/c3hl/img/admon-note.png
diff --git a/c3hl/img/admon-tip.png b/c3hl/img/admon-tip.png
new file mode 100644
index 0000000..2ac5747
--- /dev/null
+++ b/c3hl/img/admon-tip.png
diff --git a/c3hl/img/admon-warning.png b/c3hl/img/admon-warning.png
new file mode 100644
index 0000000..f5c7a6f
--- /dev/null
+++ b/c3hl/img/admon-warning.png
diff --git a/c3hl/img/alert.png b/c3hl/img/alert.png
new file mode 100644
index 0000000..06148e8
--- /dev/null
+++ b/c3hl/img/alert.png
diff --git a/c3hl/img/angry.png b/c3hl/img/angry.png
new file mode 100644
index 0000000..1189598
--- /dev/null
+++ b/c3hl/img/angry.png
diff --git a/c3hl/img/attach.png b/c3hl/img/attach.png
new file mode 100644
index 0000000..9a34c9a
--- /dev/null
+++ b/c3hl/img/attach.png
diff --git a/c3hl/img/attention.png b/c3hl/img/attention.png
new file mode 100644
index 0000000..b9704e6
--- /dev/null
+++ b/c3hl/img/attention.png
diff --git a/c3hl/img/biggrin.png b/c3hl/img/biggrin.png
new file mode 100644
index 0000000..8519e02
--- /dev/null
+++ b/c3hl/img/biggrin.png
diff --git a/c3hl/img/checkmark.png b/c3hl/img/checkmark.png
new file mode 100644
index 0000000..2fd3819
--- /dev/null
+++ b/c3hl/img/checkmark.png
diff --git a/c3hl/img/devil.png b/c3hl/img/devil.png
new file mode 100644
index 0000000..1fa14fa
--- /dev/null
+++ b/c3hl/img/devil.png
diff --git a/c3hl/img/draft.png b/c3hl/img/draft.png
new file mode 100644
index 0000000..6b625f4
--- /dev/null
+++ b/c3hl/img/draft.png
diff --git a/c3hl/img/frown.png b/c3hl/img/frown.png
new file mode 100644
index 0000000..0f05f25
--- /dev/null
+++ b/c3hl/img/frown.png
diff --git a/c3hl/img/icon-error.png b/c3hl/img/icon-error.png
new file mode 100644
index 0000000..ab6808f
--- /dev/null
+++ b/c3hl/img/icon-error.png
diff --git a/c3hl/img/icon-info.png b/c3hl/img/icon-info.png
new file mode 100644
index 0000000..e8fbc66
--- /dev/null
+++ b/c3hl/img/icon-info.png
diff --git a/c3hl/img/idea.png b/c3hl/img/idea.png
new file mode 100644
index 0000000..8eeebdd
--- /dev/null
+++ b/c3hl/img/idea.png
diff --git a/c3hl/img/moin-action.png b/c3hl/img/moin-action.png
new file mode 100644
index 0000000..46ad8a0
--- /dev/null
+++ b/c3hl/img/moin-action.png
diff --git a/c3hl/img/moin-attach.png b/c3hl/img/moin-attach.png
new file mode 100644
index 0000000..e9199b0
--- /dev/null
+++ b/c3hl/img/moin-attach.png
diff --git a/c3hl/img/moin-bottom.png b/c3hl/img/moin-bottom.png
new file mode 100644
index 0000000..f4014f3
--- /dev/null
+++ b/c3hl/img/moin-bottom.png
diff --git a/c3hl/img/moin-conflict.png b/c3hl/img/moin-conflict.png
new file mode 100644
index 0000000..d7cffa5
--- /dev/null
+++ b/c3hl/img/moin-conflict.png
diff --git a/c3hl/img/moin-deleted.png b/c3hl/img/moin-deleted.png
new file mode 100644
index 0000000..0532937
--- /dev/null
+++ b/c3hl/img/moin-deleted.png
diff --git a/c3hl/img/moin-diff.png b/c3hl/img/moin-diff.png
new file mode 100644
index 0000000..283843d
--- /dev/null
+++ b/c3hl/img/moin-diff.png
diff --git a/c3hl/img/moin-download.png b/c3hl/img/moin-download.png
new file mode 100644
index 0000000..875c55d
--- /dev/null
+++ b/c3hl/img/moin-download.png
diff --git a/c3hl/img/moin-edit.png b/c3hl/img/moin-edit.png
new file mode 100644
index 0000000..d926dd4
--- /dev/null
+++ b/c3hl/img/moin-edit.png
diff --git a/c3hl/img/moin-email.png b/c3hl/img/moin-email.png
new file mode 100644
index 0000000..9be90c6
--- /dev/null
+++ b/c3hl/img/moin-email.png
diff --git a/c3hl/img/moin-ftp.png b/c3hl/img/moin-ftp.png
new file mode 100644
index 0000000..18b7d24
--- /dev/null
+++ b/c3hl/img/moin-ftp.png
diff --git a/c3hl/img/moin-help.png b/c3hl/img/moin-help.png
new file mode 100644
index 0000000..61cd256
--- /dev/null
+++ b/c3hl/img/moin-help.png
diff --git a/c3hl/img/moin-home.png b/c3hl/img/moin-home.png
new file mode 100644
index 0000000..a0f8f21
--- /dev/null
+++ b/c3hl/img/moin-home.png
diff --git a/c3hl/img/moin-icon.png b/c3hl/img/moin-icon.png
new file mode 100644
index 0000000..a644f24
--- /dev/null
+++ b/c3hl/img/moin-icon.png
diff --git a/c3hl/img/moin-info.png b/c3hl/img/moin-info.png
new file mode 100644
index 0000000..ef68f64
--- /dev/null
+++ b/c3hl/img/moin-info.png
diff --git a/c3hl/img/moin-inter.png b/c3hl/img/moin-inter.png
new file mode 100644
index 0000000..010a249
--- /dev/null
+++ b/c3hl/img/moin-inter.png
diff --git a/c3hl/img/moin-jabber.png b/c3hl/img/moin-jabber.png
new file mode 100644
index 0000000..f6e8325
--- /dev/null
+++ b/c3hl/img/moin-jabber.png
diff --git a/c3hl/img/moin-new.png b/c3hl/img/moin-new.png
new file mode 100644
index 0000000..522fc34
--- /dev/null
+++ b/c3hl/img/moin-new.png
diff --git a/c3hl/img/moin-news.png b/c3hl/img/moin-news.png
new file mode 100644
index 0000000..a9850ee
--- /dev/null
+++ b/c3hl/img/moin-news.png
diff --git a/c3hl/img/moin-parent.png b/c3hl/img/moin-parent.png
new file mode 100644
index 0000000..590234a
--- /dev/null
+++ b/c3hl/img/moin-parent.png
diff --git a/c3hl/img/moin-print.png b/c3hl/img/moin-print.png
new file mode 100644
index 0000000..93be1b1
--- /dev/null
+++ b/c3hl/img/moin-print.png
diff --git a/c3hl/img/moin-raw.png b/c3hl/img/moin-raw.png
new file mode 100644
index 0000000..2cbcc71
--- /dev/null
+++ b/c3hl/img/moin-raw.png
diff --git a/c3hl/img/moin-readonly.png b/c3hl/img/moin-readonly.png
new file mode 100644
index 0000000..0466619
--- /dev/null
+++ b/c3hl/img/moin-readonly.png
diff --git a/c3hl/img/moin-renamed.png b/c3hl/img/moin-renamed.png
new file mode 100644
index 0000000..124d375
--- /dev/null
+++ b/c3hl/img/moin-renamed.png
diff --git a/c3hl/img/moin-rss.png b/c3hl/img/moin-rss.png
new file mode 100644
index 0000000..32272be
--- /dev/null
+++ b/c3hl/img/moin-rss.png
diff --git a/c3hl/img/moin-search.png b/c3hl/img/moin-search.png
new file mode 100644
index 0000000..fd7f0b0
--- /dev/null
+++ b/c3hl/img/moin-search.png
diff --git a/c3hl/img/moin-show.png b/c3hl/img/moin-show.png
new file mode 100644
index 0000000..613f136
--- /dev/null
+++ b/c3hl/img/moin-show.png
diff --git a/c3hl/img/moin-subscribe.png b/c3hl/img/moin-subscribe.png
new file mode 100644
index 0000000..33e6e31
--- /dev/null
+++ b/c3hl/img/moin-subscribe.png
diff --git a/c3hl/img/moin-telnet.png b/c3hl/img/moin-telnet.png
new file mode 100644
index 0000000..619db11
--- /dev/null
+++ b/c3hl/img/moin-telnet.png
diff --git a/c3hl/img/moin-top.png b/c3hl/img/moin-top.png
new file mode 100644
index 0000000..314ae47
--- /dev/null
+++ b/c3hl/img/moin-top.png
diff --git a/c3hl/img/moin-unsubscribe.png b/c3hl/img/moin-unsubscribe.png
new file mode 100644
index 0000000..9e24ce2
--- /dev/null
+++ b/c3hl/img/moin-unsubscribe.png
diff --git a/c3hl/img/moin-up.png b/c3hl/img/moin-up.png
new file mode 100644
index 0000000..5c00095
--- /dev/null
+++ b/c3hl/img/moin-up.png
diff --git a/c3hl/img/moin-updated.png b/c3hl/img/moin-updated.png
new file mode 100644
index 0000000..38b1e10
--- /dev/null
+++ b/c3hl/img/moin-updated.png
diff --git a/c3hl/img/moin-www.png b/c3hl/img/moin-www.png
new file mode 100644
index 0000000..ac5957a
--- /dev/null
+++ b/c3hl/img/moin-www.png
diff --git a/c3hl/img/ohwell.png b/c3hl/img/ohwell.png
new file mode 100644
index 0000000..e35daf1
--- /dev/null
+++ b/c3hl/img/ohwell.png
diff --git a/c3hl/img/prio1.png b/c3hl/img/prio1.png
new file mode 100644
index 0000000..296fcaa
--- /dev/null
+++ b/c3hl/img/prio1.png
diff --git a/c3hl/img/prio2.png b/c3hl/img/prio2.png
new file mode 100644
index 0000000..850965c
--- /dev/null
+++ b/c3hl/img/prio2.png
diff --git a/c3hl/img/prio3.png b/c3hl/img/prio3.png
new file mode 100644
index 0000000..0649d2a
--- /dev/null
+++ b/c3hl/img/prio3.png
diff --git a/c3hl/img/redface.png b/c3hl/img/redface.png
new file mode 100644
index 0000000..2ea4da9
--- /dev/null
+++ b/c3hl/img/redface.png
diff --git a/c3hl/img/sad.png b/c3hl/img/sad.png
new file mode 100644
index 0000000..a86e6f9
--- /dev/null
+++ b/c3hl/img/sad.png
diff --git a/c3hl/img/smile.png b/c3hl/img/smile.png
new file mode 100644
index 0000000..361d705
--- /dev/null
+++ b/c3hl/img/smile.png
diff --git a/c3hl/img/smile2.png b/c3hl/img/smile2.png
new file mode 100644
index 0000000..cc4bea9
--- /dev/null
+++ b/c3hl/img/smile2.png
diff --git a/c3hl/img/smile3.png b/c3hl/img/smile3.png
new file mode 100644
index 0000000..4cf923e
--- /dev/null
+++ b/c3hl/img/smile3.png
diff --git a/c3hl/img/smile4.png b/c3hl/img/smile4.png
new file mode 100644
index 0000000..96f3af6
--- /dev/null
+++ b/c3hl/img/smile4.png
diff --git a/c3hl/img/star_off.png b/c3hl/img/star_off.png
new file mode 100644
index 0000000..2f99cae
--- /dev/null
+++ b/c3hl/img/star_off.png
diff --git a/c3hl/img/star_on.png b/c3hl/img/star_on.png
new file mode 100644
index 0000000..6a64f93
--- /dev/null
+++ b/c3hl/img/star_on.png
diff --git a/c3hl/img/thumbs-up.png b/c3hl/img/thumbs-up.png
new file mode 100644
index 0000000..ca277c6
--- /dev/null
+++ b/c3hl/img/thumbs-up.png
diff --git a/c3hl/img/tired.png b/c3hl/img/tired.png
new file mode 100644
index 0000000..077c98d
--- /dev/null
+++ b/c3hl/img/tired.png
diff --git a/c3hl/img/tongue.png b/c3hl/img/tongue.png
new file mode 100644
index 0000000..7215ac7
--- /dev/null
+++ b/c3hl/img/tongue.png