@charset "UTF-8";
/* Gathering Minds : gathering-minds.net */
/*!
<!--
It is true, you ARE what you see, but even before that there is already an established existence.
.
All that you see, is you. You are, therefore all is. What a momentous occasion to celebrate!
-->
*/
/* font converted using font-converter.net. thank you! */
/*
    'xs': (min-width : 480px),
    'sm': (min-width : 768px),
    'md': (min-width : 992px),
    'lg': (min-width : 1200px)
*/
/**
 * Conditional Media Query Mixin.
 * Usage: @include media(xs) { ... }, @include media(sm) { ... }, ...
 *
 * Other elegant and nice solutions:
 * http://css-tricks.com/approaches-media-queries-sass
 *
 * The best solution to get total control of the conditions:
 * https://github.com/eduardoboucas/include-media
 * http://davidwalsh.name/sass-media-query
 */
/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 * 3. Show the overflow in Edge 18- and IE.
 */
hr {
  color: inherit; /* 1 */
  height: 0; /* 2 */
  overflow: visible; /* 3 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */
nav li::before {
  content: "​";
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
  -ms-overflow-style: scrollbar; /* 3 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
table {
  border-collapse: collapse; /* 1 */
  border-color: inherit; /* 2 */
  text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
  resize: block; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* Gathering Minds : gathering-minds.net */
@font-face {
  font-family: "icomoon";
  src: url("font/icomoon/icomoon.eot") format("eot"), url("font/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("font/icomoon/icomoon.otf") format("opentype"), url("font/icomoon/icomoon.svg") format("svg"), url("font/icomoon/icomoon.ttf") format("truetype"), url("font/icomoon/icomoon.woff") format("woff"), url("font/icomoon/icomoon.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Palatino";
  src: url("font/Palatino/Palatino.eot") format("eot"), url("font/Palatino/Palatino.eot?#iefix") format("embedded-opentype"), url("font/Palatino/Palatino.otf") format("opentype"), url("font/Palatino/Palatino.svg") format("svg"), url("font/Palatino/Palatino.ttf") format("truetype"), url("font/Palatino/Palatino.woff") format("woff"), url("font/Palatino/Palatino.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url("font/Montserrat-Regular/Montserrat-Regular.eot") format("eot"), url("font/Montserrat-Regular/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("font/Montserrat-Regular/Montserrat-Regular.otf") format("opentype"), url("font/Montserrat-Regular/Montserrat-Regular.svg") format("svg"), url("font/Montserrat-Regular/Montserrat-Regular.ttf") format("truetype"), url("font/Montserrat-Regular/Montserrat-Regular.woff") format("woff"), url("font/Montserrat-Regular/Montserrat-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans";
  src: url("font/OpenSans/OpenSans.eot") format("eot"), url("font/OpenSans/OpenSans.eot?#iefix") format("embedded-opentype"), url("font/OpenSans/OpenSans.otf") format("opentype"), url("font/OpenSans/OpenSans.svg") format("svg"), url("font/OpenSans/OpenSans.ttf") format("truetype"), url("font/OpenSans/OpenSans.woff") format("woff"), url("font/OpenSans/OpenSans.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CormorantGaramond";
  src: url("font/CormorantGaramond/CormorantGaramond.eot") format("eot"), url("font/CormorantGaramond/CormorantGaramond.eot?#iefix") format("embedded-opentype"), url("font/CormorantGaramond/CormorantGaramond.otf") format("opentype"), url("font/CormorantGaramond/CormorantGaramond.svg") format("svg"), url("font/CormorantGaramond/CormorantGaramond.ttf") format("truetype"), url("font/CormorantGaramond/CormorantGaramond.woff") format("woff"), url("font/CormorantGaramond/CormorantGaramond.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato-Regular";
  src: url("font/Lato-Regular/Lato-Regular.eot") format("eot"), url("font/Lato-Regular/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("font/Lato-Regular/Lato-Regular.otf") format("opentype"), url("font/Lato-Regular/Lato-Regular.svg") format("svg"), url("font/Lato-Regular/Lato-Regular.ttf") format("truetype"), url("font/Lato-Regular/Lato-Regular.woff") format("woff"), url("font/Lato-Regular/Lato-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Baskerville";
  src: url("font/Baskerville/Baskerville.eot") format("eot"), url("font/Baskerville/Baskerville.eot?#iefix") format("embedded-opentype"), url("font/Baskerville/Baskerville.otf") format("opentype"), url("font/Baskerville/Baskerville.svg") format("svg"), url("font/Baskerville/Baskerville.ttf") format("truetype"), url("font/Baskerville/Baskerville.woff") format("woff"), url("font/Baskerville/Baskerville.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* Gathering Minds : gathering-minds.net */
header {
  display: block;
  width: 80vw;
  margin: 0 auto;
  padding: 1.1em 1em 1.5em 1em;
  text-align: center;
  font-family: "Palatino", sans-serif;
}

#logo a:link,
#logo a:visited {
  text-decoration: none;
  color: #7395b8;
}
#logo a:hover,
#logo a:focus {
  border-bottom: 2px solid #7395b8;
}
#logo .gm {
  font-style: normal;
  font-size: 1.15rem;
  font-size: -webkit-calc(1.15rem + 0.5vw);
  font-size: calc(1.15rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  letter-spacing: 0.25em;
  margin-right: 2vw;
}
#logo .blurb {
  font-style: italic;
  letter-spacing: normal;
  font-size: 0.3rem;
  font-size: -webkit-calc(0.3rem + 0.5vw);
  font-size: calc(0.3rem + 0.5vw);
  line-height: calc(0.3em + 0.5vw);
}
#logo .blurb a {
  color: #aaa;
}

.menu {
  margin-top: 1.5em;
  height: 2em;
  padding: 2px 0 10px 0;
  border-top: 1px dotted #bbb;
  border-bottom: 1px dotted #bbb;
  /*
  	.mnavdropdown {
  	  //float: left;
  	  display: inline;
  	  overflow: hidden;
  	  position: relative;
  	  height: 1em;
  	  padding-left: 15px;

  	  	img {
  			padding-right: .5em;
  		}
  	}
  	& .mnavdropbtn {
  		border: none;
  		@include border-radius(8, 8, 0, 0);
  		outline: none;
  		color: #c2c2c2;
  		//padding: 1vw 1.5vw;
  		padding: 0 0 6px 15px;
  		background-color: inherit;
  		font-size: .9em;
  		margin: 0; 				// Important for vertical align on mobile phones
  	}
  //	.navdropdown 
  	& .mnavdropbtn::after {
  		content: "";
  		width: 0;
  		height: 0;
  		border-left: 5px solid transparent;
  		border-right: 5px solid transparent;
  		border-top: 5px solid #c2c2c2;
  		float: right;
  		margin-top: 6px;
  	}

  	// Add a red background color to navbar links on hover
  	.mnavdropdown:hover .mnavdropbtn {
  		color: $cNavHover;
  		//background-color: #45454a;
  		border-bottom: 2px solid #206bb9;
  	}

  	// Dropdown content (hidden by default)
  	.mnavdropdown-content {
  		@include border-radius(0, 8, 8, 8);
  		display: none;
  		position: absolute;
  		background-color: #45454A;
  		min-width: 140px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 10;
  	}

  	// Links inside the dropdown
  	.mnavdropdown-content a {
  		float: none;
  		color: $cNavDropDownLink;
  		padding: 8px 16px;
  		text-decoration: none;
  		display: block;
  		text-align: left;
  	}

  	// Show the dropdown menu on hover
  	.mnavdropdown:hover .mnavdropdown-content {
  		display: block;
  	}

  	.mnavdropdownselected {
  		background-color: $cNavDropDownHoverBg;
  	}
  */
}
.menu a:link,
.menu a:visited {
  margin: 0 3vw;
  padding: 0 15px 6px 15px;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(0.6em + 0.5vw);
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
  color: #484848;
  text-decoration: none;
}
.menu a:hover,
.menu a:focus {
  color: #206bb9;
  border-bottom: 2px solid #206bb9;
  text-decoration: none;
}

.dropbtn {
  background-color: transparent;
  border: none;
  font-family: "Palatino", sans-serif;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
}
.dropbtn a.profile {
  margin: 0;
  padding-right: 0.25em;
}
.dropbtn a.signout {
  margin: 0;
  padding-left: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
  margin-left: 3vw;
  padding: 0 0 6px 15px;
}

.dropdown-content {
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  background-color: #e6e3db;
  min-width: 12em;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border: 1px solid #4d2f17;
  -webkit-border-radius: 8px  8px  8px  8px;
  -khtml-border-radius: 8px  8px  8px  8px;
  -moz-border-radius: 8px  8px  8px  8px;
  -ms-border-radius: 8px  8px  8px  8px;
  -o-border-radius: 8px  8px  8px  8px;
  border-radius: 8px  8px  8px  8px;
  text-align: left;
}
.dropdown-content a:link, .dropdown-content a:visited {
  margin: 0;
  padding: 0.25em 0.5em;
  border-bottom: 1px solid transparent;
  color: #000;
  text-decoration: none;
  display: block;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 0.5rem;
  font-size: -webkit-calc(0.5rem + 0.5vw);
  font-size: calc(0.5rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  font-variant: normal;
  text-transform: none;
}
.dropdown-content a:hover {
  background-color: #4d2f17;
  color: #fff;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media only screen and (max-width: 768px) {
  .blurb {
    display: block;
  }
  .menu {
    height: 1.9em;
  }
  .menu a:link,
  .menu a:visited {
    padding: 2px 0 5px 0;
    font-size: 0.7rem;
    font-size: -webkit-calc(0.7rem + 0.5vw);
    font-size: calc(0.7rem + 0.5vw);
    line-height: calc(0.7em + 0.5vw);
  }
}
@media print {
  header {
    width: 100%;
  }
  #logo a:link,
  #logo a:visited {
    color: #000;
  }
  #logo .gm,
  #logo .blurb a {
    color: #000;
  }
  .menu,
  #quotey {
    display: none;
  }
}
.hdropdown {
  position: relative;
  display: inline-block;
  padding: 0 15px;
}
.hdropdown:before {
  font-family: "icomoon";
  color: #949494;
  content: "\e986";
}

.hdropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
}
.hdropdown-content input[type=text] {
  padding: 0.25em 0.5em;
  border: 1px solid #4d2f17;
  width: 10em;
  -webkit-border-radius: 8px  8px  8px  8px;
  -khtml-border-radius: 8px  8px  8px  8px;
  -moz-border-radius: 8px  8px  8px  8px;
  -ms-border-radius: 8px  8px  8px  8px;
  -o-border-radius: 8px  8px  8px  8px;
  border-radius: 8px  8px  8px  8px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  font-size: 0.9em;
  background-color: #e6e3db;
}
.hdropdown-content ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #888;
}
.hdropdown-content :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #888;
  opacity: 1;
}
.hdropdown-content ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #888;
  opacity: 1;
}
.hdropdown-content ::-ms-input-placeholder { /* Microsoft Edge */
  color: #888;
}
.hdropdown-content :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #888;
}
.hdropdown-content input[type=text]:focus {
  background-color: #fff;
}

