/*
	Name: Smashing HTML5
	Date: July 2009
	Description: Sample layout for HTML5 and CSS3 goodness.
	Version: 1.0
	License: MIT <http://opensource.org/licenses/MIT>
	Licensed by: Smashing Media GmbH <http://www.smashingmagazine.com/>
	Original author: Enrique Ramírez <http://enrique-ramirez.com/>
*/

/* Imports */
@import url("reset.css");
@import url("pygment.css");
@import url("msu.css");

#banner-img {
  padding-bottom: 25px;
  display: block;
}

#contact {
  width: 330px;
  float: right;
  padding: 0 15px;
  margin-left: 20px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background: #f5f5f5;
}

/***** Global *****/
/* Body */
body {
    background: #F5F4EF;
    color: #000305;
    font-size: 14px;
    font-family: 'Helvetica', Arial, sans-serif;
    line-height: 1.5;
    text-align: left;
}

/* Headings */
h1 {font-size: 30px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: .8em;
}

h3, h4, h5, h6 { margin-top: .8em; }
	
hr { border: 2px solid #EEEEEE; }

/* Anchors */
a {outline: 0;}
a:link, a:visited { 
    color: #94ae4a;
    text-decoration: underline;
    font-weight: bold;
}
a:hover, a:active{ 
    text-decoration: none;
    color: #18453b; 
    font-weight: bold;
}
a img {border: 0px; text-decoration: none;}

h1 a:hover {
    background-color: inherit
}
	
/* Paragraphs */
div.line-block,
p { margin-top: 1em;
    margin-bottom: 1em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 0em 0 0 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 0em 0 0 1.5em;
}

li { margin-top: 0.5em;
     margin-bottom: 1em; }

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

pre{padding: 10px; margin: 10px; overflow: auto;}

/* Quotes */
blockquote {
    margin: 20px;
    font-style: italic;
}
cite {}

q {}

div.note {
   float: right;
   margin: 5px;
   font-size: 85%;
   max-width: 300px;
}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/***** Layout *****/
.container {clear: both; margin: 0 auto; width: 940px; overflow: hidden;}
img.right, figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: left; margin: 0 2em 2em 0;}

/*
	Header
*****************/
#msu-banner {
	height: 60px;
    background: #18453B url("../images/header_background.png") repeat-x;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
#msu-masthead {float: right; position: relative;}
	#msu-masthead img {padding-top: 12px;}
	#msu-masthead img.print-msugraphic {display: none;}
	#msu-masthead a {text-decoration: none; background: none; color: none; padding: 0;}

#logo {
	line-height: 60px;
	white-space: nowrap;
	font-size: 30px;
	font-weight: 600;
	float: left;
}
	#logo a {color: #fff; text-decoration: none; display: block;}

#banner {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background: #18453B url(../images/nav_background.png) bottom repeat-x;
    padding: 0;
    min-height: 52px;
    color: #fff;
}



	/* Main Nav */
	#banner nav {
		float: left;
		clear: left;
		height: 50px;
		line-height: 50px;
		margin: 0;
		padding: 2px 0 0 0;
	}
	
	#banner nav ul {list-style: none; margin: 0;}
	#banner nav li {float: left; display: inline; margin: 0;}
	
	#banner nav a:link, #banner nav a:visited {
		display: inline-block;
		text-decoration: none;
		padding: 0 10px;
		color: #fff;
	}
	#banner nav a:hover, #banner nav a:active,
	#banner nav .active a:link, #banner nav .active a:visited {
		text-shadow: none !important;
	}
	#banner nav a:hover, #banner nav a:active {text-decoration: underline;}
	#banner nav .active {
    background: url(../images/nav_active.png) center bottom no-repeat;
	}
/*
	Content
*****************/
#content {
	background: #fff;
	padding: 25px;
	border-left: 1px solid rgba(0,0,0, 0.1);
	border-right: 1px solid rgba(0,0,0, 0.1);
  overflow: hidden;
}
#content p > img{
    border: 0;
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    margin-bottom: 45px;
}
.figure {
  display: block;
  border: 0;
  margin: 45px auto;
  text-align: center;
}
.youtube-caption {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 20px;
}

.youtube {
  text-align: center;
}
.youtube iframe {
  margin: 20px auto;
}

/*
	Featured
*****************/
#featured {
	background: #fff;
	margin-bottom: 2em;
	overflow: hidden;
}

#featured figure {
	border: 2px solid #eee;
	float: right;
	margin: 0.786em 2em 0 5em;
	width: 248px;
}
#featured figure img {display: block; float: right;}

#featured h2 {
	color: #C74451;
	font-size: 1.714em;
	margin-bottom: 0.333em;

}
#featured h3 {font-size: 1.429em; margin-bottom: .5em;}

#featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #fff;}



/***** Sections *****/
/* Research Summary */
#summary-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#summary-list h1 {margin-bottom: 5px; font-size: 24px;}
	#summary-list h1 a {text-decoration: none; color: #000305;}

article.summary {
	display: block;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
li:last-child article.summary {border: 0;}

article.summary .thumbnail {
	width: 200px;
	height: 200px;
	overflow: hidden;
	margin: 0 20px 0 0;
	display: inline-block;
	float: left;
	position: relative;
}
#summary-list article.summary img {
	display: block;
	padding: 0;
	margin: auto;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}


.summary-content p {margin-top: 5px; margin-bottom: 0;}

.readmore {float: right;}

.post-info {
    width: 100%;
    margin: 10px 0;
    padding: 5px 0;
    text-align: center;
}
.post-info p{
    margin-top: 1px;
    margin-bottom: 1px;
}

.entry-title {
	font-family: Georgia, serif;
	font-size: 30px;
	margin-bottom: 10px;
	margin-top: 0;
	text-align: center;
}
.entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}

.bibtex {font-family: "Courier New", Courier, monospace;}