/* - - - - - - - - - - - - TAG-BASED SELECTORS - - - - - - - - - - - - */

* {
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #C3C3C3;
	font-size: 12px;
}


body {
	background-color: #141414;
	padding: 0;
	margin: 0;
	background-image:url(/img/bg.gif);
	background-repeat: repeat-x;
}

a {
	color: #FFF;
	text-decoration: none;
}

h1, h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-transform: lowercase;
}

h1 {
	border-width: 1px;
	border-style: none none solid none;
	border-color: #696969;
	padding-bottom: 20px;
	margin-top: 81px;	
	margin-bottom: 2px;
}

ul, li {
	padding: 0;
	margin: 0;
}

h2 + ul {
	margin-top: 1em;
}


p {
	margin: 0 0 1em 0;
}

img {
	border-style: none;
}

/* - - - - - - - - - - - - CLASS-BASED SELECTORS - - - - - - - - - - - - */

div.imgtextblock, div.project {
	margin-bottom: 6px;
	padding-top: 12px;
	padding-bottom: 22px;
	border-width: 1px;
	border-style: none none solid none;
	border-color: #696969;
}

div.imgtextblock div.text {
	float: right;
	width: 307px;
	padding-right: 49px;
}

div.caption {
	margin-top: 8px;
	text-transform: lowercase;
	font-size: 11px;
}

div.langchooser {
	width: 178px;
	height: 117px;
	padding: 68px 7px 7px 7px;
/*	background-color: #353535;*/
	text-align: center;
	line-height: 150%;
	float: left;
	margin: 0 5px 5px 0;
	font-weight: bold;
	text-transform: lowercase;
}

a.projectteaser, a.navbox {
	display: block;
	float: left;
	width: 178px;
	height: 178px;
	padding: 7px;
	background-color: #131313;
	font-weight: bold;
	margin: 0 5px 5px 0;
}

a.navbox {
/*	background-color: #323232;*/
	text-align: center;
	padding-top: 87px;
	height: 98px;
	text-transform: lowercase;
}

a.projectteaser img {
	width: 178px;
	height: 122px;
	margin-bottom: 8px;
}

div.project h2.year {
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 2.2em;
	float: left;
	margin-top: -5px;
	line-height: 1em;
}

div.project div {
	width: 305px;
}

div.project div.block1 {
	margin-left: 197px;
}

div.project div.block2 {
	float: right;
	padding-right: 50px;
}

p.dateprefix {
	font-size: 11px;
	margin-bottom: 2.5em;
}

/* - - - - - - - - - - - - ID-BASED SELECTORS - - - - - - - - - - - - */

#bounds {
	margin: 39px auto 39px auto;
	width: 980px;
	position: relative;
}

#head a {
	display: block;
	width: 99px;
	height: 99px;
	background-image:url(/img/logo-en.gif);
	background-repeat: no-repeat;
}

#head.de a {
	background-image:url(/img/logo-de.gif);
}

#head.zh a {
	background-image:url(/img/logo-zh.gif);
}

#head span {
	position: absolute;
	top: -222em;
	left: -222em;
}

#content {
	line-height: 135%;
}

#content h2 {
	margin-bottom: 2.25em;
	text-transform: uppercase;
}

#content h3 {
	margin: 0;
	font-weight: bold;
}

#content h3.hilite {
	color: #A6C609;
}

#content li {
	list-style-type: disc;
	margin-left: 1.5em;
}

#footer {
/*	margin-top: 10px;*/
	text-transform: lowercase;
	font-size: 11px;
}

#footer div {
	float: right;
}

#footer a {
	font-size: 11px;
	color: #EFEFEF;
}

#footer strong {
	font-size: 11px;
}


/* - - - - - - - - - - - - NAVIGATION - - - - - - - - - - - - */

#navigation * {
	text-transform: lowercase;	
	font-weight: normal;
	font-size: 11px;
}

#navigation ul {
	position: absolute;
	margin-left: 780px;
	width: 200px;
	top: 39px;
	text-align: right;
}

#navigation ul ul {
	position: absolute;
	top: -2px;
	left: -1364px;
	min-width: 440px;
	text-align: left;
}

#navigation ul ul ul {
	position: absolute;
	top: 140px;
	left: -186px;
	width: 170px;
	min-width: 0;
}

#navigation li {
	padding: 0 8px 0 0;
	list-style-type: none;
	display: inline;
}

#navigation li li {
	padding-right: 18px;
}

#navigation li li * {
	font-size: 12px;
	font-weight: bold;
}

#navigation li li li {
	display: block;
	background-color: #000;
	width: 170px;
	padding: 5px 10px;
}

#navigation form {
	position: absolute;
	left: 594px;
	top: 140px;
}

#navigation form a {
	position: absolute;
	left: -166px;
	top: 3px;
}

#navigation select {
	background-color: #000;
	border-style: none;
	padding: 3px;
	width: 189px;
}

#navigation option {
	border-style: none;
}

#nav4l {
	position: absolute;
	width: 70px;
	top: 180px;
/*	left: 200px;*/
	text-align: right;
	margin-left: 516px;
	font-weight: normal;
}

#nav4l a {
/*	padding: 0 2px;*/
	margin-left: 8px;
}

#navigation a.active {
	color: #C3C3C3 !important;
}