@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document 
url-prefix(http://www.google.com/reader), 
url-prefix(https://www.google.com/reader), 
url-prefix(http://google.com/reader), 
url-prefix(https://google.com/reader) {


/* Hide all the elements that take up space */
#logo-container, 
#gbar, 
#global-info, 
.gbh, 
#viewer-refresh, 
.scroll-tree .icon, 
.entry .entry-title .entry-title-go-to, 
#entries.list .collapsed .entry-main .entry-original, 
.entry-likers {
    display: none !important; }
/* move the main window up to the top to fill in leftover space */
#main, 
#settings-frame, 
#settings {
    top:0 !important; 
    margin: 0 !important; }
/* tighten up the vertical padding on header bars */
#viewer-top-controls, 
#chrome-header {
    padding: 2px 0 2px 5px !important; }
/* right-justify the "Loading..." and other messages so they don't obscure other elements */
#loading-area, 
#message-area-outer {
    width: auto !important; 
    left: auto !important;
    right: 98px !important; 
    top: 26px !important; }

/* right-align search bar and hide buttons until hovering */
#search {
    left: auto !important; 
    right: 148px !important; 
    top: 1px !important; 
    width: 110px !important;
    height:23px !important; 
    overflow: hidden !important; }
#search:hover {
    width: 403px !important; 
    height:323px !important; 
    overflow: visible !important; }
#search-restrict-button .goog-menu {
    left: auto !important; 
    right: 0 !important; }
#chrome.search-stream #viewer-search-parent {
    text-align: left !important; }

/* shrink the navigation sidebar */
#nav, 
#nav * {
    max-width: 175px !important; }
#chrome {
    margin-left: 175px !important; }
.lhn-hidden #chrome {
    margin-left: 1px !important; }
#entries .entry-body {
    max-width: none !important; }

/* remove icons from navbar and tighten the left margin for folder/subscription entries */
.scroll-tree .expanded .toggle {
    background-position: 3px -58px !important; }
.scroll-tree .collapsed .toggle {
    background-position: -20px -58px !important; }
#lhn-subscriptions .scroll-tree li a {
    padding-left: 0 !important; }
#lhn-subscriptions #sub-tree ul ul li a {
    padding-left: 10px !important; }
#lhn-subscriptions .scroll-tree .toggle {
    width: 16px !important; }

/* shrink titles, but add underlining for visual identification */
.entry .entry-title {
    font-size:100% !important; }
.entry .entry-title .entry-title-link {
    text-decoration: underline !important; }
/* tighten up spacing around entries */
/* expanded view */
#entries .entry {
    padding: 1px !important;
    margin: 0 !important; }
#entries .card-content {
    padding: 2px !important; }
#entries .card-common {
    padding: 0 !important;
    margin: 0 !important; 
    border-width: 2px !important; }
#entries .collapsed {
    padding: 0px !important;
    border: 0 !important; }
/* list view */
#entries .collapsed .entry-date {
    margin: 0 2px 0 0 !important; }
#entries #current-entry .collapsed {
    background-color: #C9DCFF !important; }
#entries.list .collapsed .entry-icons, 
#entries.list .collapsed .entry-main .entry-original {
    top: 1px !important; }
#entries.list .collapsed .entry-secondary {
    top: 0px !important; 
    margin-right: 7em !important; }
#entries.list .collapsed .entry-source-title {
    top: 0px !important; }
#entries.list .collapsed .entry-title {
    text-decoration: none !important; }
/* make entries borders square for consistency with new design */
.entry .card, 
.card .card-bottom {
    -moz-border-radius: 0 !important; }

#lhn-add-subscription-section { font-size: 75%; }

/* Show large contents correctedly, especially for large quantity of pictures. */
#current-entry.entry, 
#current-entry .entry-container, 
#current-entry .entry-main , 
#current-entry .entry-body , 
#current-entry .item-body 
{overflow:visible!important; height: auto !important; }

#entries .collapsed .entry-title {
    font-weight:normal !important; 
    color: #200 !important;
}
#entries .read .collapsed *{
    font-weight:normal; 
    color: #ccc !important;
}
#current-entry .collapsed {
    height: 3ex !important;
    line-height: 3.2ex !important;
}
#current-entry .collapsed h2.entry-title { 
    font-size: 130% !important;
    font-weight: bold !important;
}

/* limit init image height in feed. */
#current-entry img {max-height: 120px!important;}
#current-entry img:hover {max-height: none!important;}

}