updated styling for moblie, fixed classes and IDs for slidedown widget areas

header.php

@@ -38,15 +38,22 @@
 
 <style>
 
-#panel {
-  padding: 5px;
-  text-align: left;
-  background-color: #e5eecc;
-  border: solid 1px #c3c3c3;
-/*   column-count: 4; */
-  padding: 20px;
-  display: none;
-  margin: 0 0 20px 0;
+#panel
+{
+	/* color: black; */
+	text-align: left;
+/* 	background-color: #9BC8E8; */
+	  background-color: #e5eecc;
+	border: solid 1px #c3c3c3;
+	/*   column-count: 4; */
+	padding: 20px;
+	display: none;
+	margin: 0 0 20px 0;
+}
+
+#panel a {
+
+/* color:black; */
 }
 
 .bar1, .bar2, .bar3 {
@@ -72,6 +79,30 @@
 #flip {
 margin: -40px 0 0 90%;
 }
+
+#slidedown-widget-area { margin: 20px; }
+.slidedown-widget-container {}
+
+div#slidedown-widget-area input#s {
+
+	width: 55%;
+
+}
+
+div#slidedown-widget-area input#searchsubmit { margin: 0 10px 0 20px; }
+
+.slidedown-widget-area { width: 45%;}
+
+.widget-float-left { float: left;}
+
+.widget-float-right {
+	float: right;
+}
+
+
+
+
+
 </style>
  
 <title><?php