/*
   Welcome to the Decaf style for about.com forums, version 0.4!

   This is a style for the Stylish extension for the Firefox browser.
   It is supposed to make the forums more easily readable. It also 
   removes some possibly unwanted items. It includes
   comments for easier editing and customizing of the style.
   To remove a block, make sure you remove it completely including 
   its closing bracket. Alternatively, use the slash - asterisk ...
   asterisk - slash notation to comment unwanted things out.

   This version 0.4 now permits improved inversion of the color scheme.
   You can now easily set a dark background and light foreground.
   The editor window is now excluded from color changes by default.
   */


   /* The following line makes sure that the style sheet applies
   only to about.com forums. Better leave it as it is. Don't remove it.
   */

@-moz-document url-prefix(http://forums.about.com/) {


   /*
   The following block gets rid of various items such as the masthead,
   the ads and various other relatively unimportant items. If you 
   want to see those items, remove the block, but the result may not look
   nice.
   */

#globalwrapper, #adL, iframe, div.ptcAdSpace, #ptcBrandFooter, div#pfBelowMsgsHtml, div.ptcBranding span  {
display:none !important;
}


   /*
   This block makes the display of the message wider. It represents the
   width of the editor window more faithfully, but I can't do anything
   about signature widths. You can fiddle with the width (in pixels).
   */

div.pfMsgText {
width:550px !important;
}

   /*
   The following section sets the background color for the whole forum.
   The layout makes it necessary to set individual background colors
   for lots of items in order to gain a single continuous background.
   Better leave the items alone, but you can change the color. If you
   don't like the default #f7f2eb, replace it with another value.
   You can find different color codes at:
   http://www.w3schools.com/html/html_colornames.asp
   and you can find well-matched sets of colors using:
   http://colorblender.com/
   */

body.ptWrapBody, tr.ptcHead th, tr.ptcSpacer td, td.ptcHead, td.ptcValue, td.ptcName, table .ptAttachInfoPageTable td, div.ptNavpost, div.ptcBranding, div.ptcSearch, div.ptNavDiscussionList, div#PTID-discussionList-header-discussionListMenuBar, div.ptNavmessageList, div#ptcHeaderDescription.ptcForumHeader, div.ptcBacktoDiscussion, a.vBtn, td#ptcBodyContents.ptcListContainerCell, td.ptcListContainerCell, td.ptcListContainerCellRight, tr.ptcHeadRow *, td.pfFolder, td.pfEmptyFolder, table#pfDiscListTable.ptcContentTable *, td.ptcTableContainerCell, td.ptcListContainerCellLeft, td.ptcValueCell, td.ptHeaderText, td#ptcBodyRight.ptcListContainerCellRight, a.ptbAction, a#MBbtnWysiwyg.vBtn {	
background-color:#f7f2eb !important;
background-image:none !important;
}


   /*
   The following three sections set the color for anything that isn't
   black (the default #865c3d is dark brown) and not the background color.
   Change as per instructions above if you don't like it. The first 
   changes borders of items, the second backgrounds, the third text.
   You'll probably want to keep all three the same color. Or maybe not.
   */

   /* Borders */

iframe#mMsg_body_Editor.mMsg_body_EditorStyle table.ptcTableContainer, caption, table.pfMsgDisplayTable, table.ptcListContainer * {
border-color:#865c3d !important;
}

   /* Backgrounds */

caption, div.ptcHeadertext, tr.ptHeadertext {
background-color:#865c3d !important;
}

   /* Text */

a, span.ptcWelcome, span.ptbLogout, a.basic, a.navLink, td.ptcValue a, a.ptbAction, li a, div#ptcContentTop.ptcWrapperHeader a, div.ptBlueBody a, th.ptcNameCell {
color:#865c3d !important;
}

   /*
   The following section makes things black. You may want to change it to
   white if you want to invert the color scheme. Black is #000000, 
   white is #ffffff.
   */

