@font-face {
    font-family: 'eb_garamondregular';
    src: url('/fonts/ebgaramond-regular-webfont.woff2') format('woff2'),
         url('/fonts/ebgaramond-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: optional;

}
/* @group Reset */

html, body, div, span, applet, object, iframe,
nav,header,section,article,aside,footer,
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;
    vertical-align: baseline;
    background-color: transparent;
    font-weight: normal;
    font-family: inherit;
}
/* @end Reset */

/* @group Elements */

body {
    background-color: #fcfcf9;
    color: #313233;
    font-size: 100%;
    line-height: 1.5; /* 24px Baseline grid */
    font-family: 'Adobe Garamond Pro', 'Garamond Premier Pro', 'Adobe Caslon Pro', 'Baskerville Regular', Garamond, Caslon, Baskerville, 'eb_garamondregular', Palatino, 'Times New Roman', Georgia, serif;
    border-top: 0.25rem solid #246; /* 4px */
}
p {
    margin-top: 0.25rem; /*  4px */
    margin-bottom: 1rem; /* 16px */
}
li {
    margin-left: 1.5rem; /* 24px */
}

em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
pre {
     white-space: pre-wrap;
}
abbr {
    text-decoration: none;
}
audio,
object {
    margin: 0.75rem 0; /* 12px */
}
th,td {
    text-align: left;
    padding: 0.375rem; /*  6px */
}
:target {
    background-color: #f9f9f6;
}
:target .header {
    background-color: #f6f3f0;
}

/* @group links */

a:link,
a:visited {
    color: #456789;
}
a:hover,
a:focus {
    background-color: #456789;
    color: #fcfcf9;
    text-decoration: none;
}
a:active {
    background-color: #234567;
    color: #fcfcf9;
    text-decoration: none;
}

/* @end links */

/* @group headings */

h1 {
    font-size: 2.5rem; /* 40px */
    line-height: 1.2; /* 48px */
}
h2 {
    font-size: 1.75rem; /* 28px */
    line-height: 1.4286; /* 40px */
}
h3 {
    font-size: 1.25rem; /* 20px */
}
h4 {
    font-size: 1.125rem; /* 18px */
    line-height: 1.3333; /* 24px */
}
h1 a,
h2 a,
h3 a {
    text-decoration: none;
}

/* @end headings */

/* @group forms */

label {
    cursor: pointer;
    font-variant: small-caps;
    font-size: 0.875rem; /* 14px */
    letter-spacing: 0.125rem; /*  2px */
}
input,
select,
textarea,
button {
    font-size: 1rem; /* 16px */
    font-family: inherit;
}
input:focus,
textarea:focus {
    background-color: #fffff0;
}
form li {
    list-style: none;
    margin: 1rem 0;
}
form li label {
    display: block;
}
form li input,
form li select,
form li textarea {
    width: 100%;
    box-sizing: border-box;
    border: 0.1875rem double #999; /* 3px */
}
form label em {
    color: #900;
}

button {
    text-transform: uppercase;
    letter-spacing: 0.125rem; /*  2px */
    line-height: 1.25; /* 20px */
    padding: 0.25rem 0.5rem 0.125rem; /* 4px 8px 2px */
    background-color: #c60;
    color: #ffe;
    border: 0.1875rem double #fcfcf9; /* 3px */
    cursor: pointer;
    transition: color .25s, background-color .25s;
}
button:hover,
button:focus {
    color: #930;
    background-color: #fed;
    border: 0.1875rem double #c60; /*  3px */
}
button[disabled] {
    color: #fc9;
    background-color: #fed;
    border: 0.1875rem double #fc9; /* 3px */
}
button[disabled]:hover,
button[disabled]:focus {
    cursor: inherit;
}

/* @end forms */

/* @group quotes */

