/* Meyer reset v2.0*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*End Meyer Reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    color: rgba(0,0,0,0.85);
font-family: Georgia,Cambria,"Times New Roman",Times,serif; font-weight: 400;
font-style: normal; font-size: 21px; line-height: 1.58; letter-spacing: -.003em; text-rendering: optimizeLegibility;
}

html {color: rgba(0,0,0,0.85); background-color:#FEFEFF;}
a {text-decoration: underline dotted; color: rgba(0,0,10,0.85);}
a:hover {color:rgba(0,0,20,0.95); text-decoration: none;}

body {background: url(/static/img/machine.png); 
background-position: top right;background-repeat: no-repeat;
background-attachment:fixed;}

#top-wrapper {width:100%; height: 50px;}
#top {width: 80%; max-width:800px; display:flex; justify-content:space-between; margin:0 auto;}
#top-title {display: block; line-height: 50px; color: rgba(0,0,0,0.95);
        text-decoration: none; font-weight: 400;
        font-family: "IM Fell English", Georgia,Cambria,"Times New Roman",Times,serif;
        font-size: 42px; padding: 0;}

#top-wrapper:hover #top-title {color: rgba(0,0,10,0.99); text-shadow: 1px 1px 5px rgba(0,0,0,0.1); }


#top-menu-wrapper a {line-height:50px; color: rgba(0,0,0,0.55); 
            text-decoration: none; font-weight: 400;
            font-size: 16px; display: inline-block; padding: 0 0 0 1em;}

#top-menu-wrapper a:hover {color: rgba(0,0,0,0.75);}


#footer-wrapper {width:100%; height: 160px;}
#footer {width:80%; max-width:800px; display:flex; justify-content:space-between; margin: 0 auto;
    color: rgba(0,0,0,0.9); text-align: right;}
#footer a {font-size:18px; color: rgba(0,0,0,0.35); text-decoration: none;
            line-height: 160px;}

#footer:hover a {color: rgba(0,0,10,0.55);}

#content, #home-content {margin: 2em auto; width:80%; max-width: 800px; background-color: rgba(254,254,255,0.5); }
h1.title { font-size:38px; line-height:1.15; font-family: Georgia,Cambria,"Times New Roman",Times,serif;
            color: rgba(0,0,0,0.75); font-weight: 600;}
.pubdate {font-size: font-size: 17px; color:rgba(0,0,0,0.25);}

.page-content p {margin-top: 25px;}
.page-content h1 {margin-top:56px; font-weight:600; font-size:34px; line-height:1.15;
                    letter-spacing: -.015em;}
.page-content h2 {margin-top: 34px; font-weight: 600; font-size:24px; line-height: 1.15;
                    letter-spacing: -.015em; color:rgba(0,0,0,0.65);}
.page-content blockquote {font-size: 24px; line-height: 1.4; color: rgba(0,0,0,0.55); padding: 0.5em 2em;}
.page-content pre {font-family: Menlo,Monaco,"Courier New",Courier,monospace; font-size: 16px; padding: 1em; background: rgba(255,255,255,0.5);}
#home-content .item { display:block; margin-bottom:1em;}
#home-content .item p {font-size: 17px; color:rgba(0,0,0,0.55); font-style: italic;
        margin-bottom:0;}
#home-content .item .info-link a, #home-content .item .info-link {font-size: 14px; color: rgba(0,0,0,0.35); text-decoration: none;}

#home-content h1 {margin-top:56px; font-weight:600; font-size:28px; line-height:1.15; letter-spacing: -.015em;
                        margin-bottom: 1em; font-family:Georgia,Cambria,"Times New Roman",Times,serif;
                        color: rgba(0,0,0,0.75)}
#home-content p {font-size: 18px; margin-bottom: 1em;}
#home-content p a {font-size: 18px;}