/* Clearing
-------------------------------------------------------------------------------------- */
#main:after,
#content:after,
ul#nav:after,
ul#filternav:after,
form div.row:after,
div.post:after,
div.post div.content:after,
div.meta:after,
div.tools:after,
div.tools div.boxright:after,
div.tools div.boxright ul:after,
#comments:after,
div.comment:after,
div.comment div.entry:after,
div.comment-meta:after,
div.comment-links:after,
div.comment-links ul:after,
ul#rightnav:after,
div.sidebox:after,
div.footer:after,
div.footer ul.footer-links:after,
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }


/* General Page Structure
-------------------------------------------------------------------------------------- */
body {
	background-color: #d8d8d8;
	margin: 0;
	padding: 0;
}
#wrapper {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px #555;
	-moz-box-shadow: 0px 0px 10px #555;
	box-shadow: 0px 0px 10px #555;
	margin: 0 auto;
	padding: 0;
	width: 990px;
}
#main {
	padding: 15px 20px;
}
#content {
	float: left;
	padding: 0 0 0 15px;
	width: 695px;
}
#sidebar {
	float: right;
	width: 220px;
}


/* General Styles
-------------------------------------------------------------------------------------- */
a img {	border: none; }


/* General Typography
-------------------------------------------------------------------------------------- */
body {
	font: 12px/1.5 Arial, Helvetica, sans-serif;
}
#content {
	text-align: justify;
}
#sidebar {
	color: #8a8a8b;
	font-size: 0.9167em; /* 11px */
}
h1, h2, h3, h4, h5, h6, p, ol, ul {
	margin: 0 0 1em;
}
h1, h2 {
	color: #333;
	font-size: 1.3333em; /* 16px */
	margin: 0 0 0.75em;
}
h1 {
	font-size: 20px;
	font-weight: bold;
}
h2 a {
	color: #538d4d;
	text-decoration: none;
}
ol, ul {
	margin-left: 40px;
	padding: 0;
}
a {
	color: #6a8a6b;
	text-decoration: underline;
}
a:visited {
	color: #8a8a8b;
}
h2 a:visited:hover, a:hover, div.tools a:hover {
	color: #3d3d3e;
}
h2 a:visited {
	color: #5a5a5b;
}
div.tools a {
	color: #8a8a8b;
}
.hide-text {
    position: absolute;
    width: 0;
    overflow: hidden;
}


/* Forms
-------------------------------------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}
input, select, textarea, button {
	border: 1px solid #8a8a8b;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font: 1em Arial, Helvetica, sans-serif;
	padding: 2px;
}


/* Tabs on link submision page
-------------------------------------------------------------------------------------- */
.tabs {
	  margin-left: 0;
    list-style-type: none;
    white-space: nowrap;
    display: block;
    vertical-align: bottom;
		padding-left: 10px;
		margin-top: 5px;
		border-bottom: 3px solid #538d4d;
}

.tabs ul {
    list-style: none;
    margin: 0;
		padding: 0;
}

.tabs li {
	font-size: 15px;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: inline;
}

.tabs li a {
	font-weight: normal;
	outline: none;
	padding: 5px 12px 3px 12px;
	vertical-align: bottom;
	border: 1px solid #999;
	border-bottom: none;
	text-decoration: none;
	background-color: #f7f7f8;
	position: relative;
	bottom: 4px;
 }

.tabs li.selected a {
  color: #fff;
	font-size: 130%;
  background-color: #538d4d;
	border: none;
	z-index: 100;
}

.tabs a {

}

.tabs .selected a {
    font-weight: bold;
}

.tab-pane:not(.active) {
	display: none;
}