.hdropdown:hover .hdropdown-content {
  display: block;
}

/* Gathering Minds : gathering-minds.net */
h1.resultx {
  margin-bottom: 1em;
  text-align: center;
}

article.tagtable {
  width: 98vw;
}
article.tagtable h1 {
  margin-bottom: 0;
  text-align: center;
}

.taglist {
  margin: 0 auto;
  padding: 0 1em 0.5em 0;
  column-count: 3;
  -moz-column-width: 15em;
  -webkit-column-width: 15em;
  column-width: 15em;
  column-gap: 0.5em;
  font-size: 0.8rem;
  font-size: -webkit-calc(0.8rem + 0.5vw);
  font-size: calc(0.8rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
}
.taglist a {
  color: #311300;
}
.taglist a:hover, .taglist a:focus {
  color: #005493;
}
.taglist label {
  font-variant: small-caps;
}
.taglist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.taglist li {
  margin: 0.5em 0;
}

input[type=checkbox] {
  display: inline-block;
  border: 1px solid #aaa;
  padding: 0.2em 0.4em;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px  6px  6px  6px;
  -khtml-border-radius: 6px  6px  6px  6px;
  -moz-border-radius: 6px  6px  6px  6px;
  -ms-border-radius: 6px  6px  6px  6px;
  -o-border-radius: 6px  6px  6px  6px;
  border-radius: 6px  6px  6px  6px;
  font-family: "Montserrat-Regular", Georgia, "Times New Roman", serif;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(0.6em + 0.5vw);
  color: #000;
  opacity: 0.8;
}
input[type=checkbox]:focus {
  background-color: #fff;
  outline: none;
  border: 1px solid #4195fc;
  -webkit-box-shadow: 0 0 5 #4195fc;
  -khtml-box-shadow: 0 0 5 #4195fc;
  -moz-box-shadow: 0 0 5 #4195fc;
  -ms-box-shadow: 0 0 5 #4195fc;
  -o-box-shadow: 0 0 5 #4195fc;
  box-shadow: 0 0 5 #4195fc;
  opacity: 1;
}
input[type=checkbox]:hover {
  border: 1px solid #4195fc;
}

[type=submit] {
  margin: 0 auto;
  margin-top: 1em;
  padding: 0.5em 0.75em;
  border: 1px solid #5a8311;
  background-color: #04b404;
  -webkit-border-radius: 6px  6px  6px  6px;
  -khtml-border-radius: 6px  6px  6px  6px;
  -moz-border-radius: 6px  6px  6px  6px;
  -ms-border-radius: 6px  6px  6px  6px;
  -o-border-radius: 6px  6px  6px  6px;
  border-radius: 6px  6px  6px  6px;
  font-family: "Montserrat-Regular", Georgia, "Times New Roman", serif;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  color: #fff;
  font-weight: bold;
}
[type=submit]:hover {
  color: #333;
  background-color: #01df01;
}

label.checkbox {
  margin-right: 1em;
  padding-left: 1.75em;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

label.checkbox input[type=checkbox]:focus ~ span {
  border: 2px solid #aab0b9;
}

label.checkbox input[type=checkbox]:focus:checked ~ span {
  border: 2px solid #20644c;
}

label.checkbox input[type=checkbox]:checked ~ span {
  color: #fff;
  background: #329E78 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;
  border: 2px solid #329E78;
}

label.checkbox span {
  -webkit-border-radius: 3px  3px  3px  3px;
  -khtml-border-radius: 3px  3px  3px  3px;
  -moz-border-radius: 3px  3px  3px  3px;
  -ms-border-radius: 3px  3px  3px  3px;
  -o-border-radius: 3px  3px  3px  3px;
  border-radius: 3px  3px  3px  3px;
  position: absolute;
  left: 0;
  top: 2px;
  width: 1em;
  height: 1em;
  background-color: #eee;
  border: 2px solid #d4d7dc;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#match_selection {
  clear: both;
  margin: 0 auto;
  margin-top: 1em;
  font-family: "Montserrat-Regular", Georgia, "Times New Roman", serif;
  font-size: 0.7rem;
  font-size: -webkit-calc(0.7rem + 0.5vw);
  font-size: calc(0.7rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  color: #333;
  text-align: center;
  justify-content: center;
  align-content: center;
}
#match_selection .matchany,
#match_selection .matchall {
  padding: 0.5em 2em;
  background-color: #e6e3db;
  color: #333;
  cursor: pointer;
}
#match_selection .matchany {
  -webkit-border-radius: 25px  0px  0px  25px;
  -khtml-border-radius: 25px  0px  0px  25px;
  -moz-border-radius: 25px  0px  0px  25px;
  -ms-border-radius: 25px  0px  0px  25px;
  -o-border-radius: 25px  0px  0px  25px;
  border-radius: 25px  0px  0px  25px;
}
#match_selection .matchall {
  -webkit-border-radius: 0px  25px  25px  0px;
  -khtml-border-radius: 0px  25px  25px  0px;
  -moz-border-radius: 0px  25px  25px  0px;
  -ms-border-radius: 0px  25px  25px  0px;
  -o-border-radius: 0px  25px  25px  0px;
  border-radius: 0px  25px  25px  0px;
}
#match_selection .matchany:hover,
#match_selection .matchall:hover {
  background-color: #4d2f17;
  color: #fff;
}

