/********//******** START OF USERSTYLE ********//********/

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

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

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

<NAME OF USERSTYLE> Facebook: Simplicity Styling
<CONTRIBUTORS> foxhead128
<ITERATION NUMBER> Fx3.6-10.9-2Apre
<DATE> Friday, September 25, 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. **/

/**** FAIR USE: ****//**
The data: URI used in this style was derived from the website itself, and made by the Facebook developers. It is employed under the belief that it constitutes fair use; the author's reasons for this include:
1) The usage of the original work was done for non-profit reasons only, and it was employed solely for the purpose of improving the original work's aesthetic and structural design;
2) The original work is an image from the Facebook website, which in itself used the image for nothing but aesthetic design;
3) The portion used is of a meager amount that cannot substitute for the entire product;
4) The usage on the author's part has been deemed to have a potentially-detrimental effect on neither the original work's market share nor value, as the original work is already of negligible effect to both. **/

/**** 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 ********/

/* Global fonts for Facebook */
* {
font-family: Droid Sans, Ikarius ADF Std, Gillius ADF No2, Segoe UI, Calibri, sans-serif !important;
/* font-family: FreeSerif, Liberation Serif, Nimbus Roman L, Bitstream Charter, Times New Roman, Cambria, serif !important; */
/* ^ NOTE: Uncomment this if you want serif fonts */
/* font-family: Purisa, Mikachan-B, Segoe Print !important; */
/* ^ NOTE: Uncomment this if you want something more realistic */
}

/** 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;
}

/* 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 [Changed in Iteration 2010.9.24-2pre] **/

/* 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 {
visibility: collapse !important;
}

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

/* CSS Identifiers and Classes: 
#leftCol - Left column on Home page
#left_column - 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 */
#left_column {
top: 40px !important;
bottom: 5px !important;
height: auto !important;
width: 216px !important;
overflow-y: scroll !important;
}

/** GLOBAL CENTRAL COLUMN [Changed in Iteration 2010.9.24-2pre] **/

/* CSS Identifiers and Classes [Changed in Iteration 2010.9.24-2pre]: 
#contentCol - Central column on Home and Profile pages
.profile_top_bar_container - Generic Profile heading content */

#contentCol {
border-bottom: 1px solid #999999 !important;
}

/* Avoidance of Being Overlapped by the Global Heading [Changed in Iteration 2010.9.24-2pre] */
body {
margin-top: 40px !important;
}

/** [Changes made in Iteration 2010.9.24-2pre] **/
.pageScan {
margin-bottom: 25px !important;
}

.prev {
margin-right: 43px !important;
}

.next {
margin-left: 44px !important;
}

.prev, .next {
right: 24px !important;
position: fixed !important;
bottom: 26px !important;
}

/** FACEBOOK DOCK/CHAT CONTAINER [Changed in Iteration 10.9-2Apre] **/

/* 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: 7.3em !important;
right: 7.3em !important;
border-left: 1px solid #999999 !important;
width: auto !important;
}

.fbNub {
margin-top: -2px !important;
background: -moz-linear-gradient(rgb(247,247,247) 3px, rgb(223,223,223)) !important;
border-top: 1px solid #999999 !important;
}

.fbNub * {
border-top: 0 !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 */
.sideNavSectionContent > .uiSideNav * {
border: 0 !important; /* Otherwise, the result would look a bit sloppy. */
}

/* 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 > * {
display: -moz-box !important;
margin-left: 16px !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
-moz-box-orient: vertical !important;
-moz-box-direction: reverse !important;
}

/* [Changes made in Iterations 10.9-2pre and Fx3.6-10.9-2Apre] */

/* Menus Open on Hover [uncomment to activate
.sideNavSectionContent > .uiSideNav > li:not(:hover):not(.open) ul {
display: none !important;
}

.sideNavSectionContent > .uiSideNav > li:hover:not(.open) ul a {
padding: 0.5em !important;
}

.sideNavSectionContent > .uiSideNav > li:hover:not(.open) ul {
display: -moz-box !important;
font-style: italic !important;
font-weight: bold !important;
position: absolute !important;
left: -1px !important;
right: -1px !important;
bottom: 0 !important;
width: auto !important;
margin-bottom: 24px !important;
border: 1px solid #999999 !important;
background: white !important;
z-index: 100 !important;
}

.sideNavSectionContent > .uiSideNav > li:hover ul {
background: white !important;
} */

.sideNavSectionContent > .uiSideNav > li ul, .sideNavSectionContent > .uiSideNav > li ul:hover {
background: transparent !important;
}

.sideNavSectionContent > .uiSideNav > .open {
z-index: 100 !important;
}

.sideNavSectionContent > .uiSideNav > .open {
border-right: 1px solid #999999 !important;
border-bottom: 1px solid #999999 !important;
margin-top: -25px !important;
width: auto !important;
max-width: 0.5em !important;
}

/* [Added with Iteration Fx3.6-10.9-2Apre] */

a[href="http://www.facebook.com/?ref=home"] {
position: fixed !important;
left: 16px !important;
right: 16px !important;
z-index: 750 !important;
bottom: 0 !important;
text-align: center !important;
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;
color: black !important;
padding: 0 !important;
width: auto !important;
min-height: 23px !important;
}

