/*
 * Copyright (c) 2009 Mikael Relbe
 *
 * Page styles
 *
 */

@font-face {
	font-family: mrelbe;
	font-style:  normal;
	font-weight: normal;
	src: url("/rsrc/font/mrelbe.eot");
}



body {
	background: #1f1c13;
	color: #feefda;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	text-align: left;
	margin: 0 0 0 144px;
	padding: 0;
}

a:link {
	color: #99ccff;
	text-decoration: none;
/*	border-bottom: 1px dotted #867e75; */
}

a:visited {
	color: #f070f0;
	text-decoration: none;
/*	border-bottom: 1px dotted #867e75; */
}

a:active {
	text-decoration: none;
	border: none;
}

a:hover {
	background-color: #e4e1d6;
	color: #000000;
	text-decoration: none;
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 4px 0;
}

h1 {
	font-size: 14pt;
	padding-top: 24px;
}

h2 {
	font-size: 12pt;
	padding-top: 24px;
}

h3, h4, h5, h6 {
	font-size: 10pt;
	text-align: left;
	margin: 0;
	padding-top: 12px;
}

h3 {
	font-weight: bold;
}

h4, h5, h6 {
	font-weight: normal;
	text-decoration: underline;
}

p, form, td {
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0;
}

ul, ol {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul, ol, li {
	padding-top: 2px;
	padding-bottom: 2px;
}

blockquote {
	padding: 4px 24px 4px 24px;
	margin: 0;
}

label {
	font-size: 8pt;
	font-weight: normal;
	display: block;
	padding: 12px 0 2px 0;
	margin: 0;
}

input, textarea {
	font-size: 10pt;
	display: block;
	padding: 0;
	margin: 0;
}

input.checkbox {
	display: inline;
	margin-right: 8px;
}

button {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	padding: 2px;
	margin: 8px 8px 8px 0px;
}

pre {
	font-size: 8pt;
}

table.compact {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
}

table.compact td {
	margin: 0;
	padding: 0;
}

td {
	padding-top: 16px;
	vertical-align: top;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
}

table.compact td {
	margin: 0;
	padding: 0;
}

th {
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
}

td.divider {
	font-style: italic;
	padding: 8px 0px 0px 0px;
}

td p {
	padding: 8px 0px 0px 0px;
	margin: 0;
}



/*
 * -------- Custom classes --------
 *
 */

p.img {
	border: none;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 4px;
}

p.imgTitle {
	font-size: 8pt;
	font-style: italic;
	text-align: center;
	padding-top: 0;
	padding-bottom: 8px;
}

span.date {
	padding-left: 8px;
}


.author {
	font-size: 8pt !important;
	font-style: italic;
	text-align:right;
	color: #777;
}

input.button {
	display: inline;
	padding: 2px;
	margin: 8px 0 8px 0;
}

.small_text {
	font-size: 8pt !important;
}

.emphasized {
	color: #cc0000;
}

.compact {
	padding-top: 0;
	padding-bottom: 0;
}

.first {
	padding-top: 4px !important;
}

.notice {
	border-top: 4px solid #867e75;
	font-weight: bold;
}

span.notice {
	border: none;
	padding: 4px;
	margin: 0;
	font-weight: normal;
}

.inactiveLink {
	color: #867e75;
}

.navbar {
	color: #867e75;
	font-weight: bold;
}

.navbar a {
	color: #feefda;
	font-weight: bold;
	padding: 1px 4px 1px 4px;
	border: none;
}

.navbar a:link {
	color: #feefda;
}

.navbar a:visited {
	color: #feefda;
}

.navbar a:hover {
	color: #000000;
}

.navbar .selected {
	background-color: #867e75;
	color: #feefda;
	font-weight: bold;
	padding: 1px 4px 1px 4px;
}

.navbar .spacer {
	padding-left: 8px;
	padding-right: 8px;
}



/*
 * -------- Page Dividers --------
 *
 */

#wrapper {
	width: 924px;
	text-align: left;
	margin: 0 auto 24px auto;
	padding: 0 24px 12px 24px;
}

#header {
}

#content {
}





/*
 * ---- Page Dividers - Top ----
 *
 */

div.pageTop {
	font-size: 0px;
	padding-top: 12px;
	margin-bottom: 0px;
	width: 924px;
}

