/*
 * Stylesheet for the fifth- (sixth?) generation LOSURS web site
 *
 * vim:ft=css
 *
 * (C)Copyright Scott Wunsch, 2001-2003
 * You may redistribute the contents of this file only under the terms of
 * the GNU GPL, a copy of which may be found at:
 *   http://www.losurs.org/COPYING
 */

/* =================================================== The page in general == */

Body {
	color: #000029;
	font-family: Verdana, Tahoma, sans-serif;
	font-size-adjust: 0.58;
	margin-top: 0;

	background-color: white;
	background-image: url(/img/tux.watermark);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom center;
}

Div.leftmargin {
	position: fixed;
	top: 0; left: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0;
}

.hidden {
	visibility: hidden;
}

Img {
	border: none;
}

Div.indent {
	padding-left: 2em;
}

/* ==================================================== Heading at the top == */

H1 {
	color: #3D5192;
	text-align: center;
	margin-top: 0;
	padding-top: 0.8ex;
	padding-bottom: 0.2ex;
	margin-bottom: 2.1ex;
	border-bottom: double #3D5192;
	margin-left: 55px;
	margin-right: 55px;
}

Img.indexbutton {
	position: absolute;
	position: fixed;
	top: 5px;
	right: 10px;
	border: none;
}

Div.sections {
	background-color: #3D5192;
	color: white;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0; right: 0;
	margin-left: 0; margin-right: 0;
	margin-bottom: 0;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: thin solid white;
	z-index: 42;
}
Div.sections Span.divider {
	display: none;
}
Div.sections A, Div.sections Div.header {
	padding-left: 1ex;
	padding-right: 1ex;
	color: white;
	text-decoration: none;
}
Div.sections A.active {
	text-decoration: underline;
	background-color: black;
}
Div.sections A:hover {
	background-color: white;
	color: #3D5192;
}

/* ============================ All the details of the actual content area == */

Div.content {
	margin-left: 65px;
	margin-right: 65px;
	color: black;
	margin-bottom: 2.5em;
}

Div.homepage {
	margin-left: 0;
	margin-right: 210px;
}

/* ---------------------------------------------- Various paragraph styles -- */
Div.content P {
	text-align: justify;
	line-height: 140%;
}
Div.content P.attribution {
	font-size: 80%;
	font-style: italic;
}
P.right {
	text-align: right;
}
P.centred {
	text-align: center;
}

P.error {
	font-weight: bolder;
	color: #F00;
}
P.error A {
	color: inherit;
	text-decoration: underline;
}
P.error A:hover {
	color: #F50;
}

Img.float {
	float: right;
	margin-left: 1em;
}

DT {
	font-weight: bolder;
}
DD {
	margin-bottom: 1ex;
}

/* -------------------------------------------------- Text and link styles -- */
Div.content Strong {
	color: #026;
}
Sup, Sub {
	font-size: 70%;
}

A {
	color: blue;
	text-decoration: inherit;
}
A:hover {
	text-decoration: underline;
}

A.stealth {
	color: inherit;
	text-decoration: inherit;
	font-weight: inherit;
}
A.stealth:hover {
	color: blue;
	text-decoration: underline;
}

Abbr:hover, Acronym:hover {
	background-color: #FFFFBB;
}

HR {
	border: none;
	border-top: thin solid black;
	height: 1px;
}

Span.pale {
	color: grey;
}

/* ---------------------------------------------------------- Sub-headings -- */
Div.content H2 {
	color: #3D5192;
	font-weight: bolder;
	text-align: inherit;
	font-size: inherit;
	border-bottom: thin solid #3D5192;
	margin-left: -0.5em;
	margin-right: -0.5em;
	padding-left: 2px;
}
Div.content H2 A {
	color: inherit;
	text-decoration: underline;
}
Div.content H2 A:hover {
	color: blue;
}

Div.content H3 {
	font-weight: bolder;
	font-size: inherit;
	text-align: inherit;
}

/* -------------------------------------- Tables (alternating row colours) -- */
Table {
	border: none;
}
TR {
	vertical-align: top;
}
Div.content TR.even {
	background: #DCE0ED;
}
Div.content TR.odd {
	background: #EEEEF3;
}

TD.numeric {
	text-align: right;
}

/* --------------------------------------------- Forms in the content area -- */
Div.content Input[type=text], Div.content Input[type=password],
Div.content TextArea, Div.content Select {
	border: thin solid #448;
	background: #EDF3FF;
}
Div.content Input[type=text], Div.content Input[type=password],
Div.content TextArea {
	font-family: monospace;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
}
Div.content Input[type=text]:focus, Div.content Input[type=password]:focus,
Div.content TextArea:focus, Div.content Select:focus {
	background: white;
	border: thin solid black;
}

Div.content Input[type=radio], Div.content Input[type=checkbox] {
	border: thin solid #777;
	background: #EDF3FF;
}
Div.content Input[type=radio]:hover, Div.content Input[type=checkbox]:hover {
	border: 2px solid black;
	background: white;
}

Div.content P.buttons {
	text-align: center;
	word-spacing: 1em;
}
Div.content Input[type=submit], Div.content Input[type=button],
Div.content Input[type=reset] {
	background: #3D5192;
	color: #EEF;
	font: inherit;
	border: 2px outset #3D5192;
	padding-left: 1ex;
	padding-right: 1ex;
	word-spacing: 0;
}
Div.content Input[type=submit]:hover, Div.content Input[type=button]:hover,
Div.content Input[type=reset]:hover {
	background: #4D61A2;
	border: 2px outset #4D61A2;
	color: white;
}
Div.content Input[type=submit]:active, Div.content Input[type=button]:active,
Div.content Input[type=reset]:active {
	border: 2px inset #4D61A2;
}

/* ------------------------------------------ Portalboxes on the home page -- */
Div.portalboxes {
	position: absolute;
	right: 10px;
	width: 200px;
	left: auto;
	top: 10px;
}

Div.portalboxes Div.portalbox {
	border: thin solid #3D5192;
	font-size: 80%;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

Div.portalbox Div.boxcontent {
	padding-left: 10px;
	padding-right: 10px;
}

Div.portalbox H2 {
	font-weight: bolder;
	text-align: center;
	font-size: 125%;
	background-color: #3D5192;
	color: white;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-top: 0;
}
Div.portalbox H2 A {
	color: inherit;
	text-decoration: inherit;
}
Div.portalbox H2 A:hover {
	text-decoration: underline;
}