/* CSS Document */

/* $Id: style.css 437 2005-10-03 04:35:58Z mandrews $
   Fark.com style sheet
   Font sizing based on http://www.thenoodleincident.com/tutorials/typography/
    6-25-03 mandrews

   TODO: Lots of probs w Netscape 4
   TODO: Opera 6 screws up ctable spacings
*/

/* Defaults */
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 background: #ffffff;
 margin: 0px;
 padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;
 font-size: 76%;
}
/* Fix Win32 IE5 tables failing to inherit font size & rendering too big */
/* Hopefully this doesn't break any other browsers.  6-25-03 */
table {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
}

a:hover {
 color: #ff00ff;
 background: #ffffff;
}
a:visited {
 color: #0000ff;
 background: #ffffff;
}
img {
 border: none;
}
a img {
 border: none;
 color: #ffffff; background: #ffffff; /* NS4 bugfix */
}
tt {
 font-family: monospace;
 font-size: 1.0em;
}
pre {
 font-family: monospace;
 font-size: 1.0em;
}
/* Get rid of vertical space between two tables on top of each other. 5-1-04 mandrews */
form.killspacehack {
 display: inline;
}

/* Toolbars */

.newtoolbar {
	width: 150px;
}
.newtoolbar table {
 color: #ffff99;
 background: #4A90C3;
}

/* Headings on toolbar sections */

.banhead {
 color: #000000;
 background: #ffffff;
 font-size: 0.9em;
 text-align: center;
 vertical-align: top;
}
.googbar {
 color: #000000;
 background: #ffffff;
 font-size: 1.0em;
 text-align: left;
 vertical-align: top;
}

.tbhead {
 color: #000000;
 background: #f2f2f2;
 font-size: 1.0em;
 text-decoration: none;
 text-align: center;
 vertical-align: bottom;
 font-weight: bold;
}
.tbhead a:hover, .tbhead a:visited {
 color: #000000;
 background: #000000;
 text-decoration: blink;
}
.tbhead a {
 color: #000000;
 background: #CED7E0;
 text-decoration: underline;
}

/* Entries in toolbar sections */

/* Left-justified -- replaces 'lm' class */

.tblj {
 color: #03526B;
 text-decoration: none;
 background: #CED7E0;
 font-size: 1em;
 text-align: left;
 vertical-align: bottom;
}
.tblj a, .tblj a:visited {
 color: #03526B;
 background: #CED7E0;
 text-decoration: none;
}
.tblj a:hover {
 color: #000000;
 background: #CED7E0;
 text-decoration: underline;
}

/* Center-justified -- replaces 'lmad' and 'rm' classes */