/* Header
-------------------------------------------------------------------------------------- */
#header {
  background: url(/static/header_background.jpg) no-repeat top left;
  height: 103px;
  text-align: right;
}
a#logo {
  display: block;
  float: left;
  margin: 35px 10px 0 35px;
}
img#tagline {
  display: block;
  float: left;
  margin: 45px 0 0;
}
a#miri,
a#fhi,
a#cfar {
  display: block;
  float: right;
  height: 0;
  padding-top: 69px;
  overflow: hidden;
  margin: 45px 18px 0 0;
}
a#miri {
  background: url(/static/miri.png?20130215-2) no-repeat top left;
  width: 78px;
  background-position: 0 -78px;
  margin-top: 44px;
}
a#fhi {
  background: url(/static/FHI_diamond.png?20120720) no-repeat top left;
  width: 67px;
  background-position: 0 -78px;
}
a#cfar {
  background: url(/static/cfar.png?20120720) no-repeat top left;
  width: 69px;
  background-position: 0 -78px;
}
a#miri:hover, a#fhi:hover, a#cfar:hover {
  background-position: 0 0px;
}


/* Nav Menu
-------------------------------------------------------------------------------------- */
ul#nav {
	border-bottom: 1px solid #c9c7c7;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0 0 10px;
}
ul#nav li {
	border-right: 1px solid #c9c7c7;
	float: left;
	font-size: 15px;
	line-height: 1;
	margin: 0 25px 0 0;
	padding: 0 25px 0 0;
	position: relative;
	text-transform: uppercase;
}
ul#nav li:last-child {
	border-right: none;
}
ul#nav li a {
	color: #999;
	text-decoration: none;
}
ul#nav li.active a {
	color: #666666;
	font-weight: bold;
}
ul#nav li a:hover {
	color: #777;
}
ul#nav li.right {
	float: right;
}
ul#nav li img.dropdown {
	cursor: pointer;
	vertical-align: middle;
}
ul#nav li ul {
	background-color: #fff;
	border: 1px solid #c9c7c7;
	display: none;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
}
ul#nav li ul li {
	border-right: none;
	float: none;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
	position: static;
	text-transform: none;
}
ul#nav li ul li a {
	display: block;
	padding: 2px 10px;
}
ul#nav li ul li a:hover {
	background-color: #eee;
}
ul#filternav {
	border-bottom: 1px solid #c9c7c7;
	list-style: none;
	margin: 0 0 10px;
	padding: 8px 0;
}
ul#filternav li {
	border-right: 1px solid #c9c7c7;
	float: left;
	line-height: 1;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
}
ul#filternav li a {
	color: #9b9a9a;
	text-decoration: none;
}
ul#filternav li.active a {
	color: #666666;
	font-weight: bold;
}
ul#filternav li:last-child {
	border-right: none;
}

#post-filter {
	position: relative;
	margin-bottom: 10px;
	z-index: 999;
}
#post-filter div.filter-active {
	background: url(/static/disclosure-triangle.gif) no-repeat 0 2px;
	color: #666666;
	cursor: pointer;
	font-size: 11px;
	padding-left: 18px;
}
#post-filter div.open {
	background-position: 0 -16px;
}
#post-filter div.filter-options {
	background-color: #fff;
	border: 1px solid #c9c7c7;
	display: none;
	font-size: 11px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	z-index: 999;
}
#post-filter div.filter-options a {
	display: block;
	padding: 2px 10px;
	text-decoration: none;
}
#post-filter div.filter-options a:hover {
	background-color: #eee;
}


