/*
Theme Name: H5 v1.0
Theme URI: http://diggingintowordpress.com/
Author: Jeff Starr, modified by Briar Biddle
Author URI: http://briarlowe.com/
Tags: minimalist, template, html5, ocean, MIT

	This theme was lovingly designed and developed by Jeff Starr, 
	who blogs at perishablepress.com and designs at monzilla.biz.
	
	It was edited for use by the MIT Center for Ocean Engineering by Briar Biddle, 
	who designs at briarlowe.com

	The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html
*/


/* ==== MAIN PAGE BANNER ==== */

#banner {
	background: url(http://oe.scripts.mit.edu/oe/wp-content/uploads/2012/01/divided.png) no-repeat;
	position: relative;
	padding: 0px;
	margin: 0px;
	max-width: 1105px;
	min-width: 102.5%;
	height:200px;
	display: block;
	clear: both;
	text-indent:-999999px;
	z-index:-1;
	}
#banner+section {
	margin: 15px 0 0;
	overflow: hidden;
	width: 65%;
	float: left;
	clear: none;
	}


/* == BASICS == */

header, footer, section, article, aside, nav {
	display: block;
	}
body {
	margin: 0 auto;
	width: 90%;
	min-width: 960px;
	max-width: 1080px;
	font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
	font-size: .88em;
	color: #333;
	font-weight: 400;
	}
nav+section {
	margin: 30px 0 0;
	overflow: hidden;
	width: 65%;
	float: left;
	clear: none;
	}
section	{
	padding: 0 15px;
	position: relative;
	float: left;
	}
h1 {
	color:#2B4761;
	font-size:160%;
	font-weight: 200;
	margin: 0 0 15px;
	}

h2 {
	color:#6389A3;
	font-size:130%;
	font-weight: 400;
	}

h3 {
	color:#333;
	font-size:120%;
	font-weight: 400;
	}

/* == LINKS == */

a:link, a:visited {
	text-decoration: none;
	color: #2B4761;
	padding: 0;
	margin: 0;
	display: block;
	}
a:hover, a:active, {
	text-decoration: none;
	color: #FF9933;
	padding: 0;
	margin: 0;
	display: block;
	}

/* == HEADER == */

body>header {
	background: #fff;
	height: 105px;
	padding: 30px 7px 10px;
	color: #ccc;
	}
body>header h1 {
		float: left;
		text-indent:-999999px;
		margin: 0;
		background: url('http://oe.scripts.mit.edu/oe/wp-content/uploads/2012/01/coe_logo.png') no-repeat;
		width: 302px;
		height: 102px;
		padding-bottom: 5px;
		}
body>header h1>a:link, body>header h1>a:visited {
			text-decoration: none;
			color: #ddd;
			width: 302px;
			height: 102px;
			padding-bottom: 5px;
			display: block;
			}
body>header h1>a:hover, body>header h1>a:active {
			text-decoration: none;
			color: #fff;
			width: 302px;
			height: 102px;
			padding-bottom: 5px;
			display: block;
			}
body>header h2 {
		float: right;
		text-indent:-999999px;
		width: 128px;
		height: 74px;
		padding: 0 75px 5px 0;
		}


/* == POSTS == */

article[id*=post-] {
	padding: 10px 0;
	}
article>header p {
	display: none;
	} 
article>footer p {
	font-style: italic;
	}
article+nav {
	font-weight: bold;
	}
section>h1 {
	padding-top: 10px;
	}
article a:link, article a:visited {
		text-decoration: none;
		color: #3C6C8C;
		padding: 0;
		margin: 0;
		display: inline;
		}
article a:hover, article a:active, article a:visited:hover {
		text-decoration: none;
		color: #fff;
		background-color: #FF9933;
		padding: 0;
		margin: 0;
		display: inline;
		}
article>header h1 {
		display:none;
}

.breadcrumbs { 
		font-size: 0.8em; 
		color: #2B4761; 
		margin: 0; 
		padding: 12px 2px 2px 0;
		clear: both;
		display: block;
		}

.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:visited, .breadcrumbs a:active { 
		font-size: 0.8em; 
		color: #3C6C8C; 
		margin: 0; 
		padding: 3px 2px 2px;
		display: inline;
		}

.post {
	font-size: 0.9em;
	color: #2B4761;
	display: block;
}

.date {
	font-size: 0.9em;
	font-weight: 400;
	color: #2b4761;
	display: block;
	margin-top: -10px;
}

#events {
	width: 700px;
}

article > section h1 {
	font-size: 115%;
	background-color: #F0F4F7;
	padding: 4px 0 2px 3px;
}


/* == NAVIGATION == */

	/*css for nav bar is under Settings > Multi-level Navigation*/

/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* == SIDEBAR == */

.page-id-5 aside {
	margin-top: 10px;
	overflow: hidden;
	width: 275px;
	float: right;
	clear: none;
	}

aside {
	margin-top: 17px;
	overflow: hidden;
	width: 275px;
	float: right;
	clear: none;
	}
	aside li {
		list-style: none;
		}
		aside li ul li {
			list-style: disc outside;
			}
aside a:link, article a:visited {
			text-decoration: none;
			color: #3C6C8C;
			margin: 0;
			padding: 0;
			}
