html {
}
body {
    font-family:serif;
    margin:2em;
    font-size:1.25em;
    background:#fefefe;
    word-break: break-word;
}
ul {
    padding:0;
    margin:0;
}
li {
    list-style-type: none;
}
a {
    color:#000;
}
a:hover {
    color:#ddd;
}

form input {
    font-size: 1em;
    padding:0.25em;
    border: 1px dashed #000;
}
form button {
    font-size:0.96em;
    padding: 0.5em;
}

#nav {
    position:fixed;
}
#nav a {
}
#nav .logo {
    width:70px;
    margin-bottom:1em;
}
#nav .login {
}

.sift_logo {
    width:100%;
}
.sift_logo:hover {
    opacity: 0.25;
}

#content {
    margin-left:100px;
}



.image {
    margin-bottom:3em;
}
.image img {
    max-height:800px;
    max-width:100%;
}


.seen {
    margin-top:0.5em;
    margin-bottom:2em;
    display: flex;
}
.seen_icon {
    display:inline-block;
    width:1.4em;
    height:1.4em;
    border:2px solid #999;
    border-radius:2em;
    padding:0.3em;
    opacity:.6;
}
.seen_icon:hover  {
    opacity:1;
}
.seen ul {
    display:flex;
    padding:0;
    margin:0.5em 0 0 0.5em;
}
.seen ul li {
    display:inline-block;
}


.description {
    max-width:800px;
}

.meta {
    margin-top:2em;
    font-style: italic;
    color:#999;
    line-height:1.25em;
    font-size:0.9em;
}
.meta ul li {
}
.meta a {
    color:#999;
}

.pagination {
    margin:1em 0;
    max-width:600px;
}

.pagination a {
    margin:0 0.12em;
    line-height:1.5em;
    display: inline-block;
}
.pagination a.current {
    text-decoration: none;
    color:#aaa;
}


 /*Large screens */
@media only screen and (min-width: 1024px) {
    body {
        font-size:1em;
        /*margin:1em;*/
    }
}