updated some copy & styles

Author: nathos

fancy-hovers/index.html

@@ -40,17 +40,18 @@ <h1>Here are some fancy hovers:</h1>
               <span></span>
             </li>
           </ul>
-          <p>They use <a href="http://www.alistapart.com/articles/understanding-css3-transitions/">CSS3 transitions</a> to ramp the opacity of the hover state.</p>
+          <p>They use <a href="http://www.alistapart.com/articles/understanding-css3-transitions/">CSS3 transitions</a> to ramp the opacity of the hover state. Pretty slick, eh?</p>
         </section>
         <section>
-          <h1>&hellip; and here's the <a href="http://compass-style.org/">Compass</a>-generated spritesheet:</h1>
+          <h1>Here's the <a href="http://compass-style.org/">Compass</a>-generated <a href="http://compass-style.org/help/tutorials/spriting/">spritesheet</a>:</h1>
           <div id='sprite'>
             <img alt='the generated sprite' src='/images/hovertest-7cd2242a05.png'>
           </div>
+          <p>Didn't have to make this by hand. Thanks Compass!</p>
         </section>
         <section>
           <h1>
-            get the source
+            Get the source code for this mixin
             <a href='https://gist.github.com/959764'>here</a>
           </h1>
         </section>

stylesheets/style.css

@@ -252,7 +252,7 @@ h1 {
   overflow: hidden;
   *zoom: 1;
   width: 285px;
-  margin: 0 auto 30px; }
+  margin: 0 auto 15px; }
   /* line 60, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.2/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss */
   #hovers li {
     list-style-image: none;
@@ -435,7 +435,7 @@ h1 {
 
 /* line 84, ../../views/stylesheets/style.css.sass */
 #sprite {
-  margin-bottom: 30px; }
+  margin-bottom: 15px; }
 
 /* line 87, ../../views/stylesheets/style.css.sass */
 #whatshere {