Switch over content to new layout/text; slight css edits

mediagoblin/static/css/base.css

@@ -126,6 +126,17 @@ header {
   margin: 8px;
 }
 
+.header_right ul {
+	display: none;
+	position: absolute;
+	top: 29px;
+	left: 0px;
+	width: 150px;
+	border: 1px solid #ccc;
+	background: white;
+	padding: 10px 0 0 0;
+}
+
 a.logo {
   color: #fff;
   font-weight: bold;

mediagoblin/templates/mediagoblin/base.html

@@ -28,6 +28,14 @@
     <link rel="shortcut icon"
           href="{{ request.staticdirect('/images/goblin.ico') }}" />
     <script src="{{ request.staticdirect('/js/extlib/jquery.js') }}"></script>
+    
+    <script>
+    $(document).ready(function(){
+	$(".header_right").click(function(){
+		$(".sublist").slideToggle("fast");
+	});
+});
+    </script>
     <!--[if lt IE 9]>
       <script src="{{ request.staticdirect('/js/extlib/html5shiv.js') }}"></script>
     <![endif]-->
@@ -68,6 +76,11 @@
               <a href="{{ request.urlgen('mediagoblin.auth.login') }}">
                 {% trans %}Log in{% endtrans %}</a>
             {% endif %}
+            <ul class="sublist">
+	          	<li><a href="#">Enviornment</a></li>
+		          <li><a href="#">General Sciences</a></li>
+		          <li><a href="#">Space</a></li>
+	          </ul>
           </div>
         </header>
       {% endblock %}