/*
 * Cascading Style Sheet for fairshareinternational.org
 * 2007-09-01	Change border widths from 0 to 150px
 * 2007-01-04	Re-write
 * 2006-06-11	Andrew Lenart
 *
 * Most of the descendant selectors should be child selectors (>),
 * but these are too poorly supported by browsers.
 */

/* Sidebars */
body			{ margin: 0;
			  border-left:  150px solid rgb(100%, 60%, 0%);
			  border-right: 150px solid rgb(80%, 20%, 20%);
			  padding: 8px; /* normal body margin */
			}

/* Header line: logo and navigation links: alignment */
/*
 * This is a table for its vertical alignment.
 * +--------------------+--------------------+
 * |                    |         Navigation |
 * | Logo               |         Links      |
 * |                    |         To Right   |
 * +--------------------+--------------------+
 * Unfortunately, cell text-alignment doesn't align block elements (tested
 * in galeon 1.2.5), so we need to float the contents of the cells, too.
 */
div.header		{ display: table; width: 100%; }
div.header-cell		{ display: table-cell; vertical-align: middle; }
div.header-cell .logo	{ float: left; }
div.header-cell .fancy-links
			{ float: right; }
div.tagline1		{ display: none; }
div.tagline2		{ display: none; font-style: italic; }

/*
 * Navigation links
 * Fancy, coloured, links at the top. Plain text links at the bottom.
 */
@media handheld, print, projection, screen, tty, tv {
 .skip-nav-links		{ display: none; }
}
.fancy-links			{ padding: 2px 8px; }
.fancy-links p a		{ font: bold large cursive;
				  /* letter/word spacing? text transforms? */
				  padding: 4px 0 4px 16px;
				}
.fancy-links p a:first-child	{ padding-left: 0; }
				/* orange = #F90 / #D98200; redish = #C33 / #AE2B2B */
				/* were #ED9C0D; #D71F29 x2, #D51923 x2 */
.fancy-links p a.orange		{ color: rgb(100%, 60%, 0%); background: white; }
.fancy-links p a.orange:visited	{ color: rgb(85%,  51%, 0%); }
.fancy-links p a.redish		{ color: rgb(80%, 20%, 20%); background: white; }
.fancy-links p a.redish:visited	{ color: rgb(68%, 17%, 17%); }

.text-links			{ margin-top: 3em; text-align: center; }
.text-links p			{ margin: 0.8em 0; }
.text-links p a			{ margin: 0 0.4em; }

/* Table saying what 5.10.5.10 is about in 'ten words' */
div.ten-words		{ color: gray; background: white; }
div.ten-words hr	{ text-align: center; width: 80%; }
div.ten-words table	{ margin: 4px auto; border-spacing: 1em 4px; }
div.ten-words th	{ font: bold   small sans-serif; text-align: right; }
div.ten-words td	{ font: normal small sans-serif; text-align: left;  }
div.ten-words p		{ font: italic small      serif; text-align: center;
			  margin: 4px 0;
			}

/* ------------------------------------------------------------------------- */

/* Most images will be floated to one side or the other */
img.float-left		{ float: left;  margin: 5mm; }
img.float-right		{ float: right; margin: 5mm; }

/*
 * A paragraph that includes an inline list
 *
 * The content model for <p> excludes <ul> and <ol>, because these are
 * normally block-level elements. Making them inline in the CSS doesn't change
 * the content model, however, so we use <div class="parawithlist"> instead.
 * We assume the normal HTML <p> margins.
 */
div.parawithlist	{ display: block;
			  margin-top:    1.12em;
			  margin-bottom: 1.12em;
			}
div.parawithlist ul,
div.parawithlist ul li	{ display: inline;  /* also removes list-style */
			  margin-left:  0;
			  padding-left: 0;
			}
/*===========================================================================*/

/*
 * A paragraph followed by a (block) list
 */
p + ul,
p + ol			{ margin-top: 0.25em; }

/* patrons_statements only */
h2.patron-name		{ font-size: 1.25em;
			  font-weight: bolder;
			  margin: 2em 0 0 0;
			}

/* Some headings are very minor */
h1.minor,
h2.minor,
h3.minor,
h4.minor,
h5.minor,
h6.minor		{ font-size: 1em;
			  font-weight: bolder;
			  margin: 1.12em 0 0 0;
			}
h1.minor + *,
h2.minor + *,
h3.minor + *,
h4.minor + *,
h5.minor + *,
h6.minor + *		{ margin-top: 0.25em; /* instead of the normal 1.12em */ }

/* Old stuff for soapbox index */
.nd,
.nl {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.nd{	background-color: #CC0000; }
.nl{	background-color: #FF9900; }

a.nd:link,
a.nl:link {
	text-decoration: underline;
	font-weight:bold;
	color: white;
}