@charset "utf-8";
/* CSS Document */

/*---------------------------------------
*		General page and html elements
*/
html, body, form, h1, h2, h3, h4, h5, h6, p, img, a {
    margin:0;
    padding:0;
    outline:0;
    border:0;
}
html,body {
	height:100%; /* needed for container min-height */
}
body {
	font-family: "Gentium Basic", "Perpetua", Georgia, "Times New Roman", Times, serif;
	font-size:100%;
}
h1, h2 {
	font-family: "PT Sans Narrow", "Franklin Gothic Medium Cond", Arial, Helvetica, sans-serif;
	color:#b70302;
	font-weight:normal;
}
h3 {
	color:#b70302;
	font-weight:normal;
}
p {
	
}
a {
    text-decoration:none;
	color:#0041a7;
}
a:hover {
    color:#333;
}

img.thumbnail {
	padding: 0 10px 10px 0;
	height: 100px;
}
img.people {
	padding: 0 10px 10px 0;
	float:left;
}

/*--------------------
* 		Layouts
*/

.contentwidth {
    width:940px;
    margin:0 auto;
	position:relative; /* needed for footer positioning*/
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
.content {
	padding-bottom:5em;
}
.left {
    float:left;
}
.right {
    float:right;
}

.column {
    float:left;
    margin-right:40px;
}
.last {
    margin:0;
}
.column200 {
    width:200px;
}
.column300 {
    width:300px;
}
.column600 {
    width:600px;
}
.column110 {
	width:110px;
}
.column450 {
	width:450px;
}

/*-------------------------
*		Specific elements
*/
/*** LOGO ****/
.logo {
	padding-top:40px;
}
.logo h1, .logo h2{
	padding-bottom:15px;
	text-align:right;
}

/*** MENU ****/
.menu {
	padding: 20px 0 40px 0;
	text-align:center;
}
.menu ul
{
    margin:0 auto;
    padding:2px 0 0 0;
    border-top:1px dotted #afafaf;
    border-bottom:1px dotted #afafaf;
    text-align:center;
    width:70%
}
.menu ul li
{
    list-style-type:none;
    display:inline;
}
.menu ul li a
{
    margin:0 18px;
    line-height:40px;
	color:#353535;
    text-transform:lowercase;
	font-size:1.1em;
}
.menu ul li a:hover,
.menu ul li a.active
{
	color:#b70302;
    border-bottom:1px dotted #b73d3c;
}

/*** SIDEBAR ****/
.sidebar h1, .sidebar h2 {
    border-bottom:1px solid #b4b4b4;
	padding-bottom: 10px;
	text-transform:lowercase
}
.sidebar h2 {
	padding-top:40px;
}
.sidebar ul
{
    margin:0 auto;
    padding:2px 0 0 0;
}
.sidebar ul li
{
    list-style-type:none;
    border-bottom:1px dotted #d9d9d9;
	padding: 5px 0;
}
.sidebar ul li a
{
	color:#b70302;
}
.sidebar ul li a:hover,
.sidebar ul li a.active
{
	font-weight:bold;
}

/*** PEOPLE ****/
.people {
	margin-bottom: 50px;
}
.people h2 {
    border-bottom:1px solid #b4b4b4;
	padding-bottom: 5px;
	margin-bottom: 15px;
	text-transform:lowercase
}
.people table {
	margin-bottom: 1em;	
}
.people td {
	vertical-align:bottom
}
.photo {
/*	float: right;*/
	width: 155px;
}

.photo_rotate90 {
/*	float: right;*/
	width: 155px;
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*** PUBLICATIONS ****/
.publications h2 {
    border-bottom:1px solid #b4b4b4;
	padding-bottom: 5px;
}
.publications ul
{
    margin:0 auto;
    padding:2px 0 15px 0;
}
.publications ul li
{
	margin: 1em 0;
	list-style-type:none;
}
.publications ol
{
    margin:0 auto;
    padding:2px 0 15px 0;
}
.publications ol li
{
	margin: 1em 0;
/*	list-style-type:none;*/
}
.pub_icon {
	width: 30px;
	margin-right: 5px;
/*	padding: 40px 0px 40px 50px;*/
}
.socialmedia {
	width: 25px;
	margin-right: 10px;
/*	padding: 40px 0px 40px 50px;*/
}
.pub_year {
	margin-top: 10px;
	margin-bottom: -12px;
}

/*** LINKS ***/
.labs img {
/*	width: 200px;*/
	padding: 20px 20px 20px 20px;
/*	float:left;*/
}

/*** FOOTER ****/
.footer {
	text-align:center;
	font-size:80%;
	width:100%;
	position:absolute;
	bottom:0; /* stick to bottom */
	padding-bottom:1em;
}
.footer a {
	color:#b70302;
}

/* clearfix start */ 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/* clearfix end */