/* reset */
html, body, a, ul, li, h1, h2, p, br, div, input {
  margin: 0;
  padding: 0;
}

/* colors 
 * HRED - #aa0411;
 * HCREME - #fffdf3;
 * BLACK
 * HGREY - #b3b3b3; */

/* global -text */
body { 
  width: 100%;
  height: 100%;
  font-family: 'borgia_proregular', Georgia, sans-serif;
	background: #fffdf3;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
h2 { font-size: 22px; font-weight: normal; color: #000;} 
#piece #title h2 { font-size: 28px; }
a { text-decoration: none; } 
b { font-family: 'borgia-probold'}
p { font-family: 'borgia_proregular'; line-height: 18px; margin-top: 5px;}
a {
  cursor: pointer;
  padding-bottom: 2px; 
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
	color: #aa0411; 
}
a:hover { color: #E92535; }
li a { color: inherit;}
sup {
  color: #aa0411;
  margin-left: 2px;
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 10px;
}

.italic { font-style: italic }
.small_caps { letter-spacing: 1px; font-variant: small-caps;}
.font-red { color: #aa0411; }
.center-piece {
	display: block;
	text-align: center;
	margin: 20px 0;
}
.black_background { background-color: #000; }
.white { color: #fff; }
.hidden { display: none; }

/* content & layout */
.cover { 
	height: 400px;
	position: fixed;
	background-color: #fffdf3;
	opacity: .9;
	bottom: 86px;
	z-index: 999;
}
#right-cover {
	right: 0;
	width: calc(100% - 902px);
}
#left-cover {
	left: 0;
	width: 102px;
}

#piece #title { 
	position: fixed;
	top: 86px;
	left: 102px;
}
#piece #title.poetry {
	position: relative;
	top: auto;
	left: auto;
	margin-bottom: 86px;
}
#piece #author { 
	position: fixed;
	top: 86px;
	right: 102px;
}
body.black_background #piece #author { color: #eee }

#piece #content.prose {
	position: fixed;
	bottom: 86px;
	left: 102px;
	text-align: justify;
	z-index: 998;
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-gap: 40px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-width: 360px;
	-webkit-column-width: 360px;
	-moz-column-width: 360px;
	height: 400px;
	width: 800px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#piece #content.prose p { 
	text-indent: 1em;
	margin-top: 0; 
}
#piece #content.prose #demon {
	overflow:hidden;
}
#piece #content.poetry { 
	position: relative;
	padding-left: 192px;
	top: 86px;
	margin-bottom: 86px;
 }
#piece #content.poetry p { 
	display: inline-block;
	top: 86px; }
#piece #content.visual img {
	height: 100%;
	max-width: 100%;
	margin-left: 102px;
}
#piece .pg_nmbr { 
	top: 86px;
	position: fixed; 
	font-size: .8em;
}
#piece #current_pg_left { left: 102px; }
#piece #current_pg_right { 
	left: 902px;
	text-align: right; }
#piece #total_pgs { 
	right: 102px;
	top: 102px;
	color: #b3b3b3;
}

/* alert box */

#alert { 
	z-index: 999;
	position: fixed;
	right: 102px;
	bottom: 86px;
	text-align: right;
}

/* floating nav */
#menu-toggle { 
	padding: 62px 22px 20px;
	z-index: 799;
	display: inline-block;
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
}
#menu-toggle:hover, {
	color: #aa0411;
}
#menu-toggle.active {
	color: #aa0411;
	border-top: 1px solid rgba(170,4,17, .4); 
}
#menu-toggle.active:hover {
	color: #aa0411;
	border-top: 1px solid #343331; 
	padding-top: 20px;
}
#nav-overlay {
	position: fixed;
	z-index: 788;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 253, 243, .9);
}
#nav-overlay ul {
	display: block;
	list-style: none;
	position: absolute;
	width: 200px;
	height: 345px;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
}
#nav-overlay ul li {
	font-size: 36px;
	color: #343331;
	cursor: pointer;
	text-align: center;
	display: block;
	margin-bottom: 50px;
  font-style: italic;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#nav-overlay ul li:hover {
	color: #aa0411;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #aa0411; 
	border-top: 1px solid #aa0411; 
}
#nav-overlay ul li:active {
	color: #343331;
}

/* Archives */
.archive-author {
	position: relative;
	display: block;
	margin-bottom: 30px;
}
.archive-author.twopiece { margin-bottom: 57px; }
.archive-author.threepiece { margin-bottom: 85px; }
.archive-author.fourpiece { margin-bottom: 107px; }
.archive-author.fivepiece { margin-bottom: 132px; }
.archive-author.sixpiece { margin-bottom: 166px; }

.archive-pieces {
	position: absolute;
	left: 300px;
	top: 0px;
}
.archive-pieces a {
	font-style: italic;
	color: #000;
	margin-bottom: 3px;
	float:left;
	clear:left;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	padding-bottom: 2px;
	border-bottom: 1px solid #000;
}
.archive-pieces a:hover {
	border-bottom: 1px solid #aa0411;
	color: #aa0411;
}

/* Mailing List */

.mc-field-group {
	max-width: 400px;
	text-align: left;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #000;
}
:-moz-placeholder { /* Firefox 18- */
	color: #000;
}

#mc_embed_signup input {
	font-family: 'borgia_proregular', Georgia, sans-serif;
	border: none;
	background-color: transparent;
	outline: none;
	border-bottom: 1px solid #EFECE0;
	padding: 12px;
	color: #aa0411;
	font-size: 1em;
	cursor: pointer;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

#mc_embed_signup input[type="text"]:hover, 
#mc_embed_signup input[type="email"]:hover {
	background-color: #EFECE0;
}
#mc_embed_signup input[type="text"],
#mc_embed_signup input[type="email"] {
	width: 100%;
}
#mc_embed_signup input[type="submit"] {
	border-bottom: none;
	font-size: 1em;
	margin-top: 30px;
}
#mc_embed_signup input[type="submit"]:hover {
	color: red;
}

#mc_embed_signup h2 {
	margin-bottom: 24px;
}
#mc_embed_signup p {
	text-align: justify;
	max-width: 480px;
	margin-bottom: 24px;
}
.get_out {
	display: none;
	text-align: center;
	color: #aa0411;
	font-size: 1.5em;
	margin-top: 80px;
	cursor: pointer;
	z-index:999;
}