Change the width of the social v. news, update presentation.

css/gobigred.css

@@ -166,6 +166,11 @@ Big Ten Video Slide
     border-radius:1em;
     margin-right:14px;
 }
+#maincontent .wdn_tabs #tabFacebook:hover, #maincontent .wdn_tabs #tabTwitter:hover {
+    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
+-moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
+box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
+}
 #maincontent .wdn_tabs #tabFacebook {
     background: #3b5998; /* Old browsers */
 background: -moz-linear-gradient(top, #3b5998 0%, #2e4777 100%); /* FF3.6+ */
@@ -196,6 +201,9 @@ background: linear-gradient(top, #4099ff 0%,#3479c9 100%); /* W3C */
     color:#fff;
     height:auto;
 }
+#maincontent .wdn_tabs #tabFacebook a span:hover, #maincontent .wdn_tabs #tabTwitter a span:hover {
+    text-decoration:none;
+}
 #maincontent .wdn_tabs #tabFacebook a span, #maincontent .wdn_tabs #tabTwitter a span {
     color:#fff;
     font-weight:bold;
@@ -203,6 +211,39 @@ background: linear-gradient(top, #4099ff 0%,#3479c9 100%); /* W3C */
     margin:0;
     padding:3px 8px;
 }
+#twitterFeed ul {
+    padding:0;  
+    list-style:none;
+    color:#655F3C;
+    font-size:1em;
+}
+#twitterFeed ul li {
+    padding:0.5em 0.2em;
+    border-bottom:1px solid #F2EDDE;
+    position:relative;  
+}
+#twitterFeed ul li:after {
+    position: absolute;
+    background: #f2f2f2; /* Old browsers */
+    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera11.10+ */
+    background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* IE10+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
+    background: linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* W3C */
+    bottom: -5px;
+    width: 100%;
+    height: 4px;
+    left: 0;
+    content: '';
+}
+#twitterFeed ul span {
+    display:block;
+    font-size:0.68em;
+    color:#878787;
+    background:url('images/twitterBird.png') no-repeat top right;
+}
 
 /*news headlines*/
 
@@ -230,6 +271,23 @@ background: linear-gradient(top, #4099ff 0%,#3479c9 100%); /* W3C */
 #maincontent #newsList li {
     border-bottom:1px solid #F2EDDE;
     padding:0.5em 0.2em;
+    position:relative;
+}
+#maincontent #newsList li:after {
+    position: absolute;
+    background: #f2f2f2; /* Old browsers */
+    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera11.10+ */
+    background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* IE10+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
+    background: linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* W3C */
+    bottom: -5px;
+    width: 100%;
+    height: 4px;
+    left: 0;
+    content: '';
 }
 #maincontent #newsList li a {
     color:#655F3C;
@@ -372,20 +430,3 @@ background-image:
 }
 #maincontent .tab a {color:#fff !important;}
 
-#twitterFeed ul {
-	padding:0;	
-	list-style:none;
-}
-#twitterFeed ul:after{
-	background-image:;
-	background-image:;
-}
-#twitterFeed ul li {
-	margin-bottom:7px;	
-}
-#twitterFeed ul span {
-	display:block;
-	font-size:0.68em;
-	color:#878787;
-	background:url('images/twitterBird.png') no-repeat top right;
-}

index.php

@@ -145,8 +145,8 @@
                     </ul>
                 </div>
               
-            <div class="grid3" id="socialFeeds">
-            <h3>Social</h3>
+            <div class="grid5" id="socialFeeds">
+            <h3>Conversations with UNL</h3>
             <ul class="wdn_tabs">
 			   <li id="tabFacebook"><a href="#facebook">Facebook</a></li>
 			   <li id="tabTwitter"><a href="#twitter">Twitter</a></li>
@@ -155,7 +155,7 @@
 						<div id="facebook">
                     	<iframe scrolling="no" frameborder="0" 
 							src="http://www.facebook.com/connect/connect.php?id=10150299702907327&amp;connections=6&amp;stream=1" 
-							style="border: none; width: 220px; height: 400px;">
+							style="border: none; width: 386px; height: 300px;">
 							Your browser does not support inline frames or is currently configured not to display 
 							inline frames. Content can be viewed at actual source page:"Your Facebook URL Goes Here"
 						</iframe>
@@ -170,7 +170,7 @@
             </div>
          
             
-            <div class="grid6" id="newsItems">
+            <div class="grid4" id="newsItems">
 				<script src="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss%20where%20url%3D'http%3A%2F%2Fpipes.yahoo.com%2Fpipes%2Fpipe.run%3F_id%3D67df958f5c60c5217e7c28fb3b4556ff%26_render%3Drss'&format=json&diagnostics=true&callback=buildNews" type="text/javascript"></script>   
 			</div>