@charset "UTF-8";

/* $Id: mt_typography.css,v 1.1 2010/12/30 marc@elemental.ca Exp $ */

#page_wrapper {
	/*background-color: lime;*/
	width: 960px;
	min-height: 500px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	width: 960px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;

	background: #336699; /* old browsers */

	background: -moz-linear-gradient(top, #336699 0%, #CCCCCC 100%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336699),
				color-stop(100%,#CCCCCC)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699',
			endColorstr='#CCCCCC',GradientType=0 ); /* ie */
}

#header_logo {
	width: 600px;
	height: 100px;
	background: url(images_layout/SFU_logo_80p.png) no-repeat 20px center;
}

#navcontainer {
	height: 38px;
	margin: 0;
	padding: 2px 0;
	background-color: #eeeeee;
}

/* @group navigation */

#navcontainer ul {
	float: right;
	margin: 0;
	padding: 0;
	color: #ffffff;
	top: 10px;
	position: relative;
	/*background-color: aquamarine;*/
}

#navcontainer ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	/*background-color: fuchsia;*/
}

#navcontainer ul li a {
	margin: 0;
	padding: 10px 15px 8px;
	color: #333333;
	text-decoration: none;
	border-right: 1px solid #333333;
	background-color: #eeeeee;
	font-size: 12px;
	font-weight: bold;
}

#navcontainer a.last {
	border-right: 0px solid #ffffff;
}

#navcontainer ul li a:hover {
	background-color: #336699;
	color: #ffffff;
}

/* @end */

#main_container {
	width: 940px;
	min-height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	/*background-color: chartreuse;*/
	background-color: #E0E0E0;
}

/* @group 2C-Layout */

#left_column {
	float: left;
	width: 200px;
	min-height: 300px;
	/*background-color: yellow;*/
	background-color: #ffffff;
	border: 0px dotted #333333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#left_navigation {
	/*width: 200px;*/
	min-height: 200px;
	margin: 0;
	padding: 10px 10px 20px;
	/*background-color: cornflowerblue;*/
	/*border-bottom: 1px dotted #333333;*/
}

#left_contact {
	width: 160px;
	margin: 20px 0 20px 10px;
	padding: 10px;
	background-color: #eeeeee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#main_content {
	float: left;
	width: 690px;
	min-height: 600px;
	margin: 0 0 0 10px;
	padding: 10px 10px 30px 20px;
	/*background-color: salmon;*/
	background-color: #ffffff;
	border: 0px dotted #333333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



/* @end */

/* @group index layout */

#index_image_column {
	float: left;
	width: 300px;
	min-height: 300px;
	margin: 0;
	padding: 10px;
	/*background-color: yellow;*/
	background-color: #ffffff;
	/*border: 0px dotted #333333;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#index_image_column img.index-image {
	float: left;
	width: 300px;
	height: auto;
	padding: 0;
	margin: 0 0 10px;
}


#index_content {
	float: left;
	width: 580px;
	min-height: 600px;
	margin: 0 0 0 10px;
	padding: 10px 10px 30px 20px;
	/*background-color: salmon;*/
	background-color: #ffffff;
	/*border: 0px dotted #333333;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#index_journal_highlight {
	float: left;
	width: 530px;
	margin: 20px 0 0;
	padding: 15px;
	/*background-color: salmon;*/
	background-color: #eeeeee;
	border: 0px dotted #333333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#index_contact {
	float: left;
	width: 280px;
	/*height: 200px;*/
	margin: 0;
	padding: 10px 10px 20px;
	background-color: #eeeeee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



/* @end */

/* @group footer */

#footer {
	width: 960px;
	min-height: 100px;
	margin: 0 auto 50px;
	padding: 0;

	background: #336699; /* old browsers */

	background: -moz-linear-gradient(top, #CCCCCC 0%, #336699 100%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCCCCC),
				color-stop(100%,#336699)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC',
			endColorstr='#336699',GradientType=0 ); /* ie */
}

#footer_logo {
	float: left;
	width: 500px;
	height: 100px;
	background: url(images_layout/SFU_BlockSFUTag_P187_wht.png) no-repeat 20px center;
}

#footer_info {
	float: left;
	width: 440px;
	margin: 0;
	padding: 50px 10px 10px;
	text-align: right;
	color: #ffffff;
}

/* @end */

/* @group content markup */

.top-anchor {
	margin: 0;
	padding: 0 0 0 10px;
	/*background-color: yellow;*/
}

/* @group team member */

.team-member {
	float: left;
	width: 100%;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #333333;
	/*background-color: pink;*/
}

.team-member-text {
	float: left;
	width: 440px;
	margin: 0;
	padding: 0 20px 10px 0;
	/*border-bottom: 1px dotted #333333;*/
	/*background-color: red;*/
}

.team-member-image {
	float: left;
	width: 200px;
	margin: 0;
	padding: 10px;
	/*border-bottom: 1px dotted #333333;*/
	/*background-color: fuchsia;*/
}



/* @end */

/* @group publications */

ul.publications {
	margin: 0 0 10px;
	padding: 0 0 5px 10px;
	border-bottom: 1px dotted #333333;
	list-style-type: none;
	/*background-color: fuchsia;*/
}

.pub-title {
	font-weight: bold;
	font-size: 1.1em;
}

.pub-author {
	
}

.pub-date {
	
}

.pub-publisher {
	font-style: italic;
}

.pub-link {
	
}



/* @end */

/* @group funded projects */

.funded-project {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #333333;
	/*background-color: fuchsia;*/
}

/* @end */

/* @group international collaborations */

.international-collaboration {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #333333;
	/*background-color: fuchsia;*/	
}

/* @end */

/* @group galleries */

ul.gallery{
	/*background-color: aqua;*/
	width: 100%;
	/*height: 500px;*/
	margin: 0;
	padding: 0;
}

ul.gallery li {
	display: inline;
	list-style: none;
	width: 312px;
	min-height: 300px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px;
	text-align: left;
	border: 1px dotted #333333;
	/*background-color: fuchsia;*/
}

ul.gallery li img {
	width: 315px;
	height: auto;
}


/* @end */


/* @end */