/* This is a COPY of [jdporter]'s current On-Site CSS Markup (from his [Display Settings]) */

.highlight { background-color: #DFB; }
textarea { width: 100%; height: 30em }
table#u-s-freenodelet, table#u-s-css { width: 100% }
div.main_content { height: 35em; overflow: scroll }
div.listcode { height: 35em; overflow: scroll }

/* the following only apply if you have *not* checked 'Lay out threads as <div>' */
tr.new-post-head td { background-color: #FC7 }
tr.new-post-body td { background-color: #FBB }
td.reply-new { background-color: #FC7 }
td.reply-new-body { background-color: #FBB }
table#replies_table tr.reply br { display: none; }
table#replies_table tr.reply ul { display: inline; white-space:nowrap; }
tr.post_head br { display: none; }
tr.post_head td { white-space:nowrap; }
/* if you have checked 'Lay out threads as <div>', then the following will highlight the 'new' replies in threaded view */
.reply.new { background-color: #FFB }

ul.word-list,
ul.inline-list { display: inline; margin: 0; padding: 0; list-style: none; }

.word-list li,
.inline-list li,
li.inline
 { display:inline; margin-left: 3pt; }

.word-list   li:before,
.inline-list li:before,
li.inline:before
 { content:"  •\A0\A0" }

.word-list br,
.inline-list br { display:none }


ul.spacey-list { margin: 0; padding: 0; list-style: none; }
.spacey-list li { margin-left: 3pt; }
.spacey-list li:before { content:" > " }






table#titlebar-top,
table#titlebar-bottom,
form, 
h3  { display: inline;  }
tt.inlinecode  { color: #070; background-color: #CCC; }

/* this occurs only on user display pages: */
table.pm-user-info { background-color: #EEF; }


.spoiler { background-color: black; color: black; }
.pmsig  { background-color: #888; font-size: smaller; padding: 8px; }
span.see-also { font-size: smaller; }

/* XXX only commented out while trying non-null Themes:  */
tr.titlebar td,
center table th,
td.section_title {
 background-color: #CCF;
 font-size: larger;
 font-weight: bold;
}



tr.post_head td { background-color: #DDD; }
tr.ntc-head {  background-color: #FC7; }
tr.ntc-voted { display: none }

input#talkbox { width: 60em;  }


div#footer, /* kills the Pair ad at the bottom */
td.monktitlebar, /* kills the menu and the "Need Help" link */

/* kills the Search, MonkPic/Quip, etc. */
table#monkbar { display:none } /* { display: table; border: 3px solid green; } */

div.Nodelets2 {
 float: left;
 width: 25%;
}
div#nodelet_container {
 float: left;
 width: 75%;
}

table.paneled td {
 border-style: groove;
 border-width: 2px;
 padding: 6px;
}
div.vote { background-color: #FA7 }
div.reputation { background-color: #A96 }
.QAapprove { background-color: #AF7 }

/* from common.css. needed to make RAT look somewhat normal. */
p.nnt-p { display: inline; }

span.tutlist-seen { background-color: #DDE; }

/* td.reply-body { font-size: smaller; } */
div.voteit { width: 100%; background-color: #DDE; }

div.notes { border: thin solid black; padding: 3px; height: 35em; overflow: scroll }
div.editnodetext { border: thick solid black; padding: 5px; }
div.editnodetext input[type="text"] { width: 50em; }
div.link-back { text-align: center; background-color: #DED; }
a.nodelethead-annot { display:none; text-decoration:none; font-size: small }

/* b:before { content: url("http://perlmonks.org/images/bubbles.png") } */
/* See: http://www.blooberry.com/indexdot/css/syntax/pseudo/pelembefore.htm */


div.comment-on { text-align: center; font-size: larger; background-color: #DFB; }

div.header { background-color: #DFB; padding: 3px; }
ul.replies:before { content: url(http://perlmonks.org/images/bubbles.png) }
ul.replies { border-left: 2px solid red; padding: 3px; list-style-type: none; padding-left: 20px; }
li.reply { border-top: 2px solid blue; padding: 3px; }

/* 
div.header { background-color: #EEE; padding: 3px; border-bottom: 1px solid blue; }
ul.replies:before { content: url(http://perlmonks.org/images/bubbles.png) }
ul.replies { list-style-type: none; padding-left: 40px; }
li.reply { border: 1px solid blue; }
*/

div.catqa-commandbox { border: thick solid black; padding: 5px; text-align: center; font-size: larger; }

/* use this in certain "menus", such as the monkbar and certain nodelets, when they are "display as div" and are <li>:
li { display:inline }
li:before { content:"   • " }
*/


body { font-family: "Arial Unicode MS",sans-serif; font-size: smaller; }

ul.spacey-list#external { display:none }

div#Approval_Nodelet div.nodelet_body br { display:none }
span#holder-power { background-color: #BFB; }
span.readmore-title { background-color: #FAE; }

div.nodelet_head,
div.nodelet_body { display:inline }

/*  border: thin solid black; */
div.nodelet {
 text-align: left;
 background-color: #BCF;
 padding: 6px;
 margin: 8px;
 border-radius: 2mm;
 -moz-border-radius: 2mm;
}
div.nodelet a {text-decoration: none} 
div.nodelet_head {
 background-color: #FFF;
 text-align: center;
/* font-weight: bold; */
 padding-left: 2px;
 padding-right: 2px;
 border-radius: 1mm;
 -moz-border-radius: 1mm;
}

div.diff_strings pre,
div.listcode pre,
tt { font-size: larger }

h3  { background-color: #BFC; }
td.titlechooser a { text-decoration: none;  }
td.titlechooser h3  { background-color: inherit; }
td.titlechooser h3:after { content:"\A0\A0\A0\A0"; }

div.pageheader,
div#pageheader,
table#titlebar-top {
 background-color: #BCF;
 padding: 6px;
 margin: 8px;
 border-radius: 2mm;
 -moz-border-radius: 2mm;
}


div#Node_Statistics  br { display:none }
div#Node_Statistics  span.label { color: #222 }
div#Node_Statistics  span.label:before { content:" •\A0" }