Shifting around the sponsor logos.

Author: ramsey

css/style.css

@@ -1,5 +1,9 @@
 @import url('grid.css');
 
+img {
+    border: 0;
+}
+
 div#container {
     width: 960px;
     margin: auto;
@@ -265,6 +269,10 @@ div#nav li a {
     color: #BD820E;
 }
 
+div#sponsors {
+    padding-bottom: 50px;
+}
+
 div#sponsors h1 {
     font-size: 18px;
     color: white;
@@ -284,5 +292,14 @@ div#sponsors h2 {
     font-weight: normal;
     text-transform: uppercase;
     line-height: 20px;
-    margin: 20px 0;
+    margin: 0;
+    clear: both;
+}
+
+div#sponsors div {
+    width: 75%;
+    float: right;
+    clear: left;
+    margin-top: -20px;
+    margin-bottom: 40px;
 }

resources/home.html

@@ -31,11 +31,17 @@ <h3>Nashville,<span>&nbsp;</span>TN</h3>
             <div id="sponsors">
                 <h1>Our Sponsors</h1>
                 <h2>Gold Sponsors</h2>
-                <a href="http://facebook.com/"><img src="images/sponsor-facebook.png" alt="Facebook"/></a>
+                <div>
+                    <a href="http://facebook.com/"><img src="images/sponsor-facebook.png" alt="Facebook"/></a>
+                </div>
                 <h2>Silver Sponsors</h2>
-                <a href="http://servergrove.com/"><img src="images/sponsor-servergrove.png" alt="ServerGrove"/></a>
+                <div>
+                    <a href="http://servergrove.com/"><img src="images/sponsor-servergrove.png" alt="ServerGrove"/></a>
+                </div>
                 <h2>Media Sponsors</h2>
-		<a href="http://phpdeveloper.org"><img src="http://phpdeveloper.org/Test/public/img/ads/phpdeveloper-media.jpg" border="0" width="150" /></a>                
+                <div>
+                    <a href="http://phpdeveloper.org"><img src="http://phpdeveloper.org/Test/public/img/ads/phpdeveloper-media.jpg" border="0" width="150" /></a>
+                </div>
             </div>
         </div>
 <?php