/* Overall Page Colours */

body {
    background-color: #f6f6ef;
}

#hnmain {
    background-color: white !important;
}

/* Fonts */

/* ... change this to define *overall* font size */

body {
    font-size: medium;
}

/* ... derived values */

td { font-size: 1em; }

.default { font-size: 1em; }
.admin {font-size: 0.85em; }
.title { font-size: 1.1em; }
.subtext { font-size: 0.8em; }
.yclinks { font-size: 0.8em; }
.pagetop { font-size: 1em; }
.comhead { font-size: 0.9em; }
.comment { font-size: 1em; }
.morelink { font-size: 0.8em; }

input, textarea {
    font-size: 1em;
    font-family: courier, monospace;
}


/* 'Graphs */

.default p {
    line-height: 1.4;
    margin: 0.75rem 0 0 0;
}

/* Elements */

.votelinks {
    padding-right: 0.125em;
}

.votearrow {
    background-size: 0.8rem;
    height: 0.8rem;
    width: 0.8rem;
}

.title, .titleline, .title a {
    color: #000 !important;
    padding-left: 0.125em;
}

.comhead, .comhead a {
    color: #999;
}

.comhead a:link {
    color: #000;
    color: #888;
}

.toptext {
    color: #000;
    margin-top: 2em;
}

/* Story metadata / subtext */

.subtext,
.subtext a,
.subtext a:visited {
    color: #888;
}

.comhead,
.comhead a,
.comhead a:link,
.subtext a:visited {
    color: #666;
}

.comment {
    padding-top: 0.75em;
}

.subtext .hnuser,
.subtext a.hnuser,
.comhead .hnuser,
.comhead a:link.hnuser {
    color: #666;
    font-weight: bold;
    padding-right: 0.75em;
}

.yclinks,
.yclinks a,
.yclinks a:link,
.yclinks a:visited {
    color: #666;
}

.yclinks a:hover {
    color: #000;
    text-decoration: underline;
}

.subtext a:hover,
.comhead a:hover {
    color: #000;
}

[id^="unv_"] {
    font-style: italic;
}

.navs a[href^="flag?"] {
    font-weight: bold;
}

/* User page profile description */
[op="user"] td {
    color: #000;
}


/* The one place that hasn’t been corrupted by capitalism:   Space!!! */

#pagespace {height: 3em !important; }
.spacer { height: 0.75em !important; }
.subtext { padding-top: 0.3em; }


/* Comment spacing */

.athing .default {
    padding-bottom: 1.25em;
    padding-top: 0.25em;
    margin-top: 0.25em;
    border-top: solid 1px #ddd;
}


/* Highlight current page selection in pagetop */
[op="newest"] .pagetop [href="newest"],
[op="threads"] .pagetop [href^="threads"],
[op="front"] .pagetop [href="front"],
[op="newcomments"] .pagetop [href="newcomments"],
[op="ask"] .pagetop [href="ask"],
[op="show"] .pagetop [href="show"],
[op="jobs"] .pagetop [href="jobs"],
[op="submit"] .pagetop [href="submit"],
[op="user"] .pagetop [href^="user"] {
    font-weight: bold;
    color: #fff;
}


/* More link / button ... */
.morespace + tr .title {
    margin: 0.6em;
    padding: 0.6em;
}

.morelink {
    font-size: 0.85em;
    border: solid 2px #ffbbaa;
    border-radius: 0.25em;
    padding: 0.2em;
    margin: 0.3em;
    background: #f0f0f0;
}

/* Profile page ... increase spacing between elements / links to avoid misfires */

.profileform td {
    padding-bottom: 1em;
}

/* HN startup job ads */

.athing td:nth-of-type(2):not(.votelinks) {
    background: #ddd;
}

.athing td:nth-of-type(2):not(.votelinks):before {
    content: "Ad";
    position: relative;
    left: 0.4em;
    top: 0;
    color: #000;
}


/* HN mobile votes */

.votelinks {
    min-width: 1.5em;
}

.votearrow {
    width: 1.5em;
    height: 1.5em;
    background-size: 1.5em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}