/*******************************************************************************

	home.css
	
	This file contain style definitions for that are peculiar to the PSC home
	page. This should not be used with any other pages.
	
	shandraw@psc.edu


*******************************************************************************/

@media all {

h2 { margin: 0; padding: 0; }


		
div#quicklinks {
	
	padding: 1em;
	font-family: "Verdana", sans-serif;
	font-size: 70%;
	line-height: 1.5em;
	background: #DDEBF4;
}

div#quicklinks ul{
	padding: 0;
	margin: 0 0 0 8em;
}

div#quicklinks ul li {
	display: inline;
	padding: 0.5em;
	/*white-space: nowrap;*/
}

div#quicklinks ul li:after {
	content: "...";
}




/*******************************************************************************

	Main page: page wrapper, columns, actual content


*******************************************************************************/


#page { 
	padding: 0em 0em 0em 0em;

	background: #fffff8;
}


/*******************************************************************************

	Column 1: Feature, news, workshops, science book...


*******************************************************************************/


#col1 {
	float: left;
	width: 62%;
	margin: 0;
	padding: 0 0 0 1em;
	clear: both;
background: #fff;
}


#feature {
	margin: 0em 0em 0em -1em;
	padding: 1em 1em 0em 1em;
	clear: both;
	font-size: 100%;
	background: #D0DADF;
}

	#feature img {
		float: left;
		width: 260px;
		height: 160px;
		margin: -1em 1em 0 -1em;
	}
	
	#feature h2 {
		margin-top: 0.25em;
		display: inline;
		line-height: 1.1em;
		overflow: hidden;
	}

	#feature p {
		margin-top: 1em;
		font-size: 0.75em;
		font-family: "Georgia", serif;
		/*max-width: 100%;*/
		
		overflow: hidden;
	}


div#news {
	width: 40%;
	margin-left: 50%;
	padding: 0 0.5em;
	font-family: "Verdana", sans-serif;
	font-size: 85%;
}


div#news h2 { margin: 0; paddin: 0; }

div#news ul {
	margin: 0.5em 0 0.5em 0em;
	padding: 0;
	
	list-style: none;
}

		#news ul li {
			margin: 0;
			padding-bottom: 1em;
			line-height: 1.1em;		
			font-size: 80%;
		}

		#news p {
			padding: 0.25em;
			font-size: smaller;
			line-height: 1em;
			text-align: right;
		}
div#externalnews {
	background-color: #;
	border-top: double #cae8f6 5px;
	padding: 5px;
	font-family: "Verdana", sans-serif;
	font-size: 100%;
}

div#externalnews ul, h4 {
	margin-top: 5px;
}

div#workshops {
	float: left;
	width: 40%; 
	padding: 0 0 0 0;
	font-family: "Verdana", sans-serif;
	font-size: 85%;
	
}

div#workshops ul {
	margin: 0.5em 0 0.5em 0em;
	padding: 0;
	
	list-style: none;
}

		#workshops ul li {
			margin: 0;
			padding-bottom: 1em;
			line-height: 1.1em;		
		}

		#workshops p {
			padding: 0.25em;
			font-size: smaller;
			line-height: 1em;
			text-align: right;
		}

div.triptych {
	width: 100%;
	margin: 0em !important;
	padding: 0em  !important;
	font-family: sans-serif;
	font-size: 80%;
	line-height: 1em;
	border-top: 1px solid #999;
	background: #ccc !important;
}
	div.triptych img { margin-right: 2%; }
	
	div.triptych #panel1 {
		width: 28%;
		min-height: 3em;
		margin: 0 1% 0 0;
		padding: 1% 1% 1% 1% !important;
		float: left;
		background: #eee;
		border: thin solid #ccc;
	}
	
	div.triptych #panel2 {
		width: 28%;
		min-height: 3em;
		margin: 0 !important;
		padding: 1% 1% 1% 1% !important;
		float: left;
		background: #eee;
		border: thin solid #ccc;
	}
	
	div.triptych #panel3 {
		width: 28%;
		min-height: 3em;
		margin: 0 0 0 1%;
		padding: 1% 1% 1% 1% !important;
		float: left;
		background: #eee;
		border: thin solid #ccc;
	}


/*******************************************************************************

	Column 2: Research groups, sposnsor & partner logos...


*******************************************************************************/


#col2 {
	margin: 0 0 0 64%;
	
	padding: 1em 2em 2em 1em;	
	font-size: 90%;
	background: #fffff8;
}

	#col2 h4 {
		margin: 0;
	}
	
	
	.group {
		margin: 0 0 2em 0;
		font-family: "Verdana", sans-serif;
		font-size: 80%;
		padding-bottom: .5em;
		border-bottom: .025em solid #999;
		
	}
	
	.group2 {
		margin: 0 0 2em 0;
		font-family: "Verdana", sans-serif;
		font-size: 80%;
		border-bottom: .0125em solid #999;
		padding: .25em;
		/*background: #D0DdfF;*/
	}
	
	
		.group h4 {
			font-size: 150%;		
		}
		
		.group p {
			color: #000;
		}
	
	.logo { width: 96px; margin-left: auto; margin-right: auto; }
	#logo-psc { margin-top: 2em; margin-bottom: 0.5em; }
	#logo-tg { margin-top: 0; margin-bottom: 0.5em; }
	
	#related {
		margin: 3em 2em 0 1em;
	
		color: #666;
	}
	
		#related h4 {
		margin: 1em 0 0 0;
		color: #666;
		}

 #outreach #projects { font-size: 70%; margin-top: 2em;}
 #biomed img {float: left; width: 70px; padding-right: 3px;}
 #point img {float: left; width: 170px; padding-right: 120px; padding-bottom: 5px;}

} /* end of @media wrapper */