--- a/html/spec.css	Thu Oct 13 11:19:53 2011 +0900
+++ b/html/spec.css	Fri Feb 24 07:59:05 2012 +0900
@@ -5,54 +5,6 @@
   color: #005A9C; 
 }
 
-/* IDL blocks */
-.idl-code { 
-  font-family: monospace;
-  border: 1px solid black;
-  white-space: pre; 
-  color: black;
-  background-color: #ffffe0; 
-}
-
-.idl-code a { 
-  font-family: monospace;
-  color: black;
-  background-color: #ffffe0; 
-}
-
-.idl-code pre { 
-  margin-top: -1em;
-  margin-bottom: -2em;
-}
-
-.java-code { 
-  font-family: monospace;
-  border: 1px solid black;
-  white-space: pre; 
-  color: black;
-  background-color: #dfdfdf; 
-}
-.code-block { 
-  font-family: monospace;
-  border: 1px solid black;
-  white-space: pre; 
-  color: black;
-  background-color: #dfdfdf; 
-}
-
-
-.ecma-block { 
-  border: 1px solid black;
-  padding: 0.5em;
-  color: black;
-  background-color: #dfdfdf; 
-}
-
-
-.interface-name {
-  font-weight: bold
-}
-
 .attribute-name {  
   color: black;
   background-color: #FFFFD2;
@@ -73,6 +25,16 @@
   background-color: #FEE6F8; 
 }
 
+/* Some fun IDL styling */
+.comment {
+    color: green;
+}
+
+.idl a:first-of-type {
+    font-weight: bolder;
+    font-size: larger;
+}
+
 ul.toc, ol.toc {list-style: none}
 div.toc ul ul, div.toc ol ol {margin-left: 0}
 div.toc ul ul ul, div.toc ol ol ol {margin-left: 1em}
@@ -85,7 +47,6 @@
 
 div.paramtable { margin-left: 1em }
 div.returntable { margin-left: 1em }
-div.exceptiontable { margin-left: 1em }
 
 /* default alignment for tables */
 table {
@@ -96,32 +57,11 @@
  vertical-align: middle;
 }
 
-p.first:first-letter {
-  font-size: 200%;
-}
-
 /* style for event definition tables */
 
-.event-definition th {
-  text-align: left;
-  font-weight: normal;
-}
-
 .event-definition table {
   border: 2px solid black;
-}
-
-.event-definition th {
-  border-right: 1px dashed #ccc;
-  white-space: nowrap;
-  background-color: #D9E6F8;
-  background-color: #F7F5D7;
-  background-color: #D0DAFD;
-}
-
-#event-definition tr:hover th, 
-#event-definition tr:hover td {
-  background: #D0DAFD;
+  width: 95%;
 }
 
 .event-definition td,
@@ -131,16 +71,22 @@
   padding-right: 8px;
 }
 
-.event-definition tr:last-child td {
-  border-bottom: none;
+.event-definition th {
+  text-align: left;
+  font-weight: normal;
+  border-right: 1px dashed #ccc;
+  white-space: nowrap;
+  background-color: #D9E6F8;
+  background-color: #F7F5D7;
+  background-color: #D0DAFD;
 }
 
 .event-definition td {
   width: 100%;
 }
 
-.event-definition table {
-  width: 95%;
+.event-definition tr:last-child td {
+  border-bottom: none;
 }
 
 .event-definition dfn a {
@@ -151,27 +97,18 @@
   padding-left: 1em;
   padding-right: 1em;
   padding-top: 0.2em;
-  background-color: #D9E6F8;
-  background-color: #A5C9CC;
-  background-color: #FFC500;
   background-color: #FFC500;
 }
 
-
 .event-definition dd table {
   margin-bottom: -0.02em;
 }
 
-
-.event-definition a {
+/* Added the idl class here to remove underlines in IDL blocks */
+.event-definition a, .idl a {
   text-decoration: none
 }
 
-/* @@@ */
-.event-definition td {
-  background-color: transparent
-}
-
 .event-definition td b {
   font-weight: normal
 }
@@ -180,11 +117,6 @@
   margin-top: 4px
 }
 
-dt > p, dd > p {
-  margin-top: 0.5em;
-}
-
-
 /* style for context info event definition lists */
 
 .event-definition td > ul > li {
@@ -197,7 +129,34 @@
   border-bottom: none;
 }
 
+dt > p, dd > p {
+  margin-top: 0.5em;
+}
 
+/* style for exception table */
+
+.exceptiontable
+{
+	border-top-style: hidden;
+	border-right-style: hidden;
+	border-bottom-style: none;
+	border-left-style: hidden;
+	border-collapse: collapse;
+}
+.exceptiontable td, .exceptiontable th
+{
+    padding:  0.2em;
+	vertical-align: top;
+    border-right-color: currentColor;
+	border-bottom-color: currentColor;
+	border-left-color: currentColor;
+	border-right-width: medium;
+	border-bottom-width: thin;
+	border-left-width: medium;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+}
 
 
 /* style for heading links */
@@ -215,9 +174,6 @@
   font-style: inherit !important;
 }
 
-
-
-
 .inline {
   display: inline;
   border-left: none;
@@ -242,10 +198,6 @@
   font-weight: bold;
 }
 
-.eventname {
-  background-color: #cfcfcf;
-}
-
 a.eventtype {
   text-decoration: none;
 }
@@ -277,29 +229,8 @@
   color: inherit;
   text-decoration: inherit;
   border-bottom: 1.8px dashed blue;
-  /*        
-  padding-bottom: -2em;
-  margin-bottom: -2em;
-  */
 }
 
-
-/* style for heading links */
-a[id]:hover:after { 
-  content: "   #" attr(id) " § "; 
-  font-size: 80%;
-  color: #ccc;
-  text-decoration: none;
-}
-
-h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
-  color: inherit !important;
-  font-weight: inherit !important;
-  text-decoration: none !important;
-  font-style: inherit !important;
-}
-
-
 /*style for table-event-summary and table-key-values */
 
 .data-table {