/******** START OF PREFACE ********/

/**** SUMMARY AND LICENSING TERMS ****//**

<NAME OF USERSTYLE> Facebook: Simplicity Styling
<VERSION> Fx4.0-11.06-4
<CONTRIBUTORS> foxhead128
<DATE OF CREATION AND/OR ITERATION> Friday, September 24, 2010
<TERMS OF USE> "Facebook: Simplicity Styling" has been made publicly-available by foxhead128, and is hereby released under the terms of a Creative Commons BY-NC-SA License. That is to say; it may be freely-modified and redistributed, as long as 1) The original contributor(s) are credited, 2) The code is only used for non-commercial purposes, and 3) Any derivatives made public are released under the same licensing terms.  See "http://creativecommons.org/about/licenses" for more details about Creative Commons Licensing. **/

/**** TABLE OF CONTENTS ****//**

SECTION 1 - GLOBAL FACEBOOK HEADING
SECTION 2 - GLOBAL FACEBOOK FOOTING
SECTION 3 - LEFT HOME PAGE COLUMN & LEFT PROFILE PAGE COLUMN
SECTION 4 - GLOBAL CENTRAL COLUMN
SECTION 5 - FACEBOOK DOCK/CHAT CONTAINER
SECTION 6 - FACEBOOK APPLICATION PANEL
SECTION 7. MISCELLANEOUS AESTHETIC FIXES + CHANGES **/

/******** END OF PREFACE ********/

/******** START OF CSS CODE ********/

@-moz-document domain("facebook.com") {

/** GLOBAL FACEBOOK HEADING **/

/* CSS Identifiers and Classes: 
#pageHead - Global Facebook heading controls and menus
#blueBar - Global Facebook heading background */

/* Application of Styles Common to All Heading Elements */
#pageHead,
#blueBar {
position: fixed !important;
top: 0 !important;
background-color: #3b5998 !important;
z-index: 9999 !important;
}

/* Application of Styles Specific to Controls */
#pageHead {
left: 0 !important;
right: 0 !important;
width: auto !important;
}

/* Application of Styles Specific to Background */
#blueBar {
width: 100% !important;
}

/** GLOBAL FACEBOOK FOOTING **/

/* CSS Identifiers and Classes: 
#pageFooter - Global Facebook footing container */

/* Reduction of Global Footer's Visibility + Margin Amendments for Modifications to the Application Sidebar [which are included near the end of this code] */
#pageFooter {
height: 1px !important;
margin-bottom: 28px !important;
}

/* The Complete Elimination of Any Remaining Visibility */
#pageFooter * {
background-color: transparent !important;
color: transparent !important;
}

/** LEFT HOME PAGE COLUMN & LEFT PROFILE PAGE COLUMN **/

/* CSS Identifiers and Classes: 
#leftCol - Left column; generic
#left_column - Left column on Profile page
#pagelet_left_column - Part of left column on Profile page */

/* Application of Position and Appearance Styling Common to Both Columns */
#leftCol, #left_column {
z-index: 1 !important; /* Required to stop any neighboring columns from overlapping */
position: fixed !important;
border-right: 1px solid #999999 !important;
background: white !important;
}

/* Application of Position Styling Unique to Left Profile Column */
#pagelet_left_column {
position: fixed !important;
top: 40px !important;
bottom: 24px !important;
height: auto !important;
width: 196px !important;
overflow-y: scroll !important;
}

/** GLOBAL CENTRAL COLUMN **/

/* CSS Identifiers and Classes: 
#contentCol - Central column on Home and Profile pages
.profile_top_bar_container - Generic Profile heading content */

/* Avoidance of Being Overlapped by the Global Heading */
body {
margin-top: 40px !important;
}

/** FACEBOOK DOCK/CHAT CONTAINER **/

/* CSS Identifiers and Classes: 
.fbDock - Invisible dock-like container for Facebook Chat, and possibly other non-scrolling content as well */

