/* { border:1px dotted gray;} */

/* FONTS */

@font-face {
	font-family:GillSansMT;
	src:url(fonts/gill-sans-mt.ttf) format('truetype');
}
@font-face {
	font-family:GillSansMT;
	font-weight:bold;
	src:url(fonts/gill-sans-mt-fett.ttf) format('truetype');
}
@font-face {
	font-family:GillSansMT;
	font-style:italic;
	src:url(fonts/gill-sans-mt-kursiv.ttf) format('truetype');
}
@font-face {
	font-family:Fraktur;
	src:url(fonts/fraktur.ttf) format('truetype');
}

/* HTML BODY */

html {
	overflow: -moz-scrollbars-vertical;
}
body {
	width:720px;
	margin:20px auto;
	padding:0;
	text-align:left;
	font-family:GillSansMT,'Trebuchet MS','Helvetica',sans-serif;
	font-size:15px;
	color:#333; /* dark gray */
	background-color:#334499; /* ultramarine */
}

/* DIVISIONS */

div {
	margin:0;
	padding:0;
}
div.header {
	/* flexible header */
	position:relative;
	padding:5px 25px;
}
div.content {
	margin:20px 0;
	padding:25px;
}
div.byline {
	padding:0 20px;
	color:#999; /* light gray */
	text-align:center;
	font-size:11px;
	line-height:15px;
}
div.header, div.content, div.byline {
	background-color:#fcfcfa;
	border:2px solid #333366;
}
/* image */
div.image {
	clear:both;
}

/* HEADINGS */

h1,h2,h3,h4 {
	margin:0;
	padding:0;
	font-weight:normal;
}
/* site heading */
h1 {
	padding:5px 0;
	line-height:40px;
	font-size:30px;
}
/* page heading */
h2 {
	margin:0 0 12px 0;
	font-size:30px;
	line-height:30px;
	color:#9c6; /* light green */
}
/* division heading */
h3 {
	margin:20px 0 12px 0;
	line-height:21px;
	font-size:18px;
	font-weight:bold;
	color:#f96; /* red */
}
/* section heading */
h4 {
	clear:left;
	margin:20px 0 12px 0;
	line-height:18px;
	font-size:15px;
	font-weight:bold;
	color:#999; /* gray */
}

/* PARAGRAPHS */

p {
	margin:0;
	line-height:21px;
	padding:0 0 12px 0;
}
/* clearing paragraph: required for short pages */
p.clear {
	padding:0;
	clear:both;
}

div.image p {
	margin-left:210px;
}

div.byline p {
	padding:6px 0;
}

/* LINES */

span.title {
	font-weight:bold;
	color:#333;
}
span.place,span.institution,span.datetime {
	color:#666;
}
span.description {
	color:#999;
	font-size:13px;
}

/* LISTS */

ul,ol,li {
	margin:0;
	padding:0;
	line-height:21px;
}
/* horizontal navigation */
ul.navigation {
	margin:0;
	padding:0;
	text-indent:0;
	text-align:right;
}
ul.navigation li {
	/* transparent navigation tabs */
	display:inline-block;
	vertical-align:top;
	padding-left:10px;
}
ul.level1 {
	position:absolute;
	top:25px;
	right:25px;
}
ul.level1 li {
	font-size:16px;
	letter-spacing:1px;
}
/* horizontal sub navigation */
ul.level2 {
	padding:5px 0;
	border-top:1px solid #c0c0c0;
}
ul.level2 li {
	font-size:13px;
	letter-spacing:1px;
}

/* content lists */
div.content ul,ol {
	padding:6px 0;
	text-indent:0;
}
div.content li {
	padding:6px 0;
	text-indent:0;
}

/* content list: floating first lines */
div.content ul.floating-first-lines {
	list-style-type:none;
}
div.content ul.floating-first-lines li {
}
div.content ul.floating-first-lines li div.first-item {
	position:absolute;
	margin-left:0;
}
div.content ul.floating-first-lines li div.following-items {
	margin-left:100px;
}

/* content list: bullets */
div.content ul.bullets {
	list-style-type:disc;
	color:#c36;
}
div.content ul.bullets li {
	margin-left:20px;
	padding-left:10px;
}

/* content list: paragraphs */
div.content ul.paragraphs {
	list-style-type:none;
}

/* LINKS */

a {
	text-decoration:none;
}
a:link, a:visited {
	color:#96f; /* light blue */
}
a:focus, a:hover, a:active {
	color:#c3c; /* violet */
}
ul.level2 li.active a {
	color:#f96; /* orange */
}
ul.level1 li.active a {
	color:#9c6; /* green */
}

a.web {
	padding-left:20px;
	background-image:url('fugue-icons/paper-plane.png');
	background-repeat:no-repeat;
}
a.email {
	padding-left:20px;
	background-image:url('fugue-icons/quill.png');
	background-repeat:no-repeat;
}
div.content a.file {
	padding-left:20px;
	background-image:url('fugue-icons/document-pdf.png');
	background-repeat:no-repeat;
}

/* IMAGES */

img {
	margin:0;
	padding:0;
	border:none;
}
div.content img {
	float:right;
	border:1px solid #999;
	margin:0 0 20px 20px;
}
div.content div.image img {
	float:left;
	margin:0 20px 30px 0;
}

/* COMMON CLASSES */

.fraktur {
	font-family:Fraktur;
	font-size:120%;
	font-weight:normal;
}