/* Post
-------------------------------------------------------------------------------------- */
div.post {
	clear: both;
	margin: 5px 0 10px;
}
body.post div.post {
	padding: 10px 0 0;
}
div.meta {
	color: #7f7f83;
	line-height: 22px;
	margin: 0 0 12px;
}
div.meta > span {
	display: block;
	float: left;
	margin-right: 15px;
}
div.meta span.date {
	color: #999;
	font-style: italic;
}
div.meta span.votes {
	margin: 0 5px 0 0;
}
div.meta span.votes span.votes {
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
        border: 2px solid #538d4d;
	height: 18px;
	line-height: 18px;
	margin: 0;
	padding: 0 7px;
	font-weight: bold;
	text-align: center;
}
div.editors-pick div.meta span.votes span.votes {
	color: #fff;
	background-color: #538d4d;
        border: none;
	height: 22px;
	line-height: 22px;
	padding: 0 9px;
}
div.meta span.editors-pick {
	color: #538d4d;
	font-weight: bold;
}
div.meta span.author a {
	font-weight: bold;
	text-align: none;
	text-decoration: none;
}
div.content a.more {
	clear: both;
	color: #538d4d;
	float: right;
	text-align: right;
}
div.tools {
	border-top: 1px solid #c9c7c7;
	border-bottom: 1px solid #c9c7c7;
	line-height: 18px; /* Same height as vote circles */
	margin: 12px 0 0;
	padding: 10px 0;
	position: relative;
}
body.post div.tools a {
	color: #538d4d;
}
div.tools div.vote {
	float: left;
}
div.tools div.vote a {
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 0;
	margin-right: 5px;
	overflow: hidden;
	padding: 20px 0 0;
	width: 14px;
}
div.tools div.vote a:hover, div.tools div.vote a.mod {
	background-position: 0 -20px;
}
div.tools div.vote a.up {
	background-image: url(/static/vote-up.gif);
}
div.tools div.vote a.down {
	background-image: url(/static/vote-down.gif);
}

div.tools a.comment {
	float: left;
	margin-left: 10px;
	margin-bottom: 1em;
}
body.post div.tools a.comment {
	font-weight: bold;
}
div.tools div.boxright {
	float: right;
}
div.tools ul {
        float: right;
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.tools ul li {
	border-left: 1px solid #dedede;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
body.post div.tools ul li {
	border-color: #538d4d;
}
div.tools ul li:first-child {
	border-left: none;
}
div.tools a.save, div.tools a.edit, div.tools a.hide, div.tools a.subscription {
	cursor: pointer;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 20px 0 0;
	width: 16px;
}
div.tools a.save:hover, div.tools a.save.mod,
div.tools a.subscription:hover, div.tools a.subscription.mod,
div.tools a.edit:hover,
div.tools a.hide:hover, div.tools a.hide.mod,
div.tools a.sub:hover, div.tools a.sub.mod,
div.tools a.unsub:hover, div.tools a.unsub.mod {
	background-position: 0 -20px;
}
div.tools a.save {
    background: url(/static/save-button.gif) no-repeat 0 0;
}
div.tools a.subscription {
    background: url(/static/subscribe.png);
    width: 20px;
}
div.tools a.edit {
    background-image: url(/static/edit.png);
}
div.tools a.hide {
    background-image: url(/static/hide.png);
    width: 26px;
}
div.tools a.sub{
    background-image: url(/static/agree-button.gif);
    width: 20px;
}
div.tools a.unsub{
    background-image: url(/static/disagree-button.gif);
    width: 20px;
}

div.tools div.tags {
	clear: both;
	padding-left: 20px;
}
div.tools div.tags span {
	color: #538d4d;
	font-weight: bold;
}
div.tools div.tags a {
	color: #8a8a8b;
	margin: 0 5px;
}
div.tools img.landscape {
	bottom: 5px;
	display: block;
	float: right;
	margin: 10px 0 0;
	position: absolute;
	right: 10px;
}
div.tools li.delete,
div.tools li.promote,
div.tools li.ban,
div.tools li.subscribe {
	line-height: 20px;
}
div.tools a.license {
	cursor: pointer;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 16px 0 0;
        margin-top: 2px;
	width: 16px;
	background: url(/static/cc-logo.png) no-repeat 0 0;
}
div.tools a.license:hover {
	background-position: 0 -16px;
}

/* Meetup
-------------------------------------------------------------------------------------- */
body.meetup-index div.post,
body.meetup div.post {
	padding: 30px 0 0;
}
body.meetup-index h1 strong,
body.meetup h1 strong {
	text-transform: uppercase;
}
body.meetup-index #map {
	background-color: #eee;
	height: 500px;
	margin: 0 0 20px;
	width: 695px;
}
div.meetup-listing {
	margin-top: 20px;
}
div.meetup-listing div#siteTable {
    clear: none;
}
div.meetup-listing ul {
	color: #6A8A6B;
	font-size: 13px;
        margin-top: 30px;
	margin-left: 20px;
}
div.meetup-listing ul li {
	margin: 0 0 5px;
}
div.meetup-content {
	float: left;
	width: 445px;
        text-align: left;
}
div.meetup-meta {
	margin: 0 0 20px;
}
div.meetup-meta p {
	margin: 0;
}
div.meetup-meta p strong {
	text-transform: uppercase;
}
body.meetup div.post div.content {
	margin: 0 0 30px;
}
#front-map,
#meetup-map,
body.meetup #map {
	background-color: #eee;
	height: 300px;
	margin: 0;
}