.tbcj {
 color: #03526B;
 text-decoration: none;
 background: #666699;
 font-size: 1em;
 text-align: center;
 vertical-align: bottom;
}
.tbcj a, .tbcj a:visited {
 color: #ffff99;
 background: #9999CC;
 text-decoration: none;
}
.tbcj a:hover {
 color: #ffffff;
 background: #9999CC;
 text-decoration: underline;
}
.tbcj a img { border: none; color: #9999CC; background: #9999CC; } /* lame workaround for Netscape 4.x bug */

/* Photoshop/Audioedit stuff is a different color */
.rmps {
 color: #ffffff;
 text-decoration: none;
 background: #9999cc;
 font-size: 1.0em;
 text-align: center;
 vertical-align: bottom;
}
.rmps a {
 color: #ffffff;
 background: #9999cc;
 text-decoration: underline;
}
.rmps a:visited {
 color: #9999CC;
 background: #9999cc;
 text-decoration: underline;
}
.rmps a:hover {
 color: #ffffff;
 background: #9999cc;
 text-decoration: none;
}

/* Classifieds */

.rmadtext {
 color: #ffffcc;
 background: #9999CC;
 text-decoration: none;
 font-size: 1.0em;
 text-align: center;
 vertical-align: bottom;
}
.rmadtext a, .rmadtext a:visited {
 color: #ffffcc;
 background: #9999CC;
 text-decoration: none;
}
.rmadtext a:hover {
 color: #ffffff;
 background: #666699;
 text-decoration: underline;
}
.rmadcomments {
 color: #ffffff;
 background: #666699;
 font-size: 0.9em;
 text-decoration: none;
 text-align: center;
 vertical-align: bottom;
}
.rmadcomments a, .rmadcomments a:visited {
 color: #ffffff;
 background: #666699;
 text-decoration: underline;
 vertical-align: bottom;
}
.rmadcomments a:hover {
 color: #ffffff;
 background: #666699;
 text-decoration: none;
 vertical-align: bottom;
}

/* For nested tables in sidebars, have a weirdo table type with transparent borders (666699) */

.invis {
 color: #666699;
 background: #666699;
 border: 2px;
 border-spacing: 2px; /* not compliant? */
 text-align: center;
}
.nobord {
 padding: 0px;
 text-align: center;
}

/* Copyright lines at bottom of page */

.copyright {
 color: #000000;
 background: #ffffff;
 text-align: center;
 vertical-align: bottom;
 font-size: 1.0em;
}
.footnote {
 color: #000000;
 background: #ffffff;
 text-align: center;
 vertical-align: bottom;
 font-size: 0.8em;
}
.finalfootnote {
 color: #808080;
 background: #ffffff;
 text-align: center;
 vertical-align: bottom;
 font-size: 0.8em;
}

/* User profiles */

.profhdr {
 color: #000000;
 background: #e0e0e0;
 font-size: 1.0em;
 font-weight: bold;
 width: 170px;
/* width: 18%; */
 vertical-align: top;
}
.profhdr1 {
 color: #900000;
 background: #d0d0ff;
 font-size: 1.0em;
 font-weight: bold;
 width: 170px;
/* width: 18%; */
 vertical-align: top;
}
.proftxt {
 color: #000000;
 background: #ffffff;
 font-size: 1.0em;
 vertical-align: top;
}

/* The rest of the date headings. */

.dateheader {
 color: #000000;
 background: #e0e0e0;
 font-size: 1.0em;
 font-weight: bold;
}
.dateheader a, .dateheader a:visited, .dateheader a:hover {
 color: #900000;
 background: #e0e0e0;
 font-size: 1.0em;
 font-weight: bold;
}

/* Main page text: headlines, number of comments, "some guy" text, etc */

.nilink {
 color: #000000;
 background: #ffffff;
 font-size: 1.0em;
 vertical-align: middle;
}
.nilink a {
 color: #003399;
 background: #ffffff;
}
.nilink a:hover {
 color: #ff9900;
 background: #ffffff;
}
.nilink a:visited {
 color: #000000;
 background: #ffffff;
}

/* "To read articles..." instructional text */

.howto {
 color: #000000;
 background: #ffffff;
 font-size: 1.1em;
 text-align: center;
 vertical-align: top;
 font-weight: bold;
 font-style: italic;
}

/* Comments */

.cchecks {
 color: #000000;
 background: #ffffff;
 font-size: 0.9em;
 text-align: left;
 vertical-align: middle;
}
.ctable {
 font-size: 1.0em;
 color: #000000;
 background: #e0e0e0;
 width: 100%;
 border-collapse: separate;
}
.chead {
 font-size: 1.0em;
 color: #000000;
 background: #e0e0e0;
 text-align: left;
 vertical-align: middle;
 width: 100%;
}
.chead a {
 font-size: 1.0em;
 color: #900000;
 background: #e0e0e0;
 text-align: left;
 vertical-align: middle;
 width: 100%;
}
.chead a:hover {
 font-size: 1.0em;
 color: #900090;
 background: #e0e0e0;
 text-align: left;
 vertical-align: middle;
 width: 100%;
}
.chead a:visited {
 font-size: 1.0em;
 color: #000090;
 background: #e0e0e0;
 text-align: left;
 vertical-align: middle;
 width: 100%;
}
.cdate {
 font-size: 1.05em;
 color: #000000;
 background: #e0e0e0;
 font-weight: bold;
 text-align: left;
 vertical-align: middle;
 width: 170px;
}
.cbadge {
 font-size: 1.05em;
 color: #000000;
 background: #e0e0e0;
 text-align: left;
 vertical-align: middle;
 width: 54px;
}
.cvbox {
 font-size: 1.05em;
 color: #900000;
 background: #e0e0e0;
 text-align: right;
 vertical-align: middle;
 width: 90px;
}
.cpbox {
 font-size: 1.05em;
 color: #000000;
 background: #e0e0e0;
 text-align: left;
 vertical-align: top;
 font-weight: bold;
 width: 75px;
}
.clogin {
 font-size: 1.05em;
 color: #000000;
 background: #e0e0e0;
 text-align: left;
 vertical-align: middle;
 font-weight: bold;
 text-decoration: none;
}
.clogin a {
 font-size: 1.05em;
 color: #900000;
 background: #e0e0e0;
 text-align: left;
 vertical-align: middle;
 font-weight: bold;
 text-decoration: none;
}
.clogin a:hover {
 font-size: 1.05em;
 color: #900090;
 background: #e0e0e0;
 text-align: left;
 vertical-align: middle;
 font-weight: bold;
 text-decoration: underline;
}
.clogin a:visited {
 font-size: 1.05em;
 color: #000090;
 padding: 0px;
 background: #e0e0e0;
 text-align: left;
 vertical-align: middle;
 font-weight: bold;
 text-decoration: none;
}
.ctext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #000000;
 background: #ffffff;
 text-align: left;
 vertical-align: top;
 padding: 2px;  /* suggested by ArnoldLayne */
}
.ctext img {  /* doesn't work right on Netscape 4.x, surprise surprise */
 border: 1px solid #e8e8e8;
}
.ctext a {
 color: #003399;
 background: #ffffff;
}
.ctext a:hover {
 color: #ff9900;
 background: #ffffff;
}
.ctext a:visited {
 color: #000000;
 background: #ffffff;
}

