/*
** Colors - http://www.december.com/html/spec/color.html
** RRGGBB
** aqua #00FFFF
** black #000000
** blue #0000FF
** fuchsia #FF00FF
**
** gray #808080
** green #008000
** lime #00FF00
** maroon #800000
**
** navy #000080
** olive #808000
** purple #800080
** red #FF0000
**
** silver #C0C0C0
** teal #008080
** white #FFFFFF
** yellow #FFFF00
**
** tan #FAEBD7
**
** black #000000
** white #FFFFFF
**
** There are 16 valid predefined colour names. These are aqua, black,
** blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red,
** silver, teal, white, and yellow.
**
** transparent is also a valid value.
**
** a:visited { text-decoration: none; color: #6666DD; }
** a:link { text-decoration: none; color: #6666DD; }
** a:link { text-decoration: none; }
** a:active { text-decoration: none; color: #6666DD; }
** a:hover { text-decoration: none; color: #FF6666; }
**
** @media print {
** BODY { font-size: 10pt }
** }
** @media screen {
** BODY { font-size: 12pt }
** }
** @media screen, print {
** BODY { line-height: 1.2 }
** }
**
** Media types:
** all
** Suitable for all devices.
** aural
** Intended for speech synthesizers. See the section on aural style
** sheets for details.
** braille
** Intended for braille tactile feedback devices.
** embossed
** Intended for paged braille printers.
** handheld
** Intended for handheld devices (typically small screen, monochrome,
** limited bandwidth).
** print
** Intended for paged, opaque material and for documents viewed on
** screen in print preview mode. Please consult the section on paged
** media for information about formatting issues that are specific to
** paged media.
** projection
** Intended for projected presentations, for example projectors or
** print to transparencies. Please consult the section on paged media for
** information about formatting issues that are specific to paged media.
** screen
** Intended primarily for color computer screens.
** tty
** Intended for media using a fixed-pitch character grid, such as
** teletypes, terminals, or portable devices with limited display
** capabilities. Authors should not use pixel units with the "tty" media
** type.
** tv
** Intended for television-type devices (low resolution, color,
** limited-scrollability screens, sound available).
**
** Media type names are case-insensitive.
**
*/
/* */
body.lha { background: teal; color: inherit; }
a { text-decoration: none; color: #6666FF; }
span.center { text-align: center; }
span.boxspace { font-size: 2pt; }
a.maintitlebar { background-color: #737B9C; color: #FFFFFF; }
a.sortbutton { color: #FFFFFF; text-decoration: underline; }
a.menus { color: #000000; text-decoration: underline; }
a.tabs { color: #000000; text-decoration: underline; }
span.alignright { text-align: right }
span.maintitlebar { font-size: 10pt; color: #FFFFFF; }
span.titlebar { text-align: center; font-size: 10pt; background-color: #737B9C; color: #FFFFFF; font-weight: bold }
span.underline {text-decoration: underline }
span.ftsmaller { font-size: smaller; }
td.featurebox { font-size: small; }
span.alignleft { text-align: left }
span.aligncenter { text-align: center; }
span.plus { font-weight: bold; }
/* font-size: +2pt does not work under Firebird, instead it turns the font size to 2pt */
span.bold { font-size: larger; font-weight: bold; }
.thanks { font-weight: bold; font-style: italic; }
/* same as code */
.code { font: 12pt Courier, monospace; }
.fixed { font: 12pt Courier, monospace; }
.missing { font-weight: 100; color: #C0C0C0; text-decoration: none; }
.mright { float: right; padding: 0 0.15em; }
.mleft { float: left; padding: 0 0.15em; }
.rclear { clear: right; }
/* letter and word spacing */
.letterspaced {letter-spacing: 10pt;}
.wordspaced {word-spacing: 20px;}
/* vertical alignment examples */
.sub {vertical-align: sub;}
.super {vertical-align: super;}
.italic { font-style: italic; }
.bold { font-weight: bold; }
/* text alignment properties */
.right {text-align: right;}
.left {text-align: left;}
.justify {text-align: justify;}
.center {text-align: center;}
/* text transformation properties */
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}
/* text-decoration properties */
.underline {text-decoration: underline;}
.blink {text-decoration: blink;}
.line-through {text-decoration: line-through;}
.overline {text-decoration: overline;}
/* white space control */
.normal {white-space: normal;}
.pre {white-space: pre;}
.nowrap {white-space: nowrap;}
p.ind {text-indent:1.5em}
p.ind { text-indent: 20px; }
pre.ind { margin: 20px; }
/* indentation and line-height examples */
p.indent { text-indent: 20px; }
p.negindent {text-indent: -10px; background-color: yellow;}
p.invisible { display: none; }
/* This keeps the top bar at the top. now I just need to span the entire browser. */
/* div.topbar { position: fixed; width: 100%; background-color: #737B9C; text-align: left; font-size: 12pt; color: #FFFFFF; font-weight: bold; } */
#topbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #737B9C;
text-align: left;
color: #FFFFFF;
font-weight: bold;
}
div.bottombar { background: #737B9C; text-align: center; font-size: 12pt; color: #FFFFFF; font-weight: bold }
body>#topbar {
position: fixed;
}
.backwards {
unicode-bidi: bidi-override;
direction: rtl;
}
/* Color */
#tan {
background: inherit;
margin: 12px 12px 12px 12px;
padding: 12px 0px 12px 12px; /* Note 0px padding right */
color: #FAEBD7;
}
#brown{
background: #A06575;
color: black;
}
.brown{
background: #A06575;
color: black;
}
/* top, right, bottom, left */
span.tan {
margin: 12px 12px 12px 12px;
padding: 12px 0px 12px 12px; /* Note 0px padding right */
color: #FAEBD7;
font-size: +1pt;
}
li.withborder {
border-style: dashed;
border-width: medium; /* sets border width on all sides */
border-color: black;
}
.withoutborder {
width: 480px;
border-width: none; /* sets border width on all sides */
background: #A06575;
border-color: transparent;
}
.cwoborder_brbl {
margin-left: auto; /* This is the key to centering */
margin-right: auto; /* This is the key to centering */
width: 480px;
border-width: none; /* sets border width on all sides */
background: #A06575;
border-color: transparent;
text-align: center;
padding: 0px 0px 4px 0px; /* Note 0px padding right */
}
.cwoborder_browntan {
margin-left: auto; /* This is the key to centering */
margin-right: auto; /* This is the key to centering */
width: 480px;
border-width: none; /* sets border width on all sides */
background: #A06575;
border-color: transparent;
color: #FAEBD7;
padding: 4px 0px 4px 12px; /* Note 0px padding right */
}
.cwoborder_inherit {
margin-left: auto;
margin-right: auto;
width: 480px;
border-width: 0px; /* sets border width on all sides */
background: inherit
font-family: Helvetica;
}
.withborder {
border-style: dashed;
border-width: medium; /* sets border width on all sides */
border-color: black;
}
cblock {
position: relative;
margin-left: auto;
margin-right: auto;
}
html, body {
margin: 0px,1px, 0px, 2px;
padding: 0;
background-color: #FAEBD7; /* Tan, kind of */
}
#dleft {
border-style: none;
width: 300px;
float: left;
margin-left: -1px;
//padding: 5px, 5px, 5px, 5px;
}
#right {
padding: 10px;
margin-left: 310px;
/* border-left: 1px solid #006; */
clear: right;
}
#nav {
width: 220px;
float: left;
margin-left: -1px;
/* padding: 5px, 5px, 5px, 5px; */
}
#nav h1 {
margin: 5px, 5px, 5px, 5px;
padding: 0px, 0px, 0px, 0px;
}
#content {
padding: 10px;
margin-left: 230px;
border-left: 1px solid #006;
}
#header {
border-bottom: 1px solid #006;
}
#footer {
border-top: 1px solid #006;
font-size: 11px;
text-align: right;
padding: 2px 10px 0 0;
clear: both;
background-color: #FAEBD7; // Tan, kind of
}
.spacer {
clear: both;
}
dd, dt {
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
font-size: 0.95em;
}
/* ------------------------------------------------------------------------ */
body {
/* background:#123; // 26437 */
margin:0;
padding:20px 10px;
/* .text-align:center; */
}
html body {
margin:0;
padding-top:0;
padding-left:0;
padding-right:0;
}
/* The bar.
--------------------------------------------*/
#b-navbar {
width:100%;
padding-bottom:5px;
border-bottom:1px solid #024;
min-height:24px;
font:x-small "Trebuchet MS",Verdana,Arial,Sans-serif !important;
color:#47a;
font-size/* */:/**/small !important;
font-size: /**/small !important;
margin-bottom:10px;
position:absolute !important;
top:0;
left:0;
z-index:1;
display:block !important;
}
#b-navbar a img {
border:none;
display:inline !important;
}
#b-navbar #b-logo {
position:absolute !important;
top:3px;
left:5px;
width:80px;
height:24px;
border-width:0;
}
#b-logo img {
display:inline !important;
}
#b-search {
margin:0 0 0 100px;
padding:4px 7px;
line-height:1em;
font-size:85%;
text-align:left;
}
#b-more {
float:right;
padding-top:2px;
display:block !important;
}
#b-more a {
margin-left:4px;
}
#b-query {
margin-right:.25em;
width:12em;
}
/* hide from IE5-Mac \*/
#b-query {
font-size:x-small !important;
}
/* end hide */
#b-searchbtn, #b-searchallbtn {
position:relative;
top:-1px;
margin-right:.5em;
vertical-align:middle;
}
#b-this {
display:block !important;
}
#b-this a {
margin-right:.5em;
white-space:nowrap;
text-decoration:none;
line-height:1em;
}
#b-this a:hover {
color:#fff;
text-decoration:underline;
}
/*
** drop down for the flag as objectionable button
*/
#flagi {
border-style:solid;
border-width:1px;
position:absolute;
visibility:hidden;
z-index:300;
right: 28px;
top: 25px;
width: 145px;
padding: 3px;
}
#flagtop {
z-index: 301;
position: absolute;
background:no-repeat;
top: -5px;
left: 45px;
height: 5px;
width: 9px;
}
#top-filler {
z-index: 301;
width:130px;
height: 6px;
position: absolute;
top:-6px;
left:0;
}
#flagi-body {
color:#000;
font-weight:bold;
line-height: 15px;
font-size: 11px;
text-align: center;
font-family:"Trebuchet MS", Vedana, Arial, Sans-serif;
}
#flagi-body a {
text-decoration:none;
}
#flagi-body a:hover {
color:#fff;
text-decoration:underline;
}
#b-navbar {
border-bottom:1px solid #024;
color:#47a;
}
#b-search {
}
#b-query {
border:1px solid #47a;
}
#b-this a {
color:#9cf;
}
#b-this a:hover {
color:#fff;
}
#flagi #flagtop {
}
#flagi-body {
color:#000000;
}
#flagi {
border-color:#002244;
}
#flagi-body a {
color: #F1F1F1;
}
#invisible {
display: none;
}
#hide {
display: none;
}
#main {
margin-left:8px;
}
#google {
border:none;
text-decoration: none;
/* border= "0" origianlly in the HTML tag */
}