#resultslist h2 {
  margin: 20px 0 12px 0;
  padding: 0;
  line-height: 1.25em;
}

#resultslist p {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  margin: -4px 0 12px 30px;
  color: #555;
  font-size: 0.8rem;
  font-size: -webkit-calc(0.8rem + 0.5vw);
  font-size: calc(0.8rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
}

#resultslist a:link,
#resultslist a:visited {
  text-decoration: none;
  color: #4d2f17;
}

#resultslist a:hover,
#resultslist a:focus {
  color: #7395b8;
  border-bottom: 2px solid #7395b8;
}

@media only screen and (max-width: 768px) {
  #tagtable {
    font-family: Verdana, Tahoma, Arial, sans-serif;
  }
  #taglist label {
    font-size: 1em;
    line-height: 1em;
  }
  [type=submit] {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 1rem;
    font-size: -webkit-calc(1rem + 0.5vw);
    font-size: calc(1rem + 0.5vw);
    line-height: calc(1em + 0.5vw);
    font-weight: 200;
  }
}
@media print {
  article.tagtable {
    display: none;
  }
}
/* Gathering Minds : gathering-minds.net */
.collapsible {
  cursor: pointer;
  padding: 0.5em 1em;
  width: 100%;
  text-align: left;
  outline: none;
  background-color: #d6cac0;
  border: 1px solid #aaa;
  color: #333;
  font-size: 0.7rem;
  font-size: -webkit-calc(0.7rem + 0.5vw);
  font-size: calc(0.7rem + 0.5vw);
  line-height: calc(0.8em + 0.5vw);
}

.active, .collapsible:hover {
  background-color: #555;
  color: #fff;
}

.chronocontent {
  display: none;
  overflow: hidden;
  margin-left: 2em;
  padding: 0 0 1em 0;
}
.chronocontent a {
  color: #311300;
}
.chronocontent a:hover, .chronocontent a:focus {
  color: #005493;
}
.chronocontent h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-top: 1em;
  font-size: 0.9rem;
  font-size: -webkit-calc(0.9rem + 0.5vw);
  font-size: calc(0.9rem + 0.5vw);
  line-height: calc(0.9em + 0.5vw);
  color: #4d2f17;
}
.chronocontent ul {
  font-size: 0.8rem;
  font-size: -webkit-calc(0.8rem + 0.5vw);
  font-size: calc(0.8rem + 0.5vw);
  line-height: calc(0.9em + 0.5vw);
  text-align: left;
}
.chronocontent li {
  padding: 0.25em 0;
  list-style: none;
}

#drawer {
  width: 68ch;
  margin: 50px auto;
  border: 1px solid #000;
  padding: 10px;
}
#drawer li {
  height: 20px;
  overflow: hidden;
  border: 1px solid #eee;
  margin-bottom: 10px;
  transition: height 2s;
  -moz-transition: height 2s; /* Firefox 4 */
  -webkit-transition: height 2s; /* Safari and Chrome */
  -o-transition: height 2s; /* Opera */
}
#drawer li:hover {
  height: 100%;
}

.sqcount {
  float: right;
  margin-right: 4em;
  font-size: 70%;
  opacity: 0.8;
}

/* Gathering Minds : gathering-minds.net */
#searchbox {
  display: block;
  margin-top: -1em;
  text-align: center;
}
#searchbox input[type=text] {
  width: 18em;
  margin: 0;
  padding: 0.2em 0.4em;
  border: 1px solid #aaa;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 12px  0px  0px  12px;
  -khtml-border-radius: 12px  0px  0px  12px;
  -moz-border-radius: 12px  0px  0px  12px;
  -ms-border-radius: 12px  0px  0px  12px;
  -o-border-radius: 12px  0px  0px  12px;
  border-radius: 12px  0px  0px  12px;
  background-color: #f4f1e6;
  font-family: "Montserrat-Regular", Georgia, "Times New Roman", serif;
  font-size: 0.8rem;
  font-size: -webkit-calc(0.8rem + 0.5vw);
  font-size: calc(0.8rem + 0.5vw);
  line-height: calc(0.8em + 0.5vw);
  color: #000;
  opacity: 0.8;
}
#searchbox input[type=text] ::-webkit-input-placeholder,
#searchbox input[type=text] :-ms-input-placeholder,
#searchbox input[type=text] :placeholder-shown {
  font-size: 1em;
  color: #333;
}
#searchbox input[type=text] :-moz-placeholder,
#searchbox input[type=text] ::-moz-placeholder {
  font-size: 1em;
  color: #333;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
#searchbox input[type=text]:hover, #searchbox input[type=text]:focus {
  background-color: #fff;
  border: 1px solid #4195fc;
}
#searchbox .searchbtn {
  width: 36px;
  margin: 0;
  margin-left: -5px;
  padding: 0.15em;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 0px  8px  8px  0px;
  -khtml-border-radius: 0px  8px  8px  0px;
  -moz-border-radius: 0px  8px  8px  0px;
  -ms-border-radius: 0px  8px  8px  0px;
  -o-border-radius: 0px  8px  8px  0px;
  border-radius: 0px  8px  8px  0px;
  background-color: transparent;
  border-left: 0;
  font-size: 0.8rem;
  font-size: -webkit-calc(0.8rem + 0.5vw);
  font-size: calc(0.8rem + 0.5vw);
  line-height: calc(0.8em + 0.5vw);
  color: #999;
}
#searchbox .searchbtn:hover, #searchbox .searchbtn:focus {
  color: #000;
  background-color: transparent;
  opacity: 1;
}
#searchbox .searchbtn:before {
  font-family: "icomoon";
  content: "\e986";
}

