/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}
html, body, div, header, nav, section, main article, h1, h1 a { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html, body { height:100%; }
img { display:block; }

body {
	font:14px/1.7em Helmet, Freesans, sans-serif;
	/*font:15px/1.7em 'Old Standard TT', serif;*/
	/*font:15px/1.7em 'Droid Serif', serif;*/
	/*font:15px/1.7em 'Lora', serif;*/
	/*font:15px/1.7em 'STKaiti', 'Kai', MS PMing, MS Mincho, 'Merriweather', serif;*/
	/*font:18px/1.6em 'STKaiti', 'Lora', 'Merriweather', serif;*/
	background-color:#F5F5F5;
	/*background-color:#ddd;*/
	color:#777;
	width:100%;
	height:100%;

}
a { color:inherit; text-decoration:none; }
h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-weight:normal;
}
/*h1 { margin:0 0 0.5em 0; }*/

/* main ================================================ */

#wrap {
	position:relative;
	overflow:hidden;
}

header {
	width:14rem;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	padding:2rem 2rem 0 0;
	background-color:#F5F5F5;
	z-index:20;
}
header h1 {
	/*margin:2rem 2rem 0 0;*/
	margin:0;
}
header h1 a {
	color:#eee;
	background-color:#444;
	padding:0 1em;
	text-align:center;
}
header a {
	font-size:1em;
	display:block;
	line-height:2.5rem;
	text-transform:uppercase;
	/*font-style:italic;*/
	/* needs to be linked to header rem width */
	letter-spacing:0.25rem;
	/*letter-spacing:0.1rem;*/
}

header nav {
	/*margin:0 2rem 0 0;*/
}
header nav a {
	border:1px solid #ccc;
	border-width:0 0 1px 0;
	white-space:nowrap;
	position:relative;
	overflow:hidden;
}
header nav a span {
	color:transparent;
	opacity:0.5;
	margin-left:0.7em;
}

header a:hover { line-height:3.5rem; }
#wrap.aboutopen header a#link-about,
header nav a.current { color:#FF4700 !important; }
#wrap.aboutopen header a#link-works { color:#777 !important; }
header nav a:hover { color:#000; }
header nav:hover a.current:hover { }



header nav #link-menu { display:none; }

.aboutopen header {
	/*width:30%;*/
	right:50%;
	/*width:70%;*/
	width:16rem;
	padding:2rem;
}




#about {
	display:block;
	/*position:absolute;*/
	position:fixed;
	overflow:hidden;
	top:0;
	left:100%;
	min-height:100%;
	background-color:#F5F5F5;
	padding:2rem 2rem 2rem 0;
	z-index:10;
	width:50%;
}
.aboutopen #about {
	left:50%;
}
#about .info { margin:0 0 2rem 0; max-width:40em; }
#about p { margin:0; }



section {
	overflow:hidden;
	margin:0 14rem 0 0;
	padding:2rem;
	/*background-color:#345;*/
	/*float:right;*/
}
article {
	width:100%;
	max-width:1000px;
	/*float:right;*/
	overflow:hidden;
	position:relative;
}
article.work { margin:0 0 5rem 0; }
article.work .imgwrap { border:1px solid #ccc; }
article.work .imgwrap img { width:100%; height:auto; }

/* force tall images to be less tall (and hopefully fit on screen): */
article.work .imgwrap.portrait { border:none; padding:0 20% 0 0;}
article.work .imgwrap.portrait img { border:none; border:1px solid #ccc; }

article.work h2 {
	text-transform:uppercase;
	letter-spacing:0.15rem;
	margin:0 1rem 0 0;
	color:#000;
}
/*article.work h2:after { content:' –' }*/
article.work p {
	margin:0;
}
article.work h2,
article.work p {
	float:left;
	font-size:1em;
	display:block;
	line-height:2.5rem;
}
article.work p span { margin:0 0.5rem 0 0; }


.edit-button {
	position:absolute;
	display:block;
	top:1px;
	left:1px;
	padding:0.5em 0.8em 0.3em 0.8em;
	/*width:3rem;*/
	/*height:3rem;*/
	/*line-height:3rem;*/
	line-height:2em;
	text-align:center;
	color:#fff;
	background-color:#333;
	/*border-radius:50%;*/
}
.edit-button:hover { background-color:#ff4700; }


#pagination {
	border-top:1px solid #ccc;
	clear:both;
	padding:1rem 0 0 0;
	margin:0 0 5rem 0;
}
#pagination a {
	display:block;
	height:2.5rem;
	line-height:2.5rem;
	padding:0 1rem;
	float:left;
	border:1px solid #ccc;
	margin:0 0 1rem 0;
}
#pagination a.prev, #pagination a.next { font-size:1.2rem; }
#pagination a.prev span, #pagination a.next span { display:none; }
#pagination a.prev { margin-right:1rem; }
#pagination a.next { margin-left:1rem; }
/*#pagination a.prev:before { content:'❮'; }*/ /* apparently ❮ or ❮ (http://character-code.com/arrows-html-codes.php) */
/*#pagination a.prev:before { content:'❮'; }*/ /* apparently ❮ or ❮ (http://character-code.com/arrows-html-codes.php) */
/*#pagination a.next:before { content:'«'; }*/ /* apparently ❯ or ❯ (http://character-code.com/arrows-html-codes.php) */
/*#pagination a.next:before { content:'»'; }*/ /* apparently ❯ or ❯ (http://character-code.com/arrows-html-codes.php) */
/*#pagination a.prev:before { content:'\276e'; }*/
/*#pagination a.next:before { content:'\276f'; }*/
#pagination a.prev:before { content:'\00ab'; }
#pagination a.next:before { content:'\00bb'; }

#pagination a.current { background-color:#444; border-color:#444; color:#eee; }

/* admin bar ================================================ */

#adminbar { position:fixed; bottom:0; right:0; z-index:100; padding:0; margin:0; }
#adminbar li { list-style:none; }
#adminbar a { background-color:#333; display:block; color:#eee; margin:0.5em 0; padding:0.3em 0.6em; }
#adminbar a:hover { background-color:#FF4700; }
#adminbar.hidden { position:relative; }
#adminbar.hidden a { margin:0; width:1rem; height:1rem; overflow:hidden; text-indent:3rem; background-color:transparent; }
#adminbar.hidden a:hover { background-color:#FF4700; }



/* maintenance only ================================================ */

body#maintenance h1 { font-size:2em; letter-spacing:0.05em; }
body#maintenance section {
	position:absolute;
	top:13%;
	left:0%;
	z-index:1;
	background-color:rgba(0,0,0,0.3);
	padding:2em 2em 1em 13%;
	text-shadow:0 2px 3px rgba(0,0,0,0.5);
}
body#maintenance main {
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:0;
	background:transparent url('../uploads/enshrine-1-2014-full.jpg') center center no-repeat;
	background-size:cover;
}
body#maintenance main img {
	width:100%;
	height:auto;
	display:block;
}