blockquote {
    font-family: inherit;
    font-style: italic;
    font-size: 1.125rem; /* 18px */
    line-height: 1.6667; /* 30px */
    margin-top:  0.75rem; /* 12px */
    margin-bottom: 0.75rem; /* 12px */
    padding: 0 2.5rem 0.75rem; /* 40px 12px */
    background-image: url(data:image/gif;base64,R0lGODlhFQAQAMQAAPz8+czMzN7e3fn59urq6NjY18/Pz9LS0uTk4/Dw7u3t6/Pz8fb28+Hh4NXV1Nvb2ufn5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAAVABAAAAWFICCOgIIw5DgQyJASRxAQ6SDIQaIWsqGTBIPMsRgtYoGHi9TAIUgDYUCQAhBwNNItcFiOGFIqiYGtInAo0ln2Izlw1QdOUcUF0iPe0Cuyi0dbPQJ0IkgyBw1FABB2OAUigXYNAAONcAAJljIia3YGeZYHgI1ZlHpzJAsNBQ9tIwoCBQKKIQA7);
    background-position: 0.375rem top; /* 6px */
    background-repeat: no-repeat;
}
blockquote p:last-child,
blockquote fieldset:last-child  {
    display: inline;
    background-image: url(data:image/gif;base64,R0lGODlhFQAQAMQAAPz8+czMzN7e3fn59urq6NjY18/Pz9LS0uTk4/Dw7u3t6/Pz8fb28+Hh4NXV1Nvb2ufn5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAAVABAAAAWDIAAsQiEoYgokT9EsqhLMczGkBD0L6aHXKcMvgBANZwnj8dY48gCFI0S0aPhoh5RCIKQ9UwKdCjBw0Apjhngsmz3GAJoDnqAVVerZXZWbMcZhAQZ/KgNXXyJ9AQRwgQY3KQg0DWMDDzMHMFRmgowqCV02KXU7kDiYnikDCASmeAgocCEAOw%3D%3D);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-right: 1.875rem; /* 30px */
}
blockquote p {
    margin-top: 0.375rem; /*  6px */
    margin-bottom: 0.75rem; /* 12px */
}
form blockquote {
    position: relative;
    font-style: normal;
}
form blockquote fieldset {
    margin-top: 0.125rem; /*  2px */
    margin-bottom: 1.25rem; /* 20px */
    color: #666;
}
form blockquote fieldset label {
    font-size: inherit;
    color: #000;
    display: inline;
    font-variant: normal;
    letter-spacing: normal;
}
form blockquote input {
    font-size: inherit;
    background-color: transparent;
    border: none;
    border-bottom: 0.0625rem dashed #ccc; /* 1px */
    font-family: "Courier New",monospace;
    font-style: normal;
    font-weight: bold;
    margin: 0 0.5rem; /* 8px */
}
form blockquote input:focus {
    border-bottom: 0.0625rem solid #ccc; /* 1px */
}
form blockquote .passwordtoggle {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* @end quotes*/

/* @end  Elements */

/* @group Attributes */

a[rel~="prev"],
a[rel~="next"] {
    text-decoration: none;
    font-size: 0.875rem; /* 14px */
    letter-spacing: 0.125rem; /* 2px */
}
a[rel~="prev"] {
    background-image: url(data:image/gif;base64,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);
    background-position: left;
    background-repeat: no-repeat;
    padding: 0.5rem 0 0.5rem 60px;
    float: left;
}
a[rel~="next"] {
    background-image: url(data:image/gif;base64,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%3D);
    background-position: right;
    background-repeat: no-repeat;
    padding: 0.4275rem 60px 0.4375rem 0; /* 7px */
    float: right;
}
a[rel~="prev"]:hover,
a[rel~="prev"]:focus,
a[rel~="next"]:hover,
a[rel~="next"]:focus {
    color: #369;
    text-decoration: underline;
    background-color: transparent;
}
a[download] {
    float: left;
    font-size: 0.875rem; /* 14px */
    margin-right: 0.875rem; /* 14px */
    text-decoration: none;
    letter-spacing: 0.125rem; /*  2px */
    border-top: 0.1875rem double #666; /* 3px */
    border-bottom: 0.1875rem double #666; /* 3px */
    padding: 0 0.4275rem; /* 7px */
    margin-bottom: 0.875rem; /* 14px */
}
a[download]:hover {
    border-top-color: #fcfcf9;
    border-bottom-color: #fcfcf9;
}

/* @end Attributes */

/* @group Classes */

.feedback {
    background-color: #ffc;
    border-color: #c63;
    border-style: solid;
    border-top-width: 0.0625rem;
    border-bottom-width: 0.0625rem; /*  1px */
    padding: 0.75em 2.5em; /* 12px 40px */
    margin-bottom: -2.5em; /*-40px */
}
.pagination {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.fineprint {
    font-size: 0.75rem; /* 12px */
}
.fineprint * {
    font-size: 1em;
}
.metadata {
    font-size: 0.875rem; /* 14px */
    font-variant: small-caps;
    letter-spacing: 0.0625rem; /* 1px */
}
.alternative {
    text-align: right;
}
.instructions {
    font-size: 1.25rem; /* 20px */
}
.instructions li {
    list-style-type: lower-roman;
}
.instructions button,
.instructions button:hover,
.instructions button:focus {
    font-size: 0.875rem; /* 14px */
    line-height: 1;
    padding: 0 0.4375rem; /* 7px */
    cursor: auto;
    background-color: #369;
    color: #fff;
    border: 0.0625rem solid #246; /* 1px */
}
.photo {
    margin: 0.0625rem; /* 1px */
    border: 0.1875rem double #cacbcc; /* 3px */
    box-shadow: 0 0.0625rem 0.1875rem #cacbcc; /* 1px 3px */
}
.choices li {
    margin-top: 0.25rem; /*  4px */
    margin-bottom: 1rem; /* 16px */
}
.passwordtoggle {
    display: block;
}
.passwordtoggle label {
    display: inline;
}
form li .passwordtoggle input,
.section .section form li .passwordtoggle input {
    width: auto;
}

/* @group button */

a.button,
.networking button {
    display: inline-block;
    text-decoration:none;
    font-variant: small-caps;
    letter-spacing: 0.0625rem; /* 1px */
    line-height: 1.4286; /* 20px */
    padding: 0 1rem 0; /* 16px */
    border: 0.0625rem solid #246; /* 1px */
    transition: color .25s, background-color .25s;
}
a.button:link,
a.button:visited,
.networking button {
    background-color: #369;
    color: #fff;
    border: 0.0625rem solid #246; /* 1px */
}
a.button:hover,
a.button:focus,
a.button:active,
.networking button:hover,
.networking button:focus {
    background-color: #fff;
    color:  #369;
    border: 0.0625rem solid #246; /* 1px */
}

/* @end button */

/* @group hAtom */

.hfeed {
    list-style: none;
    padding-bottom: 1.25rem; /* 20px */
}
.hentry,
li.hentry {
    margin-left: 0;
    border-top: 0.125rem solid #979899; /* 2px */
    border-bottom: 0.0625rem solid #979899; /* 1px */
    margin-top: 0.0625rem; /* 1px */
    position: relative;
    overflow: hidden;
    clear: both;
    background-color: #fcfcf9;
    transition: background-color .25s;
}
.hentry:hover {
    background-color: #f9f9f6;
}
.hentry h3.entry-title {
    border-bottom: 0.0625rem dotted #ccc; /* 1px */
    background-color: #fcfcf9;
    transition: background-color .25s;
}
.hentry:hover h3.entry-title {
    background-color: #f6f3f0;
}
.hentry h3.vcard a.url img.photo {
    border: 0.1875rem double #cacbcc; /* 3px */
    width: 1.25rem; /* 20px */
    height: 1.25rem; /* 20px */
    float: left;
    margin-left: -2.5rem;  /*-40px */
}
.hentry h3.vcard a:link img.photo,
.hentry h3.vcard a:visited img.photo {
    border-color: #cacbcc;
    box-shadow: 0 0.125rem 0.25rem #cacbcc; /* 2px 4px */
}
.hentry h3.vcard a:hover img.photo,
.hentry h3.vcard a:focus img.photo {
    border-color: #979899;
    box-shadow: 0 0.125rem 0.25rem #979899; /* 2px 4px */
}
.hentry p.author {
    clear: both;
    text-align: right;
    color: #747474;
    font-variant: small-caps;
    font-size: 0.875rem; /* 14px */
    letter-spacing: 0.125rem; /*  2px */
}
.hentry .author a {
    text-decoration: none;
}
.hentry .button {
    position: relative;
    float: right;
    margin-top: 0.1875rem; /* 3px */
    margin-left: 0.1875rem; /* 3px */
}
.hentry cite {
    display: block;
    font-style: normal;
    font-variant: normal;
    letter-spacing: 0;
    font-size: 1rem; /* 16px */
    line-height: 1.25; /* 20px */
}
.hentry cite.entry-title {
    font-size: 1.25rem; /* 20px */
}
.hentry cite.entry-title a {
    text-decoration: none;
}
.hentry cite.entry-title a img {
    float: right;
}
.hentry form {
    margin: 0 0 2.5rem; /* 40px */
}

/* @end hAtom*/

/* @group feed */

.feed {
    clear: both;
    padding-bottom: 2.5rem; /* 40px */
}
.feed li {
    list-style: none;
    margin: 0;
    padding: 0.625rem 0; /* 10px */
    border-bottom: 0.0625rem dotted #cacbcc; /* 1px */
}

/* @end feed */

/* @group tags */

.tagged {
    text-align: right;
    font-size: 0.6875rem; /* 11px */
    font-family: Verdana,sans-serif;
}
.tags {
    font-size: 0.875rem; /* 14px */
    border-top: 0.125rem solid #979899; /* 2px */
    margin-top: 0.125rem; /* 2px */
    margin-bottom: 2.5rem; /* 40px */
    text-align: justify;
}
.tags table {
    border-collapse: collapse;
    width: 100%;
    background-color: #fcfcf9;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: .25s;
}
.tags table:hover {
    background-color: #f6f3f0;
}
.tags table tbody {
    background-color: #fcfcf9;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: .25s;
}
.tags table:hover tbody {
    background-color: #f9f9f6;
}
.tags table thead {
    border-bottom: 0.0625rem dotted #ccc; /* 1px */
}
.tags table thead th {
    font-size: 1.75rem; /* 28px */
}
.tags table tbody {
    border-bottom: 0.125rem solid #999; /* 2px */
}
.tags table tbody th {
    font-size: 1.3125rem; /* 21px */
    width: 16.67%;
}
.tags table th a:link,
.tags table th a:visited {
    background-color: transparent;
    color: #313233;
}
.tags table:hover thead th a,
.tags table tbody tr:hover th a,
.tags table th a:hover,
.tags table th a:focus {
    background-color: #313233;
    color: #fff;
}
.tags table tbody td {
    text-align: justify;
}

.tags a {
    text-decoration: none;
    word-wrap: break-word;
    margin-right: 0.4375rem; /* 7px */
}
.scarce {
    font-size: 0.5rem; /*  8px */
}
.scarce-rare {
    font-size: 0.5625rem; /*  9px */
}
.rare {
    font-size: 0.625rem; /* 10px */
}
.rare-unusual {
    font-size: 0.6875rem; /* 11px */
}
.unusual {
    font-size: 0.75rem; /* 12px */
}
.unusual-infrequent {
    font-size: 0.8125rem; /* 13px */
}
.infrequent {
    font-size: 0.875rem; /* 14px */
}
.infrequent-common {
    font-size: 0.9375rem; /* 15px */
}
.common {
    font-size: 1rem; /* 16px */
}
.common-frequent {
    font-size: 1.0625rem; /* 17px */
}
.frequent {
    font-size: 1.125rem; /* 18px */
}
.frequent-popular {
    font-size: 1.1875rem; /* 19px */
}
.popular {
    font-size: 1.25rem; /* 20px */
}
.popular-rife {
    font-size: 1.3125rem; /* 21px */
}
.rife {
    font-size: 1.375rem; /* 22px */
}
.rife-ubiquitous {
    font-size: 1.4375rem; /* 23px */
}
.ubiquitous {
    font-size: 1.5rem; /* 24px */
}

.aside .scarce,
.aside .scarce-rare {
    font-size: 0.625rem; /* 10px */
}
.aside .rare
.aside .rare-unusual {
    font-size: 0.6875rem; /* 11px */
}
.aside .unusual,
.aside .unusual-infrequent {
    font-size: 0.75rem; /* 12px */
}
.aside .infrequent,
.aside .infrequent-common {
    font-size: 0.8125em; /* 13px */
}
.aside .common,
.aside .common-frequent {
    font-size: 0.875rem; /* 14px */
}
.aside .frequent,
.aside .frequent-popular {
    font-size: 0.9375rem; /* 15px */
}
.aside .popular,
.aside .popular-rife {
    font-size: 1rem; /* 16px */
}
.aside .rife,
.aside .rife-ubiquitous {
    font-size: 1.0625rem; /* 17px */
}
.aside .ubiquitous {
    font-size: 1.125rem; /* 18px */
}

.scarce:link,
.scarce:visited {
    background-color: transparent;
    color: #ececec;
}
.scarce:hover,
.scarce:focus {
    background-color: #ececec;
    color: #fff;
}

.scarce-rare:link,
.scarce-rare:visited {
    background-color: transparent;
    color: #e6e6e6;
}
.scarce-rare:hover,
.scarce-rare:focus {
    background-color: #e6e6e6;
    color: #fff;
}
.rare:link,
.rare:visited {
    background-color: transparent;
    color: #eee;
}
.rare:hover,
.rare:focus {
    background-color: #eee;
    color: #fff;
}
.rare-unusual:link,
.rare-unusual:visited {
    background-color: transparent;
    color: #ddd;
}
.rare-unusual:hover,
.rare-unusual:focus {
    background-color: #ddd;
    color: #fff;
}
.unusual:link,
.unusual:visited {
    background-color: transparent;
    color: #ccc;
}
.unusual:hover,
.unusual:focus {
    background-color: #ccc;
    color: #fff;
}
.unusual-infrequent:link,
.unusual-infrequent:visited {
    background-color: transparent;
    color: #bbb;
}
.unusual-infrequent:hover,
.unusual-infrequent:focus {
    background-color: #bbb;
    color: #fff;
}
.infrequent:link,
.infrequent:visited {
    background-color: transparent;
    color: #aaa;
}
.infrequent:hover,
.infrequent:focus {
    background-color: #aaa;
    color: #fff;
}
.infrequent-common:link,
.infrequent-common:visited {
    background-color: transparent;
    color: #999;
}
.infrequent-common:hover,
.infrequent-common:focus {
    background-color: #999;
    color: #fff;
}
.common:link,
.common:visited {
    background-color: transparent;
    color: #888;
}
.common:hover,
.common:focus {
    background-color: #888;
    color: #fff;
}
.common-frequent:link,
.common-frequent:visited {
    background-color: transparent;
    color: #777;
}
.common-frequent:hover,
.common-frequent:focus {
    background-color: #777;
    color: #fff;
}
.frequent:link,
.frequent:visited {
    background-color: transparent;
    color: #666;
}
.frequent:hover,
.frequent:focus {
    background-color: #666;
    color: #fff;
}
.frequent-popular:link,
.frequent-popular:visited {
    background-color: transparent;
    color: #555;
}
.frequent-popular:hover,
.frequent-popular:focus {
    background-color: #555;
    color: #fff;
}
.popular:link,
.popular:visited {
    background-color: transparent;
    color: #444;
}
.popular:hover,
.popular:focus {
    background-color: #444;
    color: #fff;
}
.popular-rife:link,
.popular-rife:visited {
    background-color: transparent;
    color: #333;
}
.popular-rife:hover,
.popular-rife:focus {
    background-color: #333;
    color: #fff;
}
.rife:link,
.rife:visited {
    background-color: transparent;
    color: #222;
}
.rife:hover,
.rife:focus {
    background-color: #222;
    color: #fff;
}
.rife-ubiquitous:link,
.rife-ubiquitous:visited {
    background-color: transparent;
    color: #111;
}
.rife-ubiquitous:hover,
.rife-ubiquitous:focus {
    background-color: #111;
    color: #fff;
}
.ubiquitous:link,
.ubiquitous:visited {
    background-color: transparent;
    color: #000;
}
.ubiquitous:hover,
.ubiquitous:focus {
    background-color: #000;
    color: #fff;
}

/* @end tags */

/* @group networking */

.networking {
    position: relative;
    float: right;
    margin: 0;
}
.networking button {
    font-family: "Courier New", monospace;
    margin-right: 0;
    margin-top: 0.1875rem; /*  3px */
    margin-left: 0.1875rem; /*  3px */
}

/* @end networking*/

/* @end Classes*/

/* @group Structure */

[role="navigation"],
[role="banner"],
[role="main"],
[role="contentinfo"] {
    max-width: 90em;
    margin: 0 auto;
}

.nav,
.header,
.message,
.section {
    margin-left: 1rem; /* 16px */
    margin-right: 1rem; /* 16px */
}

/* @group nav */

.nav li {
    list-style: none;
    margin: 0.0625rem 0; /*  1px */
}
.nav li a {
    display: block;
    font-size: 1.25rem;    /* 20px */
}
.nav form {
    margin: 1rem 0 0; /* 16px */
}
.nav form label,
.nav form input,
.nav form button {
    vertical-align: middle;
}
.nav input[type='search'] {
    -webkit-appearance: textfield;
    line-height: 1;
    max-width: 50%;
}
.nav button {
    font-size: 0.875rem; /* 14px */
    background-color: #369;
    color: #fff;
}
.nav button:hover,
.nav button:focus {
    background-color: #fff;
    color: #369;
    border-color: #369;
}

/* @end nav */

/* @group header#logo */

.header#logo {
    line-height: 1;
    margin-top: 1rem; /* 16px */
    margin-bottom: 0.0625rem; /*  1px */
    border-bottom: 0.125rem solid #646566; /* 2px */
}
.header#logo img,
.header#logo object {
    font-size: 2.5rem; /* 40px */
    max-width: 100%;
    margin: 0;
}
.header#logo a img,
.header#logo a object {
    margin-top: 1.25rem; /* 20px */
}
.header#logo a,
.header#logo a:link,
.header#logo a:visited,
.header#logo a:hover,
.header#logo a:focus,
.header#logo a:active {
    display: inline-block;
    background-color: transparent;
    border: none;
}

