/* === Generic Styles === */
body {
	background-color: #f4f4f4;
	font-family: 'PT Sans', sans-serif;
	background: url('../images/bg.png') repeat;
}
a:link { text-decoration:none; color:blue; }
a:visited { color:blue; }
a:hover { color:red; }
.clear {
	clear: both;
}
.content {
	width: 940px;
	margin: 0 auto;
	padding-top: 110px;
}
.page_container {
	padding-top: 100px;
}
.clear-space {
	height: 400px;
	width: 100%;
	display: block;
}

/* === Header === */
#header-wrap {
	position: fixed;
    top: 0px;
	background: url('../images/navigation-bg.png') repeat-x;
	width: 100%;
	height: 82px;
	z-index: 999;
}
#header {
	margin: 0 auto;
	width: 940px;
	
}
img.logo {
	margin-top: 20px;
}
ul.navigation {
	float: right;
}
ul.navigation li {
	float: left;
	list-style-type: none;
	padding-right: 35px;
	line-height: 82px;
}

ul.navigation li a {
	color: #3e3e3e;
	text-decoration: none;
	font-size: 15px;
	text-shadow: 0 1px 0 #fff;
}
ul.navigation li a:hover {
	color: #1e1e1e;
}

/* === Columns === */ 
.columns {
	margin: 40px 0 20px 0;
	position: relaive;
}
.columns h3 {
	font-size: 25px;
	color: #3e3e3e;
	margin: 15px 0 15px 0;
}
.columns img {
	float: left;
	display: block;
	margin: 0 5px 0 0;
}
.two_col_1, .two_col_2 {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	width: 460px;
	position: relative;
}
.two_col_2 {
	margin-right: 0;
}
.three_col_1, .three_col_2, .three_col_3 {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	width: 300px;
	position: relative;
}
.three_col_3 {
	margin-right: 0;
}
.four_col_1, .four_col_2, .four_col_3, .four_col_4 {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	width: 215px;
	position: relative;
}
.four_col_4 {
	margin-right: 0;
}


/* === About Page === */
img.title {
	display: block;
}
img.avatar-left {
	float: left;
	padding: 0 10px 10px 0;
}

/* === Portfolio Page === */
.row {
	padding-bottom: 15px;
}
img.gallery {
	padding-right: 15px;
}

/* === Contact Page === */
.hide {
	display: none;
}

label {
	display:block;
	color: #3e3e3e;
	text-shadow: 0 1px 0 #fff;
	font-size: 14px;
}
.form {
	margin-bottom: 10px;
	margin-top: 5px;
	text-shadow: 0 1px 0 #fff;
	color: #3e3e3e;
}
.submit {
	display: block;
	text-shadow: 0 1px 0 #fff;
	color: #3e3e3e;
}
.hide {
	color: #de0909;
	text-shadow: 0 1px 0 #fff;
}
.contact {
	padding-top: 10px;
}

/* === Boxes === */
.yellow_box {
	background-color: #fffadc;
	border-radius: 5px;
	border: 1px solid #f2cc36;
	height: 55px;
	width: 460px;
	margin: 20px 0 0 0;
}
.yellow_box p {
	color: #c19e14;
	text-shadow: 0 1px 0 #fff;
	margin: 10px 0 0 10px;
}
.yellow_box img {
	float: left;
	display: block;
	line-height: 55px;
	padding: 3px 5px 0 5px;
}
.blue_box {
	background-color: #d9f3fe;
	border-radius: 5px;
	border: 1px solid #70cff3;
	height: 55px;
	width: 460px;
	margin: 20px 0 0 0;
}
.blue_box p {
	color: #0a88bd;
	text-shadow: 0 1px 0 #fff;
	margin: 10px 0 0 10px;
}
.blue_box img {
	float: left;
	display: block;
	line-height: 55px;
	padding: 3px 5px 0 5px;
}
.green_box {
	background-color: #e9f4cb;
	border-radius: 5px;
	border: 1px solid #a8d338;
	height: 55px;
	width: 460px;
	margin: 20px 0 0 0;
}
.green_box p {
	color: #779d0e;
	text-shadow: 0 1px 0 #fff;
	margin: 10px 0 0 10px;
}
.green_box img {
	float: left;
	display: block;
	line-height: 55px;
	padding: 3px 5px 0 5px;
}
.green_box {
	background-color: #e9f4cb;
	border-radius: 5px;
	border: 1px solid #a8d338;
	height: 55px;
	width: 460px;
	margin: 20px 0 0 0;
}
.green_box p {
	color: #779d0e;
	text-shadow: 0 1px 0 #fff;
	margin: 10px 0 0 10px;
}
.green_box img {
	float: left;
	display: block;
	line-height: 55px;
	padding: 3px 5px 0 5px;
}
.red_box {
	background-color: #ffd6d6;
	border-radius: 5px;
	border: 1px solid #cf5e5e;
	height: 55px;
	width: 460px;
	margin: 20px 0 0 0;
}
.red_box p {
	color: #e94f4f;
	text-shadow: 0 1px 0 #fff;
	margin: 10px 0 0 10px;
}
.red_box img {
	float: left;
	display: block;
	line-height: 55px;
	padding: 3px 5px 0 5px;
}

/* === Typography === */
p {
	font-size: 14px;
	color: #3e3e3e;
	line-height: 18px;
	text-shadow: 0 1px 0 #fff;
}
h1, h2, h3, h4, h5 {
	text-shadow: 0 1px 0 #fff;
	color: #3e3e3e;
	font-weight:normal;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 25px;
}
h3.title {
	font-size: 25px;
    margin: -45px 0 20px 80px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 20px;
}

/* Custom CSS */
.stein-title { 
	margin: 25px 0 0 0;
	width: 300px;
	float:left;
	font-size:20pt;
}
.stein-title a { text-decoration:none; color:#000;}
.people_col_1, .people_col_3  {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	width: 160px;
	position: relative;
}
.people_col_2  {
	display: inline;
	float: left;
	margin: 0 30px 0 0;
	width: 285px;
	position: relative;	
}
.people_col_4 {
	display: inline;
	float: left;
	margin: 0px;
	width: 285px;
	position: relative;	
}
.people_col_2 ul li, .people_col_4 ul li, .two_col_2 ul li {
	font-size: 14px;
	color: #3e3e3e;
	list-style: circle;
	margin: 10px 0 0 25px;
}
.lab h3 {margin:0;}
ol { list-style:decimal;}
ol li { padding: 10px 0 0 0; margin: 0 0 0 50px;}
#publications-wrapper { margin: 0 0 0 100px;}
.two_col_1 ol li, .two_col_2 ol li { margin: 0 0 0 30px; }