/* Comments and Messages
-------------------------------------------------------------------------------------- */
#comment-controls {
	float: right;
	position: relative;
}
#comment-controls div.filter-inactive, #comment-controls div.filter-active {
	color: #666666;
	font-size: 11px;
	padding-left: 18px;
}
#comment-controls div.filter-active {
	background: url(/static/disclosure-triangle.gif) no-repeat 0 2px;
	cursor: pointer;
}
#comment-controls div.open {
	background-position: 0 -16px;
}
#comment-controls div.filter-options {
	background-color: #fff;
	border: 1px solid #c9c7c7;
	display: none;
	font-size: 11px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 20px;
}
#comment-controls div.filter-options a {
	display: block;
	padding: 2px 10px;
	text-align: right;
	text-decoration: none;
}
#comment-controls div.filter-options a:hover {
	background-color: #eee;
}

#comments {
	clear: both;
}
#comments h2 {
	color: #333;
	float: left;
	font-weight: bold;
	font-size: 16px;
}
form#comment-listing {
	float: right;
}
form#comment-listing label {
	padding-right: 5px;
}
div.comment, div.message {
	background-color: #f7f7f8;
	border: 1px solid #bbbcbf;
	clear: both;
	margin: 0 0 12px;
	padding: 5px;
}
div.comment {
	margin: 10px 0px 0px 0px;
	padding: 2px 0 2px 15px;
}
div.comment div.entry {
	padding-right: 15px;
}
div.comment div.comment {
	margin-right: -1px !important;
}
div.comment div.comment,
div.comment div.comment div.comment div.comment,
div.comment div.comment div.comment div.comment div.comment div.comment,
div.comment div.comment div.comment div.comment div.comment div.comment div.comment div.comment,
div.message div.message,
div.message div.message div.message div.message,
div.message div.message div.message div.message div.message div.message,
div.message div.message div.message div.message div.message div.message div.message div.message {
	background-color: #fff;
	margin: 10px 0 8px;
}
div.comment div.comment div.comment,
div.comment div.comment div.comment div.comment div.comment,
div.comment div.comment div.comment div.comment div.comment div.comment div.comment,
div.comment div.comment div.comment div.comment div.comment div.comment div.comment div.comment div.comment,
div.message div.message div.message,
div.message div.message div.message div.message div.message,
div.message div.message div.message div.message div.message div.message div.message,
div.message div.message div.message div.message div.message div.message div.message div.message div.message {
	background-color: #f7f7f8;
}
.new-comment,
div.comment div.new-comment {
    border: 5px solid #eed1ee !important;
    padding: 0 0 0 10px !important;
    margin-right: 0 !important;
}
div.retracted {
    text-decoration: line-through;
}
div.comment-meta {
	color: #7f7f83;
}
div.comment-meta span {
	float: left;
	font-size: 13px;
	margin: 0 10px 0 0;
}
div.comment-meta span.comment-author {
	text-align: left;
}
div.comment-meta span.comment-author a {
	color: #538d4d;
	font-weight: bold;
	text-decoration: none;
}
div.comment-meta span.comment-date {
	color: #999;
	font-style: italic;
	margin: 0 20px 0 0;
}
div.comment-meta span.votes {
	color: #538d4d;
}
div.comment-meta a.expand {
	float: right;
}
div.message .tagline {
    padding: 0 5px;
    margin: 0;
}
div.message .head.new {
    color: orangered;
}
div.message .subject {
    color: #538d4d;
    padding: 0 5px;
    margin: 0;
}
div.message-content {
	clear: both;
	padding: 9px 5px 0;
}
div.comment-content {
	clear: both;
	padding: 9px 0 0;
}
div.comment-links, div.message-links {
	padding: 0 5px 5px;
}
div.comment-links {
	padding: 0 0 2px;
        margin-top: -10px;
}
div.comment-links ul, div.message-links ul {
	list-style: none;
	margin: 0;
}
div.comment-links ul li, div.message-links ul li {
	border-right: 1px solid #bbbcbf;
	float: left;
	line-height: 1em;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
div.comment-links ul li:last-child, div.message-links ul li:last-child {
	border-right: none;
}

div.tools span.error, div.comment-links span.error {
    clear: left;
    display: block;
    padding-top: 5px;
    margin: 0;
    line-height: 1em;
}
div.comment-links span.error {
    padding-top: 10px;
}

div.comment-links ul {
	float: right;
}
div.comment-links ul.votes {
	float: left;
}
div.comment-links ul li {
	border-right: none;
	margin: 0 0 0 5px;
	padding: 0;
}
div.comment-links ul.votes li {
	margin: 0 5px 0 0;
}
div.comment-links ul li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 0;
        overflow: hidden;
	padding: 20px 0 0;
}
div.comment-links ul li a:hover, div.comment-links ul li a.mod {
	background-position: 0 -20px;
}
div.comment-links ul li.up a {
	background-image: url(/static/vote-up.gif);
	width: 14px;
}
div.comment-links ul li.subscribe a{
    background-image: url(/static/subscribe.png);
    width: 20px;
}
div.comment-links ul li.down a {
	background-image: url(/static/vote-down.gif);
	width: 14px;
}
div.comment-links ul li.reply a {
	background-image: url(/static/reply-button.png);
	width: 24px;
}
div.comment-links ul li.permalink a {
	background-image: url(/static/permalink-button.gif);
	width: 25px;
}
div.comment-links ul li.save {
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	padding: 0 5px;
}
div.comment-links ul li.save a {
	background-image: url(/static/save-button.gif);
	width: 16px;
}
div.comment-links ul li.agree a {
	background-image: url(/static/agree-button.gif);
	width: 20px;
}
div.comment-links ul li.disagree a {
	background-image: url(/static/disagree-button.gif);
	width: 20px;
}
div.comment-links ul li.edit a {
	background-image: url(/static/edit.png);
	width: 20px;
}
div.comment-links ul li.retract a {
	background-image: url(/static/retract.png);
	width: 20px;
}
div.comment-links ul li.report a {
	background-image: url(/static/report.png);
	width: 20px;
}
div.comment-links ul li.parent a {
	background-image: url(/static/parent.png);
	width: 20px;
}
div.comment-links ul li.hide a {
	background-image: url(/static/hide.png);
	width: 20px;
}
div.comment-links ul li.subscribe a.sub {
    background-image: url(/static/agree-button.gif);
    width: 20px;
}
div.comment-links ul li.subscribe a.unsub {
    background-image: url(/static/disagree-button.gif);
    width: 20px;
}
/* Allow the 'yes/no' popup text to appear */
div.comment-links ul li.delete a.yes, div.comment-links ul li.delete a.no,
div.comment-links ul li.retract a.yes, div.comment-links ul li.retract a.no  {
    background-image: none;
    width: auto;
    display: inline;
    float: none;
}