/* Banner at top of CGI scripts w/ login name */

.loginbannerleft {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #900000;
 background: #e0e0e0;
 text-align: left;
 vertical-align: middle;
 font-size: 0.9em;
 text-decoration: none;
 width: 75%;
}
.loginbannerright {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #900000;
 background: #e0e0e0;
 text-align: right;
 vertical-align: middle;
 font-size: 0.9em;
 text-decoration: none;
 width: 25%;
}
.loginbannerright a, .loginbannerright a:visited {
 color: #900000;
 background: #e0e0e0;
 text-decoration: underline;
}
.loginbannerright a:hover {
 text-decoration: none;
}

/* Archives footer */

.farkivea {
 color: #000000;
 background: #ffffff;
 text-align: center;
 vertical-align: bottom;
 font-size: 1.3em;
 font-weight: bold;
}
.farkiveb {
 color: #000000;
 background: #ffffff;
 text-align: center;
 vertical-align: top;
 font-size: 1.0em;
}

/* Main text */

.main {
 color: #000000;
 background: #ffffff;
 text-decoration: none;
 font-size: 1.0em;
}
.mainsmall {
 color: #000000;
 background: #ffffff;
 text-decoration: none;
 font-size: 0.9em;
}
.maingrey {
 color: #000000;
 text-decoration: none;
 font-size: 1.0em;
}
.maingreysmall {
 color: #000000;
 background: #e0e0e0;
 text-decoration: none;
 font-size: 0.9em;
}
/* Same as main but with img border=1 instead of 0 */
.mainib {
 color: #000000;
 background: #ffffff;
 text-decoration: none;
 font-size: 1.0em;
}
.mainib img {
 border: 1px solid #000000;
 margin-right: 7px; margin-left: 7px; margin-bottom: 7px; margin-top: 7px;
}

/* "Submit a link" text in per-day headings on main pages */
 
.topsubmit, .topsubmit a, .topsubmit a:visited {
 color: #333366;     
 background: #ffffcc;
 text-decoration: underline;
 font-weight: bold;
 font-size: 1.2em;
}
.topsubmit a:hover {
 color: #663333;
 background: #ffffcc;
 text-decoration: none;
}

/***************************************************************************/
/* Everything below here is to support ARCHIVE pages before 9-28-2005 ONLY */
/***************************************************************************/

.entirelefttoolbar {
 color: #000000;
 background: #666666;
 width: 135px;
}
.entirerighttoolbar {
 color: #000000;
 background: #666666;
 width: 135px;
}

.lmhead {
 color: #000000;
 background: #f2f2f2;
 font-size: 1.0em;
 text-decoration: none;
 text-align: center;
 vertical-align: bottom;
 font-weight: bold;
}
.lmhead a:hover, .lmhead a:visited {
 color: #000000;
 background: #f2f2f2;
 text-decoration: none;
}
.lmhead a {
 color: #000000;
 background: #f2f2f2;
 text-decoration: underline;
}
.rmhead {
 color: #000000;
 background: #f2f2f2;
 font-size: 1.0em;
 text-decoration: none;
 text-align: center;
 vertical-align: bottom;
 font-weight: bold;
}
.rmhead a:hover, .rmhead a:visited {
 color: #000000;
 background: #f2f2f2;
 text-decoration: none;
}
.rmhead a {
 color: #000000;
 background: #f2f2f2;
 text-decoration: underline;
}

/* Left menu entries are left-justified */

.lm {
 color: #ffff99;
 text-decoration: none;
 background: #666699;
 font-size: 1.0em;
 text-align: left;
 vertical-align: bottom;
}
.lm a, .lm a:visited {
 color: #ffff99;
 background: #666699;
 text-decoration: none;
}
.lm a:hover {
 color: #ffffff;
 background: #666699;
 text-decoration: underline;
}

/* Same as lm except centered instead of left-justified */

.lmad {
 color: #ffff99;
 text-decoration: none;
 background: #03526B;
 font-size: 1.0em;
 text-align: center;
 vertical-align: bottom;
}
.lmad a img {border: none; color: #666699; background: #666699;}  /* lame workaround for Netscape 4.x bug */

/* Right menu entries are centered, otherwise same as lm */

.rm {
 color: #ffff99;
 text-decoration: none;
 background: #666699;
 font-size: 1.0em;
 text-align: center;
 vertical-align: bottom;
}
.rm a, .rm a:visited {
 color: #ffff99;
 background: #666699;
 text-decoration: none;
}
.rm a:hover {
 color: #ffffff;
 background: #666699;
 text-decoration: underline;
}
.rm a img {border: none; color: #666699; background: #666699;}  /* lame workaround for Netscape 4.x bug */
.bannerunderflash {
	color: #000000;
	text-decoration: underline;
}