div.pageTop .begin {
	background-image: url('top/begin.png');
	background-repeat: no-repeat;
	height: 12px;
}

div.pageTop .content {
	background-image: url('top/content.png');
	background-repeat: repeat-y;
	padding: 0 12px 0 12px;
	text-align: center;
}

div.pageTop .end {
	background-image: url('top/end.png');
	background-repeat: no-repeat;
	height: 12px;
}



/*
 * ---- Page Dividers - Main ----
 *
 */

div.pageMain {
	color: #000000;
	float: left;
	width: 600px;
}

div.pageMain .topHeaderStart {
	background-image: url('main/top_thick_start.png');
	font-size: 0;
	height: 7px;
	margin-top: 24px;
	clear: both;
}

div.pageMain h1, div.pageMain h2 {
	background-image: url('main/top_thick_middle.png');
	background-repeat: repeat-y;
	color: #ffffff;
	font-family: mrelbe, Arial, sans-serif;
	font-style: normal;
	margin: 0;
	padding: 0 24px 1px 24px;
}

div.pageMain h1 {
	text-align: center;
	font-size: 24pt;
}

div.pageMain h2 {
	font-size: 16pt;
}

div.pageMain .topHeaderEnd {
	background-image: url('main/top_thick_end.png');
	font-size: 0;
	height: 7px;
}

div.pageMain .content {
	background-image: url('main/content.png');
	background-repeat: repeat-y;
	text-align: left;
	padding: 0 24px 0 24px;
}

div.pageMain .content h2 {
	background-image: none;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 0px;
	padding: 24px 0 4px 0;
}

div.pageMain .content h3 {
	font-size: 11pt;
}

div.pageMain .content h4 {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

div.pageMain .notice {
	background: #e4e1d6;
	padding: 12px 24px 12px 24px;
	margin: 24px;
}

div.pageMain span.notice {
	border: none;
	padding: 4px;
	margin: 0;
	font-weight: normal;
}

div.pageMain .thickDivider {
	background-image: url('main/divider_thick.png');
	font-size: 0;
	height: 22px;
	clear: both;
}

div.pageMain .thinDivider {
	background-image: url('main/divider_thin.png');
	font-size: 0;
	height: 11px;
	clear: both;
}

div.pageMain .start {
	background-image: url('main/top_thin.png');
	font-size: 0;
	height: 15px;
	margin-top: 24px;
	clear: both;
}

div.pageMain .end {
	background-image: url('main/bottom_thin.png');
	font-size: 0;
	height: 15px;
	margin-bottom: 24px;
	clear: both;
}

div.pageMain td {
	color: #000000;
}



/*
 * ---- Page Dividers - Right ----
 *
 */

div.pageRight {
	color: #000000;
	float: right;
	width: 300px;
}

div.pageRight .topHeaderStart {
	background-image: url('right/top_thick_start.png');
	font-size: 0;
	height: 7px;
	margin-top: 24px;
	clear: both;
}

div.pageRight h1, div.pageRight h2 {
	background-image: url('right/top_thick_middle.png');
	background-repeat: repeat-y;
	color: #feefda;
	text-align: center;
	font-family: mrelbe, Arial, sans-serif;
	font-size: 14pt;
	font-style: normal;
	margin: 0;
	padding: 0 24px 1px 24px;
}

div.pageRight .topHeaderEnd {
	background-image: url('right/top_thick_end.png');
	font-size: 0;
	height: 7px;
}

div.pageRight .content {
	background-image: url('right/content.png');
	background-repeat: repeat-y;
	width: 252px;
	text-align: left;
	padding: 0 24px 0 24px;
	font-size: 8pt;
}


div.pageRight .content h2 {
	background-image: none;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 24px 0 4px 0;
	text-align: left;
}

div.pageRight .content h2,
div.pageRight .content h3
{
	font-size: 8pt;
}

div.pageRight .notice {
	background: #ffffff;
	padding: 8px 16px 8px 16px;
	margin: 16px;
}

div.pageRight span.notice {
	border: none;
	padding: 2px;
	margin: 0;
	font-weight: normal;
}

div.pageRight .thickDivider {
	background-image: url('right/divider_thick.png');
	font-size: 0;
	height: 22px;
	clear: both;
}

div.pageRight .thinDivider {
	background-image: url('right/divider_thin.png');
	font-size: 0;
	height: 11px;
	clear: both;
}

div.pageRight .start {
	background-image: url('right/top_thin.png');
	font-size: 0;
	height: 15px;
	margin-top: 24px;
	clear: both;
}

div.pageRight .end {
	background-image: url('right/bottom_thin.png');
	font-size: 0;
	height: 15px;
	margin-bottom: 24px;
	clear: both;
}

div.pageRight * p {
	font-size: 8pt;
}

div.pageRight * ul, div.pageRight * ol {
	font-size: 8pt;
}

div.pageRight td {
	color: #000000;
	font-size: 8pt !important;
}



/*
 * ---- .content ----
 *
 */

.content {
	color: #000000;
}

.content a:link {
	color: #0000ee;
	text-decoration: none;
}

.content a:hover {
	background-color: #867e75;
	color: #ffffff !important;
	text-decoration: none;
}

.content a:visited {
	color: #800080;
}

.content .navbar a {
	color: #867e75;
}

.content .navbar a:visited {
	color: #867e75;
}

.content .navbar span.selected {
	background-color: #e4e1d6;
	color: #867e75;
}


/*
 * ---- Page Dividers - Right (Alert) ----
 *
 */
div.pageRight .alert .topHeaderStart {
	background-image: url('right/alert/top_thick_start.png');
}

div.pageRight .alert h1, div.pageRight .alert h2 {
	background-image: url('right/alert/top_thick_middle.png');
	color: #ffffff;
}

div.pageRight .alert .topHeaderEnd {
	background-image: url('right/alert/top_thick_end.png');
}

div.pageRight .alert .content {
	background-image: url('right/alert/content.png');
	color: black;
}

div.pageRight .alert .thickDivider {
	background-image: url('right/alert/divider_thick.png');
}

div.pageRight .alert .thinDivider {
	background-image: url('right/alert/divider_thin.png');
}

div.pageRight .alert .start {
	background-image: url('right/alert/top_thin.png');
}

div.pageRight .alert .end {
	background-image: url('right/alert/bottom_thin.png');
}

div.pageRight .alert a:link {
	color: #0000ee;
}

div.pageRight .alert a:visited {
	color: #800080;
}

div.pageRight .alert a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #ff5860;
}






