/*
light gray     : #e6eaf0
medium gray    : #6c7a8c
dark gray      : #434c57
black          : #2a363a
red            : #f0462a
blue           : #225588
grayblue       : #bac7d6
ultralightblue : #fafbfc
*/

*
{
	margin: 0;
	padding: 0;
}

a
{
	text-decoration: none;
	color: #225588;
	border-bottom: 1px solid #e6eaf0;
}

a:hover
{
	color: #225588;
	border-bottom: 1px solid #225588;
}

a.anchor,
a.anchor:hover
{
	border-bottom: none;
}

a.imglink
{
	border: none !important;
}

a.external:after
{
	content: "\2197";
	font-weight: bolder;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "DejaVu Sans", sans-serif;
	color: #f0462a;
}

a.continue:after
{
	content: "\2192";
	font-weight: bolder;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "DejaVu Sans", sans-serif;
	color: #f0462a;
}

p
{
	color: #434c57;
	line-height: 1.75em;
	margin: 0 0 1.75em 0;
	padding: 0;
}

p strong 
{
	color: #525E6B;
	font-weight: bolder;
	/*
	color: #444422;
	font-weight: normal;
	background-color: #fffaaa;
	border-bottom: 1px solid #f3ea99;
	text-shadow: #ffffff 0 0 2px;
	*/
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1
{
	color: #6c7a8c;
	font-size: 1.50em;
	line-height: 1.166em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#header h1 a
{
	color: #6c7a8c;
	border: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1.166em;
}

h2
{
	display: block;
	float: left;
	color: #6c7a8c;
	text-transform: uppercase;
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: bolder;
	border-bottom: 0.5ex solid #e6eaf0;
	margin: 0 0 0.5em 0; 
	padding: 0.5em 0 0 0;
}

.research h2
{
	float: none;
	font-size: 1.5em;
	text-transform: none;
	line-height: 1.166em;
	font-weight: normal;
	border: none;
	width: 50%;
	border-top: 0.3333em solid #e6eaf0; 
	margin: 0 0 1em 0;
	padding: 0.66667em 0;
}

#systems-bscopenet h2,
#personal-ttymidi h2,
#publications-journals h2
{
	padding: 1.167em 0 0 0;
}

h3
{
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 0.75em;
	line-height: 2.33em;
	margin-bottom: -1px;
	color: #6c7a8c;
	border-bottom: 1px solid #e6eaf0;
}

h3 a
{
	border: none;
}

h4
{
	color: #697078;
	font-size: 0.75em;
	line-height: 1.75em;
	font-weight: bolder;
}

body
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px; /* change this to globally change all dimensions */
	color: #434c57;
	background-color: #ddd;
	line-height: 1.75em;
}

#all
{
	background-color: #fff;
	width: 40em;
	padding-right: 13em;
	padding-left: 16em;
	padding-bottom: 6em;
	border-bottom: 0.5em solid #e6eaf0;
}

#header
{
	color: #6c7a8c;
	margin: 0;
	padding: 3.0em 0 3.0em 0;
}

#footer,
#subcontents,
#research-index
{
	color: #6c7a8c;
	margin: 0;
	padding: 0;
}

#footer,
#subcontents
{
	clear: both;

	/* for IE */
	margin-top: -1px;
	padding-top: 1px;
}


#footer:before,
#subcontents:before
{
	content: "~";
	font-family: "Lucida Sans Unicode", "Lucida Grande", "DejaVu Sans", sans-serif;	
	color: #bac7d6;
	font-size: 1.75em;
	text-align: center;
	width: 100%;
	display: block;
	margin: 0 0 2.0em 0;
	padding: 0;
}

#headercard
{
	margin: 0;
	padding: 0.5em 1.25em 0.75em 1.25em;
	border-left: 0.5em solid #e6eaf0;
	border-left: 0.5em solid #bac7d6;
	margin-left: -16em;
}

#header a
{
	color: #6c7a8c;
	border: none;
	line-height: 1.75em;
}

#header a:hover,
#navigation a:hover,
.download a:hover
{
	color: #225588;
	border-bottom: 1px solid #225588;
}

#navigation a:hover
{
	text-decoration: underline;
}

.video
{
	margin: 0 0 0 2.0em;
	border: 0.5em solid #e6eaf0;
	padding: 0;
	width: 425px;
	height: 344px;
}

#footercard
{
	text-align: justify;
	margin: 0 -1.75em;
	padding: 1.75em;
	border: 1px solid #e6eaf0;
}

#headercard p
{
	color: #6c7a8c;
	margin: 0;
	padding: 0;
	line-height: 2.33em;
}

#footercard p
{
	color: #6c7a8c;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 1.33em;
}

.download
{
	line-height: 1.33em;
	margin: 1.75em 0;
	padding: 0;
}

.download img
{
	float: left;
	border: none;
	margin-right: 0.5em;
}

#navigation
{
	padding: 0;
	margin: 0;
	position: absolute;
	width: 12.5em;
	margin-left: -16em;
}

#navigation ul
{
	display: block;
	margin: 0;
	margin: 0 0 1px 0;
}

#navigation li
{
	padding: 0;
	margin: 0 0 -1px 0;
	border-bottom: 1px solid #e6eaf0;
	border-top: 1px solid #e6eaf0;
}

#navigation h2
{
	display: none;
}

#navigation a
{
	display: block;
	color: #6c7a8c;
	border: none;
	padding: 0.5em 1.25em 0.5em 1.75em;
	margin: 0;
	line-height: 1.75em;
}

#navigation .currentpage a,
#navigation .currentpage a:hover
{
	border: none;
	border-left: 0.5em solid #f0462a;
	padding-right: 0.75em;
}

#navigation a:hover
{
	color: #225588;
	background-color: #fafbfc;
	border: none;
	border-left: 0.5em solid #e6eaf0;
	border-left: 0.5em solid #bac7d6;
	padding-right: 0.75em;
}

.download a
{
	color: #434c57;
	line-height: 1em;
	border: none;
}

#maincontents
{
	position: relative;
	top: 0;
	padding: 0.5em 0 0 0;
	margin: -0.5em 0 0 0;
}

.section
{
	margin: 0 0 3.5em 0;
	padding: 0;
	clear: both;	

	/* for IE */
	margin-top: -1px;
	padding-top: 1px;
}

.section.research
{
	border-top: 1px solid #e6eaf0; 
	padding-top: 0;
	margin-top: 5.25em;
}

ul
{
	padding-left: 1em;
}

.floatfix
{
	clear: both;
}

hr.floatfix
{
	visibility: hidden;
	overflow: hidden;
}

.nobullets li
{
	display: block;
	list-style: none;
	list-style-image: none;
}

.nobullets
{
	padding-left: 0;
}

li
{
	line-height: 1.75em;
}

dl li
{
	display: block;
}

dt
{
	display: block;
	padding: 0;
	margin: 1em 0 0 0;
}

pre.windowed
{
	display: block;
	border-left: 2px solid #e6eaf0;
	margin: 1em 0 1em 1em;
	padding: 1em;
	font-size: 0.90em;
	line-height: 1.67em;
	max-height: 20em;
	max-width: 40em;
	overflow: auto;
}

code
{
	border: 1px solid #e6eaf0;
	font-size: 0.90em;
}

table
{
	border-collapse: collapse;
	margin: 0;
}

th
{
	vertical-align: top;
	text-align: left;
	margin: 0;
	font-weight: normal;
	padding: 0.5em;
	color: #6c7a8c;
}

td
{
	vertical-align: top;
	padding: 0.5em;
}

th.leftheader
{
	text-align: right;
}

td.hex
{
	font-family: monospace;
}

#occupation,
#contact
{
	line-height: 1.75em;
	color: #6c7a8c;
}

#occupation p
{
	margin: 0;
	padding: 0;
	line-height: 1.75em;
}

.sectioncontents
{
	padding: 0;
	margin: 0; 
	clear: both;
}

.sectioncontents p a
{
	color: #225588;
}

#intro
{
	position: relative;
	margin-top: 0;
}

.mugshot
{
	position: absolute;
	margin: 0;
	/*padding-top: 0.5em;*/
}

.sectioncontents p.jumpout
{
	font-style: italic;
	position: relative;
	font-family: Georgia, Times, serif;
	font-size: 1.25em;
	line-height: 1.4em;
	margin-left: 62px;
	/*padding: 0.4em 0 0.4em 1.75em;*/
	padding: 0 0 0 1.75em;
	color: #6c7a8c;
	margin-right: -5em;
	/*background: url("../img/speech.png") no-repeat scroll 0 0 transparent;*/
}


.sectioncontents p.jumpout em
{
	font-style: italic;
	color: #434c57;
}

.note
{
	font-size: 0.75em;
	color: #6c7a8c;
}

.note:before
{
	content: "\2020";
}

.note-link
{
	border-bottom: 1px dotted #ddd;
}

.note-link:after
{
	content: "\2020 ";
	font-size: 0.5em;
	vertical-align: top;	
}

.sectioncontents p .note-link
{
	color: #434c57;
}

.header .note-link
{
	color: #f0462a;
}

.related
{
	padding-left: 1.75em;
}

h4.related
{
	padding-left: 2.67em;
}

.related li
{
	margin: 0;
	color: #6c7a8c;
	font-size: 0.75em;
	padding: 0 0 0 1.25em;
}

.related li strong
{
	font-weight: normal;
}

.publications li:before,
.related li:before
{
	content: "\25b8";
	font-family: "Lucida Sans Unicode", "Lucida Grande", "DejaVu Sans", sans-serif;	
	color: #f0462a;
	margin-left: -0.85em;
}

.award
{
	display: block;
	color: #f0462a;
}

.publications li
{
	margin-bottom: 1em;
	/*margin-left: 1em;*/
	color: #434c57;
}

.publications .sectioncontents
{
	margin-bottom: -1em;
}

.comingsoon
{
	color: #322E23;
	border: 1px dotted #E6DAA1;
	background-color: #FCF6D9;
	font-size: 0.75em;
	padding: 0.33em 1.33em;
	margin: 0.67em 0;
}

.news
{
	color: #322E23;
	border-top: 1px solid #E6DAA1;
	border-bottom: 1px solid #E6DAA1;
	background-color: #FCF6D9;
	margin: 0 -1.75em 2.5em -1.75em;
	padding: 1em 1.75em 0 1.75em;
}

.sitemap,
#topindex
{
	margin: 0 -1.75em 3.5em -1.75em;
	padding: 1em 0 1.75em 1.75em;
	border: 1px solid #e6eaf0;
}

#topindex
{
	margin-top: -0.5em;
}

.sitemap h2
{
	margin: 0;
}

#topindex h2
{
	margin: -1px 0 0.5em -1px;
}

#topindex .sectioncontents
{
	margin: 0 0 0 -1px;
}

#topindex a,
.sitemap a
{
	color: #6c7a8c;
	border: none;
}

#topindex a:hover,
.sitemap a:hover
{
	color: #225588;
	border-bottom: 1px solid #225588;
}

#topindex p,
.sitemap p
{
	color: #6c7a8c;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

.sitemap li
{
	line-height: 1.5em;
	margin: 0.5em 0;
}

.sitemap .subsection
{
	padding: 0;
	margin: 0;

/*
	width: 18.25em;
	margin: 0 1.75em 1.5em 0;
	padding: 0;
*/
}

#teaser-aernets
{
	margin-right: 50%;
}

.sitemap #sitemap-research
{
	width: 100%;
	margin: 0;
	padding: 0;
}

.sitemap #sitemap-research h3
{
	padding-top: 1.33333em;
	margin-right: 2.33333em;
}

.sitemap #sitemap-systems
{
	float: left;
	width: 18.25em;
	margin: 1.5em 1.75em 0 0;
	padding: 0;
}

.sitemap #sitemap-publications
{
	float: left;
	width: 18.25em;
	margin: 1.5em 1.75em 0 0;
	padding: 0;

	margin-right: 0;
}

.sitemap #sitemap-publications h3
{
	margin-right: -2.33333em;
}

.sitemap #sitemap-personal
{
	float: left;
	width: 18.25em;
	margin: 1.5em 1.75em 0 0;
	padding: 0;

	float: none;
}

.teaser
{
	float: left;
	width: 19.25em;
	margin: 1.75em 1.00em 0 0;
	padding: 0;
}

.teaser img
{
	border: 0.5em solid #e6eaf0;
	margin: 0 0.5em 0 0;
	background-color: #fff;
	float: left;
}

.teaser img:hover
{
	border-color: #bac7d6;
}

.teaser p
{
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	line-height: 1.5em;
}

#floating-sitemap 
{
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 1.75em;
	width: 72px;
	display: none;
	border: none;
	-webkit-transition : background 200ms ease-out;
	-moz-transition    : background 200ms ease-out;
	-o-transition      : background 200ms ease-out;
	-ms-transition     : background 200ms ease-out;
	transition         : background 200ms ease-out;
	-webkit-transition : border-color 200ms ease-out;
	-moz-transition    : border-color 200ms ease-out;
	-o-transition      : border-color 200ms ease-out;
	-ms-transition     : border-color 200ms ease-out;
	transition         : border-color 200ms ease-out;
	-webkit-transition : box-shadow 200ms ease-out;
	-moz-transition    : box-shadow 200ms ease-out;
	-o-transition      : box-shadow 200ms ease-out;
	-ms-transition     : box-shadow 200ms ease-out;
	transition         : box-shadow 200ms ease-out;
}

#floating-sitemap .teaser
{
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	width: auto;
}

#floating-sitemap p
{
	display: none;
	width: auto;
}

#floating-sitemap:hover 
{
	background-color: #fff;
	border-bottom: 1px solid #e6eaf0;
	border-right: 1px solid #e6eaf0;
	box-shadow: 0 0 15px #6c7a8c;
	width: 22em;
}

#floating-sitemap:hover .teaser
{
	width: 19.25em;
}

#floating-sitemap:hover p
{
	display: block;
}

#cvsummary img
{
	margin: 1.75em 0;
}