clicking the pin icon on the profile takes you to a map [ci skip]

app/assets/stylesheets/new_styles/_profile.scss

@@ -103,9 +103,20 @@
 
 #profile-stats {
   i {
+    @include transition(opacity);
     @include opacity(0.7);
   }
 
+  a:hover {
+    text-decoration : none;
+  }
+
+  a:hover > i,
+  a:hover > img
+  {
+    @include opacity(1);
+  }
+
   .divider {
     color : #999;
   }
@@ -122,18 +133,23 @@
     margin : 10px 5px;
 
     &.services {
-      @include opacity(0.5);
-
       .service {
         position : relative;
         margin-right : 2px;
         top : -2px;
 
         img {
+          @include transition(opacity);
+          @include opacity(0.5);
+
           height : 14px;
           width : 14px;
         }
 
+        & > img:hover {
+          @include opacity(1);
+        }
+
         &:hover {
           text-decoration : none;
         }

app/assets/templates/profile-info.jst.hbs

@@ -7,7 +7,9 @@
     <div id="profile-stats">
         {{#if location}}
             <span class="stat">
-                <i class="icon-map-marker"></i>
+                <a href="http://maps.google.com/maps?q={{location}}" target="_blank">
+                    <i class="icon-map-marker"></i>
+                </a>
                 {{location}}
             </span>
             <span class="divider">•</span>