/* @end header#logo */

/* @group section */

.section h2 {
    border-bottom: 0.0625rem solid #979899; /* 1px */
    margin-bottom: 0.0625rem; /* 1px */
}

.section .header {
    margin: 0 0 2.5rem; /* 40px */
    border-top: 0.0625rem solid #646566; /* 1px */
    border-bottom: 0.125rem solid #979899; /* 2px */
}
.section .header .button {
    float: right;
    margin-top: 0.1875rem; /*  3px */
    margin-left: 0.1875rem; /*  3px */
}
.section .header .metadata {
    color: #666;
}
.section .header.vcard h1 .photo {
    vertical-align: text-top;
    width: 2.5rem; /* 40px */
    height: 2.5rem; /* 40px */
}
.section .section {
    margin-left: 0;
    margin-right: 0;
}

/* @end section */

/* @group aside */

.aside a img {
    margin: 0.0625rem 0 0.125rem 0.125rem; /* 1px 0 2px 2px */
}
.aside a:link img,
.aside a:visited img {
    border: 0.1875rem double #cacbcc; /* 3px */
    box-shadow: 0 0.125rem 0.25rem #cacbcc; /* 2px 4px */
}
.aside a:hover img,
.aside a:focus img {
    border-color: #979899;
    box-shadow: 0 0.125rem 0.25rem #979899; /* 2px 4px */
}
.aside h3 a img {
    float: right;
}
.aside .info {
    clear: both;
    border-top: 0.125rem solid #979899; /*  2px */
    margin-top: 0.0625rem; /* 1px */
    margin-bottom: 2.5rem; /* 40px */
}
.header .aside .info {
    margin-bottom: 0;
}