/*
.search {
	@include border-radius(8);
	border: 1px solid #999;
	padding: 2px 4px;
}
*/
/* Gathering Minds : gathering-minds.net */
.notfount {
  display: block;
  float: left;
  margin: 1em 2em 2em 0;
  border: 1px solid #333;
  width: 41.66%;
  max-width: 346px;
}

.unlinky {
  font-style: italic;
}

p.nfblock {
  margin: 2em;
  padding: 1em;
  text-align: center;
  border: 1px dashed #A79B3A;
  background-color: #333;
  -webkit-border-radius: 0px  8px  8px  0px;
  -khtml-border-radius: 0px  8px  8px  0px;
  -moz-border-radius: 0px  8px  8px  0px;
  -ms-border-radius: 0px  8px  8px  0px;
  -o-border-radius: 0px  8px  8px  0px;
  border-radius: 0px  8px  8px  0px;
  font-size: 0.75rem;
  font-size: -webkit-calc(0.75rem + 0.5vw);
  font-size: calc(0.75rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  color: #ff6;
}

#similar {
  clear: both;
}
#similar ul li {
  font-family: "Lato-Regular", Georgia, "Times New Roman", serif;
  list-style: url(tocrsm.png);
}

@media only screen and (max-width: 768px) {
  p.nfblock {
    font-size: 0.9rem;
    font-size: -webkit-calc(0.9rem + 0.5vw);
    font-size: calc(0.9rem + 0.5vw);
    line-height: calc(1em + 0.5vw);
  }
}
/* Gathering Minds : gathering-minds.net */
#message {
  clear: both;
  display: block;
  margin-top: 4vh;
  padding-left: 2vw;
  overflow: hidden;
}
#message .msgresult {
  display: block;
  float: left;
  margin-right: 4em;
  margin-bottom: 1em;
}
#message .msgresult p.title {
  float: left;
  margin: 0;
  padding: 0.25em 1em;
  font-size: 0.9rem;
  font-size: -webkit-calc(0.9rem + 0.5vw);
  font-size: calc(0.9rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  background-color: #444;
  -webkit-border-radius: 8px  8px  8px  8px;
  -khtml-border-radius: 8px  8px  8px  8px;
  -moz-border-radius: 8px  8px  8px  8px;
  -ms-border-radius: 8px  8px  8px  8px;
  -o-border-radius: 8px  8px  8px  8px;
  border-radius: 8px  8px  8px  8px;
}
#message .msgresult p.msg {
  clear: both;
  padding-top: 0.5em;
  background-color: transparent;
  font-size: 0.8rem;
  font-size: -webkit-calc(0.8rem + 0.5vw);
  font-size: calc(0.8rem + 0.5vw);
  line-height: calc(0.9em + 0.5vw);
}
#message .msgresult img.icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

p.errmsg {
  margin: 0 0 25px 50px;
  padding: 0 0 0 40px;
  min-height: 32px;
  font-weight: bold;
  background: url(exclamation.png) no-repeat top left;
}

.errmsg,
.errmsgok,
.errmsgi,
.errmsgq,
.errmsgerr {
  display: block;
  margin-bottom: 2vh;
  padding: 1em 1em 1em 4em;
  border: 1px dashed #e79503;
  -webkit-border-radius: 8px  8px  8px  8px;
  -khtml-border-radius: 8px  8px  8px  8px;
  -moz-border-radius: 8px  8px  8px  8px;
  -ms-border-radius: 8px  8px  8px  8px;
  -o-border-radius: 8px  8px  8px  8px;
  border-radius: 8px  8px  8px  8px;
  background: url(warn2.png) no-repeat;
  background-position: 2% 50%;
  font-family: "Montserrat-Regular", Georgia, "Times New Roman", serif;
}

.errmsgok {
  background: url(checkmark.png) no-repeat;
}

.errmsgi {
  background: url(info.png) no-repeat;
}

.errmsgq {
  margin-top: 2em;
  background: url(questionlg.png) no-repeat;
  text-align: left;
}

.errmsgerr {
  background: url(error.png) no-repeat;
}

.msgheader {
  margin-bottom: 1em;
  padding: 1em;
  border: 1px dashed #e79503;
  color: #ff6;
  -webkit-border-radius: 8px  8px  8px  8px;
  -khtml-border-radius: 8px  8px  8px  8px;
  -moz-border-radius: 8px  8px  8px  8px;
  -ms-border-radius: 8px  8px  8px  8px;
  -o-border-radius: 8px  8px  8px  8px;
  border-radius: 8px  8px  8px  8px;
  background-color: #333;
}
.msgheader img {
  padding-bottom: 1px;
  vertical-align: middle;
  border: 0;
  max-height: 22px;
  max-width: 22px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.msgheader p {
  font-size: 0.9rem;
  font-size: -webkit-calc(0.9rem + 0.5vw);
  font-size: calc(0.9rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
}

@media only screen and (max-width: 768px) {
  #message {
    font-family: Verdana, Tahoma, Arial, sans-serif;
  }
}
@media print {
  #message {
    display: none;
  }
}
/* Gathering Minds : gathering-minds.net */
#pagination-container {
  clear: both;
  display: block;
  max-width: 68ch;
  margin: 0 auto;
  padding: 4vh 0 0 0;
  font-size: 0.7rem;
  font-size: -webkit-calc(0.7rem + 0.5vw);
  font-size: calc(0.7rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  font-family: "Montserrat-Regular", Georgia, "Times New Roman", serif;
  text-align: center;
}
#pagination-container a {
  display: block;
  -webkit-border-radius: 4px  4px  4px  4px;
  -khtml-border-radius: 4px  4px  4px  4px;
  -moz-border-radius: 4px  4px  4px  4px;
  -ms-border-radius: 4px  4px  4px  4px;
  -o-border-radius: 4px  4px  4px  4px;
  border-radius: 4px  4px  4px  4px;
  padding: 5px 9px;
  background-color: #e6e3db;
  color: #333;
  border: 1px solid #4d2f17;
  text-decoration: none;
  -webkit-cursor: pointer;
  -khtml-cursor: pointer;
  -moz-cursor: pointer;
  -ms-cursor: pointer;
  -o-cursor: pointer;
  cursor: pointer;
}
#pagination-container a:hover,
#pagination-container .current a {
  color: #eee;
  background-color: #4d2f17;
}
#pagination-container ul.pagination {
  display: inline-block;
  overflow: hidden;
  margin: 0;
  list-style-type: none;
}
#pagination-container ul.pagination li {
  float: left;
  margin: 0;
  padding: 0px;
  margin: 0 2px 0 5px;
}
#pagination-container ul.pagination li:first-child {
  margin-left: 0px;
}
#pagination-container .previous a,
#pagination-container .next a {
  color: #333;
  border: solid 1px #333;
  padding: 5px 9px;
}
#pagination-container .previous a {
  -webkit-border-radius: 12px  4px  4px  12px;
  -khtml-border-radius: 12px  4px  4px  12px;
  -moz-border-radius: 12px  4px  4px  12px;
  -ms-border-radius: 12px  4px  4px  12px;
  -o-border-radius: 12px  4px  4px  12px;
  border-radius: 12px  4px  4px  12px;
}
#pagination-container .next a {
  -webkit-border-radius: 4px  12px  12px  4px;
  -khtml-border-radius: 4px  12px  12px  4px;
  -moz-border-radius: 4px  12px  12px  4px;
  -ms-border-radius: 4px  12px  12px  4px;
  -o-border-radius: 4px  12px  12px  4px;
  border-radius: 4px  12px  12px  4px;
}
#pagination-container .previous :hover,
#pagination-container .next :hover {
  color: #fff;
  background: #31b0d5;
  border-color: #269abc;
}
#pagination-container .all a {
  margin-left: 5px;
  color: #fff;
  background: #5cb85c;
  border-color: #4cae4c;
}
#pagination-container .all :hover {
  color: #fff;
  background: #3d8d3d;
  border-color: #398439;
}

