class should be an id

2 files changed, 6 insertions, 6 deletions

diff --git a/site/css/screen.css b/site/css/screen.css
index bc1e4d1..91d78e8 100644
--- a/site/css/screen.css
+++ b/site/css/screen.css
@@ -222,12 +222,12 @@ hgroup + p, hgroup + p + p {
   max-width:25em;
 }
 
-#bookmarklet {
+.bkmrklt {
   font-size:1.3125em;
   margin-bottom: 3em;
   position:relative;
 }
-#bookmarklet a {
+.bkmrklt a {
   background:url(../images/bookmarklet-button.png) no-repeat 0 0;
   border:0;
   direction: ltr;
@@ -238,10 +238,10 @@ hgroup + p, hgroup + p + p {
   height:57px;
   width:215px;  
 }
-#bookmarklet a:hover {
+.bkmrklt a:hover {
   border-bottom:0;
 }
-#bookmarklet span {
+.bkmrklt span {
   color:#eebe5f;
   font-weight:200;
   left: 11em;
diff --git a/site/index.html b/site/index.html
index 25ceea2..0f2b04d 100644
--- a/site/index.html
+++ b/site/index.html
@@ -33,8 +33,8 @@
     <p><strong><span class="brave"><i class="ir">It's a brave new world.</i></span> Web fonts are here, sparking an exciting new era in web design. Ffffallback makes it easy to find the perfect fallback fonts, so you can make sure your designs degrade gracefully. Fffallback means better layouts for everyone.</strong></p> 
     <p>So in the spirit of bulletproof web design, we give you&hellip;</p>
 
-    <div id="bookmarklet">
-      <a href="#">ffffallback</a>
+    <div class="bkmrklt">
+      <a href="#" id="bookmarklet">ffffallback</a>
       <span>the bookmarklet!</span>
     </div>