@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(libertypost.org), domain(libertypost.net) {

body { margin: 0px 0px !important; }

img[src="/LPorgCoteB.gif"] {
 position: fixed; /* change to 'relative' for non-floating logo */
 top: 7px; left: 5px; width: 120px; height: 17px;
 z-index: 15; opacity: 0.50;
}
/* img[src="/LPorgCoteB.gif"]:hover { opacity: 1 !important; } */

body > span.NavBar {
 display: block;
 position: fixed;   /* change to 'absolute' for non-floating logo */
 top: 7px; left: 5px; width: 112px; height: 17px;
 padding: 5px 3px 5px 3px !important; border: 1px solid black;
 z-index: 25; opacity: 0;
 overflow-y: hidden;
 font-family: Helvetica !important; font-size: 1em !important; font-weight: bolder;
/* Firefox */
  background:-moz-linear-gradient(center 55px, #4444b4, #a06020 65px) repeat fixed 0 0 #f4f4f4 !important;
/* Chrome, Safari4+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4444b4), color-stop(100%,#a06020));
}

body > span.NavBar:hover {
 height: 159px !important;
 color: #d0d0d0 !important;
 z-index: 10 !important;  opacity: .90 !important;
}
body > span.NavBar > a {
 display: block; position: absolute;
 text-decoration: none !important; color: #c0c0c0 !important; font-size: 0.75em !important;
 z-index: 25 !important; margin: 0px 0px 0px 0px !important; padding: 0px !important;
}
body > span.NavBar > a:hover { color: #ffffff !important; }

body > span.NavBar > a:nth-child(0n+1) { top: 19px !important; }
body > span.NavBar > a:nth-child(0n+2) { top: 31px !important; }
body > span.NavBar > a:nth-child(0n+3) { top: 43px !important; }
body > span.NavBar > a:nth-child(0n+4) { top: 55px !important; }
body > span.NavBar > a:nth-child(0n+5) { top: 67px !important; }
body > span.NavBar > a:nth-child(0n+6) { top: 93px !important; }
body > span.NavBar > a:nth-child(0n+7) { top: 105px !important; }
body > span.NavBar > a:nth-child(0n+8) { top: 117px !important; }
body > span.NavBar > a:nth-child(0n+9) { top: 129px !important; }
body > span.NavBar > a:nth-child(0n+10) { top: 141px !important; }
body > span.NavBar > a:nth-child(0n+11) { top: 153px !important; }

/* remove bottom NavBar */
td[colspan="3"] > span.NavBar { display: none; }
td[colspan="3"] > span.NavBar + p { display: none; }


td[bgcolor="#ffffff"][valign="TOP"] > p {
 padding: 4px !important; margin: 0px 0px !important;
}

/* basic positioning overrides here for the two TDs for Breaking News and Other       *
 * The -40px for the top position is why the words "Breaking News:" and "Other News:" *
 * do not show as the first entries of the two lists until you hover over them, i.e.  *
 * they are scrolled "above" the visible page until you hover over them.              */
table[cellspacing="10"][cellpadding="7"][border="0"][align="right"][width="200"] {
 float: right !important; display: block !important; position: fixed !important;
 right: 176px; top: -40px;
 z-index: 8;  opacity: 1;
 background-color: #ffffff !important;
}
/* now position Breaking News and style it further */
table[cellspacing="10"][cellpadding="7"][border="0"][align="right"][width="200"] > tbody > tr > td {
 display: block !important; position: fixed;
 width: 164px !important; height: 57px; max-height: 60px; overflow-y: hidden !important;
 opacity: .5;
/* Firefox */
  background:-moz-linear-gradient(center 50px, #F4F4F4, #90a0b0 140px) repeat fixed 0 0 #f4f4f4 !important; min-width: 164px !important;
/* Chrome, Safari4+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#90a0b0));

 border: 1px inset !important; top: -32px !important; z-index: 8 !important;
}
/* now position Other News and style it further */
table[cellspacing="10"][cellpadding="7"][border="0"][align="right"][width="200"] > tbody > tr + tr > td {
 display: block !important; overflow-y: hidden !important;;
 width: 173px !important;
 right: -1px !important;
/* Firefox */
  background:-moz-linear-gradient(center 50px, #F4F4F4, #90b0a0 140px) repeat fixed 0 0 #f4f4f4 !important; min-width: 164px !important;
/* Chrome, Safari4+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#90b0a0));
}
table[cellspacing="10"][cellpadding="7"][border="0"][align="right"][width="200"] > tbody > tr > td:hover {
 height: 1500px !important; width: 185px; max-height:600px !important;
 overflow-y: auto !important; opacity: 1 !important;
 top: -1px !important; background-color: #f0f0f0 !important;
}

/* position the red column header in the menu */
td[bgcolor="#c0c0f0"] > font[color="darkred"][size="2"] {
 display: block !important;
 position: relative !important;
 margin: 2px !important; padding: 2px !important;
 font-size: .75em !important;
 background: #f4f4f4;
}
/* position the rest of the paragraphs containing links in the menu header */
td[bgcolor="#c0c0f0"] > p {
 display: block !important;
 position: relative !important;
 margin: 1px !important; padding: 1px !important;
 font-size: .75em !important;
}
/* but only underline the links if hovering */
td[bgcolor="#c0c0f0"] > p > a { text-decoration: none !important; }
td[bgcolor="#c0c0f0"] > p > a:hover { text-decoration: underline !important; }




/********************************************************
 * You can remove this section if you want to leave     *
 * thread displays alone. Firefox 8 on Windowshas borks *
 ********************************************************/

/* abbreviate the category title and elements on article pages */

.CatTitle {
 height: 14px;
 display: block !important; position: inherit !important;
 margin: 2px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; top:4px;
 font-size: 0.8em !important;
}

/* article header */

.RA_Article {
 display: block ! important;
 position: relative !important;
 overflow-y: auto !important;
 max-height: 720px ! important;
 padding-left: 4px ! important;
 padding-right: 4px ! important;
 padding-top: 4px !important;
 padding-bottom: 2px !important;
 margin-right: 200px !important;
}

.RA_Comment {
 display: block ! important;
 position: relative !important;
 overflow-y: auto ! important;
 max-height: 720px ! important;
 margin-top: 12px !important;
 margin-bottom: 12px !important;
 margin-left: 20px ! important;
 margin-right: 30px ! important;
 padding-left: 4px ! important;
 padding-right: 4px ! important;
}

.RA_Comment > p, .RA_Article > p {
 padding: 5px 0px 5px 0px !important; margin: 2px 0px !important;
}

.RA_CommentFooter { font-size: 0.9em !important; }
.RA_ReplyLinks { font-size: 0.75em !important; }
.RA_ThreadNavLinks { display: block !important; margin: 4px 0px 8px 0px !important; }


.TB_ArtTitle > p { margin: 8px 0px !important; }
.TB_ArtTitle > p > a:link { color:#ff0000; text-decoration: none !important; }
.TB_ArtTitle > p > a:visited { color:#0000ff; text-decoration: none !important;}
.TB_ArtTitle > p > a:hover { text-decoration: underline !important; }
.TB_ArtTitle > hr { display: none; }

/***** Don't remove this final brace! *****/
}





/********************************
 * Modify the Headlines page    *
 ********************************/

@-moz-document url("http://libertypost.org/cgi-bin/headlines.cgi"),
               url("http://libertypost.net/cgi-bin/headlines.cgi") {

span.HL_Title > a, span.HL_Title > p {
 display: block;
 padding-left: 8px;
 margin-left: 8px;
 font-size: .8em;
}

}




/* modify the Post Comments page for better preview layout, abbreviate the post being replied to */

@-moz-document url("http://libertypost.org/cgi-bin/postcomment.cgi"),
               url("http://libertypost.net/cgi-bin/postcomment.cgi") {

table.NormalText { width: 100% !important; border: none !important; }
table.NormalText > tbody > tr > td {
 display: block ! important;
 position: relative !important;
 left: 8px !important; right: 60px !important; width: 900px;
 padding: 2px !important;
 overflow-y: auto ! important;
 min-height: 100px !important;
 max-height: 720px ! important;
 margin: 0px !important;
}


}