@media print {
  #pagination-container {
    display: none;
  }
}
/* Gathering Minds : gathering-minds.net */
article {
  display: block;
  width: 55vw;
  overflow: hidden;
  margin: auto;
  margin-top: 1em;
  padding: 0.5em 1em;
  text-align: justify;
  color: #311300;
  background-color: rgba(244, 241, 230, 0.7);
  -webkit-border-radius: 8px  8px  8px  8px;
  -khtml-border-radius: 8px  8px  8px  8px;
  -moz-border-radius: 8px  8px  8px  8px;
  -ms-border-radius: 8px  8px  8px  8px;
  -o-border-radius: 8px  8px  8px  8px;
  border-radius: 8px  8px  8px  8px;
}
article p {
  margin-bottom: 0.8em;
}
article ul {
  margin-left: 20px;
  padding: 0;
}

.paracapa {
  display: inline-block;
  float: left;
  margin: 0.05em 0.1em 0 0;
  padding: 0.1em 0.15em;
  background: url(paracapa.gif) repeat;
  color: #4d2f17;
  text-indent: 0;
  border: 1px dotted #333;
  font-family: "Baskerville", "Times New Roman", serif;
  font-size: 2.5rem;
  font-size: -webkit-calc(2.5rem + 0.5vw);
  font-size: calc(2.5rem + 0.5vw);
  line-height: calc(0.7em + 0.5vw);
}

#dated {
  clear: both;
  margin: 2em 0 0 0;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  text-align: right;
  color: #888;
}
#dated .drev {
  margin-left: 1em;
  font-style: italic;
}

.ref {
  text-align: right;
  font-size: 80%;
}

div.artpagenum {
  display: block;
  font-family: "Montserrat-Regular", Georgia, "Times New Roman", serif;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  font-variant: small-caps;
  text-align: right;
}
div.artpagenum .apn {
  padding: 0.25em 0.5em;
  color: #333;
  background-color: #e6e3db;
  -webkit-border-radius: 4px  4px  4px  4px;
  -khtml-border-radius: 4px  4px  4px  4px;
  -moz-border-radius: 4px  4px  4px  4px;
  -ms-border-radius: 4px  4px  4px  4px;
  -o-border-radius: 4px  4px  4px  4px;
  border-radius: 4px  4px  4px  4px;
  border: 1px solid #4d2f17;
}

.divmedia {
  text-align: center;
  margin: 0 0 50px 0;
}
.divmedia img {
  width: 100%;
}

.divmediaInline {
  text-align: center;
}

.divmediaGallery img {
  max-width: 10em;
  border: 1px solid #ccc;
}
.divmediaGallery img:hover {
  border: 1px solid #945200;
}

figure {
  display: inline-block;
  padding: 2vh 2vh;
  background-color: #e3e3e3;
  border: 1px solid #d3d3d3;
}

figcaption {
  color: #000;
}
figcaption:not(:empty) {
  margin: 8px 0 -8px 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.5rem;
  font-size: -webkit-calc(0.5rem + 0.5vw);
  font-size: calc(0.5rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  color: #999;
  font-weight: normal;
  font-style: italic;
  text-align: right;
}
figcaption a {
  color: inherit;
}
figcaption a:hover {
  color: #666;
}

.divvideo {
  margin: 25px 0 50px 0;
  border: 1px solid #777;
}

.video {
  width: 100% !important;
  height: 100% !important;
}

#tags {
  display: block;
  margin-left: 20%;
  padding-top: 0.5em;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  color: #656456;
  text-align: right;
}
#tags a:link,
#tags a:visited {
  color: #777;
}
#tags a:hover,
#tags a:focus {
  color: #000;
}
#tags ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#tags li {
  display: inline;
  margin: 0;
  padding: 0;
}
#tags li:after {
  content: ", ";
}
#tags li:last-child:after {
  content: "";
}

#reference {
  clear: both;
  margin-bottom: 4px;
  padding: 0;
  text-align: center;
  font-size: 0.75em;
  color: #888;
  line-height: 0.9em;
}

@media screen and (max-width: 768px) {
  article {
    width: 90%;
  }
  h1, h2, h3, h4 {
    font-family: "OpenSans", sans-serif;
  }
  blockquote h2 {
    font-size: 1.25rem;
    font-size: -webkit-calc(1.25rem + 0.5vw);
    font-size: calc(1.25rem + 0.5vw);
    line-height: calc(1.5em + 0.5vw);
  }
  #dated {
    font-size: 0.7rem;
    font-size: -webkit-calc(0.7rem + 0.5vw);
    font-size: calc(0.7rem + 0.5vw);
    line-height: calc(1em + 0.5vw);
  }
}
@media screen and (max-width: 640px) {
  article {
    width: 100%;
  }
}
@media print {
  article {
    font-family: "OpenSans", sans-serif;
    font-size: 1em;
    line-height: 1.618;
    color: #000;
  }
  article #dated {
    color: #000;
  }
  a,
  h1, h2, h3, h4,
  h1 a, h2 a, h3 a, h4 a,
  p {
    color: #000;
  }
  h1 {
    font-family: "OpenSans", sans-serif;
    font-size: 1.25em;
    line-height: 1.5em;
  }
  blockquote {
    font-family: "OpenSans", sans-serif;
    font-size: 0.6rem;
    font-size: -webkit-calc(0.6rem + 0.5vw);
    font-size: calc(0.6rem + 0.5vw);
    line-height: calc(0.8em + 0.5vw);
    color: #000;
  }
  blockquote h2 {
    color: #000;
  }
}
/* Gathering Minds : gathering-minds.net */
#recenttoc {
  margin-top: 4em;
  border-top: 1px dashed #888;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

#recent {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  color: #777;
}
#recent ul {
  width: 100%;
  margin: 0;
  text-align: left;
}
#recent li {
  clear: both;
  padding: 0.25 0.5em;
  list-style: none;
}
#recent li:hover {
  background-color: #e3e3e3;
}
#recent li.current {
  background-color: #e3e3e3;
  font-style: italic;
  color: #311300;
}
#recent a {
  color: #311300;
}
#recent a:hover, #recent a:focus {
  color: #005493;
}
#recent .tdname {
  padding: 0.25em 1em;
}
#recent .tdheader:hover {
  background-color: transparent;
}
#recent .latedater {
  float: right;
  font-size: 0.4rem;
  font-size: -webkit-calc(0.4rem + 0.5vw);
  font-size: calc(0.4rem + 0.5vw);
  line-height: calc(1.25em + 0.5vw);
  color: #888;
}
#recent .moreentries a {
  color: #005493;
  text-decoration: none;
}
#recent .moreentries a:hover, #recent .moreentries a:focus {
  text-decoration: underline;
}

#pagenavtoc {
  width: 100%;
  margin-bottom: 2em;
  overflow: hidden;
  border-top: 1px dashed #888;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 0.4rem;
  font-size: -webkit-calc(0.4rem + 0.5vw);
  font-size: calc(0.4rem + 0.5vw);
  line-height: calc(0.9em + 0.5vw);
  color: #777;
}
#pagenavtoc a {
  color: #005493;
  text-decoration: none;
}
#pagenavtoc a:hover, #pagenavtoc a:focus {
  color: #005493;
  text-decoration: underline;
}
#pagenavtoc .prev {
  margin-left: 1em;
}
#pagenavtoc .next {
  float: right;
  margin-right: 1em;
}

