/* Text and margins/padding
*********************************************************/
body,input,textarea{
	font-size:12px;
	line-height:1.2;
	font-family:'LatoRegular',sans-serif;
	color:#555;
	-webkit-font-smoothing:antialiased;
	}
strong{
	font-weight:normal;
	font-family:'LatoBold',sans-serif;
	}

a{
	text-decoration:none;
	color:#000;
	}
p a:hover{
	border-bottom:1px solid #608068;
	}

p,pre,address,table{
	margin-bottom:15px;
	}
	
.small p{
	font-size:12px;
	line-height:18px;
	}
.mid p{
	font-size:13px;
	line-height:20px;
	}
.wide p{
	font-size:14px;
	line-height:22px;
	}



h1{
	font-size:50px;
	font-family:'LatoLight',sans-serif;
	line-height:58px;
	margin:0 0 5px;
	}
h1 a:hover{
	border-bottom:1px solid #608068;
	}
h2{
	font-size:18px;
	font-family:'LatoRegular',sans-serif;
	line-height:28px;
	margin:0 0 5px;
	color:#2398c9;
	text-transform:uppercase;
	letter-spacing:1px;
	}
h2 a:hover{
	border-bottom:1px solid #608068;
	}
h3{
	font-size:21px;
	font-family:'LatoLight',sans-serif;
	color:#000;	
	line-height:36px;
	margin:0 0 5px;
	}
h3 a:hover{
	border-bottom:1px solid #608068;
	}

h4{
	font-size:14px;
	color:#000;
	margin:1px;
	}	
h4 a:hover{
	border-bottom:1px solid #608068;
	}
h5{
	color:#2398c9;
	font-size:24px;
	font-family:'LatoRegular',sans-serif;
	line-height:28px;
	margin:0;
	border:none;	
	}
h5 a:hover{
	border-bottom:1px solid #608068;
	}
h6{
	font-size:10px;
	font-family:'LatoBold',sans-serif;
	color:#2398c9;
	border-bottom:1px solid #eee;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 30px 20px 0;
	padding:15px 0 0;
	clear:both; 
	}
h6 a:hover{
	border-bottom:1px solid #608068;
	}

sup{
	font-size:11px;
	vertical-align:top;
	}

sub{
	font-size:11px;
	vertical-align:bottom;
	}

del{
	text-decoration:line-through;
	}

ins{
	text-decoration:underline;
	}

code,pre{
	line-height:18px;
	}

var,kbd,samp,code,pre{
	background:#efefef;
	font:12px/18px Consolas,"Andale Mono",Courier,"Courier New",monospace;
	}

pre{
	background:#f9f9fa;
	border:none;
	clear:both;
	overflow:auto;
	padding:10px;
	white-space:pre;
	}

code{
	padding:3px;
	}

tr.even th,tr.even td{
	background:#eee;
	}
caption{
	text-align:left;
	}
	
tbody th{
	text-align:right;
	font-weight:700;
	}
tbody td{
	text-align:center;
	}

tbody tm{
    text-align:left;
}

/* Clearfix Needed for Background Scroll */	
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
.clearfix{
	display:inline-block;
	}
/* start commented backslash hack \*/
* html .clearfix{
	height:1%;
	}
.clearfix{
	display:block;
	}
/* stop commented backslash hack */



/* Layout
*********************************************************/
body{
	background:#eee url(images/none.jpg);
	}
	
html,
body{
	height:100%;
	}

#container{
	margin:auto;
	width:1000px;
	background:#fff;
	min-height:100%;
	position:relative;
	display:none;
	}
/*url(images/bg-content.gif) repeat-y;*/




#content{
	float:left;
	width:1000px;
	margin:0 0 0 0px;
	padding:0px 0 0;
	}


/* Header
*********************************************************/

#nav{
	background: #FFF;
	height: 50px;
	height: 50px;
	}


#nav ul{
	display:block;
	padding: 0 80px 0 80px;
	list-style:none;
	}

#nav li{
	width: 140px;
	float: left;
	text-align: center;
}
#nav a{
	color:#666;
	display:block;
	float:center;
	width:140px;
	text-align:center;
	line-height:48px;
	font-size:10px;
	text-transform:uppercase;
	font-family:'LatoBold',sans-serif;
	letter-spacing:1px;
	clear:left;
	}

#nav li.current-menu-item a,
body.single-work #nav li a,
body.single-post #nav li a{
	color:#000;
	background:url(images/bg-nav.gif) no-repeat 50% 0;
}
#nav a:hover{
	color:#000;
	background:url(images/bg-nav.gif) no-repeat 50% 0;
border: none;
}


/* Styling for Index Pictures */

.research_item {
	text-align:center;
	padding:0px 20px;
	width:150px;
	height:200px;
	float:left;
}

.research_item a{
	display:block;
	height:100%;
	width:100%;
}

img.research_image {
	display:block;
	width:150px;
    left:50%;
    top:50%;
}

/* Styling for location box */
.location_item {
    text-align:left;
    padding:0px 20px;
    width:400px;
    height:550px;
    float:left;
}

.link_item {
    text-align:left;
    padding:0px 20px;
    width:500px;
    height:550px;
    float:right;
}
/* Styling for Index Pictures */

.media_item {
    text-align:center;
    padding:0px 20px;
    width:400px;
    height:380px;
    float:left;
}

/* Content
*********************************************************/
	

.icon-box{
width:570px;
padding:0px;
margin:0px auto;
}
.icon-bigbox{
    width:900px;
    padding:0px;
    margin:0px auto;
}

