@charset "windows-1252";
/* CSS Document */
/* ID3 SENSORS AND SENSES STYLES BY LIVIA SUNESSON */

body {
	margin:0;
	padding:0;
	font:11px/15px Georgia, "Times New Roman", Times, serif;
	background:white url(golden-top.gif) left top no-repeat;
	color:black;
}
body.hasphoto {
	background:white url(golden-top_for_img.gif) left top no-repeat;
}
h1 {
	margin:0;
	padding:0;
	font:20px/25px "Trebuchet MS" Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h2 {
	margin:0;
	padding:0 0 5px 0;
	font:15px/20px "Trebuchet MS" Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h3 {
	margin:0;
	padding:0 0 5px 0;
	font:12px/15px "Trebuchet MS" Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h4 {
	margin:0;
	padding:0 0 5px 0;
	font:11px/15px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

a {
color:#6495ed;
text-decoration:none;
padding:0 1px 0 1px;
}
a:hover {
color:white;
text-decoration:blink;
background:#6495ed;
}
ul, ol {
padding:0 0 10px 20px;
margin:0;
}
ul li, ol li {
padding:0;
margin:0;
}

p {	
	margin:0;
	padding:0 0 10px 0;
}

div.contents {
	position:absolute;
	top:95px;
	left:200px;
	width:350px;
}
div.title {
	position:absolute;
	top:20px;
	left:0;
	width:550px;
	text-align:right;
	text-transform:uppercase;
	background:#00ff7f;
}

div.title a {
	color:white;
	text-decoration:none;
	display:block;
	margin-right:10px;
	background:none;
	padding:0;
}
div.title a:hover {
	color:white;
	text-decoration:none;
	background:none;
	padding:0;
}

div.navigation {
	position:absolute;
	top:70px;
	left:0;
	width:180px;
}

div.navigation ul {
text-align:right;
list-style:none;
margin:0;
padding:0;
}
div.navigation ul li {
	list-style:none;
	padding:2px 0 2px 0;
}

div.navigation ul li a {
	font:12px/15px "Trebuchet MS" Arial, Helvetica, sans-serif;
	font-weight:bolder;
	display:block;
	color:black;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 20px 0 0;
	padding-bottom:2px;
	background:none;
}
div.navigation ul li a:hover {
	padding:0 20px 0 0;
	border-bottom:2px solid #00ff7f;
	color:black;
	text-decoration:none;
	background:none;
}
div.navigation ul li a.selected, div.navigation ul li a.selected:hover {
	padding:0 20px 0 0;
	border-bottom:2px solid #00ff7f;
	color:black;
	text-decoration:none;
	background:none;
}


ul.projects {
padding:0;
margin:0;
list-style:none;
}

ul.projects li {
padding:0;
margin:0;
list-style:none;
float:left;
margin:0 10px 5px 0;
display:inline;
border:1px dotted black;
}

ul.projects li a {
	display:block;
	text-decoration:none;
	padding:5px;
	color:black;
	border-bottom:2px solid white;
	background:none;
}
ul.projects li a:hover {
	color:#00ff7f;
	border-bottom:2px solid #00ff7f;
	background:none;
}

ul.projects li a img {
border:none;
display:block;
clear:both;
}

div.contents img.bigprojectimage {
	margin-bottom:10px;
}

ul.filelist {
	list-style:none;
	padding:0;
	margin:0;
}
ul.filelist li {
	list-style:none;
	padding:0;
	margin:0 0 5px 0;
}

ul.filelist li a {
	padding:0 0 0 33px;
	margin:0;
	display:block;
	background:white url(file.gif) top left no-repeat;
	line-height:30px;
	color:#6495ed;
	text-decoration:none;
}
ul.filelist li a:hover {
	color:#6495ed;
	text-decoration:none;
}