/* general *elements* tweaks */
* {
    margin:  0;
    padding: 0;
    font-family: sans-serif;
}
body {
    background-color: #f6f6f6;
    color: #222;
    margin: 1em auto;
    padding: .5em;
    line-height: 1.2;
    font-size: 100%;
}
a:link    {color: #00c; text-decoration: none;}
a:visited {color: #909; text-decoration: none;}
a:hover   {color: #c30; text-decoration: underline;}
a:active  {color: #f00; text-decoration: none;}
:focus    {outline: 1px dotted #00f;}

input[type="text"], textarea, tt, pre {
    font-family: monospace;
}
input[type="radio"], input[type="checkbox"] {
    margin: 0 .5em;
    vertical-align: text-bottom;
}
select, select > option {
    padding: 1px 2px;
}
pre {
    white-space: pre-wrap;
    color: #666;
}
textarea {
    width: 100%;
    height: 10em;
}
img {
    border:  0;
}
form {
    display: inline;
}
font {
    font-familiy: inherit;
    font-size: inherit;
    color: inherit;
}
sup {
    vertical-align:text-top;
    font-size: smaller;
}
sub {
    vertical-align: text-bottom;
    font-size: smaller;
}
li {
    margin-left: 1em;
    list-style: square inside;
}
dt {
    line-height: 1.4;
    font-weight: bold;
}
dd {
    margin-left: 1em;
}
p {
    margin-bottom: .5em;
}
h1 {
    font-weight: normal;
    letter-spacing: 2px;
    text-shadow: #666 2px 1px 4px;
    line-height: 2;
}
h2 {
    font-weight: normal;
    letter-spacing: 1px;
    text-shadow: #666 1px 1px 2px;
    line-height: 1.6;
}
blockquote {
    font-style: oblique;
    padding-left: .5em;
    background-color: #fffff0;
}
blockquote blockquote {background-color: #eeeee0;}
blockquote blockquote blockquote {background-color: #ddddd0;}
      
/* generic classes, used all around the site */
.section {margin: 0 0 1em 4em;}
.section > h2 {margin-left: -2em;}
.box {
    padding: .5em 1em;
    -moz-box-shadow: #339 1px 1px 2px;
    -webkit-box-shadow: #339 1px 1px 2px;
}
.highlight {background-color: #eee;}
.htmlinserted {color: #808080;}
.htmlignored {text-decoration: line-through; color: #808080;}
.faqlist-itemtype { font-size: smaller; }
.faqlist-faqlist { font-weight: bold; }
.faqlist-faqseen { font-style: italic; }
.faqlist-thislist { font-size: smaller; }

.embed-code-dl { 
    text-align: left;
    display: block;
    padding: 0;
    margin: 0;
}
.embed-code-dl a {font-size: smaller;}

span.see_also {font-size:smaller; font-style:italic;}
span.see_also a {font-size: smaller;}

.chatsubmit {
    color: #f00;
    border-width: 0;
    font-size: large;
}

.paneled {border-style: groove; padding: 1em;}
.mailhead {background-color: #ccc;}

.add-text, .add-title {font-weight: bold; font-size: larger;}
td.settings_key {background-color: #ccf; color: #000;}
td.settings_val {background-color: #ddf; color: #000;}

pre.code > tt.codetext,
.codeblock {
    display: block;
    color: #660;
    padding-left: 4px;
    white-space: pre-wrap;
    overflow: auto;
}
tt.inlinecode {
    color: #660;
}
div.readmore {background-color: #f9f9f9;}
div.spoiler {background-color: #ffe; color: #ccc;}
div.spoiler a {color: #99c;}
span.attribution {font-size: small;}
ul.indent {margin-left: 2em;}

a.nnt-Steaming, a.nnt-Hot, a.nnt-Fresh {font-weight: bold;}
.nnt-noderep, .nnt-nodeattribs, .time-text {font-size: smaller;}

/* distractions, buzz off */
layer,
iframe,
#footer
{display: none;}

div.pmsig, div.pmsig * {
    color: #666;
    background: inherit;
    font: normal small sans-serif;
}

/* page header */
#monkbar tr:not(:last-of-type),
#monkbar td.titlebar:last-of-type {
    display: none;
}
#monkbar td.titlebar:first-of-type {
    text-align: right;
}
#monkbar td.titlebar:first-of-type input[type="text"] {
    width: 20%;
}
#titlebar-top, #titlebar-bottom {
    width: 100%;
    font-size: small;
}
#titlebar-top {
    display: block;
    position: relative;
    height: 4em;
    width: 100%;
}
#titlebar-top tr {
    display: block;
}
#titlebar-top tr td {
    display: block;
    position: absolute;
}
#titlebar-top td.titlechooser {
    width: 70%;
    left: 1ch; top: -2.5em;
}
#titlebar-top td.titlechooser h3 {
    font-size: 2.2em;
    font-weight: normal;
    letter-spacing: 2px;
    text-shadow: #666 2px 1px 4px;
    line-height: 1.2;
}
#titlebar-top td.monktitlebar {
    width: 20%;
    top: 1ex; right: 1em;
    height: 3.3em;
    overflow: hidden;
    z-index: 2;
}
#titlebar-top td.monktitlebar:hover {
    height: auto;
}
#titlebar-top td.monktitlebar span.link-sep,
#titlebar-top td.monktitlebar br {
    display: none;
}
#titlebar-top td.monktitlebar a {
    display: block;
    padding: .1em .5em;
    text-align: left;
    background-color: #f9f9ff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}
#titlebar-top td.monktitlebar a:hover {
    border-bottom-color: #333;
    text-decoration: none;
}

/* page layout ("content" on the left, "nodelets" on the right ) */
body > center > table {
/*
    width: 70em !important;
*/
    table-layout: fixed;
    max-width: 110ch;
    border-collapse: separate;
    border-spacing: .5em;
}
td.main_content {
    max-width: 80ch;
}
td.nodelets {
    max-width: 20ch;
}

/* nodelets layout */
td.nodelets * {
    font-size: small;
}
#nodelet_container > tbody {
    display: block;
    margin-bottom: 1em;
    background-color: #f9f9ff;
    -moz-box-shadow: #000 1px 1px 2px;
    -webkit-box-shadow: #000 1px 1px 2px;
}
#nodelet_container > tbody > tr {
    display: block;
    position: relative;
}
#nodelet_container > tbody td {
    display: block;
    padding: 2px;
}
th.nodelet_head {
    display: none;
    text-align: right;
    background-color: #dde;
    padding: 2px;
    position: absolute;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 0px 0px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0px 0px;
}
#nodelet_container > tbody:hover th.nodelet_head {
    display: block;
}

