html,
body {
		background-color: #fefefe;
		font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height: 100%;
}
div.main-content {
		background-color: #fefefe;
}
nav {
		margin-top:20px;
    margin-bottom: 4em;
		border-bottom: 1px dotted #3a3a3a;
}
nav a {
		color: #1a1a1a;
}
div[class^="col"] {
		padding-top:2ex;
		padding-bottom:2ex;
		padding-left:2em;
		padding-right:2em;
}
a.img-name, h3.img-name {
		font-variant: small-caps;
		color: #666;
}
a.redbubble {
		padding:1em;
}
.mask {
		position:absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: .6s ease;
		background-color: #ababbb;
}
.overlay:hover .mask {
		opacity: 0.2;
}
ul.elsewhere a {
		color: #1a1a1a;
		text-decoration:underline;
		text-decoration-color: #3a3a3a;
}