body {
  color: #363636;
  font: 12px Arial;
  margin: 20px;
}

.clear {
  clear: both;
}

#header,
#live,
#ad,
#stats,
#forsalebody {
  position: relative;
}

h1 {
  font: 48px Georgia;
  padding: 0;
  margin: 5px 0;
  letter-spacing: -2px;
  text-align: left;
}

h1 a {
  color: #555;
  text-decoration: none;
}

h2 {
  color: #1e8bde;
  margin: 5px 0;
  padding: 5px;
  font: 20px Georgia;
  text-align: left;
  border-bottom: 1px solid #efefef;
}

h2 a {
  text-decoration: none;
  color: inherit;
}

#ranks {
	width: 34px;
	position: absolute;
	top: 0;
	left: 0;
	height: 1050px;
}

#ranks div {
	height: 34px;
	border-right: 1px solid #f2f2f2;
	font: 24px Georgia;
	color: #c6c6c6;
	text-align: center;
	margin-bottom: 8px;
}

.listing {
  position: absolute;
  left: 40px;
  z-index: 5;
}

.listing .title {
  display: block;
  font: 16px Arial;
  color: #00f;
  text-decoration: none;
}

.listing .title:visited {
  color: #551A8B;
}

.listing .listingInfo {
  margin-top: 2px;
  color: #888;
  font: 10px Arial;
}

.listingInfo div {
  float: left;
  padding: 1px 5px 1px 16px;
  border-right: 1px solid #eee;
  background: #fff url('icons.gif') no-repeat;
}

.listingInfo div a {
  color: #888;
  text-decoration: none;
}

.listingInfo div a:hover {
  text-decoration: underline;
}

.listing .score {
  background-position: 0 -48px;
}

.listing .downvotes {
  background-position: 0 -16px;
}

.listing .comments {
  background-position: 0 -32px;
}

.listing .author,
.listing .site,
.listing .storylink,
.listing .subreddit {
  background: #fff;
  padding-left: 5px;
}

.listing .site {
  border-right: 0;
}

#slownotice,
#failnotice,
#bookmarklet,
#popreddit_info {
  position: relative;
  margin: 10px 0;
  padding: 15px;
  background: #f0f0f0;
  font: 13px Georgia;
  color: #999;
}

#bookmarklet a {
  float: right;
  padding: 8px 10px;
  background: #bbe2f5;
  color: #418daf;
  text-decoration: none;
  margin-left: 20px;
}

#failnotice {
  color: #c00;
}

#slownotice .text {
  position: relative;
  z-index: 6;
}

#slownotice .filler {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  z-index: 4;
  background: #f0fcfc;
}

#slownotice .ps {
  font-size: 12px;
  color: #bbb;
  padding-left: 10px;
}
#badsubredditnotice, #badstorynotice {
  position: relative;
  margin: 10px 0;
  padding: 15px;
  background: #f0f0f0;
  font: 13px Georgia;
  color: #999;
}

#inputsubreddit, #inputstory {
  position: absolute;
  right: 39px;
  top: 10px;
  font: 16px Georgia;
  padding: 3px;
}

#submitsubreddit, #submitstory {
  position: absolute;
  top: 10px;
  right: 5px;
  font: 16px Georgia;
  padding: 3px 5px;
  color: #666;
  background: #ddd;
  cursor: pointer;
}

#navbar {
  padding: 10px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin: 10px auto 0 auto;
}

#navbar a,
#viewlinks a {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  font: 14px Georgia;
  color: #999;
  padding: 4px 6px;
  text-decoration: none;
  margin: 0px;
}

#viewlinks a.vlink {
  border: 0;
  margin: 0px 5px;
}

#viewlinks a.vlink.viewing {
  background: #ffa200;
  color: #fff;
}

#navbar a:hover,
#viewlinks a.vlink:hover {
  background: #ddd;
  color: #888;
}

#navbar a.selected {
  background: #bbe2f5;
  color: #418daf;
}

#viewlinks,
#vocabOverview {
  position: relative;
  background: #f9f9f9;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px;
  text-align: right;
  margin-bottom: 10px;
}



#viewlinks h2 {
  position: absolute;
  left: 10px;
  top: 6px;
  color: #1e8bde;
  margin: 0;
  padding: 0;
  font: 20px Georgia;
  text-align: left;
  border-bottom: 0;
}

#viewlinks h2 a {
  text-decoration: none;
  border: 0;
  margin: 0;
  padding: 0;
  color: inherit;
}

#footer {
  position: relative;
  padding: 15px;
  margin: 10px auto;
  border-top: 1px solid #dfdfdf;
  text-align: center;
  font: normal 12px Georgia;
  color: #999;
}

#footer .supported {
  font-size: 16px;
  padding: 8px;
  color: #777;
}

#footer a {
  color: #418daf;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

.comContainer {
  position: relative;
  overflow: hidden;
  height: 0px;
}

.comInner {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
}

.comBody {
  font: 13px Verdana;
  position: relative;
  z-index: 5;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.comBody p {
  margin: 5px 0;
}

.comBody blockquote {
  border-left: 2px solid #336699;
  padding-left: 4px;
  margin-left: 10px;
}

.comLink {
  float: right;
  font-size: 10px;
  color: #999;
  position: relative;
  top: -5px;
  text-decoration: none;
}

.comAuthor {
  height: 15px;
  position: relative;
  top: -1px;
  text-align: right;
  z-index: 6;
}

.comTip {
  float: right;
  margin-right: 25px;
  width: 16px;
  height: 15px;
  background: url('/comments/tip.gif') no-repeat;
}

.comAuthor a {
  position: relative;
  top: 2px;
  right: 6px;
  font: bold 12px Arial;
  color: #888;
  text-decoration: none;
}

.comAuthor a:hover {
  color: #418DAF;
}

#vocabOverview {
  text-align: center;
  padding: 5px;
}

#vocabOverview span {
  position: relative;
  display: block;
  float: left;
  padding: 5px 0;
  font: 11px Arial;
  text-align: center;
  width: 16%;
}

#vocabOverview strong {
  display: block;
  font: normal 25px Georgia;
  margin-top: -5px;
  text-align: center;
  color: #418DAF;
}

#vocabCloud {
  text-align: center;
  margin: 20px 0 30px 0;
  padding: 0 10px;
}

#vocabCloud span.word {
  padding: 3px;
  font-family: Georgia;
  cursor: default;
}

.vocabTip {
  padding: 5px 15px;
  background: #39addc;
  border: 2px solid #bbe3f4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.vocabTip .tip-title {
  font: bold 16px Arial;
  color: #bbe3f4;
  text-align: center;
}

.vocabTip .tip-text {
  font: 28px Georgia;
  color: #fff;
  text-align: center;
}

#vocabHideBar {
  text-align: right;
}

#vocabHideBar select {
  font-size: 11px;
}