table.pfSearchResultsSummary, td.ptcListContainerCellRight, td.ptcNameCell, td.ptcValueCell, th.ptcName, td.ptcValue, td.ptcName, td.ptHeadertext, div.ptcBranding a, div.ptBlueBody td, span.ptcNameCell, a.ptcMemberLink, div#ptcLogout, td.ptcHead, td.ptTitleBarText, ul.ptcListStack li, tr.ptcHead th, input, table.ptAttachmentAllocation td, table.ptAttachInfoPageTable td, div#ptcHeaderDescription.ptcForumHeader p, span.ptcListPrefix, span.ptcListText, button.ptbMenuLink, ul.ptcListFlow li, div.ptcDescText, table#mMsg_PorS td, div.csInstructionText, div.csReplyToMessageHeader, div#csPostOptionsDiv.csPostOptions label {
color: #000000 !important;
}

   /*
   The following section makes things white. You may want to change
   it to black if you want to invert the color scheme. 
   Black is #000000, white is #ffffff.
   */

caption, div.ptcHeadertext, tr.ptHeadertext, td.pfMsgBody  {
color:#ffffff !important;
}
   /*
   The following section keeps the message window white.
   You definitely want to keep it that way if you are
   going for a dark background. If your background is
   light and you want it to be used inside the message
   window, remove the section. You can also change the
   background color of the message window separately here,
   but keep in mind that people might want to use color
   in what they write, and you might not be able to 
   read it anymore.
   */

td.pfMsgBody, td.pfMsgBody *, td.pfMsgOptions, td.pfMsgEnvelope, td.pfMsgActionBar * {
background-color:#ffffff !important;
}
td.pfMsgBody, td.pfMsgBody span.ptcListPrefix, td.pfMsgBody span.ptcListText {
color:#000000 !important;
}

   /*
   The following section keeps the editor window white.
   Better keep the section unless you want to use a very
   light background for the whole forum and display it
   in the editor, too. If so, remove.
   */

/*
table#mMsg_body_Toolbar *, td.mMsg_body_ToolbarArea *,
iframe#mMsg_body_Editor, iframe#mMsg_body_Editor.mMsg_body_EditorStyle, tr#mMsg_body_TabRow *, div#mMsg_body_Toolbar *, table#pfEditMessageFields.ptcContentTable * {
background-color:#ffffff !important;
border:none !important;
}
*/
   /*
   The following section makes various small text bits bold.
   Delete if you don't like that.
   */

a, span.ptcWelcome, span.ptbLogout, a.basic, a.navLink, td.ptcValue a, a.ptbAction, li a, div#ptcContentTop.ptcWrapperHeader a, a.ptcMemberLink {
font-weight:bold !important;
}

   /*
   The following section removes the background image the forum uses
   in some headings (the light grey-white tinge). Necessary if you want
   to see a background color set above.
   */

table.ptcContentTable caption, div.ptcHeadertext, tr.ptHeadertext, div.ptcSearch, div.ptcBacktoDiscussion, div.ptcBranding td {
background-image:none !important;
}

   /*
   The following section removes some borders which break the
   background color. Better not touch.
   */

body div, span, h1, h2, h3, h4, h5, h6, p, font, li, div, td, span, caption, tbody, th, a {
border:none !important;
}

   /*
   The following section does the same as the one above for a different item.
   Don't touch.
   */

table.ptcContentTable {
border-style:none !important;
}

   /*
   The following section sets the border width around messages.
   Not sure whether you want to change that.
   */


table.pfMsgDisplayTable {
border-width:1px !important;
}


   /*
   The following section makes sure you still get to see the editor.
   Don't touch.
   */

iframe#mMsg_body_Editor.mMsg_body_EditorStyle {
display:inline !important;
}

   /*
   The signature area has a standard maximum height of 500 pixels.
   The following section removes this restriction, so signatures
   can be any size. If you don't want those mega-large signatures
   which take up a lot more space than what makes the original post,
   set a smaller value, for instance 200px instead of 'none'.
   The 'width' line removes the width restriction so you don't have
   to scroll sideways anymore.
   */

td.pfMsgBody div.pfMsgSig {
max-height:none !important;
width:100% !important;
}


   /*
   This final section sets a specific size value because else
   some text just gets bigger while you travel around. Don't touch.
   */

td.ptcValue {
font-size:0.8em !important;
}

}