#Personal_Nodelet .nodelet_body .pn_links br,
#Find_Nodes .nodelet_body br,
#Leftovers .nodelet_body br,
#Information .nodelet_body br,
#Sections .nodelet_body br,
#Daily_Best .nodelet_body br,
#Weekly_Best .nodelet_body br,
#Monthly_Best .nodelet_body br,
#Function_Nodelet .nodelet_body br,
#Everything_Developer .nodelet_body br,
#Information .nodelet_body span.wikiupdate,
#Other_Users .nodelet_body span br {
    display: none;
}
#Personal_Nodelet .nodelet_body .pn_links a,
#Find_Nodes .nodelet_body a,
#Leftovers .nodelet_body a,
#Information .nodelet_body a,
#Sections .nodelet_body a,
#Daily_Best .nodelet_body a,
#Weekly_Best .nodelet_body a,
#Monthly_Best .nodelet_body a,
#Settings_Nodelet .nodelet_body div a,
#Function_Nodelet .nodelet_body a,
#Everything_Developer .nodelet_body a,
#Community_Ads div.perlads > ul > li > a {
    display: block;
    padding: .1em .5em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}
#Community_Ads div.perlads > ul,
#Community_Ads div.perlads > ul > li {
    margin-left: 0;
    list-style: none;
}
#Chatterbox input[type="text"],
#Nodelet_Nodelet select {
    width: 18ch;
}
#Nodelet_Nodelet {line-height: 2;}
#Approval_Nodelet input[type="checkbox"] {margin: 0;}
#Approval_Nodelet input[type="text"] {width: 18ch;}
#Voting_Booth form p {line-height: 1.8;}
#Settings_Nodelet .nodelet_body div {font-size: 0px;}
#Other_Users .nodelet_body > span.even-row:after,
#Other_Users .nodelet_body > span.odd-row:after {
    content: ", "; color: #666;
}
#Other_Users td.nodelet_body span.user-level-1 a  {color: #ddd;}
#Other_Users td.nodelet_body span.user-level-2 a  {color: #ccc;}
#Other_Users td.nodelet_body span.user-level-3 a  {color: #bbb;}
#Other_Users td.nodelet_body span.user-level-4 a  {color: #aaa;}
#Other_Users td.nodelet_body span.user-level-5 a  {color: #999;}
#Other_Users td.nodelet_body span.user-level-6 a  {color: #888;}
#Other_Users td.nodelet_body span.user-level-7 a  {color: #777;}
#Other_Users td.nodelet_body span.user-level-8 a  {color: #666;}
#Other_Users td.nodelet_body span.user-level-9 a  {color: #555;}
#Other_Users td.nodelet_body span.user-level-10 a {color: #cc0;}
#Other_Users td.nodelet_body span.user-level-11 a {color: #bb0;}
#Other_Users td.nodelet_body span.user-level-12 a {color: #aa0;}
#Other_Users td.nodelet_body span.user-level-13 a {color: #990;}
#Other_Users td.nodelet_body span.user-level-14 a {color: #880;}
#Other_Users td.nodelet_body span.user-level-15 a {color: #770;}
#Other_Users td.nodelet_body span.user-level-16 a {color: #660;}
#Other_Users td.nodelet_body span.user-level-17 a {color: #550;}
#Other_Users td.nodelet_body span.user-level-18 a {color: #440;}
#Other_Users td.nodelet_body span.user-level-19 a {color: #330;}
#Other_Users td.nodelet_body span.user-level-20 a {color: #600;}
#Other_Users td.nodelet_body span.user-level-21 a {color: #700;}
#Other_Users td.nodelet_body span.user-level-22 a {color: #800;}
#Other_Users td.nodelet_body span.user-level-23 a {color: #900;}
#Other_Users td.nodelet_body span.user-level-24 a {color: #a00;}
#Other_Users td.nodelet_body span.user-level-25 a {color: #b00;}
#Other_Users td.nodelet_body span.user-level-26 a {color: #c00;}
#Other_Users td.nodelet_body span.user-level-27 a {color: #d00;}
#Other_Users td.nodelet_body span.user-level-28 a {color: #e00;}
#Other_Users td.nodelet_body span.user-level-29 a {color: #f00;}
#Other_Users td.nodelet_body span.user-level-30 a {color: #f30;}