aside a:hover, article a:active, aside a:visited:hover {
			text-decoration: none;
			color: #FF9933;
			margin: 0;
			padding: 0;
			}
aside ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.widget-title {
	background-color:#6389A3;
	color:#fff;
	font-size:130%;
	font-weight: lighter;
	margin: 8px 0;
	padding: 6px 10px;
	width: 275px;
	}

#nav_menu-4 li {
	list-style: none;
	padding: 5px 0px;
	color: #fff;
	}

#nav_menu-4 a:link, #menu-directory a:visited {
	text-decoration: none;
	color: #fff;
	}

#nav_menu-4y a:hover, #menu-directory a:active, #menu-directory a:visited:hover {
	text-decoration: none;
	color: #ff9933;
	}

.menu-directory-container {
	padding: 10px 35px;
	margin: 0px;
	background: #2B4761;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
	width: 200px;
	}

#nav_menu-4 {
	list-style: none;
	padding:0;
	margin: 0 -10px 0;
	float: left;
	width: 200px;
	}

/* == FOOTER == */

body>footer {
	padding-top: 100px;
	text-align: left;
	overflow: hidden;
	width: 100%;
	clear: both;
	}
footer p {
	clear: both;
	display: block;
	}
footer>.mit {
	text-align: left;
	font-size: .8em;
	color:#999;
	padding:6px 0;
	float:left;
	}

footer>.alignleft, 
footer>img.alignleft {
	display: inline;
	float: left;
	margin-right: .4em;
	padding: 0;
	}

footer a:link, footer a:visited {
	text-decoration: none;
	color: #3C6C8C;
	display: inline;
	}
footer a:hover, footer a:active, footer a:visited:hover {
	text-decoration: none;
	color: #fff;
	background-color: #ff9933;
	display: inline;
	}

p.center {
	text-align: center;
	}

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == ELEMENTS == */

.ddet_div {
  margin: 0 5px;
  padding: 10px 15px;
  background: #F4F4F4;
	}

.lectures {
	list-style-image: url(http://oe.scripts.mit.edu/oe/wp-content/uploads/2011/12/anchor1.gif);
	padding: 0 25px;
	}

.grey {
	list-style: none;
	background-color: #D8E2E8;
	padding: 3px 15px;
	}

.white {
	list-style: none;
	background-color: #fff;
	padding: 3px 15px;
	}

.highlight{
	background-color: #6389A3;
	color: #fff;
	font-weight: 400;
	padding: 2px 5px;
	}

.alignleft, 
img.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
	padding: 0;
	}
.alignright, 
img.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
}
.aligncenter, 
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* == TIMELINR == */

.sociales {
	text-align: center;
	margin-bottom: 20px;
}
#timeline {
    display: block;
    width: 672px;
    height: 700px;
    overflow: hidden;
    margin: 40px auto;
}
#dates {
	width: 80px;
	height: 700px;
	float: left;
	overflow: hidden;
}
#dates li {
	list-style: none;
	color: #2B4761;
	font-size: 24px;
	height: 80px;
	line-height: 80px;
	width: 80px;
}
#dates a {
	line-height: 80px;
	padding-bottom: 10px;
}
#dates .selected {
	line-height: 80px;
	font-size: 30px;
	color: #2B4761;
}

#issues {
	width: 500px;
	height: 625px;
	margin-top: -25px;
	float: left;
	overflow: hidden;
}
#issues li {
	width: 500px;
	height: 625px;
	margin-top: -25px;
	list-style: none;
	padding: 20px 0;
}
#issues li.selected img {
	float: left;
	margin: 10px 30px 10px 50px;
}
#issues li img {
	float: left;
	margin: 10px 30px 10px 50px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
	zoom: 1;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out; 
	transition: all 2s ease-in-out;
	-webkit-transform: scale(0.7,0.7);
	-moz-transform: scale(0.7,0.7);
	-o-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
}
#issues li h1 {
	color: #FF9933;
	margin: 0 0 5px 0;
	font-size: 42px;
	text-align: center;
	text-shadow: 1px 1px 2px #2B4761;
}
#issues li p {
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	margin: 10px 20px;
}
#grad_top,
#grad_bottom {
	width: 672px;
	height: 80px;
	position: absolute;
	z-index: -1;
}
#grad_top {
	height: 80px;
	position: absolute;
	width: 500px;
}
#grad_bottom {
	height: 80px;
	position: absolute;
	width: 500px;
}
		
#next,
#prev {
	position: absolute;
	left: 55%;
	font-size: 70px;ƒ
	width: 38px;
	height: 22px;
	background-position: 0 -44px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#next:hover,
#prev:hover {
	background-position:  0 0;
}
#next {
	bottom: 0;
	background-image: url('http://oe.scripts.mit.edu/oe/wp-content/themes/H5/images/timelinr/next_v.png');
}
#prev {
	top: 0;
	background-image: url('http://oe.scripts.mit.edu/oe/wp-content/themes/H5/images/timelinr/prev_v.png');
}
#next.disabled,
#prev.disabled {
	opacity: 0.2;
}

/* == ALL YOUR CODE ARE BELONG TO POETRY == */