Style the facebook/twitter tabs into buttons.

css/gobigred.css

@@ -154,6 +154,39 @@ Big Ten Video Slide
     margin-bottom:24px;
 }
 
+/* Tab Overrides - turn these into buttons*/
+#maincontent #socialFeeds ul.wdn_tabs {
+    border-bottom:none;
+    margin:10px 0;
+}
+#maincontent .wdn_tabs #tabFacebook, #maincontent .wdn_tabs #tabTwitter {
+    padding:0;
+    margin:0;
+    height:auto;
+    border-radius:1em;
+    margin-right:14px;
+}
+#maincontent .wdn_tabs #tabFacebook {
+    background:#3b5998;
+}
+
+#maincontent .wdn_tabs #tabTwitter {
+    background:#4099ff;
+}
+#maincontent .wdn_tabs #tabFacebook a, #maincontent .wdn_tabs #tabTwitter a {
+    background:none;
+    padding:0;
+    margin:0;
+    color:#fff;
+    height:auto;
+}
+#maincontent .wdn_tabs #tabFacebook a span, #maincontent .wdn_tabs #tabTwitter a span {
+    color:#fff;
+    font-weight:bold;
+    font-size:0.8em;
+    margin:0;
+    padding:3px 8px;
+}
 
 /*news headlines*/
 
@@ -183,7 +216,7 @@ Big Ten Video Slide
     padding:0.5em 0.2em;
 }
 #maincontent #newsList li a {
-    color:#12516e;
+    color:#655F3C;
     font-weight:bold;
     text-size:1.3em;
 }

index.php

@@ -148,8 +148,8 @@
             <div class="grid3" id="socialFeeds">
             <h3>Social</h3>
             <ul class="wdn_tabs">
-			   <li><a href="#facebook">Facebook</a></li>
-			   <li><a href="#twitter">Twitter</a></li>
+			   <li id="tabFacebook"><a href="#facebook">Facebook</a></li>
+			   <li id="tabTwitter"><a href="#twitter">Twitter</a></li>
 			   </ul>
 					<div class="wdn_tabs_content">
 						<div id="facebook">