@-moz-document url-prefix(http://www.google.com/reader/),
               url-prefix(https://www.google.com/reader/)
{

/* Changes visibility of elements (necessary for proper display) */
#nav > table {visibility: hidden;}
#nav:hover > table {visibility: visible;}


#nav                                 /* the container for the navigation menu */
{
  background-color: transparent;                                        /* change to whatever you want */ /* #C3D9FF */   /* #E1ECFE */   /* transparent */
  background-image: url(http://www.google.com/reader/ui/favicon.ico);   /* background image (none necessary) */
  background-position: center center;                                   /* placement of bckgrnd image (first item:horizontally) (second item:vertically) */
  background-repeat: no-repeat;                                         /* makes the background image not repeat (horizontally or vertically) */
  -moz-border-radius: 3px;                                              /* makes the embellished #nav area corners round */
  margin-left:0px !important;                                           /* distance #nav sits from the left side of the screen (when #nav is NOT hovered) */
  margin-right:0px !important;                                          /* distance #chrome sits from the right side of #nav (when NOT hovered) */
  width: 20px !important;                                               /* width of #nav area (when NOT hovered) */
  height:auto !important;                                               /* height of #nav area (when NOT hovered) */
}


#nav:hover                        /* the container for the navigation menu, hovered */
{
  background-color: transparent;
  background-image:none !important;
  margin-left:0px !important;                                           /* distance #nav sits from the left side of the screen (when #nav is hovered)*/
  margin-right:7px !important;                                          /* distance #chrome sits from the right side of #nav (when hovered) */
  width: 240px !important;                                              /* distance #chrome sits from the left of the screens (when #nav is hovered) */
  position:relative !important;                                         /* in order to move #nav down to line up with the top of #chrome listings */
  top:25px !important;
}


#chrome                              /* the container for the main content */
{
  margin-left:0px !important;                                           /* distance #chrome sits from the right side of #nav (when not hovered) */
  width: 1660px !important;                                             /* width of #chrome (when #nav hovered)
                                                                           = CURRENT MONITOR RESOLUTION WIDTH - #NAV WIDTH */
}

#nav:hover + #chrome              /* the container for the main content, "nav" hovered */
{
  width: 1433px !important;                                             /* width of #chrome (when #nav NOT hovered)
                                                                           = CURRENT MONITOR RESOLUTION WIDTH - #NAV:HOVER WIDTH - #NAV:HOVER MARGIN-RIGHT */
}

}