/*---------------------------------------------------------
	1. Reset
------------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { -ms-interpolation-mode: bicubic; }

/*---------------------------------------------------------
	2. Body and links
------------------------------------------------------------ */

body {
	background-color: #4d4b3a;
	color: #ccc;
	margin: 0px;
	text-align: left;
	font-family: urw-din, helvetica, san-serif;
	font-size: 100%;
	line-height: 2.2em;
	}

a:link {
	text-decoration: none;
	color: #ccc;
}

a:visited {
	text-decoration: none;
	color: #ccc;
}

a:hover {
	text-decoration: underline;
	color: #ccc;
}

hr {
	height: 1px;
	border: none;
	background: #888;
	width: 100%;
	margin: 0 0 25px 0;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
}

#container {
	width: 100%;
	margin: 0 auto;
}

#header {
	width: 100%;
	font-size: 1em;
	line-height: 1em;
	padding: 20px 0 70px 0;
}

#content {
	width: 100%;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 50px 0;
}

#footer {
	width: 100%;
	padding: 0 0 100px 0;
	font-size: 1em;
	line-height: 1em;
}


/*---------------------------------------------------------
	4. HEADER
------------------------------------------------------------ */



.title h1 {
	padding: 60px 0 10px 0;
	font-size: 3.2em;
	line-height: 1.15em;
	font-weight: 400;
	text-transform: uppercase;
	color: #444;
}

.title h2 {
	padding: 20px 0 2px 0;
	font-size: 2.8em;
	line-height: 1.15em;
	font-weight: 400;
	text-transform: none;
	color: #444;
}

.title p {
	padding: 0px 0px 0px 0px;
	font-size: 1.8em;
	line-height: 1.55em;
	color: #444;
	font-weight: 300;
}

.title a:link {
	text-decoration: none;
	color: #444;
}

.title a:visited {
	text-decoration: none;
	color: #444;
}

.title a:hover {
	text-decoration: none;
	color: #cc6600;
}

.title span {
	font-weight: 300;
	color: #bbb;
}

.title span a:link {
	text-decoration: none;
	color: #bbb;
}

.title span a:visited {
	text-decoration: none;
	color: #bbb;
}

.title span a:hover {
	text-decoration: none;
	color: #cc6600;
}

.nav p {
	padding: 0px 0px 0px 0px;
	font-size: 1.4em;
	line-height: 1.55em;
	color: #666;
	font-weight: 300;
}

.nav a:link {
	text-decoration: none;
	color: #cc6600;
}

.nav a:visited {
	text-decoration: none;
	color: #cc6600;
}

.nav a:hover {
	text-decoration: underline;
	color: #cc6600;
}




/*---------------------------------------------------------
	4. FOOTER
------------------------------------------------------------ */


.footer-bar {
	margin-bottom: 10px;
	height: 1px;
	background: #666;
}

#footer p {
	font-size: 1.25em;
	line-height: 1.15em;
	color: #444;
	font-weight: 400;
}

#footer p.copyright {
	font-size: 1.25em;
	line-height: 1.15em;
	color: #999;
	font-weight: 300;
	padding-top: 20px;
}

#footer a:link {
	text-decoration: none;
	color: #cc6600;
}

#footer a:visited {
	text-decoration: none;
	color: #cc6600;
}

#footer a:hover {
	text-decoration: underline;
	color: #cc6600;
}


/*---------------------------------------------------------
	6. CONTENT
------------------------------------------------------------ */




.photo-grid { 
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	align-items: stretch;
	justify-items: left;
	padding-bottom: 60px;
	width: 900px;
}

.photo-grid1 { 
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
	align-items: stretch;
	justify-items: left;
	padding-bottom: 20px;
	width: 900px;
}

.photo-grid2 { 
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	align-items: stretch;
	justify-items: left;
	padding-bottom: 20px;
	width: 900px;
}

.photo-grid3 { 
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	align-items: stretch;
	justify-items: left;
	padding-bottom: 20px;
	width: 900px;
}