/* Temporary styling for text buttons until we have icons */
div.comment-links ul li.delete a, div.comment-links ul li.unban a,
div.comment-links ul li.ban a, div.comment-links ul li.ignore a {
    height: 20px;
    padding-top: 4px;
}


/* Sidebar
-------------------------------------------------------------------------------------- */
#sidebar {

}
#sidebar h2 {
	color: #58585a;
	font-size: 1em;
	text-transform: uppercase;
}
#sidebar h2 a {
	color: #58585a;
}
#sidebar h2 a:hover {
	text-decoration: underline;
}
#sidebar h3 {
	font-size: 1em;
}
#sidebar a {
	text-decoration: none;
}
#sidebar a:hover {
	text-decoration: underline;
}
#sidebar ul {
	list-style: none;
	margin: 0;
}
#sidebar ul li {
	margin: 0 0 10px;
}
#sidebar ul li:last-child {
	margin: 0;
}
#sidebar div.spacer {
	clear: both;
}
div.sidebox {
	background-color: #f5f5f5;
	border-top: 1px solid #d6d5d6;
	padding: 15px;
}
div.sidebox form {
	clear: both;
}
div.sidebox form div.row {
	margin: 0 0 5px;
}
div.sidebox label {
	clear: both;
	font-size: 1em; /* 11px */
	float: left;
	line-height: 1.81; /* ~20px same height as input */
	width: 44px;
}
div.sidebox input {
	width: 140px;
}
div.sidebox select {
	width: 146px;
}
#side-user,
#side-sort,
#side-search,
#side-login {
	padding-bottom: 5px;
}
#side-search {
	background-color: transparent;
	border: none;
	margin: 0 0 15px;
	padding: 0;
}
#side-search input.text {
	background-position: 5px center !important;
	border: 1px solid #e4e4e4 !important;
	-webkit-box-shadow: inset 2px 2px 2px #dbdbdb;
	-moz-box-shadow: inset 2px 2px 2px #dbdbdb;
	box-shadow: inset 2px 2px 2px #dbdbdb;
	font: 12px Arial, Helvetica, sans-serif;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 6px 4px 6px 9px !important;
    width: 205px;
}
#side-search input.submit {
	display: none;
}
#side-status {
	margin: 0 0 1em;
}
#side-status div.userinfo {
	float: left;
  clear: left;
	width: 92px;
}
#side-status h2 {
  float: left;
  text-transform: none;
}
#side-status div.userinfo span {
	color: #538d4d;
	clear: both;
	float: left;
	display: block;
}
#side-status div.userinfo span.label {
	font-size: 0.9090em; /* 10px */
	line-height: 1.1em;
	margin: 0 0 3px;
}
#side-status div.userinfo span.score,
#side-status div.userinfo span.monthly-score {
	background-color: #538d4d;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	color: #fff;
	height: 22px;
	line-height: 22px;
	margin: 0 3px 0 0;
	padding: 0 9px;
	font-weight: bold;
	text-align: center;
}
#side-status div.userinfo span.monthly-score {
        background-color: #8fba75;
        margin-top: 3px;
}