@media screen and (max-width: 768px) {
  #tocentries {
    margin: 0 0 10px 10px;
  }
}
/*
@media only screen and (max-width: 768px) {
	#revision, 							// article
	.artpagenum { 						// base
		font-family: $font_print;
	}
}
*/
@media screen and (max-width: 640px) {
  #tocentries {
    margin: 0 10px 10px 10px;
  }
}
@media print {
  #recenttoc,
  #recent {
    display: none;
  }
}
/* Gathering Minds : gathering-minds.net */
/**
w
*/
.album {
  padding: 20px 10px;
  margin-top: 1em;
  /*setting a width and adding overflow:hidden will clear the floats we're going to apply to figure*/
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.album figure {
  position: relative;
  margin-right: 12em;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  padding: 1em;
  border: 1px solid #aaa;
  background: #eee6d8;
  background-color: #ede1c9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ede1c9), to(#f2ebde));
  background-image: -webkit-linear-gradient(to bottom, #ede1c9, #f2ebde);
  background-image: -moz-linear-gradient(to bottom, #ede1c9, #f2ebde);
  background-image: -ms-linear-gradient(to bottom, #ede1c9, #f2ebde);
  background-image: -o-linear-gradient(to bottom, #ede1c9, #f2ebde);
  background-image: linear-gradient(to bottom, #ede1c9, #f2ebde);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ede1c9", endColorStr="#f2ebde");
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transform: rotate(-2deg);
  -khtml-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
  filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod="auto expand");
  zoom: 1;
  -webkit-backface-visibility: hidden;
}
.album figure:hover {
  -webkit-transform: scale(1.1);
  -khtml-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.album img {
  width: 196px;
  border: 1px solid #aaa;
}
.album figcaption {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.8rem;
  font-size: -webkit-calc(0.8rem + 0.5vw);
  font-size: calc(0.8rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  color: #333;
  letter-spacing: 0.05em;
  text-shadow: none;
  font-style: normal;
}

/*
.gallery {
	padding: 10px;
	background: #fff;
	@include border-radius(10);
	margin: 0 auto;
	border: 1px dashed #ccc;
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	@include box-sizing(border);

	&:after {
		content: "";
		display: block;
		clear: both;
	}

	div {
		width: 0;
		height: 0;
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
	}

	div:target {
		width: 100%;
		height: 100%;
		padding: 100px 0;
		@include box-sizing(border);
		margin: 0;
		text-align: center;
		background: rgba(0, 0, 0, .9);
		z-index: 1;
	}

		div figure {
			height: 100%;
		}

	div img {
		@include opacity(0);
		transition: .7s;
		border: 10px solid #fff;
		max-height: 100%;
		max-width: 100%;
		@include box-sizing(border);
		box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	}

	div:target img {
		@include opacity(1);
	}

	div .close {
		position: absolute;
		left: 50%;
		top: 40px;
		margin-left: -50px;
		width: 100px;
		background: rgba(250, 250, 250, .9);
		color: #333;
		//border-radius: 15px;
		@include border-radius(15);
		text-decoration: none;
		padding: 6px 6px 6px 25px;
		@include box-sizing(border);
		text-transform: uppercase;
		transition: .5s;
	}

	div .close:before {
		content: "X";
		// - - - font - - - >
		font-family: $fontFamilyArial;
		font-weight: bold;
		color: #fff;
		// < - - - font - - -
		position: absolute;
		padding-top: 3px;
		top: 3px;
		left: 5px;
		width: 24px;
		height: 21px;
		background: #666;
		border-radius: 50%;
	}

	div .close:hover {
		background: #fff;
	}

	div .arrow {
		position: absolute;
		top: 250px;
		width: 0;
		height: 0;
		border-top: 40px solid transparent;
		border-bottom: 40px solid transparent;
		text-indent: -9999px;
		transition: .4s;
	}

	div .prev {
		left: 50%;
		margin-left: -35%;
		border-right: 60px solid rgba(250, 250, 250, .1);
	}

	div .prev:hover {
		border-right-color: rgba(250, 250, 250, .2);
	}

	div .next {
		right: 50%;
		margin-right: -35%;
		border-left: 60px solid rgba(250, 250, 250, .1);
	}

	div .next:hover {
		border-left-color: rgba(250, 250, 250, .2);
	}

	li {
		float: left;
		width: 31%;
		margin: 1%;
		list-style: none;
	}

	li > a {
		float: left;
		width: 100%;
		transition: .5s;
		position: relative;
	}

	li > a img {
		max-width: 100%;
		display: block;
		box-shadow: 0 0 5px rgba(0, 0, 0, .3);
		transition: .5s;
	}

	li > a:hover {
		-webkit-filter: grayscale(0) sepia(0);
		z-index: 1;
	}

	li > a img:hover {
		@include scale(1.4);
		box-shadow: 0 0 15px rgba(0, 0, 0, .8);
	}

	figcaption {
		background: rgba(250, 250, 250, .1);
		margin-top: 20px;
		padding: 5px 10px;
		// - - - font - - - >
		// $defaultSize, $flexSize, $flexHeight, $color: false)
		@include font-group(1, 1, 1);
		font-style: italic;
		color: #999;
		// < - - - font - - -
	}
}
// - - - - - - - - - - - - - - - - - - - - - - - - - -
@media screen and (max-width:600px) {
	.gallery li {
		width: 23%;
		}
}
@media screen and (max-width:450px) {
	.gallery li {
		width: 31%;
		}
}
@media screen and (max-width:350px) {
	.gallery li {
		width: 48%;
	}
}
*/
/*
%inset {
	max-width: 460px;
	position: relative;
	width: auto;
	border: 1px solid #333;
}
img.inlinel,
img.inliner,
img.inlinec {
	@include mediaQuery($max, $tablet) {
		width: 50%;
	}
	@include mediaQuery($max, $ios) {
		width: 100%;
	}
}
img.inlinel {
	@extend %inset;
	float: left;
	margin: 10px 20px 20px 0;
}
img.inliner {
	@extend %inset;
	float: right;
	margin: 10px 0 20px 20px;
}
img.inlinec {
	@extend %inset;
	display: inline;
	margin: 5px 10px;
}
*/
/* Gathering Minds : gathering-minds.net */
.footnotes {
  clear: both;
  margin: 2em 0 2em 0;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
}
.footnotes h2 {
  margin: 0.5em 0 0 0;
  padding-top: 2px;
  font-family: "CormorantGaramond", Georgia, "Times New Roman", serif;
  color: #bbb;
}
.footnotes p {
  margin: 0.25em 0;
}
.footnotes blockquote {
  margin: 0 2em 1.2em 2em;
  border-left: 2px solid #95907f;
  padding-left: 2em;
}
.footnotes ol {
  margin: 0 2em 0 2em;
  padding: 0;
  text-indent: 0;
}
.footnotes ol li {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .footnotes {
    font-family: Verdana, Tahoma, Arial, sans-serif;
  }
  .footnotes h2 {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 1rem;
    font-size: -webkit-calc(1rem + 0.5vw);
    font-size: calc(1rem + 0.5vw);
    line-height: calc(1.25em + 0.5vw);
  }
}
/* Gathering Minds : gathering-minds.net */
footer {
  display: block;
  width: 55vw;
  margin: auto;
  padding: 0.5em 1em;
  padding-bottom: 2em;
  text-align: justify;
  color: #311300;
  background-color: rgba(244, 241, 230, 0.7);
  -webkit-border-radius: 8px  8px  8px  8px;
  -khtml-border-radius: 8px  8px  8px  8px;
  -moz-border-radius: 8px  8px  8px  8px;
  -ms-border-radius: 8px  8px  8px  8px;
  -o-border-radius: 8px  8px  8px  8px;
  border-radius: 8px  8px  8px  8px;
}
footer p {
  margin-bottom: 0.8em;
}
footer ul {
  margin-left: 20px;
  padding: 0;
}

#author {
  width: 100%;
  padding-top: 0.5em;
  text-align: right;
  font-size: 0.5rem;
  font-size: -webkit-calc(0.5rem + 0.5vw);
  font-size: calc(0.5rem + 0.5vw);
  line-height: calc(0.9em + 0.5vw);
}

#revision {
  clear: both;
  margin: 3em 0 2em 0;
  border-left: 2px dotted #777;
  padding: 1em 0 1em 2em;
  opacity: 0.6;
  font-family: "Montserrat-Regular", Georgia, "Times New Roman", serif;
  font-size: 0.5rem;
  font-size: -webkit-calc(0.5rem + 0.5vw);
  font-size: calc(0.5rem + 0.5vw);
  line-height: calc(0.9em + 0.5vw);
  font-style: italic;
  color: #656456;
}
#revision p {
  margin: 0;
}
#revision ul {
  margin-left: 2em;
}

#eoa {
  clear: both;
  display: block;
  margin: 0 auto;
  margin-top: 80px;
  width: 55px;
  height: 52px;
  text-align: center;
  background: url(a2.png) top left no-repeat;
}

/*
#toc,
#tocentries {
	float: right;
	width: 280px;
	margin: 0 -50px 10px 10px;
	position: relative;
	border: 1px solid #888;
	background-color: #eee;	//#2c2c2c;
	// $defaultSize, $flexSize, $flexHeight, $color: false)
	@include font-group(.6, .6, 1);
	font-family: $fontFamilyVerdana;
	text-align: left;
	color: #aaa;

	h2 {
		margin: 0px;
		padding: 4px 4px 4px 8px;
		border-bottom: 1px dashed #777;
		// $defaultSize, $flexSize, $flexHeight, $color: false)
		@include font-group(1, 1, 1);
		color: #777;
	}

	li {
		list-style: decimal;
		line-height: 1.1em;
		padding: 4px 0;
	}
	ol {
		margin: 0 0 0 25px;
		padding: 0 5px 0 25px;
		// $defaultSize, $flexSize, $flexHeight, $color: false)
		@include font-group(.4, .4, .8);
	}
//	>ol {
//		padding: 15px 8px 8px 8px;
//	}
	ol ol {
		margin-left: 0;
	}
	ol ol li {
		padding: 2px 0;
	}
	a {
		//color: #70ab8f;
		color: #444;	//#555;

		&:hover {
			color: #000;	//#ddd;
		}
	}
}
*/
#attachednotes {
  width: 100%;
  margin: 50px 0 0.4em 0;
  padding: 0.5em 2em;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 0.5rem;
  font-size: -webkit-calc(0.5rem + 0.5vw);
  font-size: calc(0.5rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  text-align: justify;
  color: #666666;
  background-color: #e8e8e8;
  border: 1px solid #ccc;
  -webkit-border-radius: 15px  15px  15px  15px;
  -khtml-border-radius: 15px  15px  15px  15px;
  -moz-border-radius: 15px  15px  15px  15px;
  -ms-border-radius: 15px  15px  15px  15px;
  -o-border-radius: 15px  15px  15px  15px;
  border-radius: 15px  15px  15px  15px;
}
#attachednotes h2 {
  margin: -1px 0 1.6em 0;
  padding: 0;
  font-size: 1.1rem;
  font-size: -webkit-calc(1.1rem + 0.5vw);
  font-size: calc(1.1rem + 0.5vw);
  line-height: calc(1.5em + 0.5vw);
  color: #7f7f7f;
  text-align: right;
}
#attachednotes blockquote {
  margin: 0 0 1.25em 2em;
  padding: 1.25em 0 0.5em;
}
#attachednotes blockquote p {
  margin-left: 2em;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  font-style: italic;
}

