/* style for the index page */

/* Blue-Wave background */
/* Based on White-Black color style */
body {
	color: #ffffff;
	background-color: #000000;
	background-image: url("/img/bwave.png");
}

a:link {
	color: #80ffff
}

a:visited {
	color: #ffffff
}

a:hover, a:active {
	color: #ff2222
}

h2 {
	border-style: none none groove none;
	border-color: #8888cc;
	border-width: 5px;
	padding: 2pt 20pt;
	margin-top: 20pt;
	clear: both;
}

div#main {
	width: 74%;
	float: left;
	padding-right: 1em;
	padding-left: 20pt;
}

div#sidebar {
	border-style: none none none solid;
	border-width: 1px;
	border-color: #8888cc;
	width: 20%;
	margin-top: 280px;
	margin-bottom: 1em;
	padding-left: 1em;
	font-size: 80%;
	float: left;
	min-height: 500px
}

div#sidebar h1 {
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #8888cc;
	font-size: 120%;
	font-weight: normal;
	text-align: left
}

div#sidebar ul {
	margin-left: 0;
	padding-left: 1em
}

div#sidebar ul li + li{
	margin-top: 0.4em
}

div#sidebar dl {
	margin-left: 0;
	padding-left: 0.5em
}

div#sidebar dd {
	margin-bottom: 2px;
	margin-left: 20pt;
	padding-left: 0
}

#portrait {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

div#profile {
	float: left;
	width: 60%
}

dl.Profile dt {
	font-weight: bold
}

dl.Profile dd {
	margin-bottom: .8em;
	margin-left: 1em;
	padding-left: 1em
}

ul.HList {
	margin-top: 0;
	padding-left: 0
}

ul.HList li {
	display: inline;
	margin-left: 0.5em
}

ul.HList li:before {
	content: "\00bb \0020"
}

@media print {
	#eyecatch {
		display: none
	}
	#portrait-image {
		width: 3.5cm;
		height: 3.5cm
	}
	a, a:link, a:visited {
		color: #000000
	}
	div#sidebar {
		display: none
	}
}