a[href="http://www.facebook.com/?ref=home"]:before, a[href="http://www.facebook.com/?ref=home"]:after {
position: absolute !important;
content: "Home" !important;
min-width: 5em !important;
min-height: 23px !important;
font-size: 1.41em !important;
color: black !important;
bottom: 0 !important;
}

a[href="http://www.facebook.com/?ref=home"]:before {
left: 0 !important;
}

a[href="http://www.facebook.com/?ref=home"]:after {
right: 0 !important;
}

a[href="http://www.facebook.com/?ref=home"]:hover {
background: white !important;
}

.sideNavSectionContent > .uiSideNav > .open > *:first-child > *:nth-child(3) {
margin-top: 2px !important;
}

.sideNavSectionContent > .uiSideNav > .open > *:first-child {
margin-top: 0 !important;
padding-top: 6px !important;
padding-bottom: 7px !important;
border: 1px solid #999999 !important;
border-top: 0 !important;
border-right: 0 !important;
margin-bottom: -2px !important;
max-width: 0.5em !important;
}

.sideNavSectionContent > .uiSideNav > .open > *:first-child > .selected {
background: white !important;
}

.sideNavSectionContent > .uiSideNav > .open a {
max-width: -moz-fit-content !important;
border-right: 0 !important;
}

.sideNavSectionContent > .uiSideNav > .open > *:first-child {
background: white !important;
margin-right: 0 !important;
font-weight: bold !important;
}

.sideNavSectionContent > .uiSideNav > .open > *:first-child > *:nth-child(2) {
background: none !important;
}

.sideNavSectionContent > .uiSideNav > .open > *:first-child > *:nth-child(2):before {
content: "(" !important;
}

.sideNavSectionContent > .uiSideNav > .open > *:first-child > *:nth-child(2):after {
content: ")" !important;
}

.sideNavSectionContent > .uiSideNav > .open > *:first-child > * > * {
font-size: medium !important;
color: black !important;
}

.sideNavSectionContent > .uiSideNav > .open ul a {
font-style: italic !important;
font-weight: bold !important;
vertical-align: middle !important;
display: -moz-box !important;
margin-top: 1px !important;
padding: 32px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
background: -moz-linear-gradient(rgb(247,247,247) 3px, rgb(223,223,223)) !important;
border: 1px solid #999999 !important;
-moz-border-top-colors: #999999 white !important;
border-top: 2px double !important;
}

.sideNavSectionContent > .uiSideNav > .open * a {
border: 1px solid transparent !important;
border-bottom: 0 !important;
}

.sideNavSectionContent > .uiSideNav > .open *:first-child a {
border-left: 0 !important;
}

.sideNavSectionContent > .uiSideNav > .open .selected a {
background: white !important;
border: 1px solid #999999 !important;
border-bottom: 0 !important;
}

.sideNavSectionContent > .uiSideNav > .open .selected:first-child a {
background: white !important;
border: 1px solid #999999 !important;
border-left: 0 !important;
border-bottom: 0 !important;
}

.sideNavSectionContent > .uiSideNav > .open .selected a span {
text-decoration: underline !important;
}

.sideNavSectionContent > .uiSideNav > .open ul a:hover {
background: white !important;
}

.sideNavSectionContent > .uiSideNav > .open > *:first-child:hover {
z-index: 9000 !important;
background: white !important;
}

.sideNavSectionContent > .uiSideNav > .open ul {
display: -moz-box !important;
bottom: 25px !important;
max-height: 25px !important;
margin: 0 !important;
margin-top: -26px !important;
background: white !important;
border: 1px solid #999999 !important;
border-bottom: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
-moz-box-orient: horizontal !important;
}

.sideNavSectionContent > .uiSideNav > *:last-child {
margin-right: 84px !important;
}

.sideNavSectionContent > .uiSideNav:after {
position: absolute !important;
padding-left: 8px !important;
right: 8px !important;
min-width: 84px !important;
max-width: 84px !important;
min-height: 25px !important;
padding-top: 4px !important;
white-space: pre-wrap !important;
content: "Fx3.6-10.9-2Apre" !important;
font-style: italic !important;
-moz-border-left-colors: #999999 white !important;
border-left: 2px double !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 */
.sideNavSectionContent > .uiSideNav > .open > *:not(:hover):not(:first-child) {
background: transparent !important;
}

/* [Changes made in Iteration Fx3.6-2010.9.24-2pre */
.fbDock, .sideNavSectionContent .uiSideNav {
background: -moz-linear-gradient(rgb(247,247,247) 3px, rgb(223,223,223)) !important;
-moz-border-top-colors: #999999 white !important;
border-top: 2px double !important;
}

.sideNavSectionContent > .uiSideNav > .open {
background: -moz-linear-gradient(rgb(247,247,247) 3px, rgb(223,223,223)) !important;
border-top: 1px solid #999999 !important;
}

.sideNavSectionContent > .uiSideNav > .open li ul {
border: none !important;
}

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

}

/********//******** END OF USERSTYLE ********//********/