add gallery feature (wip)

_sass/_isabelline.scss

@@ -129,12 +129,15 @@ header {
 		font-size: 80%;
 		font-weight: normal;
 		margin: .5em 0;
-		float: right;
+		float: left;
 		
 		// site menu shows posts in "global" category
 		ul {
 			padding: 0;
 			margin: 0;
+			li:first-child {
+				padding-left: 0;
+			}
 			li {
 				color: $header-link-color;
 				list-style: none;
@@ -190,7 +193,8 @@ main {
 
 	// figure is a composition of the image and caption
 	figure {
-		margin: 1em 0;
+		margin: 1em auto;
+		width: 80%;
 		figcaption {
 			//font-size: .8em;
 			text-align: center;
@@ -205,6 +209,24 @@ main {
 		}
 	}
 
+	p img {
+		border-radius: 4px;
+		width: 100%;
+	}
+
+	p img + em {
+		font-family: $image-caption-serif;
+		color: $image-caption-color;
+		font-style: normal;
+		text-align: center;
+		display: block;
+		width: 100%;
+	}
+
+	figure.frame img {
+		border: 1px solid $header-color;
+	}
+
 	// for slideshows show the first figure, hide rest
 	div.slideshow figure {
 		display: none;
@@ -213,6 +235,23 @@ main {
 		}
 	}
 
+	div.gallery {
+		width: 100%;
+		float: left;
+		margin-bottom: 1em;
+		
+		img {
+			// width: 45%;
+			
+			height: 200px;
+			float: left;
+		}
+	}
+
+	div.gallery + p {
+		clear: both;
+	}
+
 	// drop caps
 	// TODO: this needs work
 	@if $drop-caps {
@@ -263,14 +302,14 @@ main {
 			padding-left: 0;
 			li {
 				list-style: none;
-				padding-left: 1em;
-				padding-bottom: .2em;
+				padding-left: 1.2em;
+				padding-bottom: .3em;
 				margin-left: 0;
 				
 				// mdash for unordered list items
 				&::before {
 					content: "\2014";
-					margin-left: -1em;
+					margin-left: -1.2em;
 					margin-right: .2em;
 				}