/*☞ nhb_style 👗 | 2013-09-20 | 2014-08-21 ☜
http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 | License: none (public domain)
*  *  *  *  *  *  *  *  *  *  *  *  */
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	}
	body {
	line-height: 1;
	}
	ol, ul {
	list-style: none;
	}
	blockquote, q {
	quotes: none;
	}
	blockquote: before, blockquote: after, q: before, q: after {
	content: '';
	content: none;
	}
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}
a:link {
	color: cadetblue;
	text-decoration: none;
	}
a:visited {
	color: sienna;
	text-decoration: none;
	}
a:hover {
	background-color: hsla(54, 100%, 90%, .3);
	color: sienna;
	}
aside {
	float: left;
	padding: 1em;
	text-align: center;
	width: 150px;
	}
.asterisk {
	background-color: BlanchedAlmond;
	border: .2em LightGray dashed;
	color: Sienna;
	float: left;
	margin: 1.5em;
	padding: .5em;
	text-align: center;
	width: 150px;
	}
blockquote: {
	border-left: .3em dotted tan;
	display: block;
	margin-left: 10em;
	padding: 2em;
	width: 60%;
	}
.blurbage {
	background-color: hsla(31, 53%, 26%, .4);
	width: 50%;
	}
.bold {
	font-style: bold;
	}
.borderlands {
	margin: 0 auto;
	width: 90%;
	}
#breadcrumbs {float: right}
.caption {
	color: tan;
	display: inline block;
	font-style: italic;
	margin 0 auto;
	width: 50%;
	}
#disqus {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 1em;
	}
.dropcap {
	font-family: "Gramophone ITC";
	font-size: 10em;
	letter-spacing: -.1em;
	color: burlywood;
	float: left;
	line-height: -1em;
	padding-top: 4px; 
	padding-right: 8px; 
	padding-left: 3px;
	}
.excerpt {
	background-color: linen;
	display: block;
	margin: 0 auto;
	width: 80%;
	}
@font-face {
  font-family: "AmericanTypewriter";
  src: url("/assets/fonts/AmericanTypewriter.ttc");
  }
@font-face {
  font-family: "Love Letter Typewriter";
  src: url("/assets/fonts/Love Letter Typewriter");
    }
@font-face {
  font-family: "rabioheadregular";
  src: url("/assets/fonts/rabiohead-webfont.eot");
  src: url("/assets/fonts/rabiohead-webfont.eot?#iefix") format("embedded-opentype"),
       url("/assets/fonts/rabiohead-webfont.woff") format("woff"),
       url("/assets/fonts/rabiohead-webfont.ttf") format("truetype"),
       url("/assets/fonts/rabiohead-webfont.svg#rabioheadregular") format("svg");
  font-weight: normal;
  font-style: normal;
	}
footer {
	background-color: hsla(54, 100%, 90%, .3);
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-width: .2em;
	border-color: LightGray;
	color: black;
	font-family: Helvetica;
	font-size: .8em;
	letter-spacing: .1em;
	line-height: 2.8;
	margin-top: 2em;
	padding: 2.5em;
	text-align: center;
	}
footer p {text-align: center}
.formulaic {
	color: blue;
	font-family: Helvetica;
	font-style: bold;
	text-align: center;
	}
.frontpage {
	margin: 0 auto;
	padding-bottom: 3em;
	text-align: center;
	width: 80%;
	}
/*.frontpage a:link {
	color: sienna;
	text-decoration: none;
	}
.frontpage a:visited {
	color: sienna;
	text-decoration: none;
	}
.frontpage a:hover {
	color: cadetblue;
	}*/
.frontpage p {
	color: gray;
	font-family: Avenir;
	font-size: 1em;
	line-height: 1.6em;
	text-align: left;
	}
.frontpage h1 {
	font-size: 4em;
	font-family: rabioheadregular;
	margin-bottom: .5em;
	margin-top: 2em;
	text-align: center;
	}
.go {
	color: red;
	font-family: "Nanum Brush Script";
	font-size: 1.5em;
	padding: 1em;
	text-align: right;
	}
h1 {
	color: olive;
	font-size: 3em;
	font-family: rabioheadregular;
	margin-top: .5em;
	text-align: center;
	}
h2 {
	color: cadetblue;
	font-size: 2.3em;
	font-family: rabioheadregular;
	margin-bottom: .5em;
	text-align: center;
	}
h3 {
	color: darkteal;
	font-family: Helvetica;
	font-size: 1.5em;
	padding: 1em;
	text-align: center;
	}