#side-status div.userinfo span.role {
	font-weight: bold;
	line-height: 22px;
}

#side-status div.userinfo span.mail {
    margin-top: 8px;
    clear: both;
}
#side-status ul.userlinks {
	float: right;
	list-style: none;
	margin: 0;
	width: 98px;
}
#side-status ul.userlinks li {
	margin: 0 0 5px;
}
#side-status ul.userlinks li a {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e9e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e9e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e9e7e7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e9e7e7 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e7e7',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#e9e7e7 100%); /* W3C */
	background-color: #fff;
	border: 1px solid #8a8a8b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	font-size: 0.9090em; /* 10px */
	padding: 2px 0;
	text-align: center;
	text-decoration: none;
}
#side-status dl.extrainfo {
  margin: 0;
  padding: 8px 0 0 0;
  clear: both;
}
#side-status .extrainfo dt, #side-status .extrainfo dd {
  margin: 0;
  padding: 0;
  float: left
}
#side-status .extrainfo dt {
  color: #538D4D;
  clear: left;
  width: 50px;
}
#side-status .extrainfo dd {
  overflow: hidden;
  max-width: 190px;
}
#side-login label {
	width: 84px;
}
#side-login input {
	width: 100px;
}
#side-login a {
	text-decoration: underline;
}
#side-posts h3 {
	margin: 0;
}
#side-tags {
    list-style-type: none; display: inline;
}
#side-tags li {
    display: inline;
}

