diff --git a/app/views/wiki/s5.rhtml b/app/views/wiki/s5.rhtml
index 293da207..eaf894d0 100644
--- a/app/views/wiki/s5.rhtml
+++ b/app/views/wiki/s5.rhtml
@@ -13,11 +13,11 @@
 <meta name="defaultView" content="slideshow" />
 <meta name="controlVis" content="hidden" />
 <!-- style sheet links -->
-<link rel="stylesheet" href="/s5/themes/<%=@s5_theme%>/slides.css" type="text/css" media="projection" id="slideProj" />
 <link rel="stylesheet" href="/s5/ui/core/outline.css" type="text/css" media="screen" id="outlineStyle" />
 <link rel="stylesheet" href="/s5/ui/core/print.css" type="text/css" media="print" id="slidePrint" />
 <link rel="stylesheet" href="/s5/ui/core/opera.css" type="text/css" media="projection" id="operaFix" />
 <link rel="stylesheet" href="/s5/ui/core/math.css" type="text/css" media="all" id="mathStyle" />
+<link rel="stylesheet" href="/s5/themes/<%=@s5_theme%>/slides.css" type="text/css" media="projection" id="slideProj" />
 
 <!-- S5 JS -->
 <script src="/s5/ui/core/slides.js" type="text/javascript"></script>
diff --git a/public/s5/themes/blue/pretty.css b/public/s5/themes/blue/pretty.css
index f3b7d34b..748f456a 100644
--- a/public/s5/themes/blue/pretty.css
+++ b/public/s5/themes/blue/pretty.css
@@ -100,3 +100,6 @@ img.incremental {visibility:hidden}
 /* diagnostics
 li:after {content:" [" attr(class) "]";color:#F88}
 */
+pre.ruby span.ident { color: #AAF; }
+pre.ruby span.punct { color: #9C8CFF; }
+pre.xml .punct { color: #8DF; font-weight: bold; }
\ No newline at end of file
diff --git a/public/s5/themes/i18n/pretty.css b/public/s5/themes/i18n/pretty.css
index 08af6779..08041496 100644
--- a/public/s5/themes/i18n/pretty.css
+++ b/public/s5/themes/i18n/pretty.css
@@ -95,3 +95,6 @@ img.incremental {visibility:hidden}
 /* diagnostics
 li:after {content:" [" attr(class) "]";color:#F88}
 */
+pre.ruby span.ident { color: #229; }
+pre.ruby span.punct { color: #4838AB; }
+pre.xml .punct { color: #059; font-weight: bold; }
\ No newline at end of file