More nav changes per talk w Jodie - PG edits, and clearing footer

diff --git a/styles.css b/styles.css
index cb00471..ad15b09 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -48,8 +48,8 @@ nav {
     top: 20px;\r
     right: 20px;\r
     z-index: 10;\r
-    background: rgba(255, 255, 255, .3);\r
     background: rgba(0, 0, 0, .4);\r
+    background: rgba(255, 255, 255, .8);\r
     \r
     border-radius: 5px;\r
     padding: 10px;\r
@@ -66,12 +66,13 @@ nav>ul>li {
 nav>ul>li>a {\r
     font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;\r
     text-transform: uppercase;\r
-    color: white;\r
+    color: #002a5c;\r
+    color: #005835;\r
     display: block;\r
     padding: 5px 10px;\r
     font-weight: bold;\r
-    font-size: 18px;\r
-    text-decoration: none;\r
+    font-size: 20px;\r
+    text-decoration: underline;\r
     /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); */\r
     }\r
 nav a:hover {\r
@@ -103,12 +104,6 @@ nav li ul li {
     display: block; \r
     color: #fff;\r
     }\r
-nav li ul li:first-child {\r
-    margin-bottom: 0;\r
-    }\r
-nav li ul li img {\r
-    margin-left: 20px;\r
-    }\r
 nav li li a {\r
     font-size: 12px;\r
     color: black;\r
@@ -124,6 +119,14 @@ nav li li a {
 nav li ul li a:hover {\r
     background: rgba(255, 255, 255, .8);\r
     }\r
+nav li ul li img {\r
+    margin: 0 0 0 20px;\r
+    bottom: 0;\r
+    }\r
+nav li ul li:first-child {\r
+    height: 13px;\r
+    padding-top: 10px;\r
+    }\r
 /* Toolbox */\r
 #toolbox {\r
     margin: 50px 90px 50px 70px;\r
@@ -213,8 +216,9 @@ nav li ul li a:hover {
     width: 50%;\r
     float: left;\r
     }\r
+/* Photo Gallery */\r
 #photoGallery {\r
-    width: 50%;\r
+    width: 48%;\r
     float: right;\r
     }\r
 #photoGallery h2 {\r
@@ -224,14 +228,14 @@ nav li ul li a:hover {
 #media-photo-gallery {\r
     font-size:12px;\r
 }\r
-#gallery {\r
-    clear:both;\r
-}\r
+\r
 .gallery {\r
     text-align: center;\r
-    list-style: none outside none;\r
-    padding: 10px 0 0 0;\r
-}\r
+    list-style: none;\r
+    margin: 0;\r
+    padding: 0;\r
+    display: block;\r
+    }\r
 .gallery:after {\r
     clear: both;\r
     content: ".";\r
@@ -242,15 +246,13 @@ nav li ul li a:hover {
 .gallery li {\r
     background: none repeat scroll 0 0 #F5F3E5;\r
     float: left;\r
-    margin: 0 2% 26px 0;\r
+    margin: 0 22px 22px 0;\r
     overflow: hidden;\r
     position: relative;\r
-\r
 }\r
 \r
 .gallery li img {\r
-    width: 100%;\r
-    border: 1px solid #2797AB;\r
+    border: 2px solid #38462a;\r
     display: block;\r
     height: auto;/*width: 143px;*/\r
     -webkit-box-sizing: border-box;\r
@@ -258,7 +260,7 @@ nav li ul li a:hover {
     box-sizing: border-box;\r
 }\r
 .gallery li:hover img {\r
-    border: 1px solid #B8C728;\r
+    border: 2px solid #000;\r
 }\r
 .gallery .ui-content {\r
     overflow: hidden;\r
@@ -339,6 +341,7 @@ nav li ul li a:hover {
     margin: 0 !important;\r
     padding: 5px;\r
     background: none;\r
+    display: none;\r
 }\r
 .captionWrapper {\r
     display: block;\r
@@ -478,6 +481,10 @@ address {
 #footer {\r
     clear: both;\r
     }\r
+#inside #footer {\r
+    margin-top: 1em;\r
+    padding-top: 2em;\r
+    }\r
 #footer ul, #footer li {\r
     display: block;\r
     list-style-type: none;\r