/* CSS Document - humanities visualization - style.css */

/* BODY */
	body {
		background-image: url("../images/bg.jpg");
		color: #444444;
		font-family: "Lucida Grande", sans-serif;
		font-size: 12px;
		padding: 0px;
		margin: 0px 50px 0px 50px; 
	}

/* LAYOUT */
	#page { 
		background-image: url("../images/page_bg.png");
		background-repeat: no-repeat;
		margin-left: auto;
		margin-right: auto;
		width: 600px; 
		text-align: left; 
		background-color: #FFFFFF;
		border: 1px solid #666666;
		border-top: none;
		padding: 25px 25px 25px 25px;
	} 
	#header {
		height: 59px;
		padding: 0px 0px 0px 25px;
		text-align: right;
	} 
	#footer {
		color: #888888;
		text-align: right;
		padding: 10px 0px 10px 0px;
		font-size: 9px;
	 } 
	
/* TWO COLUMN LAYOUT */
.leftcol {
	float: left;
	padding-top: 40px; /* to avoid logo */
	text-align: center;
}
.rightcol {
	float: right;
	width: 390px;
	padding-top: 15px;
}
.clear {
	height: 0px;
	clear:both;
}

/* INTRODUCTION PAGE SPACER */
#spacer {
	width: 170px;
	height: 50px;
	float: left;
}

/* HEADINGS */
	h1, h2, h3, h4, h5, h6 {
		margin: 0px;
		padding: 0px;
		margin-bottom: 2px;
		font-weight: lighter;		
	}
	h1 {
		font-size: 29px;
		letter-spacing: -2px;
		color: #00C3DF;
	}
	h2 {
		font-size: 16px;
		color: #00337F;
	}
	h3 {
		font-size: 14px;
		color: #222222;
	}

/* LINKS */
	/* Remove formatting from linked images */
	a.image:link, a.image:visited, a.image:hover, a.image:active {
		border: none;
		border: 0px;
		text-decoration: none;
		background-color: transparent;
	}
	a, a:link {
		color: #00337F;
		text-decoration: none;
		cursor: pointer;
	}
	a:visited {
		color: #00337F;
		text-decoration: none;
	}
	a:hover {
		color: #00C3DF;
	}
	a:active {
		color: #00C3DF;
	}
	
/* TEXT */
p {
	line-height: 16px;
	text-align: justify;
	margin-bottom: 10px;
}
ul.people {
	list-style-type: none;
	padding: 0px;
}
ul.projects {
	list-style-type: none;
	padding: 0px;
}
ul.projects li {
	padding: 10px;
}

/* FRONT PAGE PROJECTS */
table.project {
	width: 100%;
}
td.project_image {
	width: 150px;
}
td.project_text {
	vertical-align: middle;
}

/* IMAGES */
#logo {
	position: absolute;
	top: 29px; 
	right: auto;
}
img.project {
	width: 135px;
	height: 100px;
	margin: 10px 0px 0px 0px;
	border: none;
	border: 0px;
	text-decoration: none;
	background-color: transparent;	
}

/* NEWS */
.newslist {
	list-style-type: none;
	padding: 0px;
}
.newsitem {
	padding-bottom: 10px;
}
.newsdate {
	color: #666666;
	font-size: 11px;
}

.message {
	background-color: #ffc;
	padding: 3px;
	border: thin solid #999;
}