/* @group aside related */

.aside .related li {
    list-style: none;
    margin-left: 0;
    clear: both;
}
.aside .related a {
    text-decoration: none;
    font-variant: small-caps;
}
.aside .related a img {
    float: left;
    margin-right: 0.5rem; /* 8px */
}

/* @end aside related */

/* @group aside photos */

.aside .photos {
    clear: both;
    overflow: hidden;
    padding-top: 2.5rem; /* 40px */
}
.aside .photos img {
    float: left;
}

/* @end aside photos */

/* @group aside elsewhere */

.aside .elsewhere li {
    list-style: none;
}
.aside .elsewhere li img {
    width: 1rem;    /* 16px */
    height: 1rem; /* 16px */
    margin-left: -1rem; /* -16px */
}

/* @end aside elsewhere */

/* @group aside share */

.aside .share li {
    list-style: none;
    overflow: hidden;
}
.aside .share label {
    width: 4rem; /* 64px */
    float: left;
}
.aside .share input {
    width: 75%;
    float: right;
    font-family: "Courier New", monospace;
    font-size: 0.75rem; /* 12px */
    line-height: 1;
}

/* @end aside share */

/* @end aside */

/* @group footer */

.footer {
    background-color: #343536;
    color: #f3f6f9;
    border-bottom: 0.25rem solid #232425;/*  4px */
    border-top: 0.0625rem solid #646566; /*  1px */
    padding: 1rem; /* 16px */
}
.footer a:link,
.footer a:visited {
    color: #80a0c1;
}
.footer a:hover,
.footer a:focus,
.footer a:active {
    color: #fff;
}
.footer dt {
    font-size: 1.25rem; /* 20px */
    line-height: 1; /* 20px */
}
.footer ul {
    clear: both;
    margin: 1rem 0; /* 16px */
    padding: 1rem 0; /* 16px */
}
.footer li {
    display: inline-block;
    margin-left: 0;
    margin-right: 1.25rem; /* 20px */
}
.footer .info {
    border-top: 0;
}
/* @end footer */