/* fancy ================================================ */

.anim1 {
	-webkit-transition:all 300ms;
	   -moz-transition:all 300ms;
	    -ms-transition:all 300ms;
	     -o-transition:all 300ms;
	        transition:all 300ms;
}
.anim2 {
	-webkit-transition:all 800ms;
	   -moz-transition:all 800ms;
	    -ms-transition:all 800ms;
	     -o-transition:all 800ms;
	        transition:all 800ms;
}
.anim2:hover {
	-webkit-transition:none;
	   -moz-transition:none;
	    -ms-transition:none;
	     -o-transition:none;
	        transition:none;
}
.grad {
	background: -webkit-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(190,190,190,1) 90%);
	background:     -ms-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(190,190,190,1) 90%);
	background:    -moz-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(190,190,190,1) 90%);
	background:      -o-linear-gradient(top, rgba(240,243,245,1) 0%, rgba(190,190,190,1) 90%);
	background:         linear-gradient(top, rgba(240,243,245,1) 0%, rgba(190,190,190,1) 90%);
}
.box-shadow {
	box-shadow:0 0.3em 0.3em rgba(0,0,0,0.8);
}


/* fancy ================================================ */

/* iPhone Retina */
@media screen and (max-width:960px) {
	header {
		left:0;
		padding:0;
		width:100%;
		background-color:#444;
		height:2.5rem;
	}
	header h1 { width:auto; float:left; }
	header nav { background-color:#444; }
	header nav a { /*height:0;*/ line-height:0; border:none; padding:0 1rem; }

	header nav a#link-menu {
		display:block;
		border:2px solid #eee;
		border-width:2px 0;
		width:1.5rem;
		height:0.5rem;
		text-indent:3rem;
		overflow:hidden;
		position:absolute;
		top:0.8rem;
		right:1rem;
		z-index:100;
		padding:0;
	}
	header nav a#link-menu:before {
		content:'';
		display:block;
		width:100%;
		height:2px;
		background-color:#eee;
		position:absolute;
		top:50%;
		margin:-1px 0 0 0;
	}
	.menuopen { padding-top:8rem; }
	.menuopen nav #link-menu { border-color:#FF4700; }
	.menuopen nav #link-menu:before { background-color:#FF4700; }
	
	.menuopen {
		/*height:100%;*/
	}
	.menuopen nav a.menuitem {
		display:block;
		float:none;
		clear:both;
		height:auto;
		line-height:2.5rem;
	}
	.menuopen nav a.menuitem:hover {
		line-height:2.5rem;
		background-color:#333;
	}
	#about {
		padding:0 2rem;
		left:auto;
		position:relative;
		min-height:0.1rem;
		height:0;
		width:100%;
	}
	.aboutopen #about {
		/*padding:4rem 2rem 0 2rem;*/
		padding:4rem 2rem 0 2rem;
		left:auto;
		min-height:20rem;
		height:auto;
	}
	.menuopen.aboutopen #about {
		/*padding-top:10rem;*/
	}
	.aboutopen header {
		width:100%;
		right:auto;
		padding:0;
	}
	.aboutopen section {
		margin-top:0;
	}


	section {
		margin:3rem 0 0 0;
		padding:1rem;
	}
	article.work { margin:0 0 3rem 0; }
	article.work p { line-height:1em; clear:left; }

	#pagination {
		height:2.5rem;
		background-color:#444;
		padding:0;
		border-top:none;
		margin:0 0 2rem 0;
	}
	#pagination a {  border:none; color:#eee; }
	#pagination a.prev { margin:0; border:1px solid #eee; border-width:0 1px 0 0; }
	#pagination a.next { float:right; border:1px solid #eee; border-width:0 0 0 1px; }
	#pagination a.current { background-color:#333; color:#FF4700; }

	.anim1 {
		-webkit-transition:all none;
		   -moz-transition:all none;
		    -ms-transition:all none;
		     -o-transition:all none;
		        transition:all none;
	}
}
@media screen (max-width:640px) {

}

/* iPhone 1 - 3GS */
@media screen and (max-width:480px) {

}