body, html {
  font-family:Verdana;
  font-size:10pt;
  height:100%;
}
ul {
  list-style-type:none;
  padding:0;
  margin:0
}
a {
  color:#000;
  cursor:pointer;
  text-decoration:none
}
#wrapper {
  position: relative;
  width: 85%;
  min-height: 80px;
  margin: 0 auto;
}
#header {
  background-color:#f60;
  height:24px;
  position:relative
}
#header h1 {
  font-weight:700;
  font-size:13px;
  display:inline-block;
  vertical-align:middle;
  margin:0
}
#header .source {
  color:#fff;
  font-size:11px;
  position:absolute;
  top:4px;
  right:4px
}
#header .source a {
  color:#fff
}
#header .source a:hover {
  text-decoration:underline
}
#yc {
  border:1px solid #fff;
  margin:2px;
  display:inline-block;
  vertical-align:middle
}
#yc img {
  vertical-align:middle
}
.view {
  position:absolute;
  width:100%;
  transition:opacity .1s ease;
  box-sizing:border-box;
  padding:8px 20px;
  background-color: #f6f6ef;
}
.view.v-enter, .view.v-leave {
  opacity:0
}
.news-view {
  padding-left:0;
  padding-right:0
}
.news-view.loading:before {
  content:"Loading...";
  position:absolute;
  top:16px;
  left:20px
}
.news-view .nav {
  padding:10px 10px 10px 40px;
  margin-top:10px;
  border-top:2px solid #f60
}
.news-view .nav a {
  margin-right:10px
}
.news-view .nav a:hover {
  text-decoration:underline
}
.item {
  padding:2px 0 2px 40px;
  position:relative;
  transition:background-color .2s ease;
  display: block
}
.item p {
  margin:2px 0
}
.item .title:visited {
  color:#828282
}
.item .index {
  color:#828282;
  position:absolute;
  width:30px;
  text-align:right;
  left:0;
  top:4px
}
.item .domain, .item .subtext {
  font-size:11px;
  color:#828282
}
.item .domain a, .item .subtext a {
  color:#828282
}
.item .subtext a:hover {
  text-decoration:underline
}
.item-view .item {
  padding-left:0;
  margin-bottom:30px
}
.item-view .item .index {
  display:none
}
.item-view .poll-options {
  margin-left:30px;
  margin-bottom:40px
}
.item-view .poll-options li {
  margin:12px 0
}
.item-view .poll-options p {
  margin:8px 0
}
.item-view .poll-options .subtext {
  color:#828282;
  font-size:11px
}
.comhead {
  color:#828282;
  font-size:11px;
  margin-bottom:8px
}
.comhead a {
  color:#828282
}
.comhead a:hover {
  text-decoration:underline
}
.comhead .toggle {
  margin-right:4px
}
.comment-content {
  margin:0 0 16px 24px
}
.child-comments {
  margin:8px 0 8px 22px
}
.user-view {
  color:$gray
}
.user-view li {
  margin:5px 0
}
.user-view .label {
  display:inline-block;
  min-width:60px
}
.user-view .about {
  margin-top:1em
}
.user-view .links a {
  text-decoration:underline
}