/* @end Structure */

/* @group Pages */

/* @group popup */

body.popup .nav,
body.popup #logo,
body.popup .header,
body.popup .section {
    min-width: 0;
    margin: 0;
    padding: 0;
    border-top: 0;
}
body.popup .section {
    padding: 0 1.25em; /* 20px */
}
body.popup form {
    margin: 0;
}
body.popup form li {
    margin: 0.5rem 0; /* 8px */
}
body.popup form li .passwordtoggle input {
    width: auto;
}

/* @end popup */

.about h2 {
    border: none;
}

/* @end Pages */

@media all and (min-width: 30em) {

    /* @group Elements */

    blockquote {
        margin-left: -2.5rem; /* 40px */
    }
    li {
        margin-left: 0;
    }
    form {
        margin: 0 2.5rem; /* 40px */
    }

    button,
    .button,
    .networking a {
        font-size: 0.875rem; /* 14px */
    }
    .nav button {
        font-size: 0.75rem; /* 12px */
    }

    /* @end Elements */

    /* @group Classes */

    /* @group hAtom */

    .hfeed {
        padding-left: 2.5rem; /* 40px */
    }
    .hentry,
    li.hentry {
        margin-left: -2.5rem; /* 40px */
        padding-left: 2.5rem; /* 40px */
    }
    .hentry h3.entry-title {
        margin-left: -2rem; /* 40px */
        padding-left: 2rem; /* 40px */
        padding-right: 2rem; /* 40px */
    }

    /* @end hAtom*/

    /* @group prose */

    .prose p,
    .prose li,
    .prose dl {
        margin-left: 2.5rem; /* 40px */
    }
    .prose .instructions li {
        margin-left: 2rem; /* 40px */
    }
    .prose ul,
    .prose ol {
        margin-bottom: 1rem;
    }
    .prose ul li {
        list-style: disc;
    }

    /* @end prose */

    /* @group feed */

    .feed .data {
        margin-left: 2.5rem; /* 40px */
    }
    .feed .description {
        margin-left: 2.5rem; /* 40px */
    }

    /* @end feed */

    /* @end Classes */

    /* @group Structure */

    .nav,
    .header,
    .message,
    .section {
        display: block;
        margin-left: 2.5rem; /* 40px */
        margin-right: 2.5rem; /* 40px */
        max-width: 90em;
        position: relative;
        overflow: hidden;
    }

    /* @group nav */

    .nav {
        padding: 0.25rem 0; /*  4px */
        margin-right: 0;
    }
    .nav ul {
        display: inline;
        position: relative;
        margin-left: 2.5rem; /* 40px */
    }
    .nav li {
        display: inline;
        margin: 0 0.25rem 0 0; /*  4px */
    }
    .nav li a {
        display: inline-block;
        font-size: 1rem; /* 16px */
    }
    .nav form {
        margin: 1rem 0 0 2.5rem; /* 16px 0 0 40px */
    }

    /* @end nav */

    /* @group header#logo */

    .header#logo {
        margin: 3.75rem 2.5rem 0.0625rem; /* 60px 40px 1px */
    }
    .header#logo img,
    .header#logo object {
        padding-left: 2.5rem; /* 40px */
    }
    .header#logo a {
        background-image: url(data:image/gif;base64,R0lGODlhKAAPAPcAAP///yksLvb39zc8Qp6goyAiJRgaHCIkJhQWGT5BRVFVWRcYGisuMCYpK1xhZWxyexIWGG1yduXm6TE0Nj1AQ/r6+h4hJGFpchYYGY2RloOGiv7+/kVJTH2Bhb7AxUNGSRYaHsbIykBERy4xM/n5+f39/RgZGnF1emRpbyYpLDE1OTk9QBQWF9na3dvc3h4jKR8gIuHi4iImKSgrLr2+vhocHs3Oz6qtrpufpdTV2S4zOcDCxENJThwfIrCztDI2OERHSaKkpkJFRxweIDY5Om5wcnp9giUnKWZqcq+ytBseIdLS06WoqklNURsiKsLEyhwgIayusPP09FFVV3Z5ex4iJRkcHh8lKnx+hTk7PhweHhMWFzU6P4iNlhIUFxoeIT0/QkxRVK+xtLS3un+Difj4+B0gIzAyNL6/wPHx8g4REh0gJN7f4hkcHS0xNLO1tRASFMnJy3d9hVldYh0gIq2wth0fIe7u7ktPUjAyM6mvuTI4Pe/v8FtfY19hZfLy8xscHX6Agqipq2RoaRoeIKanqE5TVSQlJx0eIezs7O3u79LU1RwgIkpNUDQ2OTI3PHd7gNfY293e3lpdXiEhI0FDRsPExVtfZMvO1a+yuBweIZucoScqK5yeouvs7ebn58LDw7e6v8bGx+jp6nN1dyInLB0hI7i7w5OXnUpPVJGSlLm6u7u8vf79/R4hJkRJS/T09fX29mhqbWludp6iqEhLTh4iJhseHywxM0xOURcaG3uAh9/h47S1thkdII+WohsdIGBmbTE1O66xsvv7+42Qkn2DilFWXTg8PxAUFREUFjQ4PFdcXzc5PDc6PYiMk4yPlGttcRETFG1vcRkeJhofIby/xxseIBsfIYKEhZiZnZmcnZyenyQoK01QU+3t70dOVU9QVElPWC4wMSMoKzw+PyEoLhwfIefo6F5fYoGHkO3u7T9FTVRYW1ZaXsjJzXyBiMvMzV5iY9HT1VldYYuRmZidpc/R1vz8/Pz9/aWor6eorKerrvDw8bu9wgAAACH5BAEAAAAALAAAAAAoAA8AAAj/AAEIJAGA2LpP8SzdIEAgiI84llYJomHjzoZYAjMKLCNwQysBfPqVEbAIjQ8xGVAo4PLCyZUBex4loNANRCkR8opxAyWpBEEp796gScKPCQ5UtN4N48FugA5z1Jw40SHsVQIVB5RAqHGgyosvEGQsE+HnDYAdEVAcE3cB3AV1v/TkkDMrGBkyKJDUg8ajmxkZuizIoJDiXAFyjKr5MgBhhpEwyCIgeQBPzoMMvCQA8HSRWIl8f5JACgDixwdm7bw54GIAmCkLa17b6WHrSwMsKJ4ZO9UFRwyNGuMM4KKiyRR6CqyucOfMThsodOgUuAUFmxkL2YzgwCEB0xM2G4AL/6yQac4rRzAOLRixot2HCUJGNChgZci1Nm1qWJkWKsS9b2w84UIJ4mVEhSsHFEDIEWfUwoEIAdQwTjlEaLKAAQYsYIIypADQQhob5OCBZgUK5EIT3uTSyAcNNBMAGM5Iw4IJQ6SQgCMHtGEFHLIAAMsfAFhjzzwYlZjIJBAgMgQL0kyAxxRgtKGLFoAUcAYlBhzQABxFjDLGDQDos8sYxJQIQAlLhDNDAAz8kAUQM1RSwAJDYIDBFnZy0oAa6YjRgQaRnNBBHVKYKVA2PQQQwBFbEAHEAV4gYCcLyXgBAxWBUBDNPpd0kEEqEXRBopkxCFEABAgwMIISFgQwQh4TNFEDhB+CpNFCFNqQMgEWffwQgSotGCrQEqLQsE0UhQQRRC+s0ICGDejgQ1AOm5yACy5zuIGMCEX4I+xAAFQggEBFFqhIJycMUoQDQjhgyAk+BAQAOw%3D%3D);
        background-repeat: no-repeat;
        background-position: -40px 75%;
    }
    .header#logo a:hover,
    .header#logo a:focus {
        background-position: 0 75%;
    }

    /* @end header#logo */

    /* @group section */

    .section {
        padding-bottom: 2.5rem; /* 40px */
    }

    .section h2 {
        padding-left: 2.5rem; /* 40px */
    }

    /* @group section aside */

    .section .aside .info {
        padding-left: 2.5rem; /* 40px */
    }
    .section .aside blockquote {
        margin-left: -2.5rem; /* -40px */
        padding-left: 2.5rem; /* 40px */
    }

    /* @end section aside */

    /* @group section header */

    .section .header {
        padding-left: 2.5rem; /* 40px */
    }
    .section .header.vcard h1 {
        margin-left: -2.5rem; /* 40px */
        padding-left: 2.5rem; /* 40px */
        background-repeat: no-repeat;
        background-position: left;
    }
    .section .header .section {
        overflow: visible;
    }
    .section .header .aside h2 {
        padding-top: 0.0125rem; /* 2px */
        padding-bottom: 0.0125rem; /* 2px */
    }
    .section .header .aside .pagination {
        margin-bottom: 0;
    }

    /* @end section header */

    .section .section .sorting {
        float: right;
        padding-top: 0.625rem; /* 10px */
    }

    /* @group section nav */

    .section .nav {
        margin: 0;
        padding: 0;
        min-width: 0;
    }
    .section .nav h2 {
        padding-left: 1.125rem; /* 20px */
    }
    .section .nav .tags {
        padding-left: 1.125rem; /* 20px */
        text-align: left;
    }
    .section .nav .tags a {
        display: block;
    }

    /* @end section nav */

    .section .header .aside h2 {
        margin-left: -1.875rem; /* 30px */
        padding-left: 1.875rem; /* 30px */

    }
    .section .header .aside .info {
        margin-left: -1.875rem; /* -30px */
        padding-left: 1.875rem; /* 30px */
    }

    /* @end section */

    /* @group footer */

    .footer {
        clear: both;
        margin-top: 2.5rem; /* 40px */
        padding: 2.5rem 2.5rem 5rem 5rem; /* 40px 40px 80px 80px */
    }

    /* @end footer*/

    /* @end Structure */

}