/* content */
td.main_content table {
    border-collapse: collapse;
}
td.main_content > form > table {
    margin-bottom: 1em;
}

tr.section_title {
	display: block;
	margin-bottom: .5em;
    font-size: 1.5em;
    text-shadow: #666 1px 1px 2px;
}
tr.section_title + tr {
	display: block;
	margin: 0 0 .5em 1em;
}
tr.post_head {
    font-size: small;
}
#replies_table tr.reply > td,
tr.post_head > td {
    background-color: #eee;
    padding: 4px;
}
tr.post_head > td:first-of-type > a {
    font-size: medium;
}

td.voterep, td.reply-body div.vote, td.reply-new-body div.vote, div.reputation {
    background-color: #eee;
    padding: 2px;
    text-align: center;
    vertical-align: text-bottom;
    font-size: small;
}
tr.post_body, tr.reply-body {
    border-bottom: 1em solid #f6f6f6;
}
td.reply-body:first-of-type,
tr.post_body > td[colspan="2"] {
    padding: 4px 8px;
    margin-bottom: 8px;
    background-color: 1em solid #f6f6f6;
}

td.reply-body:last-of-type,
td.reply-new-body:last-of-type,
tr.post_body > td:last-of-type {
    background-color: #eee;
    vertical-align: bottom;
    text-align: center;
    padding: 2px;
    line-height: 1.5;
}

#replies_table {
    background-color: #ccc;
}
#replies_table tr.reply-body {
    background-color: #f6f6f6;
}
td.reply-body div.vote,
td.reply-body div.reputation {
    margin: -4px -8px 16px -8px;
}

/* super search + users search */
.ss-result-summary,
.ss-criteria-summary,
.ss-search-continue,
.ss-preload-link
{
    background-color: #eee;
    padding: .2em 1em;
}
.ss-result-summary + br {display: none;}
.ss-criteria-summary + p {display: none;}
.ss-criteria-summary + p + p {padding: 0;}
#writeups > tbody > tr > td,
.ss-result-table > tbody > tr > td
{padding: 2px 4px;}
#writeups > tbody > tr > td:first-of-type,
.ss-result-table > tbody > tr > td:first-of-type
{padding-left: 2px;}
#writeups > tbody > tr > td:last-of-type,
.ss-result-table > tbody > tr > td:last-of-type
{padding-right: 2px;}
.ss-result-table > tbody > tr:nth-of-type(even) {background-color: #fff;}
#writeups > tbody > tr:first-of-type {
    background-color: #f9f9ff;
    border: 1px solid #ccc;
    font-weight: bold;
    border-collapse: separate;
}
#writeups + table[width="100%"] > tbody > tr {
    background-color: #eee;
    border: 1px solid #ccc;
    border-collapse: separate;
}

span.title    {float: left;}
span.controls {float: right;}
div.showcontainer {border: 1px solid #0f0;}
div.containername {background-color: #afa; border-bottom: 1px solid #0f0;}
p.nnt-p {display: inline; margin: 0; padding: 0;}
tr.this-patch td {font-weight: bold;}
tr.other-patch td {font-style: italic;}
#nodethreads {
    padding-right: 1em;
    white-space: normal;
}
#nodethreads ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: 0em;
    white-space:normal;
}
#nodethreads li {
    width: 100%;
    list-style: none;
}
#nodethreads ul.expanded {display: block;}
#nodethreads ul.collapsed {display: none;}

/* newest nodes */
p.nnSummary {padding: 1em 0;}
p.nnSummary ~ hr {visibility: hidden;}
p.nnSummary ~ h3 {padding: .2em; background-color: #eee;}
p.nnSummary ~ h3 > a {font-size: 1.2em; font-weight: normal; letter-spacing: 1px;}
p.nnSummary ~ h3 > font {visibility: hidden;}
p.nnSummary ~ h3:hover > font {visibility: visible;}
p.nnSummary ~ h3 > font > a {font-size: small; color: #666;}
p.nnSummary ~ table {width: 100%; border-left: 4px solid #eee; border-collapse: separate; border-spacing: 0px; margin-bottom: 1em;}
p.nnSummary ~ table tr:nth-of-type(even) {background-color: #fff;}
p.nnSummary ~ table td {padding: 2px 1em;}