layout improvements

_site/css/video.css

@@ -1,27 +1,19 @@
 
 #video-roster {
-  background-color:#000;
   margin:0;
   padding:0;
 }
 
 .videobox
 {
-  display:block;
-  float:left;
-  width:240px;
   height:180px;
-  margin-top:4px;
-  margin-left:2px;
-  margin-right:2px;
-  opacity:.5;
   text-align:center;
   padding:20px;
 }
 
 .videobox:hover
 {
-  opacity:1;
+  /*opacity:1;*/
 }
 
 .videobox .video-title
@@ -40,18 +32,18 @@
 {
   width:40%;
   background-color:#fff;
-  opacity:.8;
+  opacity:.9;
   position:fixed;
   z-index:100;
   right:20px;
   top:20px;
   display:none;
   padding:30px;
+  color:#000;
 }
 
 #videotext .video-title
 {
-  color:#000;
   font-size: 1.7em;
   background-color:none;
 }
@@ -67,6 +59,10 @@
   font-size: 1em;
 }
 
+#videotext .playbutton{
+  display:none;
+}
+
 .playbutton
 {
   width:60px;
@@ -106,4 +102,13 @@
   right:0;
   background-image:url("/images/close-button-large.png");
   background-size:cover;
+}
+
+.filter-button-group{
+  margin: 10px 0;
+}
+
+.filter-button-group button{
+  color: #000;
+  margin-bottom: 4px;
 }