@media all and (min-width: 60em) {

    form li input,
    form li select,
    form li textarea {
        width: 61.8034%;
    }

    a.button[href="#subscribe"] {
        display: none;
    }
    .tags table thead th {
        padding: 1.75rem 0.375rem 0.375rem 2.5rem; /*  28px 6px 6px 40px */
    }
    .tags table tbody th {
        padding: 0.375rem 0.375rem 0.375rem 2.5rem; /*  6px 6px 6px 40px*/
    }

    /* @group nav */

    .nav ul {
        float: left;
    }
    .nav form {
        float: right;
        margin: 0 1rem 0 2.5rem; /* 0 16px 0 40px */
    }

    /* @end nav */

    /* @group section */

    .section {
        position: relative;
        overflow: hidden;
    }

    .section .section {
        width: 61.8034%;
        float: left;
        min-width: 330px;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
    }
    .section .section form li input,
    .section .section form li select,
    .section .section form li textarea {
        width: 100%;
    }

    /* @group section aside */

    .section .aside {
        width: 38.1966%;
        float: right;
    }
    .section .aside h2 {
        margin-left: 2.5rem; /* 40px */
        padding-left: 1.875rem; /* 30px */
    }
    .section .aside .info {
        margin-left: 2.5rem; /* 40px */
        padding-left: 1.875rem; /* 30px */
    }
    .section .aside .tags {
        margin-left: 2.5rem; /* 40px */
    }
    .section .aside .pagination {
        margin-top: -2.5rem; /*-40px */
        margin-bottom: 2.5rem; /* 40px */
    }
    .section .aside blockquote {
        margin-left: -1.875rem; /* -30px */
        padding-left: 1.875rem; /* 30px */
    }

    /* @end section aside */

    /* @group section header aside */

    .section .header .aside h2 {
        margin-left: 1.875rem; /* 30px */
        padding-left: 1.875rem;
    }
    .section .header .aside .info {
        margin-left: 1.875rem; /* 30px */
        padding-left: 1.875rem; /* 30px */
        margin-bottom: 2.5rem; /* 40px */
    }

    /* @end section header aside */

    /* @end section  */

    /* @group aside hfeed */

    .aside .hfeed {
        padding-bottom: 3.75rem; /* 60px */
    }
    .aside .hentry {
        margin-left: 0;
        padding-left: 1.875rem; /* 30px */
    }
    .aside .hentry+.hentry {
        border-top: 0;
        margin-top: 0;
    }
    .aside .hentry h3.vcard a.url img.photo {
        margin-left: -1.875rem; /*-30px */
    }
    .aside .hentry form li input,
    .aside .hentry form li select,
    .aside .hentry form li textarea {
        width: 90%;
    }

    /* @end aside hfeed */

    /* @group about */

    .about {
        clear: both;
        overflow: hidden;
    }
    .about .prose {
        margin: 0 25%;
    }
    .about .illustration {
        width: 25%;
        max-width: 300px;
        margin-bottom: 2.5rem; /* 40px */
    }
    .about .before {
        float: left;
        margin-right: 2.5rem; /* 40px */
    }
    .about .after {
        float: right;
        margin-left: 2.5rem; /* 40px */
    }

    /* @end about */

    /* @group feed */

    .feed li {
        clear: both;
        position: relative;
        overflow: hidden;
    }
    .feed .data {
        width: 38.1966%;
        min-width: 330px;
        margin-left: 2.5rem; /* 40px */
        clear: left;
        float: left;
    }
    .feed .description {
        clear: right;
        margin-left: 38.1966%;
        padding-left: 5rem; /* 80px */
        margin-top: 0.5rem; /*  8px */
    }

    /* @end feed */

}