sliding top menu

css/custom.css

@@ -1,3 +1,6 @@
+/*blue 2098d1
+lila 9775af*/
+
 body{
   color:#fff;
   font-family: 'Abel', sans-serif;
@@ -18,7 +21,7 @@ a:hover{
 }
 
 .button{
-  
+
 }
 
 .navbar-header{
@@ -46,6 +49,23 @@ a:hover{
   color:#000;
 }
 
+.navigator{
+ padding:20px;
+ background: #fff;
+ margin-top:40px;
+ border-top: 1px solid #333;
+ display:none;
+}
+
+.navigator li{
+ float: left;
+ margin: 4px;
+}
+
+.navigator h4{
+ color:#000;
+}
+
 .site-header{
   background:#fff;
 }
@@ -64,7 +84,7 @@ a:hover{
 }
 
 .event-date a{
-
+ margin-right: 10px;
 }
 
 .event-date p{
@@ -84,6 +104,7 @@ a:hover{
 
 .event-date li{
   list-style:none;
+  padding-right: 10px;
 }
 
 .artist-media {
@@ -92,12 +113,17 @@ a:hover{
   background: #000;
 }
 
-.artist-media img {
-  width: 100%;
+.artist_media{
+  background: #000;
+  text-align:center;
+}
+
+.artist_media img{
+  width:100%;
 }
 
 .event{
-  padding:10px;
+  #padding:10px;
   margin-bottom: 10px;
 }
 
@@ -108,7 +134,7 @@ a:hover{
 }
 
 .dark_bg{
-  padding: 10px;
+  #padding: 10px;
   background: rgb(0, 0, 0) transparent;
   background: rgba(0, 0, 0, 0.6);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
@@ -121,14 +147,14 @@ a:hover{
 }
 
 .talk{
-  padding:0px;
+  padding:20px 5px;
 }
 
 .talk :hover{
 }
 
 .talk_detail{
-  padding:10px;
+
 }
 
 .talk_detail h3{
@@ -215,6 +241,7 @@ a:hover{
 
 .footer{
   margin-top:10px;
+  background: #fff;
 }
 
 .footer li{
@@ -230,10 +257,16 @@ a:hover{
   padding: 4px;
 }
 
-.footer-supporters li img{
-  height: 90px;
+.supporters li{
+ list-style: none;
+ float: left;
 }
 
-.footer-social li{
-
+.supporters li img{
+  height: 60px;
+  margin: 10px;
+}
+
+.footer-social li img{
+  height:40px;
 }