/* Based on news.ycombinator.com/news.css (relevant subset) */
body { font-family: Verdana, Geneva, sans-serif; font-size: 10pt; color: #828282; }
td { font-family: Verdana, Geneva, sans-serif; font-size: 10pt; color: #828282; }

a:link { color: #000000; text-decoration: none; }
a:visited { color: #828282; text-decoration: none; }

.title { font-family: Verdana, Geneva, sans-serif; font-size: 10pt; color: #828282; overflow: hidden; }
.subtext { font-family: Verdana, Geneva, sans-serif; font-size: 7pt; color: #828282; }
.comhead { font-family: Verdana, Geneva, sans-serif; font-size: 8pt; color: #828282; }
.pagetop { font-family: Verdana, Geneva, sans-serif; font-size: 10pt; color: #222222; line-height: 12px; }
.hnname { margin-left: 1px; margin-right: 5px; }

#hnmain { min-width: 796px; }

.title a { word-break: break-word; }

.pagetop a:visited { color: #000000; }

.subtext a:link, .subtext a:visited { color: #828282; }
.subtext a:hover { text-decoration: underline; }

.votearrow {
  width: 10px;
  height: 10px;
  border: 0px;
  margin: 3px 2px 6px;
  background: url("/static/triangle.svg") no-repeat;
  background-size: 10px;
  cursor: default;
}

/* clone additions */
.noai { font-size: 7pt; color: #3c2103; background: #fff; padding: 1px 3px; margin-right: 6px; vertical-align: 1px; }
.topsel { color: #ffffff; }

/* /hidden page */
.hidden-note { font-size: 8.5pt; color: #828282; margin: 4px 0 10px; }
.reason { font-size: 7.5pt; color: #b0aeac; font-style: italic; }

/* footer divider + tagline */
.foot-divider { border: 0; border-top: 1px solid #d8d8c8; margin: 14px 0 6px; }
.tagline { font-size: 8pt; color: #828282; margin: 0 0 10px; }
.tagline a:link, .tagline a:visited { color: #828282; text-decoration: none; }
.tagline a:hover { text-decoration: underline; }

/* mobile device (mirrors news.ycombinator.com/news.css) */
@media only screen and (min-width : 300px) and (max-width : 750px) {
  #hnmain { width: 100%; min-width: 0; }
  body { padding: 0; margin: 0; width: 100%; }
  td { height: inherit !important; }
  .title, .comment { font-size: inherit; }
  span.pagetop { display: block; margin: 3px 5px; font-size: 12px; line-height: normal; }
  span.pagetop b { display: block; font-size: 15px; }
  .title { font-size: 11pt; line-height: 14pt; }
  .subtext { font-size: 9pt; }
  .votearrow { transform: scale(1.3,1.3); margin-right: 6px; }
  .votelinks { min-width: 18px; }
  .noai { margin: 0 6px 3px 0; }
  .foot-divider { margin: 14px 5px 6px; }
  .tagline { margin: 0 5px 10px; }
}