@font-face{
	font-family: 'PrioriSans';
	src: url('fonts/priorsanbol.eot');
	src: url('fonts/priorsanbol.eot#iefix') format('embedded-opentype'),
	     url('fonts/priorsanbol.woff') format('woff');
}
@font-face{
	font-family: 'PrioriSansAlt';
	src: url('fonts/priorsanbolalt.eot');
	src: url('fonts/priorsanbolalt.eot#iefix') format('embedded-opentype'),
	     url('fonts/priorsanbolalt.woff') format('woff');
}
@font-face {
    font-family: 'garamond12_italic';
    src: url('fonts/ebgaramond12-italic-webfont.woff2') format('woff2'),
         url('fonts/ebgaramond12-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'garamond12';
    src: url('fonts/ebgaramond12-regular-webfont.woff2') format('woff2'),
         url('fonts/ebgaramond12-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'garamond08_italic';
    src: url('fonts/ebgaramond08-italic-webfont.woff2') format('woff2'),
         url('fonts/ebgaramond08-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'garamond08';
    src: url('fonts/ebgaramond08-regular-webfont.woff2') format('woff2'),
         url('fonts/ebgaramond08-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	src: url('fonts/TimesNRMTPro-BoldCond.woff') format('woff'),
		 url('fonts/TimesNRMTPro-BoldCond.woff2') format('woff2');
	font-family: 'TimesNRMTPro-BoldCond';
}

body {
	font-family: 'Times New Roman', Times, serif;
	margin: 50px 0;
}
/* strong {
	font-family: garamond08, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-weight: normal;
}
em {
	font-family: garamond12_italic, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
}
strong em, em strong {
	font-family: garamond08_italic, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
} */
p, ul, ol {
		font-size: 150%;
		line-height: 1.5;
}

h2 {
	font-family: 'TimesNRMTPro-BoldCond';
	letter-spacing: -.01em;
	}
h4 {
	font-family: 'Times New Roman', Times, serif;
	letter-spacing: -.02em;
	}

#underconstruction {
	width: 100%;
	color: white;
	background-color: #c006;
	padding: 5px 0;
	margin: 0 0 30px 0;
	position: absolute;
	top: 0;
	left: 0;
}
#underconstruction p {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 75%;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#header {
	padding-bottom: 10px;
	margin-bottom: 40px;
	border-bottom: 1px solid black;
	}

#home-about p {
	margin-bottom: 0;
	}

#header, #footer {
	/* font-family: PrioriSans, "Gill Sans", Gill, Helvetica, sans-serif; */
	clear: both;
	/* font-weight: normal; */
	}

#header h2, #header h4  {
	line-height: 50px;
	margin-bottom: 0;
}

#header a,
#footer a {
		color: black;
		text-decoration: none;
}
#header a:hover,
#footer a:hover {
	text-decoration: underline;
}

#header #ngkd, #footer #ngkd_foot {
	text-align: right;
}

#footer {
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid black;
}

#footer p {
		margin-bottom: 0;
}
#aboutlink {
	font-family: 'TimesNRMTPro-BoldCond';
}

.single_work_image { text-align: center; background: #f6f6f6; }
.single_work_image img { margin: 0 auto; padding: 0; width: 100%;   }

.worklist {
	display: grid;
  grid-auto-flow: dense;
	background: #f6f6f6;
	}
#paintings.size_large .worklist {	grid-template-columns: repeat(1, 1fr);	}
#paintings.size_medium .worklist {	grid-template-columns: repeat(2, 1fr);	}
#paintings.size_small .worklist {	grid-template-columns: repeat(4, 1fr);	}
#patterngrid {
	margin-top: 50px;
	display: grid;
  grid-auto-flow: dense;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 10px;
	}
#workgrid {
		display: grid;
	  grid-auto-flow: dense;
		grid-template-columns: repeat(1, 1fr);
		background: #f6f6f6;
		}
.worklist a.hidden,
	.hidden {
	display: none;
	}
.worklist	.square {
	text-align: center;
	font-weight: bold;
	}
.worklist	.square img,
#patterngrid	.square img {
		width: 100%;
		/* margin-top: -3%;
		margin-bottom: -3%; */
		}
#paintings h5 {
	text-transform: uppercase;
	text-align: center;
	margin: 10px 0;
}

@media (min-width: 450px) {
	#paintings.size_large .worklist {	grid-template-columns: repeat(1, 1fr);	}
	#paintings.size_medium .worklist {	grid-template-columns: repeat(5, 1fr);	}
	#paintings.size_small .worklist {	grid-template-columns: repeat(10, 1fr);	}
	#patterngrid { grid-template-columns: repeat(4, 1fr); }
	#workgrid { grid-template-columns: repeat(2, 1fr); }
	}

@media (min-width: 550px) {
	#pattern-about { margin: auto; width: 80%; }
	#paintings.size_large .worklist {	grid-template-columns: repeat(4, 1fr);	}
	#paintings.size_medium .worklist {	grid-template-columns: repeat(6, 1fr);	}
	#paintings.size_small .worklist {	grid-template-columns: repeat(10, 1fr);	}
	#patterngrid { grid-template-columns: repeat(6, 1fr); }
	.single_work_image { text-align: center; }
	.single_work_image img { margin: 0 auto; padding: 0; width: 50%;   }
	.container { width: 100%; max-width: none;}
	.row { width: 80%; margin: auto; max-width: 960px;}
	.row.fullwidth { width: 100%; max-width: none; }
	#workgrid { grid-template-columns: repeat(4, 1fr); }
	}

@media (min-width: 650px) {
	#patterngrid { grid-template-columns: repeat(10, 1fr); }
	}

#workimage {
	margin-bottom: 2em;
	}
#worktitle h1 {
	font-family: 'TimesNRMTPro-BoldCond';
	letter-spacing: -.01em;
	font-size: 4rem;
	margin-bottom: 0.5rem;
	}
#worktitle .source {
	margin-bottom: 0;
	}
#worktitle .material {
	font-style: italic;
	}
#worktitle, #patterns, #workdetails {
	padding-bottom: 1em;
	border-bottom: 1px solid black;
	margin-bottom: 2em;
}

#patterns ul {
	list-style: none;
}
#patterns li {
	display: inline;
	margin-right: 5px;
}
#patterns a {
	line-height: 1;
}
#patterns a img {
	border: 5px solid #ddd;
	width: 100px;
	height: 100px;
}
#patterns a:hover img {
	border: 5px solid #bbb;
}

#patterntitle {
	text-align: center;
}
#patterntitle h4 {
	font-style: italic;
	margin-bottom: 0.25em;
}

#sorting {
	padding: 20px 0;
}
#sorting label {
	display: inline;
	padding-right: 10px;
	font-size: 1.2em;
	font-weight: normal;
}
#sorting select {
	font-size: 1.2em;
}

#grid-container {
  display: grid;
	grid-template-columns: repeat(10, 1fr);
  grid-auto-flow: dense;
	}
#grid-container a {
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
#grid-container .square img {
	width: 100%;
	margin-top: -3%;
	margin-bottom: -3%;
	}
#grid-header h2 {
	font-family: PrioriSans, "Gill Sans", Gill, Helvetica, sans-serif;
	font-weight: normal;
	padding: 15px 10px 10px;
	margin: 0;
	}
#grid-header a {
		text-decoration: none;
		color: #000;
	}
#grid-refresh {
		padding: 15px 10px 10px;
}

.archive_pdf a {
	/* color: #0a0; */
	}
.archive_pdf a span.arrow {
	text-decoration: none;
	}