updated styling for see-more licenses block

css/application.css

@@ -211,6 +211,19 @@ ul#situations li h3 a {
   line-height: 1.1;
 }
 
+.see-more {
+  margin-top: 20px;
+  background-color: rgba(255, 255, 255, 0.33);
+  border: solid 1px #e9e6e1;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  color: #7e7974;
+  padding: 16px;
+}
+
 ul#situations li a.button {
   margin-top: 20px;
 }
@@ -410,6 +423,3 @@ div.sidebar div.boilerplate {
     zoom:1;
 }
 
-#see-more {
-  margin-top: 20px;
-}

index.html

@@ -41,9 +41,6 @@
       <p>
         <strong>Apache</strong>, <strong>SVN</strong>, and <strong>NuGet</strong> use the Apache License.
       </p>
-      <p id="see-more">
-        None of these work for me. <a href="licenses">Show me more licenses »</a>
-      </p>
     </li>
     <li class='reciprocity'>
       <!--
@@ -59,6 +56,9 @@
       </p>
     </li>
   </ul>
+  <p class="see-more">
+    None of these work for me. <a href="licenses">Show me more licenses »</a>
+  </p>
 </div>
 <div id="footer" class="cf">
   <nav>