/* CSS */

/* Backup: #aab2bf */

body {
	color: black;
	background: #aab2bf url(pics/stripe.gif) repeat fixed;
	margin: 0px;
	}

/* Boxes */

#menu {
	color: #f8f8f8;
	background: transparent url(pics/bar.gif) repeat-x 0% 0%;
	height: 52px;
	text-align: left;
	text-transform: lowercase;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	padding-bottom: 0%;
	letter-spacing: 0.2em;
	font-size: x-small;
	font-family: sans-serif;
	font-weight: bold;
	white-space: nowrap;
	}

	#menu a {
		color: white;
		background: transparent;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		padding-left: 0.3em;
		padding-right: 0.3em;
		}

	#menu a:hover {
		text-decoration: none;
		color: white;
		background: transparent;
		border-top: dotted #f8f8f8 2px;
		border-bottom: dotted #f8f8f8 2px;
		}

#content {
	margin: 0%;
	width: 70%;
	color: black;
	background: transparent url(pics/background.gif) no-repeat 0% 0%;
	margin-top: -2%;
	padding-top: 0%;
	padding-left: 2%;
	padding-right: 2%;
	}
	
	
#message {
 	position: relative;
	margin-left: -4%;
	padding: 2%;
	padding-left: 4%;
	color: #fafafa;
	background: transparent url(pics/bluestripe.gif) repeat 0% 0%;
	text-align: left;
	font-size: small;
	font-style: normal;
	width: 50%;
 	}

	#message a {
        font-style: italic;
        font-weight: bold;
        color: #fff;
        background: transparent;
        }

	#message strong {
		font-weight: bold;
		text-decoration: underline;
		}

#message2 {	
	position: relative;
	float: left;
	color: #fafafa;
	background: transparent url(pics/bluestripe.gif) repeat 0% 0%; 
	padding: 1%;
	margin: 1%;
	}	
		
/* Content */

p {
	text-align: left;
	font-family: serif;
	}

	div > p:first-child { text-indent: 0 }
	p:first-letter {
        	font-size: 110%;
        	font-weight: bold;
        	float: left;
        	padding-right: 2px;
		}

h1 {
        text-align: left;
	font: bold large sans-serif;
	text-transform: Capital;
	color: #fff;
        background: transparent;
        letter-spacing: 0.8em;
        word-spacing: 0.8em;
        padding-top: 2%;
        padding-bottom: 3%;
	}

        h1:first-letter {
	font-size: 200%;
        font-weight: bold;
        font-style: italic;
	}

h2 {
        text-align: left;
	font: bold medium sans-serif;
        border-bottom: solid #ccc 1px;
        text-transform: UPPERCASE;
	color: #fafafa;
        background: transparent;
        letter-spacing: 0.2em;
        word-spacing: 0.2em;
        padding-top: 2%;
        margin-left: 0%;
        margin-right: 0%;
        }

h3 {
        font: bold medium sans-serif;
	text-align: left;
        color: #eee;
        background: transparent;
        }

h4 {
        text-align: left;
        font-style: normal;
        color: #ddd;
        background: transparent;
        margin-top: -0.5em;
        margin-bottom: -0.5em
        }

strong { font-weight: bolder; }
blockquote { font-style: italic; }
ul { }
li { list-style: square outside }

a:link, a:visited, a:active {
	text-decoration: none;
	color: #fff;
	background: transparent;
	font-weight: bold;
	}

a:hover {
	text-decoration: underline;
	color: #fff;
	background: transparent;
	}

p a { font-style: italic; }

.form { 
	text-align: left; 
	color: #fafafa;
        background: transparent url(pics/bluestripe.gif) repeat 0% 0%;
	}

sup {
        font-size: x-small;
	}

	sup a:link, sup a:visited, sup a:hover, sup a:active {
        	font-style: normal;
		text-decoration: none;
		color: white;
		background: black;
		padding: 1px;
		}
	
/*.footer {
	width: 25%;
	border-bottom: #222 solid 2px;
	margin-bottom: 2%;
	}*/		

.footnote {
	text-align: left;
	font-size: x-small;
	margin-left: 2%;
	margin-bottom: 1%;
	width: 80%;
	max-width: 600px;
	}
	
/* Pictures */

img.mortti { float: left }