@font-face {
	font-family: "CMU Serif";
	src: url(/media/fonts/cmunrm.otf);
}

@font-face {
	font-family: "CMU Serif Upright Italic";
	src: url(/media/fonts/cmunoti.otf);
}

html {
	overflow-y: scroll;
}

body {
	background-attachment: fixed;
	padding: 0px;
	margin: 0px;
	font-family: "myriad-pro", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	background: #eee;
	background-image: url(/media/bg.png);
}

img {
	border: 0px;
}

.special_links {
	vertical-align: middle;
	float: right;
	text-align: right;
}

#logo {
	position: absolute;
	width: 773px;
	height: 123px;
	top: 14px;
	left: 50%;
	margin-left: -380px;
	border: 0px;
}

#header {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -400px;
	padding: 0px;
	background: rgb(25, 35, 45);
	width: 800px;
	height: 50px;
	vertical-align: middle;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
}

	#header a {
		text-decoration: none;
		color: white;
	}

	#header h1 {
		position: absolute;
		left: 0px;
		display: block;
		width: 800px;
		text-align: center;
		font-size: 20px;
		font-weight: normal;
		line-height: 50px;
		margin: 0px;
		color: #fff;
		z-index: 2;
	}

	#header #cv, #header #neuro, #header #amp {
		position: absolute;
		width: 400px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 20px;
		color: rgb(65, 65, 70);
		z-index: 1;
	}

	#header #amp {
		left: 400px;
		text-align: left;
		font-size: 48px;
	}

	#header #cv {
		left: 0px;
		width: 360px;
	}

	#header #neuro {
		left: 480px;
		width: 320px;
	}

