/* 
  If Facebook ever breaks this style, check  
  http://userstyles.org/styles/25094  
  or update this style via Stylish as I
  will probably have uploaded a fixed version.
  Thanks! -Code.Red

  This version updated September 16 2011, 10:18
*/

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

/* START sticky nav bar */
#globalContainer #pageHead, .loggedout_menubar  {
  width: 981px !important;
  left: 50%;
  margin-left: -490.5px !important;
  z-index: 15 !important;
}
html.sidebarMode #globalContainer #pageHead {
  margin-left: -580.5px !important;
}
#blueBar {
  position: fixed !important;
  top: 0px;
  width: 100%;
  visibility: visible;
  -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
  z-index: 14 !important;
}
#blueBar.ophLoggedOut {
  height: 82px !important;
}
.fbChatSidebar {
  z-index: 20 !important;
}
#content {
  position: relative;
  top: -6px;
}
#blueBarHolder {
  height: 41px;
}
body.UIPage_LoggedOut #content {
  padding-top: 80px !important;
}
.loggedout_menubar {
  position: fixed;
}
/* END sticky nav bar */


/* START sticky left column on main page */
body.home #mainContainer #leftCol {
  position: fixed;
  top: 35px;
}
/* END sticky left column on main page */


/* START move log out button to nav bar */
a#navAccountName {
  width: 122px;
  white-space: normal !important;
  word-wrap: break-word;
  padding-bottom: 5px !important;
}
li#navAccount:not(.openToggler) > ul > li > form label {
  position: absolute;
  left: -241px;
  top: -30px;
  visibility: visible !important;  
}
li#navAccount:not(.openToggler) > ul > li > form input{
  border: 0 !important;
  color: #FFF !important;
  font-weight: bold !important;
  height: 30px !important;
  padding-top: 4px !important;
}
li#navAccount:not(.openToggler) > ul > li > form input:hover{
  background-color: #6D86B7 !important;
  padding-bottom: 5px !important;
}
li#navAccount ul {
  display: block !important;
  visibility: hidden;
}
li#navAccount.openToggler ul {
  visibility: visible;
}
/* END move log out button to nav bar */


/* START blink new notifications buttons */
.fbJewel { margin-right: 1px !important; }
#fbMessagesFlyout { left: 27px !important; }
#fbNotificationsFlyout { left: 54px !important; }
div:not(#fb_menu_unfriends) > .jewelUnread {
  background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///zpalCH/C05FVFNDQVBFMi4wAwEAAAAh+QQJeAABACwAAAAAAQABAAACAkQBACH5BAl4AAEALAAAAAABAAEAAAICTAEAOw==') !important;
  -moz-border-radius: 6px;
  /*border: solid 1px white !important;*/
  display: block;
  height: 29px !important;
}
/* END blink new notifications buttons */


/* START round the top edges */
#headNav, .jewelButton, #pageLogo > a {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
#pageNav #navAccount > a, li.openToggler {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}
/* END round the top edges */


/* START shadows under menus & chat */
#navAccount > ul, .fbJewelFlyout, .uiOverlay, #navSearch .uiTypeaheadView,  .pop_container_advanced, .HovercardOverlay div.stage {
  -webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.4) !important;
  -moz-box-shadow: 3px 3px 20px rgba(0,0,0,0.4) !important;
}
.fbNubFlyout, .uiMenu {
  -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3) !important;
  -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3) !important;
}
.fbDockChatTab.disabled > a {
  background-color: rgba(235,238,244,0.8) !important;
  opacity: 0.8;
}
.fbDockChatTab.disabled > a:hover {
  background-color: rgba(235,238,244,1) !important;
  opacity: 1;
}
form .uiTypeaheadView {
  z-index: -10 !important;
  border-top: 0;
}
/* END shadows under menus & chat */

/* START photoSnowBox tweaks */
#fbPhotoSnowbox div.container, #fbPhotoStagePagers a {
  box-shadow: 3px 3px 20px rgba(0,0,0,0.4) !important;
}
/* END photoSnowBox tweaks */


/* START fix top light blue banner (set home page reminder, etc) */
#ConfirmBannerOuterContainer {
  position: relative !important;
  top: 40px;
  z-index: 10;
}
/* END fix top light blue banner */


/* START CSS3 animations */
@-webkit-keyframes fadein {
from {
  opacity: 0;
}}
@-moz-keyframes fadein {
from {
  opacity: 0;
}}
.fbPhotoTheater, .fbPhotoTheater .stage img, .photoInfoWrapper *, .text_exposed_show {
  -webkit-animation: fadein 0.3s;
  -moz-animation: fadein 0.3s;
}


@-webkit-keyframes slidefromtop {
from {
  opacity: 0;
  -webkit-transform: translateY(-10px);
}}
@-moz-keyframes slidefromtop {
from {
  opacity: 0;
  -moz-transform: translateY(-10px);
}}
.jewelFlyout, .uiSelectorMenuWrapper, .uiTypeaheadView {
  -webkit-animation: slidefromtop 0.25s;
  -moz-animation: slidefromtop 0.25s;
}

@-webkit-keyframes slidefrombottom {
from {
  opacity: 0;
  -webkit-transform: translateY(10px);
}}
@-moz-keyframes slidefrombottom {
from {
  opacity: 0;
  -moz-transform: translateY(10px);
}}
.fbNubFlyout, .hovercard, .uiTooltipWrap {
  -webkit-animation: slidefrombottom 0.25s;
  -moz-animation: slidefrombottom 0.25s;
}

@-webkit-keyframes slidefromtoplarge {
from {
  opacity: 0;
  -webkit-transform: translateY(-200px);
}}
@-moz-keyframes slidefromtoplarge {
from {
  opacity: 0;
  -moz-transform: translateY(-200px);
}}
body:not(.fbQuestionPopupExpanded) .generic_dialog, body.fbQuestionPopupExpanded .pop_content {
  -webkit-animation: slidefromtoplarge 0.6s;
  -moz-animation: slidefromtoplarge 0.6s;
}
/* fix fbQuestions bugs */
body.fbQuestionPopupExpanded .pop_content {  
  -webkit-box-shadow: 3px 3px 30px rgba(0,0,0,0.6);
  -moz-box-shadow: 3px 3px 30px rgba(0,0,0,0.6);
}
body.fbQuestionPopupExpanded {
  margin-right: 0px; 
  overflow: auto;
}

/* END CSS3 animations */


}