css styling for video slide

css/gobigred.css

@@ -18,15 +18,37 @@ Big Ten Video Slide
     float:left;
     width:auto !important;
 }
-#maincontent ul #slide_video .promoText {
-    right:50px;
-    left:auto;
-    width:360px;
-    bottom:30%;
-    color:#555;
-    text-shadow: -1px -1px #ffffff;
-    z-index:10;
+
+#maincontent #slide_video > div > div + div  {
+	display:inline-block;
+    margin-top:100px;
+    width:400px;
+    right:0;
+    background:#B70302;
+    -webkit-border-radius:10px;
+    -moz-border-radius:10px;
+    border-radius:10px;
+    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
+    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
+    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
+    color:#fff;
+    line-height:1.2em;
+    padding:5px;
 }
+
+#maincontent ul #slide_video div > div + div p {
+    line-height:1.4em;
+}
+#maincontent ul #slide_video div > div + div a {
+    color:#fff;
+    text-decoration:underline;
+}
+#maincontent ul #slide_video h3 {
+    color:#fff;
+    font-size:2.6em;
+    font-weight:bold;
+}
+
 #maincontent ul #slide_goBig > div {
     width:45%;
     left:24px;
@@ -64,12 +86,7 @@ Big Ten Video Slide
     font-size:2.6em;
     font-weight:bold;
 }
-#maincontent #slide_video > div > div + div  {
-    position:absolute;
-    display:inline-block;
-    width:400px;
-    right:0;
-}
+
 #maincontent .mejs-container {float:left;}
 #maincontent ul #slide_goBigVideos > div {
     width:30%;