/* 
/css/gbgblues.css
by Orjan Hansson, ohwada.se

Version 1.0, 2006-01-27
Version 1.1, 2006-02-25
Version 1.2, 2006-07-29
Version 1.3, 2008-05-23:
	Added version numbering.
	Added colorSpecial.
*/

/* Holy Grail layout */
/*
Modified from Example #2 of "The Holy Grail of Layouts" by Matthew Levine
at "A List Apart": http://www.alistapart.com/articles/holygrail
Changes by OH:
	pixels -> ems
	left, center and right columns -> extraSpace, mainText and sideText
	container -> textWrapper
	header and footer -> siteNav and siteInfo
*/
body {
	min-width: 44em;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	margin: 0;
	padding: 0;
}
#textWrapper { /* Around mainText, sideText and extraSpace */
	padding-left: 10em;      /* LC fullwidth (= width + padding) */
	padding-right: 22em;     /* RC fullwidth + CC padding */
}
#textWrapper .column {
	position: relative;
	float: left;
}
#mainText { /* CC: positioned in the center */
	padding: 0 1em;          /* CC padding */
	width: 100%;
}
#extraSpace { /* LC: positioned at left */
	width: 8em;              /* LC width */
	padding: 0 1em;          /* LC padding */
	right: 12em;             /* LC fullwidth + CC padding */
	margin-left: -100%;
}
#sideText { /* RC: positioned at right */
	width: 18em;             /* RC width */
	padding: 0 1em;          /* RC padding */
	margin-right: -100%;
}
#siteInfo { /* Positioned at bottom */
	clear: both;
}
/* IE Fix */
* html #extraSpace {
	left: 20em;              /* RC fullwidth */
}
/* End: Holy Grail layout */

#mainText, #extraSpace, #sideText {
	padding-top: 1em;
}

/* The following can be used to split mainText in two equal columns */

.halfWidthColumn {
	width: 48%;
	float: left;
	margin: 0;
	padding: 0 1em 0 0;
}

/* Restore full width */
.fullWidth {
	font-size: 1px;
/*	line-height: 0; */
	margin: 0;
	clear: both;
	height: 0px;
}

/* Horizontal alignment */

.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}

/* Images */

.leftFigure {
	float: left;
	width: 150px;
	margin: 2em 1em 1em 0;
	padding: 0;
	text-align: center;
	font-size: 85%;
}
.rightFigure {
	float: right;
	width: 150px;
	margin: 2em 0 1em 1em;
	padding: 0;
	text-align: center;
	font-size: 85%;
}
.gallery img {
	margin: 0.5em;
	display: inline;
	border: 0;
}
#hidePage { /* Used on pages that load slowly */
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 2em 0;
/*	background-color: #ffc; */
	background: #ffc;
/*	layer-background-color: #ffc; */
	text-align: center;
} 
/*
img {
	margin-bottom: 1em;
	display: block;
	border: 0;
	text-align: center;
}
*/

/* Text formatting */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small; /* For IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small; /* For compliant browsers */
}

p, td, li, ol, ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1.66;
}
ul {
	list-style-type: none;
	margin-top: 0;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.66;
}
h1 {
	font-size: 200%;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
}
h2 {
	margin-bottom: 0;
	font-size: 150%;
	font-weight: bold;
}
h3 {
	margin-bottom: 0;
	border-bottom: 1px solid #000; /* Default color */
	font-size: 133%;
	font-weight: normal;
}
h4 {
	margin-bottom: 0;
	font-size: 110%;
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}

#sideText h1, #sideText h2 {
	text-align: center;
}

.textBox {
	margin: 0 0 1em 0;
	padding: 0 0.5em;
}

.textBox h3, .textBox h4 {
	margin-top: 0.5em;
}

/* Links */

a:link, a:visited {
	background: transparent;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a.active:link, a.active:visited {
	text-decoration: underline;
}

/* Header */

#siteNav { /* Positioned at top */
	height: 160px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #000 url(/img/blueslogga4.jpg) 10px 10px no-repeat;
	color: white;
}

#siteNav img {
	position: absolute;
	top: 135px;
	right: 10px;
}
#siteNav h1 {
	margin: 0;
	padding:1em 0.33em 0.33em 0.33em;
	text-align: right;
	font-family: Times, "Times New Roman", serif;
/*	text-transform: uppercase;   */
	letter-spacing: 3px;
	font-style: italic;
}

/* Mini Tabs in the Header */
/*
From Dan Cederholm:
http://www.simplebits.com/archives/2003/06/07/mini_tabs_the_untab_tab.html
*/
#siteNav ul {
	position: absolute;
	top: 105px;
	left: 90px;
	margin: 0;
	padding: 0.33em 0 1.66em 1em;
}
#siteNav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}
#siteNav a:link, #siteNav a:visited {
	margin: 0 1em 0 1em;
	color: #ccc;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#siteNav a.active:link, #siteNav a.active:visited, #siteNav a:hover {
	padding-bottom: 1px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

/* Footer */

#siteInfo { /* Positioned at bottom */
	border-top: 1px solid #000; /* Default color */
	text-align: center;
	font-size: 85%;
}

/* Subnavigation */

.subNav a:link, .subNav a:visited {
	text-decoration: none;
}
.subNav a.active:link, .subNav a.active:visited, .subNav a:hover {
	text-decoration: underline;
}

/* Forms */
/*
Modified from Mark Newhouse:
http://alistapart.com/articles/practicalcss
*/
.formWrapper {
	padding: 0;
	margin: 1em auto;
	width: 24em;           /* Sum of Label and Element widths */
	background-color: #fff;
	border: 1px dotted #000;
}
.formRow {
	clear: both;
	padding-top: 0.5em;
	text-align: center;
}
.formRow span.formLabel {
	float: left;
	width: 11em;
	padding-top: 0.3em;
	text-align: right;
}
.formRow span.formElement {
	float: right;
	width: 12em;
	text-align: left;
} 

/* Color scheme */
/* Old: #369 = blue-gray */
/* #900 = dark red, #f00 = light red */
.textBox {
	border: 1px solid #900; /* wine red */
}
.colorSpecial {
	color: #900;
}
h3 {
	border-bottom: 1px solid #900;
}
a:link, a:visited {
	color: #900;
}
a:hover, a.active:link, a.active:visited {
	color: #f00;
}

.subNav a:link, .subNav a:visited {
	color: #900;
}
.subNav a.active:link, .subNav a.active:visited, .subNav a:hover {
	color: #f00;
}

#sideText {
	border-right: 1px solid #900;
	border-bottom: 1px solid #900;
	border-left: 1px solid #900;
}
#sideText h1, #sideText h2 {
	color: #fff;
	background: #900;
}
#siteInfo { /* Positioned at bottom */
	border-top: 1px solid #900;
/*	background: #900; */
/*	color: white; */
}

.formWrapper {
	border: 1px dotted #900;
}