title: How do I add hover effect to Font Awesome?
body: <p>I have some social site icons that are grey. When you hover over them, I want them to change to their appropriate color (facebook: blue, google+: red, etc.). I've played around with it, to no avail. Here's the code:</p>
  
  <pre><code>  &lt;li style="float:left;"&gt;
        &lt;!-- start social bookmarks --&gt;
        &lt;div style="font-size: 32px; color: grey;"&gt;
        &lt;i class="icon-facebook-sign" style="margin-left: 0px;"&gt;&lt;/i&gt;
        &lt;i class="icon-twitter-sign" style="margin-left: -12px;"&gt;&lt;/i&gt;
        &lt;i class="icon-linkedin-sign" style="margin-left: -12px;"&gt;&lt;/i&gt;
        &lt;i class="icon-google-plus-sign" style="margin-left: -12px;"&gt;&lt;/i&gt;
        &lt;/div&gt;
        &lt;!-- end social bookmarks --&gt;
      &lt;/li&gt;
  </code></pre>