Tweak contact link style and remove CSS3 reflection from logo

public/css/style.css

@@ -1,4 +1,16 @@
-@import url(http://fonts.googleapis.com/css?family=Open+Sans);
+/* Borrowed from Google WebFonts for offline development */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Open Sans Light'), local('OpenSans-Light'), url('../font/open-sans-300.woff') format('woff');
+}
+/* @font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url('../font/open-sans-400.woff') format('woff');
+} */
 
 body {
   font-family: 'Open Sans', helvetica, arial, sans-serif;
@@ -14,11 +26,11 @@ body {
   margin: -18px 0px 0px -75px;
   height: 37px;
   width: 150px;
-  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.25)));
 }
 
 #contact {
   font-size: 12px;
+  font-weight: 300;
   position: absolute;
   right: 8px;
   bottom: 5px;
@@ -26,11 +38,16 @@ body {
   #contact a {
     color: #aaa;
     text-decoration: none;
+    -webkit-transition-duration: 0.3s;
+    -webkit-transition-property: color, border;
+    -webkit-transition-timing-function: ease-in;
   }
-  #contact a:hover {
-    border-bottom: 2px solid #ddd;
-    text-decoration: none;
-  }
+    #contact a:hover {
+      color: #555;
+      -webkit-transition-duration: 0.3s;
+      -webkit-transition-property: color, border;
+      -webkit-transition-timing-function: ease-in;
+    }
 
 #not-found {
   background: url("../images/404-dead-link.png") center center no-repeat;