/* Expansion and Aesthetic Improvements to the Facebook Dock */
.fbDock {
position: fixed !important;
left: 1px !important;
right: 1px !important;
border-left: 1px solid #999999 !important;
width: auto !important;
}

/* FACEBOOK APPLICATION PANEL */

/* CSS Identifiers and Classes: 
.sideNavSectionContent - Generic container for the heading, items, and other content related to a user's Facebook Applications
.uiSideNav - Generic class name for any sidebar container that pertains to a given set of items */

/* Removal of "See More" Link */
.sideNavSectionContent > *:last-child {
visibility: collapse !important;
}

/* Aesthetic Elimination of Existing Borders and Background Images */
.sideNavSectionContent > .uiSideNav * {
border: 0 !important; /* Otherwise, the result would look a bit sloppy. */
}

.uiSideNav .item, .uiSideNav .subitem {
border-bottom: 0 !important;
}

.rNubContainer {
border-right: 0 !important;
}

.rNubContainer, .fbNubButton {
border-top: 0 !important;
background: none !important;
}

.og .openToggler .fbNubButton .fbChatTab,
.og .openToggler .fbNubButton .UIImageBlock {
margin-top: -1px !important;
}

/* Integration of Highlight Colors Relative to Facebook Chat's */
.sideNavSectionContent > .uiSideNav > *:hover {
background-color: white !important;
}

.sideNavSectionContent > .uiSideNav > * > *:hover {
color: black !important;
background: none !important;
}

/* Generalized Adjustments in the Spacing and Display of Items */
.sideNavSectionContent .uiSideNav li {
display: -moz-box !important;
}

.sideNavSectionContent .uiSideNav .subitem {
padding-left: 8px !important;
}

.sideNavSectionContent .uiSideNav li .imgWrap {
left: 16px !important;
}

.sideNavSectionContent .uiSideNav li .buttonWrap {
position: relative !important;
margin-left: 4px !important;
margin-right: 4px !important;
}

.sideNavSectionContent .uiSideNav ul {
display: -moz-box !important;
-moz-box-orient: horizontal !important;
}

.sideNavSectionContent > .uiSideNav > * {
display: -moz-box !important;
margin-left: 16px !important;
margin-top: 1px !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
}

/* Aesthetic Application of a Label */
.sideNavSectionContent .uiSideNav:before {
padding-left: 8px !important;
padding-right: 4px !important;
font-weight: bold !important;
content: "Applications:" !important;
}

/* Additional Aesthetic Integration w/ Facebook Chat + Restyling and Repositioning of Panel into Toolbar Layout */
.sideNavSectionContent .uiSideNav {
min-height: 25px !important;
border-left: 1px solid #999999 !important;
border-right: 1px solid #999999 !important;
z-index: 50 !important;
position: fixed !important;
left: 16px !important;
right: 16px !important;
padding-right: 16px !important;
width: auto !important;
max-width: none !important;
bottom: 25px !important;
display: -moz-box !important;
-moz-box-orient: horizontal !important;
}

/** MISCELLANEOUS AESTHETIC FIXES + CHANGES **/

/* Final, Aesthetic Application of Common Background to both Facebook Dock and Application Panel */
.fbDock, .sideNavSectionContent .uiSideNav {
background: -moz-linear-gradient(rgb(247,247,247) 3px, rgb(223,223,223)) !important;
border: 1px solid #999999 !important;
border-bottom: 0 !important;
-moz-border-top-colors: #999999 white !important;
border-top: 2px double !important;
}

/* Miscellaneous subitem styling */
.sideNavSectionContent .uiSideNav .subitem {
font-style: oblique !important;
}

.sideNavSectionContent .uiSideNav *:last-of-type > .subitem {
border-right: 2px double !important;
-moz-border-right-colors: white #999999 !important;
}

}

/******** END OF CSS CODE ********/