ul#rightnav {
	float: right;
	margin: 0 0 13px;
}
ul#rightnav li {
	border-right: 1px solid #c9c7c7;
	float: left;
	font-size: 12px;
	line-height: 1;
	margin: 0;
	padding: 0 10px;
	text-transform: uppercase;
}
ul#rightnav li:last-child {
	border-right: none;
	padding-right: 0;
}
ul#rightnav li a {
	color: #999999;
}
ul#rightnav li a:hover {
	text-decoration: none;
}

#side-feed a {
	font-size: 14px;
}
#side-feed a img {
	height: 14px;
	margin: 0 3px 0 0;
	vertical-align: text-top;
	width: 14px;
}

#side-comments h3 {
    font-size: 1em;
    font-weight: bold;
    height: 1.4em;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
}
#side-comments div.inline-comment {
	display: block;
	margin: 0 0 10px;
}
#side-comments div.inline-comment:last-child {
	margin: 0;
}
#side-comments div.inline-comment span.tagline a {
	color: #58585a;
}

#side-open h3 {
    font-size: 1em;
    font-weight: bold;
    height: 1.4em;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
}
#side-open div.inline-comment {
	display: block;
	margin: 0 0 10px;
}
#side-open div.inline-comment:last-child {
	margin: 0;
}
#side-open div.inline-comment span.tagline a {
	color: #58585a;
}

#side-diary h3 {
    font-size: 1em;
    font-weight: bold;
    height: 1.4em;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
}
#side-diary div.inline-comment {
	display: block;
	margin: 0 0 10px;
}
#side-diary div.inline-comment:last-child {
	margin: 0;
}
#side-diary div.inline-comment span.tagline a {
	color: #58585a;
}

#side-quote h3 {
    font-size: 1em;
    font-weight: bold;
    height: 1.4em;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
}
#side-quote div.inline-comment {
	display: block;
	margin: 0 0 10px;
}
#side-quote div.inline-comment:last-child {
	margin: 0;
}
#side-quote div.inline-comment span.tagline a {
	color: #58585a;
}

#side-posts div.reddit-link {
	display: block;
	margin: 0 0 10px;
}
#side-posts div.reddit-link:last-child {
	margin: 0;
}
#side-posts div.reddit-link span a {
	color: #58585a;
}

#recent-wiki-edits ul li a {
	font-weight: bold;
}
#recent-wiki-edits ul li span a {
	color: #58585a;
	font-weight: normal;
}

#side-tags {
    display: block;
    line-height: 1.2;
    text-align: justify;
}
#side-tags ul {
    margin: 0;
}
#side-tags li.selected {
    color: #414143;
    font-weight: bold;
}
#side-tags .one   { font-size: 0.9em;   }
#side-tags .two   { font-size: 0.95em;  }
#side-tags .three { font-size: 1em;     }
#side-tags .four  { font-size: 1.125em; }
#side-tags .five  { font-size: 1.25em;  }
#side-tags .six   { font-size: 1.375em; }
#side-tags .seven { font-size: 1.5em;   }
#side-tags .eight { font-size: 1.625em; }
#side-tags .nine  { font-size: 1.75em;  }
#side-tags .ten   { font-size: 1.75em;  }

#side-contributors div.contributors div.user {
	margin: 0 0 0;
}
#side-contributors div.contributors div.user:last-child {
	margin: 0;
}