.cell img {
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.cell h1 {
	font-size: 2.2em;
	line-height: 1.2em;
	font-weight: 400;
	text-transform: none;
	width: 90%;
	color: #444;
	padding: 20px 0px 8px 0px;
}

.cell p {
	font-size: 1.25em;
	line-height: 1.45em;
	font-weight: 400;
	width: 90%;
	color: #666;
	padding: 0px 0px 30px 0px;
}

.cell a:link {
	text-decoration: none;
	color: #cc6600;
}

.cell a:visited {
	text-decoration: none;
	color: #cc6600;
}

.cell a:hover {
	text-decoration: underline;
	color: #cc6600;
}





/*---------------------------------------------------------
	GALLERY & GRIDS
------------------------------------------------------------ */



.grid { 
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 15px;
	align-items: stretch;
	justify-items: left;
	padding-bottom: 60px;
	width: 900px;
}

.grid4 { 
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 15px;
	align-items: stretch;
	justify-items: left;
	padding-bottom: 60px;
	width: 900px;
}

.grid2 { 
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
	align-items: stretch;
	justify-items: left;
	padding-bottom: 90px;
	width: 900px;
}

.gridcol2 { 
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
	align-items: stretch;
	justify-items: left;
	padding-bottom: 90px;
	width: 900px;
}

.grid-cell img {
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.grid-cell p {
	font-size: 1.25em;
	line-height: 1.45em;
	font-weight: 300;
	width: 90%;
	color: #999;
	padding: 15px 0px 20px 0px;
}

.grid-cell p.cell {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 400;
	width: 100%;
	padding: 0px 0px 20px 0px;
	color: #444;
}

.grid-cell p.title {
	font-size: 1.25em;
	line-height: 1.45em;
	font-weight: 300;
	width: 90%;
	color: #999;
	padding: 15px 0px 20px 0px;
}

.grid-cell p.sub {
	font-size: 1.25em;
	line-height: 1.45em;
	font-weight: 300;
	width: 90%;
	color: #999;
	padding: 15px 0px 20px 0px;
}

.grid-cell a:link {
	text-decoration: none;
	color: #cc6600;
	font-weight: 400;
	text-transform: uppercase;
}

.grid-cell a:visited {
	text-decoration: none;
	color: #cc6600;
	font-weight: 400;
	text-transform: uppercase;
}

.grid-cell a:hover {
	text-decoration: underline;
	color: #cc6600;
	font-weight: 400;
	text-transform: uppercase;
}




/*NEW ENTRY STYLES (TO REPLACE POST & OLD)
---------------------------------------*/


.page-header {
	padding: 15px 0 60px 0;
	border-top: 1px solid #888;
}

.page-header h1 {
	font-size: 3.2em;
	line-height: 1.2em;
	font-weight: 300;
	padding: 0 0 2px 0;
}

.page-header h2 {
	font-size: 2.5em;
	line-height: 1.35em;
	font-weight: 400;
	padding: 0 0 5px 0;
}

.page-header p {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 400;
	color: #444;
	padding: 0 0 2px 0;
}

.page-header p.sub {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 300;
	color: #666;
	padding: 0 0 2px 0;
}

.page-header p.date {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 300;
	color: #666;
	padding: 0 0 2px 0;
}




.page-header-img {
	padding: 0 0 40px 0;
}

.page-header-img p.caption {
	font-size: 1.25em;
	line-height: 1.45em;
	color: #666;
	width: 80%;
	font-weight: 300;
	margin-top: 0px;
	padding: 15px 0 0 0;
}

.page-header-img h1 {
	font-size: 3.2em;
	line-height: 1.2em;
	font-weight: 300;
	padding: 40px 0 5px 0;
}

.page-header-img p.sub {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 300;
	color: #666;
	padding: 0 0 2px 0;
}





.entry-header {
	padding: 15px 0 60px 0;
	border-top: 1px solid #888;
}

.entry-header h1 {
	font-size: 3.2em;
	line-height: 1.2em;
	font-weight: 300;
	padding: 0 0 5px 0;
}

.entry-header h2 {
	font-size: 2.5em;
	line-height: 1.35em;
	font-weight: 400;
	padding: 0 0 5px 0;
}

.entry-header h3 {
	font-size: 2.5em;
	line-height: 1.35em;
	font-weight: 300;
	padding: 0 0 5px 0;
}

.entry-header p {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 400;
	padding: 0 0 20px 0;
}

.entry-header p.sub {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 300;
	color: #666;
	padding: 0 0 2px 0;
}

.entry-header p.date {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 300;
	color: #666;
	padding: 0 0 2px 0;
}

.entry-header a:link {
	text-decoration: none;
	color: #cc6600;
}

.entry-header a:visited {
	text-decoration: none;
	color: #cc6600;
}

.entry-header a:hover {
	text-decoration: underline;
	color: #cc6600;
}



.entry {
	padding-bottom: 60px;
}

.entry img {
	padding: 0 0 0 0;
}

.entry a:link {
	text-decoration: none;
	color: #cc6600;
}

.entry a:visited {
	text-decoration: none;
	color: #cc6600;
}

.entry a:hover {
	text-decoration: underline;
	color: #cc6600;
}

.entry p {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 300;
	padding-bottom: 15px;
}

.entry h1 {
	font-size: 3.2em;
	line-height: 1.2em;
	font-weight: 300;
	padding: 0 0 5px 0;
}

.entry h2 {
	font-size: 2.5em;
	line-height: 1.35em;
	font-weight: 400;
	margin-top: 0px;
	padding: 0 0 20px 0;
}

.entry h3 {
	font-size: 2.5em;
	line-height: 1.35em;
	font-weight: 300;
	padding: 0px 0 20px 0;
}

.entry p.sub {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 300;
	color: #666;
	padding: 0 0 60px 0;
}

.entry p.caption {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #666;
	width: 80%;
	font-weight: 300;
	margin-top: 0px;
	padding: 15px 0 50px 0;
}



.entry p.break {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 400;
	padding: 60px 0 60px 0;
}

.entry h1.break {
	font-size: 3.2em;
	line-height: 1.2em;
	font-weight: 300;
	padding: 60px 0 60px 0;
}


.entry h2.quote {
	border-left: 5px solid #ccc;
	margin: 30px 0 50px 0;
	padding: 0 0 0 50px;
	width: 845px;
	font-size: 2.5em;
	line-height: 1.35em;
	font-weight: 300;
}

.entry p.quote {
	border-left: 5px solid #ccc;
	margin: 30px 0 50px 0;
	padding: 0 0 0 50px;
	width: 845px;
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 300;
}



/*MISC
---------------------------------------*/



.block_quote {
	margin: 30px 0 50px 0;
	padding: 0 0 0 50px;
	width: 845px;
	border-left: 5px solid #ccc;
}

.block_quote p {
	font-size: 1.35em;
	line-height: 1.55em;
	padding: 0 0 15px 0;
	font-weight: 300;
	color: #666;
}



.inset {
	padding: 40px 40px 30px 40px;
	background-color: #eee;
	margin-top: 10px;
	margin-bottom:80px;
}



embed,
iframe {
	max-width: 100%;
	border: none;
	padding-bottom: 0px;
}


.box { 
	width: 900px;
	padding-top: 200px;
	text-align: left;
}

.box p {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 400;
	padding-bottom: 15px;
}

.box h1 {
	font-size: 3.2em;
	line-height: 1.2em;
	font-weight: 300;
	padding: 0 0 15px 0;
}