@media screen and (min-width: 1024px) {
  div .prev {
    margin-left: -130px;
  }
  div .next {
    margin-right: -130px;
  }
}
@media screen and (max-width: 768px) {
  footer {
    width: 90%;
  }
  #attachednotes h1, #attachednotes h2, #attachednotes h3, #attachednotes h4 {
    font-family: "OpenSans", sans-serif;
  }
  #attachednotes blockquote {
    font-size: 1em;
    line-height: 1.5em;
  }
  #attachednotes blockquote h2 {
    font-size: 1.25rem;
    font-size: -webkit-calc(1.25rem + 0.5vw);
    font-size: calc(1.25rem + 0.5vw);
    line-height: calc(1.5em + 0.5vw);
  }
  .paracapa {
    font-size: 2rem;
    font-size: -webkit-calc(2rem + 0.5vw);
    font-size: calc(2rem + 0.5vw);
    line-height: calc(0.7em + 0.5vw);
  }
  #tags,
  #revision {
    font-size: 0.7rem;
    font-size: -webkit-calc(0.7rem + 0.5vw);
    font-size: calc(0.7rem + 0.5vw);
    line-height: calc(1em + 0.5vw);
  }
}
/*
@media only screen and (max-width: 768px) {
	#revision, 							// article
	.artpagenum { 						// base
		font-family: $font_print;
	}
}
*/
@media screen and (max-width: 640px) {
  footer {
    width: 100%;
  }
}
@media print {
  footer {
    font-family: "OpenSans", sans-serif;
    font-size: 1em;
    line-height: 1.618;
    color: #000;
  }
  a,
  h1, h2, h3, h4,
  h1 a, h2 a, h3 a, h4 a,
  p {
    color: #000;
  }
  #tags,
  #revision {
    display: none;
  }
  .paracapa {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #000;
    text-indent: 0;
    border: none;
    font-size: 1.25em;
  }
  #eoa {
    display: none;
  }
}
/* Gathering Minds : gathering-minds.net */
.artnote {
  clear: both;
  margin: 50px 0;
  padding: 12px 25px;
  border-left: 4px solid #be7b02;
  border-right: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  -webkit-border-radius: 0px  14px  14px  0px;
  -khtml-border-radius: 0px  14px  14px  0px;
  -moz-border-radius: 0px  14px  14px  0px;
  -ms-border-radius: 0px  14px  14px  0px;
  -o-border-radius: 0px  14px  14px  0px;
  border-radius: 0px  14px  14px  0px;
  background-color: #e8e8e8;
}
.artnote .artnotehdr, .artnote .artnotehdr2 {
  padding: 0;
}
.artnote .artnotehdr p,
.artnote .artnotehdr2 p {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: right;
  color: #777;
}
.artnote .artnotehdr h1,
.artnote .artnotehdr2 h1,
.artnote .artnotehdr p {
  margin: 1px 0 0 0;
  font-family: Georgia, serif;
  font-size: 0.7rem;
  font-size: -webkit-calc(0.7rem + 0.5vw);
  font-size: calc(0.7rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  color: #444;
  letter-spacing: 0.15em;
  font-style: italic;
  text-align: right;
}
.artnote .artnotehdr h1 {
  text-align: left;
}
.artnote .artnotebody p,
.artnote .artnotebody2 p {
  text-indent: 0;
  font-size: 0.7rem;
  font-size: -webkit-calc(0.7rem + 0.5vw);
  font-size: calc(0.7rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
}
.artnote .artnotebody blockquote p,
.artnote .artnotebody2 blockquote p {
  margin-left: 1em;
}
.artnote blockquote {
  background-color: #eee;
}
.artnote ol {
  margin-left: 1em;
}

.sidenote {
  float: right;
  display: inline;
  max-width: 20em;
  margin: 1em 0 1em 1em;
  padding: 0 1em;
  border: 1px dashed #e79503;
  background-color: #f5f5f5;
}
.sidenote h1 {
  margin: 0;
  padding-top: 4px;
  font-family: Georgia, serif;
  font-size: 0.7rem;
  font-size: -webkit-calc(0.7rem + 0.5vw);
  font-size: calc(0.7rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
}
.sidenote p {
  margin: 0.5em 0;
  font-size: 0.7rem;
  font-size: -webkit-calc(0.7rem + 0.5vw);
  font-size: calc(0.7rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
}
.sidenote blockquote {
  border-left: 2px solid #95907f;
}

@media only screen and (max-width: 768px) {
  .artnote {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 0.9rem;
    font-size: -webkit-calc(0.9rem + 0.5vw);
    font-size: calc(0.9rem + 0.5vw);
    line-height: calc(1em + 0.5vw);
  }
  .artnote h1, .artnote h2 {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 1rem;
    font-size: -webkit-calc(1rem + 0.5vw);
    font-size: calc(1rem + 0.5vw);
    line-height: calc(1.25em + 0.5vw);
  }
  .artnote .artnotebody p,
  .artnote .artnotebody2 p {
    font-size: 1em;
    line-height: 1.25em;
  }
  .sidenote {
    margin: 6px 0 0.5em 1em;
    font-size: 0.9rem;
    font-size: -webkit-calc(0.9rem + 0.5vw);
    font-size: calc(0.9rem + 0.5vw);
    line-height: calc(1em + 0.5vw);
  }
  .sidenote h1, .sidenote h2 {
    font-size: 1rem;
    font-size: -webkit-calc(1rem + 0.5vw);
    font-size: calc(1rem + 0.5vw);
    line-height: calc(1.25em + 0.5vw);
  }
  .sidenote p {
    font-size: 0.9rem;
    font-size: -webkit-calc(0.9rem + 0.5vw);
    font-size: calc(0.9rem + 0.5vw);
    line-height: calc(1.25em + 0.5vw);
  }
}
* {
  margin: 0 auto;
  padding: 0;
  word-wrap: break-word;
}

html,
body {
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: #f4f1e6 url(_bkn.jpg) top left no-repeat fixed;
}

body {
  font-family: "Palatino", sans-serif;
  font-size: 0.75rem;
  font-size: -webkit-calc(0.75rem + 0.5vw);
  font-size: calc(0.75rem + 0.5vw);
  line-height: calc(1.25em + 0.5vw);
  color: #bbb;
  font-style: normal;
  letter-spacing: 0.06em;
}

a {
  color: #005493;
  text-decoration: none;
}
a:hover, a:focus {
  color: #013C7B;
  text-decoration: underline;
  border-bottom: none;
  transition: color 150ms ease-in;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1.5em 0 0.5em 0;
  font-family: "Palatino", sans-serif;
  color: #4d2f17;
  text-align: left;
  opacity: 0.65;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #4d2f17;
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus {
  color: #005493;
}

h1 {
  display: block;
  margin: 0.25em 0 1.25em 0;
  font-size: 1.5rem;
  font-size: -webkit-calc(1.5rem + 0.5vw);
  font-size: calc(1.5rem + 0.5vw);
  line-height: calc(1.5em + 0.5vw);
  font-style: italic;
  letter-spacing: 0.1em;
  color: #4d2f17;
  border: 0;
}

h2 {
  padding-bottom: 5px;
  color: #4d2f17;
  font-size: 1.4rem;
  font-size: -webkit-calc(1.4rem + 0.5vw);
  font-size: calc(1.4rem + 0.5vw);
  line-height: calc(0.8em + 0.5vw);
  font-style: italic;
  font-variant: small-caps;
  letter-spacing: 1px;
}

h3 {
  font-size: 1.3rem;
  font-size: -webkit-calc(1.3rem + 0.5vw);
  font-size: calc(1.3rem + 0.5vw);
  line-height: calc(0.7em + 0.5vw);
  font-style: italic;
  font-variant: small-caps;
  letter-spacing: 1px;
}

h4, h5, h6 {
  text-decoration: underline;
}

h4 {
  font-size: 1.2rem;
  font-size: -webkit-calc(1.2rem + 0.5vw);
  font-size: calc(1.2rem + 0.5vw);
  line-height: calc(0.6em + 0.5vw);
}

h1 + h2, h2 + h3, hr + h2, hr + h3,
dl + h2, dl + h3, img + h2, img + h3 {
  padding-top: 0;
}

dl + hr {
  margin-top: -19px;
}

article > h1 + img {
  margin-bottom: 38px;
}

img {
  font-size: 0.9rem;
  font-size: -webkit-calc(0.9rem + 0.5vw);
  font-size: calc(0.9rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  color: #888;
}

dd pre, dd li pre {
  margin-left: -80px;
  padding-left: 80px;
}

blockquote {
  margin: 0 2em 2em 2em;
  padding: 1em;
  font-family: "Lato-Regular", Georgia, "Times New Roman", serif;
  font-size: 0.6rem;
  font-size: -webkit-calc(0.6rem + 0.5vw);
  font-size: calc(0.6rem + 0.5vw);
  line-height: calc(1em + 0.5vw);
  color: #000;
  border-left: 3px solid #ccc;
  background-color: #ebe8dd;
}

blockquote p {
  text-indent: 0;
}

hr {
  margin: 0 20% 50px;
  padding: 19px 0;
  line-height: 38px;
  border: none;
  border-bottom: 1px solid #000;
  text-align: center;
  color: inherit;
}

hr::before {
  float: left;
  display: inline-block;
  content: "◆";
  position: relative;
  left: -8px;
  margin: 0 50%;
  padding: 0 4px;
  background-color: inherit;
  cursor: default;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -2em;
}

.resultdate {
  float: right;
  font-size: 80%;
}

.this {
  display: none;
}
@media print {
  .this {
    display: block;
    margin-top: 1em;
    text-align: left;
    font-size: 0.8em;
  }
}

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 1.25rem;
    font-size: -webkit-calc(1.25rem + 0.5vw);
    font-size: calc(1.25rem + 0.5vw);
    line-height: calc(1.25em + 0.5vw);
    text-align: center;
  }
}
@media print {
  .thisref {
    margin-top: 0;
  }
  .thisref a:link,
  .thisref a:visited {
    color: #000;
  }
  #signin {
    display: none;
  }
}
.usericons {
  float: right;
}
.usericons img {
  margin-right: 1em;
  opacity: 0.35;
}
.usericons img:last-child {
  margin-right: 0;
}
.usericons img:hover {
  opacity: 1;
}