h4 {
	color: tan;
	font-family: Copperplate;
	font-size: 1em;
	margin-top: 1em;
	padding: .5em;
	text-align: right;
	}
h5 {
	background-color: #efd3a3;
	color: darkcyan;
	font-family: rabioheadregular;
	font-size: 3em;
	margin-top: 1em;
	padding: 1em;
	text-align: center;
	}
h6 {
	background-color: #efd3a3;
	border: .1em solid darkgray;
	color: firebrick;
	font-family: Courier;
	font-size: 1.2em;
	margin: 1em;
	padding: 1em;
	text-align: center;
	width: 90%;
	}
.hairline {
	border: .1em solid lightgray;
	display: block;
	padding: 1em;
	margin: 0 auto;
	}
.image-plain {
	display: inline block;
	padding: 1em;
	margin: 0 auto;
	}
#header-main {
	background-color: hsla(54, 100%, 90%, .3);
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-width: .2em;
	border-color: LightGray;
	}
#header-main h1 {
	font-family: "Courier";
	font-size: 5em;
	font-weight: 300;
	letter-spacing: -.05em;
	margin-bottom: .1em;
	}
.highlight {background-color: yellow}
.highlight_blue {background-color: hsla(184, 80%, 80%, 1)}
i, em {font-style: italic}
img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	}
.jukebox {
	background-color: mistyrose;
	border: .3em dotted pink;
	border-radius: 50%;
	margin-top: 1em;
	padding: 2em;
	}
li {
	color: tan;
	font-family: Helvetica;
	font-size: 1em;
	padding: .7em;
	text-align: center;
	}
.library {background-color: tan}
#menu {
  position: fixed;
  bottom: 5%;
  width: 2em;
  }
.mood {
	float: right;
	margin: 1em;
	}
nav {
  background-color: hsla(83, 50%, 37%, .2);
  font-family: Helvetica;
  font-weight: bold;
  float: left;
  line-height: 2em;
  text-align: center;
  }
nav a:hover {outline: .5em dotted pink}
p {
	color: #778899;
	font-family: Verdana;
	font-size: 1em;
	line-height: 1.7;
	margin-top: 1em;
	text-align: left;
	}
.plain {padding: 1em}
.poetry {
	color: #639;
	font-family: Palatino;
	font-style: italic;
	font-size: 1.5em;
	line-height: 2;
	margin: 1em 10em 1em 10em;
	}
.post {
	display: block;
	margin-bottom: 1.5em;
	margin-left: auto;
  margin-right: auto;
	padding: 2em;
	text-align: center;
	width: 80%;
	}
.pretty-box {
	border: .2em dotted orange;
	border-radius: 40%;
	display: inline block;
	margin: 0 auto;
	padding: 1em;
	text-align: center;
	width: 15%;
	}
.pretty-box-l {
	background-color: hsla(54, 100%, 90%, .3);
	border: .3em powderblue dotted;
	border-radius: 50%;
	float: left;
	font-family: Courier;
	line-height: 1.5em;
	margin-top: 1em;
	padding: 2em;
	text-align: center;
	width: 200px;
	}
.pretty-box-r {
	background-color: hsla(54, 100%, 90%, .3);
	border: .3em pink dotted;
	border-radius: 50%;
	float: right;
	font-family: Courier;
	line-height: 1.5em;
	margin: 2em;
	padding: 2em;
	text-align: center;
	width: 200px;
	}
.pully {
	border: .2em solid moccasin;
  color: hsla(34, 80%, 80%, 1);
  background-color: moccasin;
  margin: 0 auto;
  width: 80%;
	}
.pully p {
	color: steelblue;
	font-family: Helvetica;
	line-height: 2.3em;
	padding: .8em;
  text-align: center;
	}
.pully p:first-child:first-letter {
	color: peru;
	font-family: "Apple Chancery";
	font-size: 10em;
	line-height: -1em;
	padding-bottom: 1em;
	/*padding-right: .1em;*/
	}	
.release p {
	color: ForestGreen;
	font-family: Courier;
	font-size: 1.2em;
	font-style: bold;
	line-height: 1.5;
	margin-left: 2em;
	}
#timestamp {margin-bottom: 2em}
#todo {
	color: Sienna;
	font-family: "Nanum Brush Script";
	font-size: 1.6em;
	padding: .2em;
	text-align: right;
	}
#twitter {
	float: clear;
	margin: 0 auto;
	padding: 2em;
	width: 20%;
	}
ul {
	background-color: mintcream;
	border: .2em dashed pink;
	margin: 2em;
	padding: 2em;
	}