.icon-middlebox{
    width:750px;
    padding:0px;
    margin:0px auto;
}

.col{
	float:left;
	margin:0 30px 15px 0;
	}
	.col.small{
		width:220px;
		}
	.col.mid{		
		width:500px;
		margin-right:0;
		}
		.col.mid p{
			margin-right:30px;
			}
	.col.wide{
		width:1000px;
        }
.col ul {
	
}	

.col li{
	display:block;
	float:left;
	font-size:14px;
	margin:5px 0;
	padding:0 10px 0 0px;
	text-transform:uppercase;
	font-family:'LatoBold',sans-serif;
	list-style: square;
	}

/* Publications Formatting */

#pub ul{
	
	}

#pub li{
	
}

#pub li a:hover{
	border-bottom:1px solid #608068;
	}

/* --- TINY SLIDESHOW CSS --- */
#slideshow {float:left; width:500px; height:300px; border:2px solid #fff; background:#fff}
#slides {position:relative; width:500px; height:300px; list-style:none; overflow:auto}
#slides li {width:500px; height:300px}

#slideshow2 {float:left; width:500px; height:300px; border:2px solid #fff; background:#fff}
#slides2 {position:relative; width:500px; height:300px; list-style:none; overflow:auto}
#slides2 li {width:500px; height:300px}


/* --- PERSONEL BOX --- */
.box_ctr {
	text-align: center;
	margin: 5px 0;
	float: center;
	display: inline;
	width: 32%;
	font-size: 0.8em;
}	

.box_ctr h3 {
	line-height: 75%;
}

.box {
	float: left;
	width: 240px;
	height: 220px;
	line-height: 100%;
	border: 1px;
}

.box table{
	margin: 0;
	cellpadding: 0;
	border-spacing: 0;
}

.box a {
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-decoration: none;
}

.box h4 {
	font-size: 14px;
}

.box p {
	line-height: 100%;
	font-size: 12px;
	margin: 0;
}

.years {
	margin: 8px;
	float: left;
	display: inline;
	width: 70px;
}

img.info {
	margin: 2%;
}

p.info {
	line-height: 100%;
	font-size: 80%;
}


/* Table for Alumni   */
.alumni_box
{ width:940px;
height:400px;
background-color: #fafafa;
border: 1px #000000 solid;
overflow:scroll;}

table.ppl
{ width: 940px;
border: 0px;
border-collapse: collapse;
border-spacing: 0px; }

td.ppl
{ border: none;
font-family: Helvetica;
text-align: left;
font-size: 0.9em;
color: #808080;
padding-left:8px }


th.ppl
{ border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Helvetica, sans-serif;
font-weight: normal;
font-size: 1em;
color: #000000;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }



/* ---------- Fonts ---------- */

@font-face {
    font-family: 'LatoBlackItalic';
    src: url('Lato-BlaIta-webfont.eot');
    src: url('Lato-BlaIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-BlaIta-webfont.woff') format('woff'),
         url('Lato-BlaIta-webfont.ttf') format('truetype'),
         url('Lato-BlaIta-webfont.svg#LatoBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBlack';
    src: url('Lato-Bla-webfont.eot');
    src: url('Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-Bla-webfont.woff') format('woff'),
         url('Lato-Bla-webfont.ttf') format('truetype'),
         url('Lato-Bla-webfont.svg#LatoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('Lato-BolIta-webfont.eot');
    src: url('Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-BolIta-webfont.woff') format('woff'),
         url('Lato-BolIta-webfont.ttf') format('truetype'),
         url('Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBold';
    src: url('Lato-Bol-webfont.eot');
    src: url('Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-Bol-webfont.woff') format('woff'),
         url('Lato-Bol-webfont.ttf') format('truetype'),
         url('Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoItalic';
    src: url('Lato-RegIta-webfont.eot');
    src: url('Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-RegIta-webfont.woff') format('woff'),
         url('Lato-RegIta-webfont.ttf') format('truetype'),
         url('Lato-RegIta-webfont.svg#LatoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoRegular';
    src: url('Lato-Reg-webfont.eot');
    src: url('Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-Reg-webfont.woff') format('woff'),
         url('Lato-Reg-webfont.ttf') format('truetype'),
         url('Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLightItalic';
    src: url('Lato-LigIta-webfont.eot');
    src: url('Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-LigIta-webfont.woff') format('woff'),
         url('Lato-LigIta-webfont.ttf') format('truetype'),
         url('Lato-LigIta-webfont.svg#LatoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLight';
    src: url('Lato-Lig-webfont.eot');
    src: url('Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-Lig-webfont.woff') format('woff'),
         url('Lato-Lig-webfont.ttf') format('truetype'),
         url('Lato-Lig-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoHairlineItalic';
    src: url('Lato-HaiIta-webfont.eot');
    src: url('Lato-HaiIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-HaiIta-webfont.woff') format('woff'),
         url('Lato-HaiIta-webfont.ttf') format('truetype'),
         url('Lato-HaiIta-webfont.svg#LatoHairlineItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoHairline';
    src: url('Lato-Hai-webfont.eot');
    src: url('Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-Hai-webfont.woff') format('woff'),
         url('Lato-Hai-webfont.ttf') format('truetype'),
         url('Lato-Hai-webfont.svg#LatoHairline') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ---------- Footer ---------- */

#footer {
clear:both;
font-size:13px;
text-align:center;
width:100%;
margin:0px auto 5px auto;
padding:14px 0;
border-bottom:1px solid #919191;
border-top:1px solid #919191;
}

#footer a {
}

#footer a:visited {
}

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