#main {
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	min-height: 400px;
}

	#main #navigation {
		position: absolute;
		top: 5px;
		left: 0px;
		background: white;
		height: 50px;
		width: 780px;
		padding: 0px 10px;
		font-family: "myriad-pro", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
		text-align: center;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
	}

		#main #navigation a {
			color: black;
			text-decoration: none;
			padding: 0px 25px;
			line-height: 50px;
			font-weight: normal;
			font-size: 16px;
			vertical-align: middle;
			text-align: center;
		}

		#main #navigation a.active {
			color: #abaaa9;
		}

		#main #navigation a:hover {
			color: rgb(67, 125, 97);
		}

	#main #submenu {
		position: relative;
		background: rgba(255, 255, 255, 0.2);
		top: 60px;
		left: 0px;
		width: 800px;
		padding: 0px 0px 3px;
		margin-bottom: 5px;
		font-weight: normal;
		font-size: 11pt;
		line-height: 26px;
		font-family: "myriad-pro", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
		text-align: center;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.20);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.20);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.20);
	}

		#main #submenu a {
			color: #444;
			padding: 0px 20px;
			font-size: 10pt;
			line-height: 25px;
			vertical-align: middle;
			text-decoration: none;
		}

		#main #submenu a.active {
			font-weight: bold;
			color: black;
		}

	#main #banner {
		position: relative;
		top: 60px;
		left: 0px;
		padding: 10px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: white;
		text-align: right;
		font-size: 16pt;
		font-family: "myriad-pro", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
		margin-bottom: 5px;
	}

	#main .banner_bg {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	#main #content {
		position: relative;
		top: 60px;
		padding: 10px 30px 30px;
		font-size: 11pt;
		font-family: "myriad-pro", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
		line-height: 16pt;
		color: black;
		background: white;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
	}

		#main #content h1 {
			color: #abaaa9;
			font-weight: normal;
			font-size: 15pt;
			line-height: 18pt;
			vertical-align: middle;
			margin: 10px 0px 5px;
		}

		#main #content h2 {
			font-weight: normal;
			font-size: 16pt;
			line-height: 20pt;
			vertical-align: middle;
			color: black;
			margin: 10px 0px 5px;
			color: #161616;
		}

		#main #content h3 {
			font-size: 11pt;
			font-weight: normal;
			line-height: 14pt;
			margin: 10px 0px 5px;
			color: #abaaa9;
		}

		#main #content hr {
			border: 0px;
			margin: 0px 0px 15px;
			height: 0px;
			padding: 0px;
		}


		#main #content ul {
			margin: 10px 0px;
			padding: 0px 0px 0px 20px;
		}

		#main #content li {
			padding: 5px 0px;
			margin: 0px;
		}
		
		#main #content ul li {
			list-style-type: none;
			background: url(/media/bulletpoint.png) left top no-repeat;
			background-position: 0px 11px;
			padding-left: 15px;
		}

		#main #content img {
			max-width: 740px;
			border: 0px;
		}

		#main #content img.photo {
			max-width: 135px;
			float: left;
			margin: 5px 10px 0px 0px;
		}

		#main #content img.icon {
			vertical-align: middle;
			margin-top: -2px;
			width: 16px;
		}

		#main #content img.file_icon,
		img[src="/images/icon_pdf.png"],
		img[src="/images/icon_nofile.png"],
		img[src="/images/icon_blank.png"],
		img[src="/images/icon_matlab.png"] {
			width: 32px;
			vertical-align: middle;
			margin: 0pt 5pt 5pt;
		}

		#main #content p {
			margin: 0px;
		}

		#main #content a {
			cursor: pointer;
			color: rgb(140, 53, 53);
			color: rgb(87, 117, 145);
			color: rgb(67, 135, 87);
			color: rgb(67, 125, 97);
			text-decoration: none;
		}

		#main #content a.author, #main #content a.title {
			color: black;
		}

		#main #content a[rel="external"], #main #content a[target="_blank"] {
			background: url(/media/external.png) right 40% no-repeat;
			padding-right: 13px;
		}

		#main #content strong {
			color: rgb(67, 125, 97);
		}

		#main #content table {
			border-collapse: collapse;
		}

		#main #content table.exercises td {
			text-align: center;
		}

		#main #content table.borders tr {
			border-bottom: 1px solid #ddd;
		}

		#main #content table.borders tr:last-child {
			border-bottom: 0px;
		}

		#main #content td {
			padding: 5px 0px;
		}

		#main #content blockquote {
			font-family: "myriad-pro", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
			color: #666;
		}

		#main #content pre {
			background: #222;
			color: white;
			padding: 8px;
			width: 724px;
			font-family: Menlo, Monaco, monospace;
			font-size: 9pt;

			-moz-tab-size: 3;
			-o-tab-size: 3;

			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;

			white-space: pre-wrap;
			white-space: -moz-pre-wrap !important;
			white-space: -pre-wrap;
			white-space: -o-pre-wrap;
			word-wrap: break-word;
		}

			#main #content pre .KEYWORD {
				color: #f0c77a;
			}

			#main #content pre .FUNCTION {
				color: #cec6f1;
			}

			#main #content pre .NUMBER {
				color: #a2c2e3;
			}

			#main #content pre .STRING,
			#main #content pre .STRING b,
			#main #content pre .STRING .NUMBER,
			#main #content pre .STRING .FUNCTION {
				font-weight: normal;
				color: #afb87f;
			}

		#main #content .tex {
			font-family: "CMU Serif", serif;
			font-size: 11pt;
		}

		#main #content .formula {
			display: inline;
			vertical-align: middle;
		}

		#main #content .box {
			padding: 8px;
			border-radius: 7px;
			border-radius: 7px;
			-moz-border-radius: 7px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			-webkit-border-radius: 7px;
		}

		#main #content .light, #main #content a.keyword {
			color: #abaaa9;
			text-decoration: none;
		}

		#main #content .strong {
			color: rgb(67, 125, 97);
			font-weight: bold;
		}

		#main #content .arrow {
			margin-bottom: -1px;
			margin-left: 3px;
		}

		#main #content .caption {
			color: #888;
			font-size: 9pt;
		}

	#main #affiliates {
		position: absolute;
		bottom: -170px;
		width: 800px;
		text-align: center;
		padding-bottom: 40px;
	}

		#main #affiliates img {
			max-height: 50px;
			max-width: 90px;
			line-height: 90px;
			vertical-align: middle;
			padding: 0px 10px;
			border: 0px;
		}