Major Update to Site Content

1 files changed, 84 insertions, 6 deletions

diff --git a/neuarriero.css b/neuarriero.css
index 43256ba..13282dd 100644
--- a/neuarriero.css
+++ b/neuarriero.css
@@ -6,7 +6,7 @@
 }
 
 body {
-    font-family:Verdana, Geneva, Tahoma, sans-serif;
+    font-family: Georgia, 'Times New Roman', Times, serif;
     margin: 0;
 }
 header {
@@ -21,6 +21,19 @@ header {
 
 a.link::after {
     content: url("/icons/link_go.png");
+    margin: 0 0.25rem 0 0.25rem;
+}
+a.msg::after {
+    content: url("icons/user_comment.png");
+    margin: 0 0.25rem 0 0.25rem;
+}
+a.email::after {
+    content: url("icons/email.png");
+    margin: 0 0.25rem 0 0.25rem;
+}
+a.vid::after {
+    content: url("/icons/film.png");
+    margin: 0 0.25rem 0 0.25rem;
 }
 
 header img {
@@ -33,11 +46,10 @@ nav {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
-	font-size: 95%;
     background-color: whitesmoke;
 }
 nav a {
-	margin: 0 0.5rem;
+	padding: 0 0.5rem;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
@@ -45,6 +57,9 @@ nav a {
 nav img {
 	margin-right: 0.5rem;
 }
+nav a.here {
+    background-color: gainsboro;
+}
 header h1 {
     margin: 0;
     color: white;
@@ -57,13 +72,14 @@ header h1 a {
 
 .subtitle {
     display: flex;
+    font-size: 80%;
     background-color: var(--main-ac-color);
     color: white;
     flex-direction: row;
     max-height: 2.5rem;
     align-items: center;
     gap: 1.5rem;
-    
+    margin: 0.5rem 0 0 0;
 }
 
 .subtitle::before {
@@ -71,18 +87,80 @@ header h1 a {
     flex: 0 0 2.5rem;
     height: 2.5rem;
     background: url("/media/muleteer.png") center / contain no-repeat;
+}
+
+.category {
+    display: flex;
+    font-size: 80%;
+    background-color: var(--main-fg-color);
+    opacity: 50%;
+    color: white;
+    flex-direction: row;
+    max-height: 2rem;
+    align-items: center;
+    margin: 0.5rem 0 0 0;
+    padding: 0 0 0 1.5rem;
+    gap: 1.5rem;
 
 }
 
+main div {
+    margin: 0 0 0 2rem;
+}
+dl {
+    display: flex;
+    flex-direction: column;
+    margin: 0 0 0 1.5rem;
+    
+}
+dl small {
+    font-size: 75%;
+    color: gray;
+    margin: 0 0 0 1rem;
+    font-style: italic;
+}
+dt {
+    margin: 0.25rem 0 0 0;
+    background-color: rgba(0,0,0,.1);
+    padding: 0.15rem;
+}
+
 hr {
     padding: 0;
     margin: 0;
     border-color: white;
 }
-
 main {
     margin: 0 0 0 2.5rem;
 }
+figure {
+	float: right;
+	clear: right;
+    display: flex;
+    flex-flow: column;
+	max-width: 15em;
+    min-width: 15em;
+	border-style: solid;
+    border-width: thin;
+    border-color: black;
+    background-color: white;
+    padding: 0.5rem;
+    margin: 1rem 1rem 0 1rem;
+}
+
+.gallery {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+
+figure img {
+	max-width: 100%;
+    max-height: 15em;
+    min-height: 15em;
+    object-fit: cover;
+}
 .fig {
 	position: fixed;
 	bottom: 0%;
@@ -90,7 +168,7 @@ main {
 	opacity: 0.15;
 	transition: opacity 0.25s ease-in;
 	z-index: -1;
-	width: 25%;
+	width: 20%;
 }
 .fig:hover {
 	z-index: 5;