Update styling for .why blocks.

Author: tabatkins

default.css

@@ -44,7 +44,7 @@ p, div.note, div.issue, details.why {
 	margin-bottom: 1em;
 }
 
-dd > p:first-child, li > p:first-child, .note > p:first-child, .issue > p:first-child, .why > summary + p {
+dd > p:first-child, li > p:first-child, .note > p:first-child, .issue > p:first-child {
 	margin-top: 0
 }
 
@@ -216,7 +216,7 @@ code.xml { color: #600 }	/* inline XML */
 dfn { font-weight: bolder; }
 a > i { font-style: normal; } /* Instance of term */
 
-.issue, .note, .example {
+.issue, .note, .example, .why {
 	padding: .5em;
 	/* padding: .5rem; /* proposed unit in css3-values */
 	border-left-width: .5em;
@@ -240,7 +240,7 @@ span.note, span.issue { padding: .1em .5em .15em; }
 }
 
 /* Class note is a non-normative note. May be inline or a P or DIV */
-.note {
+.note, .why {
 	border-color: #52E052;
 	background: #E9FBE9;
 }
@@ -251,11 +251,11 @@ span.note, span.issue { padding: .1em .5em .15em; }
 /* Example box */
 .example {
 	border-color: #E0CB52;
-	background: #FCFAEE;    
+	background: #FCFAEE;
 }
 
-.example:before { 
-	color: #B9AB2D; 
+.example:before {
+	color: #B9AB2D;
 	font-family: sans-serif;
 }