Spell-check the specification.

Author: dbaron

css3-animations/Overview.html

@@ -15,15 +15,15 @@
 
    <h1>CSS Animations</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 15 February
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 February
     2012</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2012/ED-css3-animations-20120215/">http://dev.w3.org/csswg/css3-animations/</a>
-     <!--http://www.w3.org/TR/2012/WD-css3-animations-20120215-->
+     href="http://www.w3.org/TR/2012/ED-css3-animations-20120217/">http://dev.w3.org/csswg/css3-animations/</a>
+     <!--http://www.w3.org/TR/2012/WD-css3-animations-20120217-->
 
     <dt>Latest version:
 
@@ -257,7 +257,7 @@ <h2 id=animations><span class=secno>2. </span>Animations</h2>
   <p> The start time of an animation is the latter of two moments: the time
    at which the style is resolved that specifies the animation, or the time
    the document's load event is fired. Therefore, an animation specified in
-   the document stylesheet will begin at the document load. An animation
+   the document style sheet will begin at the document load. An animation
    specified on an element by modifying the style after the document has
    loaded will start when the style is resolved. That may be immediately in
    the case of a pseudo style rule such as hover, or may be when the
@@ -273,7 +273,7 @@ <h2 id=animations><span class=secno>2. </span>Animations</h2>
    animation starts. Changing them during the execution of the animation has
    no effect. Note also, that changing the value of <a
    href="#animation-name"><code class=property>'animation-name'</code></a>
-   does not necessarily restart an animation (e.g. if a list of animations
+   does not necessarily restart an animation (e.g., if a list of animations
    are applied and one is removed from the list, only that animation will
    stop; The other animations will continue). In order to restart an
    animation, it must be removed then reapplied.
@@ -472,8 +472,8 @@ <h3 id=timing-functions-for-keyframes-><span class=secno>3.1. </span>
 
   </pre>
    Five keyframes are specified for the animation named "bounce". Between the
-   first and second keyframe (ie. between 0% and 25%) an "ease-out" timing
-   function is used. Between the second and third keyframe (ie. between 25%
+   first and second keyframe (i.e., between 0% and 25%) an "ease-out" timing
+   function is used. Between the second and third keyframe (i.e., between 25%
    and 50%) an "ease-in" timing function is used. And so on. The effect will
    appear as an element that moves up the page 50px, slowing down as it
    reaches its highest point then speeding up as it falls back to 100px. The
@@ -1086,8 +1086,8 @@ <h3 id=the-animation-shorthand-property-><span class=secno>3.10. </span>
    value that can be parsed as a time is assigned to animation-delay.
 
   <p class=issue> An alternative proposal is to accept the font shorthand
-   approach of using a "/" character between the values of the same type. eg.
-   2s/4s would mean a duration of 2 seconds and a delay of 4 seconds.
+   approach of using a "/" character between the values of the same type.
+   e.g. 2s/4s would mean a duration of 2 seconds and a delay of 4 seconds.
 
   <table class=propdef>
    <tbody>

css3-animations/Overview.src.html

@@ -127,7 +127,7 @@ <h2>Animations</h2>
     <p>
       The start time of an animation is the latter of two moments: the time at which the style is
       resolved that specifies the animation, or the time the document's load event is fired.
-      Therefore, an animation specified in the document stylesheet will begin at the document load.
+      Therefore, an animation specified in the document style sheet will begin at the document load.
       An animation specified on an element by modifying the style after the document has loaded will
       start when the style is resolved. That may be immediately in the case of a pseudo style rule
       such as hover, or may be when the scripting engine returns control to the browser (in the case
@@ -143,7 +143,7 @@ <h2>Animations</h2>
       time the animation starts. Changing them during the execution of the
       animation has no effect. Note also, that changing the value of 
       <code class="property">'animation-name'</code> does not necessarily
-      restart an animation (e.g. if a list of animations are applied and
+      restart an animation (e.g., if a list of animations are applied and
       one is removed from the list, only that animation will stop; The other
       animations will continue). In order to restart an animation, it must be
       removed then reapplied. 
@@ -330,7 +330,7 @@ <h3>
 
   }
 
-  </pre>Five keyframes are specified for the animation named "bounce". Between the first and second keyframe (ie. between 0% and 25%) an "ease-out" timing function is used. Between the second and third keyframe (ie. between 25% and 50%) an "ease-in" timing function is used. And so on. The effect will appear as an element that moves up the page 50px, slowing down as it reaches its highest point then speeding up as it falls back to 100px. The second half of the animation behaves in a similar manner, but only moves the element 25px units up the page. A timing function specified on the "to" or 100% keyframe is ignored
+  </pre>Five keyframes are specified for the animation named "bounce". Between the first and second keyframe (i.e., between 0% and 25%) an "ease-out" timing function is used. Between the second and third keyframe (i.e., between 25% and 50%) an "ease-in" timing function is used. And so on. The effect will appear as an element that moves up the page 50px, slowing down as it reaches its highest point then speeding up as it falls back to 100px. The second half of the animation behaves in a similar manner, but only moves the element 25px units up the page. A timing function specified on the "to" or 100% keyframe is ignored
       </div>
       <p>
         See <a href="#animation-timing-function_tag">the <code class="property">'animation-timing-function'</code>
@@ -1083,7 +1083,7 @@ <h3>
       </p>
       <p class="issue">
         An alternative proposal is to accept the font shorthand approach of
-        using a "/" character between the values of the same type. eg. 2s/4s would
+        using a "/" character between the values of the same type. e.g. 2s/4s would
         mean a duration of 2 seconds and a delay of 4 seconds.
       </p>
       <table class="propdef">