/* Article Navigation
----------------------------------------------------------------------------------------------------*/
div.articlenavigation {
	clear: both;
	font-size: 11px;
}
div.articlenavigation h4 {
	font-size: 12px;
	margin: 0;
}
div.articlenavigation h4 a {
	background: url(/static/disclosure-triangle.gif) top left no-repeat;
	padding-left: 18px;
	text-decoration: none;
}
div.articlenavigation h4 a.open {
	background-position: 0 -16px;
}
div.articlenavigation ul {
	border-top: 1px solid #DEDEDE;
	clear: both;
	float: none;
	margin: 5px 0 0;
	padding: 10px 0 0;
}
div.articlenavigation ul li {
	border: none;
	clear: both;
	display: block;
	line-height: 15px;
	margin: 1px 0;
	padding: 3px 5px;
	width: 650px;
}
div.articlenavigation ul li:hover {
	background-color: #eee;
}
div.articlenavigation ul li a.nav {
	float: left;
	padding: 1px 0 0;
	width: 13px;
}
div.articlenavigation ul li a.nav img {
	display: block;
	float: left;
}
div.articlenavigation ul li img {
	display: block;
	float: left;
}
div.articlenavigation ul li span.place {
	float: left;
	display: block;
	text-align: center;
	width: 70px;
}
div.articlenavigation ul li span.type {
	float: left;
	margin: 0 0 0 10px;
	width: 509px;
}
div.articlenavigation #article_nav_controls .loading {
	padding-left: 18px;
}
div.articlenavigation #article_nav_controls .loading img {
	padding-right: 5px;
}

/* Profile Page
----------------------------------------------------------------------------------------------------*/

.profile_page ul#nav li {
	margin: 0 9px 0 0;
	padding: 0 9px 0 0;
}
.wiki-content {
    font-size: 105.8%;  /* Matches the base font size between sites */
}
/* The rest of this is taken from (with slight modifications):
   http://wiki.lesswrong.com/mediawiki/skins/lesswrong/main.css
*/
.wiki-content #jump-to-nav, .wiki-content #siteSub {
    display: none;
}
.wiki-content h1, .wiki-content h2, .wiki-content h3 {
	color: black;
	background: none;
	font-weight: normal;
    line-height: 1em;
	margin: 0 0 0.6em;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
}
.wiki-content h1 { color: #318756; font-size: 188%; }
.wiki-content h2 { font-size: 150%; }
.wiki-content p {
	margin: 0.4em 0 1em 0;
	line-height: 1.5em;
}
.wiki-content ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;
	list-style-image: url("http://wiki.lesswrong.com/mediawiki/skins/lesswrong/bullet.gif");
}
.wiki-content ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}
.wiki-content li {
	margin-bottom: .1em;
}
.wiki-content dt {
	font-weight: bold;
	margin-bottom: .1em;
}
.wiki-content dl {
	margin-top: .2em;
	margin-bottom: .5em;
}
.wiki-content dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: .1em;
}
.wiki-content abbr, .wiki-content acronym, .wiki-content .explain {
	border-bottom: 1px dotted black;
	color: black;
	background: none;
	cursor: help;
}
.wiki-content q {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}
.wiki-content .printfooter,
.wiki-content .catlinks {
	display: none;
}


/* Footer
----------------------------------------------------------------------------------------------------*/
div.footer {
	background: #262626 url(/static/footer-bg.gif) repeat-x 0 0;
	height: 55px;
    padding: 15px 20px 20px 35px;
}
div.footer div.reddit {
	color: #b5b5b5;
	float: right;
	font-size: 10px;
}
div.footer div.reddit img {
	margin: 0 0 0 5px;
	vertical-align: bottom;
}
div.footer ul.footer-links {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}
div.footer ul.footer-links li {
	border-right: 1px solid #737373;
	float: left;
	line-height: 1;
	margin-right: 20px;
	padding-right: 20px;
	text-transform: uppercase;
}
div.footer ul.footer-links li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
div.footer ul.footer-links li a {
	color: #b5b5b5;
	font-weight: bold;
	text-decoration: none;
}
div.footer ul.footer-links li.privacy-policy span {
  color: #cc0000;
}

* .loading {
    display: none;
}

.inprogress .loading,
.articlenavigation .loading {
    display: inline;
}

/* A hack to fix the layout of "Load more comments" */
span.deepthread,
span.morecomments {
    display: block;
    margin: -9px 0 9px;
}

/* New home page outline */
.masthead ul {
font-size: 1.5em;
margin-bottom: 0.5em;
}
.masthead {
width: 70%;
margin: 0 auto;
text-align: left;
}
.masthead h2 {
font-weight: bold;
border: none;
}
.masthead ul a {
font-weight: bold;
}