/*
 * ---- Page Dividers - Right (Main page background) ----
 *
 */
div.pageRight .main .topHeaderEnd {
	background-image: url('right/main/top_thick_end.png');
}

div.pageRight .main .content {
	background-image: url('right/main/content.png');
	color: black;
}

div.pageRight .main .thickDivider {
	background-image: url('right/main/divider_thick.png');
}

div.pageRight .main .thinDivider {
	background-image: url('right/main/divider_thin.png');
}

div.pageRight .main .start {
	background-image: url('right/main/top_thin.png');
}

div.pageRight .main .end {
	background-image: url('right/main/bottom_thin.png');
}






/*
 * ---- Photo Gallery - General ----
 *
 */
div.galleryThumbs {
	width: 168px;
	font-size: 0;
}

div.galleryThumbs img {
	border: 4px solid #e4e1d6;
}

div.galleryThumbs img.small {
	border-width: 2px;
}

p.galleryName {
	font-weight: bold;
}

span.galleryNameSuffix {
	font-weight: normal;
}


/*
 * ---- Photo Gallery - pageMain ----
 *
 */
div.pageMain * div.gallery {
	padding: 8px 0 8px 0;
}

div.pageMain * div.galleryThumbs {
	float: left;
}

div.pageMain * div.galleryDescription {
	width: 372px;
	float: right;
}

div.pageMain * p.galleryName {
	padding: 2px 0 6px 0;
	margin: 0;
}

div.pageMain * div.galleryTail {
	clear: both;
	font-size: 0;
}




/*
 * ---- Photo Gallery - pageRight ----
 *
 */
div.pageRight * div.gallery {
	padding: 8px 0 0 0;
}

div.pageRight * div.galleryThumbs {
	margin-left: 42px;
}

div.pageRight * div.galleryThumbs img {
	border-color: #ffffff;
}

div.pageRight * p.galleryName {
	padding-top: 8px;
	text-align: center;
}




/*
 * ---- Others ----
 *
 */
.author, .author a:link, .author a:hover, .author a:visited {
	color: #777;
}