/*
Theme Name: Disney Research
Theme URI:
Description: Disney Research
Version: 1.0
Author: <a href="http://danedmonds.net">Dan Edmonds</a>
Author URL: http://danedmonds.net
================================================================================= */

@import url("fonts/open-sans-fontfacekit/stylesheet.css");

/*-- reset -------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

:focus {
	outline: 0;
}

::-moz-selection {
	color: #fff;
	text-shadow: none;
	background: #000;
}

::-webkit-selection {
	color: #fff;
	text-shadow: none;
	background: #000;
}

::selection {
	color: #fff;
	text-shadow: none;
	background: #000;
}

/*-- structure -------------------- */

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

body {
	font: 62.5% "Helvetica", Arial, Verdana, sans-serif;
	color: #666;
	text-align: center;
	background: #fff;
}

#wrapper {
	width: 1050px;
	margin: 0 auto 20px;
	text-align: left;
}

header[role=banner] {
	width: 100%;
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #ccc;
	background: url(images/header-bg.jpg) repeat-x bottom;
}

header[role=banner] .inner {
	/*width: 95%;*/
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#intro {
	background: url(images/intro-bg.jpg) no-repeat 0 0;
}

#featured-news {
	background: url(images/news-bg.jpg) no-repeat 0 0;
	padding-top: 70px;
}

#intro .inner, #featured-news .inner {
	/*width: 95%;*/
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#content {
	/*width: 64.5833333%;*/
	width: 100%;
}

.content .inner {
	/*width: 95%;*/
	max-width: 970px;
	margin: 0 auto;
	padding: 0 0 0 30px;
	text-align: left;
	border-left: 1px dashed #ccc;
}

#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 20px 0;
	color: #999;
}

#footer .inner {
	/*width: 95%;*/
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
	border-top: 1px solid #eee;
	padding: 20px 0 0;
}

/*-- header -------------------- */

header a:link,
header a:visited,
header a:active {
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/*-- logo -------------------- */

#logo {
	position: relative;
	float: left;
	display: inline;
	width: 265px;
	height: 90px;
	text-indent: -5000px;
	overflow: hidden;
}

#logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('images/logo.png') no-repeat 0 0;
}

#logo a {
	text-decoration: none;
}

/*-- search -------------------- */

#search {
	position: relative;
	float: right;
	display: inline;
	width: 220px;
	height: 90px;
	overflow: hidden;
}

search span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}

#search a {
	text-decoration: none;
}

/*-- top nav -------------------- */

nav#top-nav {
	float: right;
	width: auto;
	margin-top: 55px;
}

nav#top-nav ul { }

nav#top-nav li {
	display: block;
	font-size: 1.3em;
	text-transform: uppercase;
	float: left;
	position: relative;

	display: block;
	z-index: 100;
}

nav#top-nav li ul {
	display: none;
}

nav#top-nav li a:link,
nav#top-nav li a:visited,
nav#top-nav li a:active {
	float: left;
	display: block;
	margin-right: 1px;
	padding: 8px 10px;
	color: #999;
	text-decoration: none;
	display: block;
	white-space: nowrap;
}

nav#top-nav li a:hover,
nav#top-nav li a:focus {
	color: #11B2E9;
}

nav#top-nav li.current-menu-item a:link,
nav#top-nav li.current-menu-item a:visited,
nav#top-nav li.current-menu-item a:active,
nav#top-nav li.current-menu-item a:hover,
nav#top-nav li.current-menu-item a:focus,
nav#top-nav li.current-page-ancestor a:link,
nav#top-nav li.current-page-ancestor a:visited,
nav#top-nav li.current-page-ancestor a:active,
nav#top-nav li.current-page-ancestor a:hover,
nav#top-nav li.current-page-ancestor a:focus,
nav#top-nav li.current-category-ancestor a:link,
nav#top-nav li.current-category-ancestor a:visited,
nav#top-nav li.current-category-ancestor a:active,
nav#top-nav li.current-category-ancestor a:hover,
nav#top-nav li.current-category-ancestor a:focus {
	text-shadow: none;
	color: #11B2E9;
	cursor: pointer;
	position: relative;
}

nav#top-nav li:last-child a {
	padding: 8px 0 8px 20px;
}

.tab-left, .tab-right {
	width: 46px;
	height: 39px;
	position: absolute;
	background: url(images/tab.png) no-repeat 0 0;
	top: -4px;
}

.tab-left {
	left: -24px;
}

.tab-right {
	right: -24px;
}

.tab-bottom {
	width: 100%;
	height: 8px;
	background: #fff;
	position: absolute;
	left: -23px;
	bottom: -6px;
}

nav#top-nav li:hover ul {
	display: block;
	position: absolute;
	top: -1px;
	left: -24px;
	padding-top: 36px;
	z-index: 10;
}

nav#top-nav li:hover li {
	float: none;
	font-size: .9em;
	cursor: pointer;
	text-transform: none;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: none;
	display: block;
	float: left;
	background-color: rgba(255, 255, 255, 0.9);
}

nav#top-nav li:hover li:first-child {
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

nav#top-nav li:hover li:last-child {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

nav#top-nav li:hover li a {
	border-bottom: 1px dashed #cccccc;
	padding: 5px 0;
	margin: 0 10px;
	width: 125px;
	color: #999;
}

nav#top-nav li:hover li:last-child a {
	border: none;
}

nav#top-nav li:hover li a:hover {
	color: #11B2E9;
}


/*-- intro -------------------- */

#beta-intro {
	background: url(images/intro-bg.jpg) no-repeat 0 0;
	background: url(images/mickey.png) no-repeat top right;
	background: url(images/beta-intro-bg.png) no-repeat 0 0;
	margin-top: -48px;
	padding: 48px 40px 30px;
	height: 344px;
	height: 326px;
	margin-bottom: 30px;
}

#beta-intro .inner {

}

#latest .inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#latest a {
	color: #10B3EA;
	text-decoration: none;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#latest a:hover,
#latest a:focus {
	color: #000;
}

#latest h3 {
	font-size: 2em;
	color: #000;
	font-weight: bold;
	margin-bottom: 1em;
}

#latest h4 {
	font-size: 1.8em;
	font-weight: bold;
}

#latest p {
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 1.6em;
}

#latest a.arrow_box {
	position: relative;
	background: #21b9eb;
	height: 20px;
	display: block;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 4px;
	line-height: 20px;
	text-transform: uppercase;
	width: 140px;
	margin: 0 auto;
}

#latest a.arrow_box:after {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #21b9eb;
	position: absolute;
	left: 100%;
	top: 50%;
	content: "";
	margin-top: -10px;
}

#latest img {
	width: 100%; height: auto;
}

#intro h1 {
	font-size: 2.7em;
	text-align: center;
	width: 800px;
	margin: 0 auto;
	color: #11B2E9;
	padding: 20px 0 0;
	font-family: 'OpenSansBold', Arial, sans-serif;
	line-height: 1.2em;
}

#intro .intro-articles {
	padding-top: 48px;
	background: url(images/mickey.png) no-repeat 558px 0;
}

#intro ul {

}

#intro ul li {
	list-style-type: none;
	margin-left: -23px;
	height: 122px;
}

#intro li img {

}

#intro ul li div {
	width: 300px;
	float: right;
	padding-right: 430px;
}

#intro a:link,
#intro a:visited,
#intro a:active {
	color: #10B3EA;
	text-decoration: none;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#intro a:hover,
#intro a:focus {
	color: #000;

}

#intro li h3 {
	font-size: 1.8em;
	font-weight: bold;
}

#intro li p {
	font-size: 1.6em;
}

#featured {
	padding-top: 48px;
	background: url(images/mickey.png) no-repeat 558px 0;
}

.breadcrumbs {
	font-size: 1.3em;
	margin: 0 0 20px;
	background: url(images/arrow.gif) no-repeat 0 1px;
	padding-left: 15px;
}

.breadcrumbs a {
	text-decoration: none;
	padding-right: 15px;
	margin-right: 10px;
	background: url(images/arrow.gif) no-repeat right;
}

.site-home { }

/*-- content -------------------- */

.content a:link,
.content a:visited,
.content a:active {
	color: #10B3EA;
	text-decoration: none;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.content a:hover,
.content a:focus {
	color: #000;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	padding-bottom: 10px;
	font-weight: bold;
	color: #000;
}

.content h1 {
	margin: 0 0 .75em;
	font-size: 2.4em;
}

.content h2 {
	font-size: 2em;
	margin: 0;
	clear: both;
}

.content h3 {
	font-size: 1.8em;
}

.content h4 {
	font-size: 1.6em;
	margin: 2em 0 0;
}

.content h5 {
	font-size: 1.4em;
}

.content h6 {
	font-size: 1.3em;
}

.content p {
	margin-bottom: 1.6em;
	font-size: 1.4em;
	line-height: 1.6em;
}

.content ul,
.content ol {
	margin: 0 0 1.5em 30px;
}

.content li ul,
.content li ol {
	margin: 5px 0 .5em 30px;
}

.content li {
	margin-bottom: 5px;
	font-size: 1.3em;
	line-height: 1.5em;
}

.content li li,
.content li p {
	font-size: 1em;
}

.content ul li {
	list-style-image: url(images/linkbullet.gif);
}

.content ol li {
	list-style-type: decimal;
}

.content blockquote {
	margin: 0 0 15px 15px;
	padding: 0 15px;
	font-style: italic;
	border-left: 3px double #d6d6d6;
}

.content strong,
.content b {
	font-weight: bold;
}

.content em,
.content i {
	font-style: italic;
}

.content .wp-caption {
	padding: 0.8064516%;
	background: #d6d6d6;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.boxshadow .content .wp-caption {
	background: #fff;
}

.content .wp-caption img {
	/*margin-bottom: 0.8064516%;*/
	padding: 0;
	background: transparent;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.boxshadow .content .wp-caption img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.content .wp-caption p {
	margin: 0 0.8064516%;
	font-size: 1.2em;
	color: #666;
}

.content img {
	max-width: 100%;
	height: auto;
}

.content .alignleft {
	float: left;
	display: inline;
	margin: 0 30px 30px 0;
}

.content img[align $='left'] {
	float: left;
	display: inline;
	margin: 5px 30px 30px 0;
}

.content .alignright {
	float: right;
	display: inline;
	margin: 5px 0 30px 30px;
}

.content img[align $='right'] {
	float: right;
	display: inline;
	margin: 5px 0 30px 30px;
}

.content .aligncenter {
	margin: 0 auto 20px auto;
}

.content .alignnone {
	margin: 0 0 20px 0;
}

.content table {
	margin: 0 0 1.5em;
	width: 100%;
	font-size: 1.2em;
}

.content table th,
.content table td {
	padding: 10px;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	text-align: left;
	background: #f6f6f6;
}

.content table th {
	font-weight: bold;
	border: 1px double #fff;
}

.content table td {
	border: 1px solid #fff;
}

.content table tr:nth-child(odd) td {
	background: #f6f6f6;
}

.content table th:nth-child(1),
.content table td:nth-child(1) {
	width: 25%;
}

.content table tr:hover td {
	background: #e6e6e6;
}

/*-- post -------------------- */

#featured-news .post {
	width: 345px;
	padding: 0 0 20px;
	float: left;
}

#featured-news .post:nth-child(even) {
	padding: 0 22px 0 0;
	float: right;
}

#featured-news .post:nth-child(odd) {
	clear: both;
}

#featured-news .post h4 {
	margin: 0;
}

.read-more {
	width: 100%;
	float: left;
	margin-bottom: 1.6em;
}

.read-more a {
	display: block;
	float: left;
	width: 100px;
	height: 25px;
	background: url(images/read-more.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/*-- research areas -------------------- */

.area {
	width: 90%;
	max-width: 470px;
	float: left;
	margin: 0 30px 30px 0;
}

.area:nth-child(2n+2) {
  margin-right: 0;
}

.area:nth-child(2n+1) {
  clear: both;
}

.area:nth-child(2n+1) {
  clear: both;
}

.area img {
	width: auto;
	float: left;
	margin-right: 20px;
}

.area div {
	width: 90%;
	max-width: 281px;
	float: left;
}

/*-- labs -------------------- */

.lab {
	/*width: 90%;*/
	width: 970px;
	float: left;
	margin: 0 0 40px 0;
	position: relative;
}

.lab img {
	width: auto;
	float: left;
	margin: 0 20px 0 -46px;
	border: 2px solid #10B3EA;
}

.lab span {
	background:url(images/image-back.gif) no-repeat 0 0;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 230px;
	left: -46px;
}

.lab .lab-info {
	width: 90%;
	max-width: 591px;
	float: left;
}

/*-- people -------------------- */

#people .person {
	width: 300px;
	float: left;
	margin: 0 0 20px 20px;
	position: relative;
}

/* People listed on lab page */
div#people .person:nth-child(3n+1) {
	clear: both;
}

#people .person img {
	width: auto;
	float: left;
	margin: 0 20px 0 0;
	border: 2px solid #10B3EA;
}

#people .person .person-info {
	width: 90%;
	max-width: 190px;
	float: left;
}

#people .person .name {
	font-size: 1.4em;
	line-height: 1.6em;
}

#people .person .title {
	font-size: 1.3em;
	line-height: 1.4em;
}

/*-- person -------------------- */

#person .person {
	float: left;
	position: relative;
}

#person .person img {
	float: left;
	margin: 0 20px 0 -46px;
	border: 2px solid #10B3EA;
 	height: 156px;
 	width: auto;
}

#person .person .person-info {
	width: auto;
	float: left;
}

#person .person .name {
	font-size: 1.4em;
	line-height: 1.6em;
}

#person .person .title {
	font-size: 1.3em;
	line-height: 1.4em;
}

#person .person span {
	background:url(images/image-back.gif) no-repeat 0 0;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 160px;
	left: -46px;
}

.personal-page {
	display: block;
	float: left;
	width: 120px;
	height: 25px;
	background: url(images/personal-page.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/*-- lab director -------------------- */

#lab-director {
	width: 500px;
	float: right;
}

#lab-director img {
	width: auto;
	float: left;
	margin: 0 20px 0 0;
	border: 2px solid #10B3EA;
}

#lab-director div {
	width: 90%;
	max-width: 200px;
	float: left;
}

/*-- footer -------------------- */

#footer-logo {
	position: relative;
	margin: 0 auto 10px;
	width: 130px;
	height: 60px;
	text-indent: -5000px;
	overflow: hidden;
}

#footer-logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('images/footerlogo.gif') no-repeat 0 0;
}

#footer-logo a {
	text-decoration: none;
}

nav#footer-nav {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

nav#footer-nav li {
	display: inline;
	font-size: 1.2em;
}

nav#footer-nav li a:link,
nav#footer-nav li a:visited,
nav#footer-nav li a:active {
	float: left;
	display: block;
	margin-right: 10px;
	padding-right: 10px;
	color: #999;
	text-decoration: none;
	border-right: 1px solid #999;
}

nav#footer-nav li a:hover,
nav#footer-nav li a:focus {
	color: #11B2E9;
}

nav#footer-nav li.current a:link,
nav#footer-nav li.current a:visited,
nav#footer-nav li.current a:active,
nav#footer-nav li.current a:hover,
nav#footer-nav li.current a:focus {
	text-shadow: none;
	color: #11B2E9;
	cursor: default;
}

nav#footer-nav li:last-child a {
	border: none;
	padding: 0;
	margin: 0;
}

#footer p {
	font-size: 1.2em;
	width: 100%;
	text-align: center;
}

#footer a:link,
#footer a:visited,
#footer a:active {
	color: #999;
	text-decoration: underline;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#footer a:hover,
#footer a:focus {
	color: #fff;
}

/*-- miscellaneous -------------------- */

.clear {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

/* -- Fluid Columns -------------------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	float: left;

}
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/* @end */

#news .post img {
	width: auto;
	float: left;
	margin: 0 20px 0 40px;
}

#news .post div {
	width: 90%;
	max-width: 716px;
	float: left;
}

#news h4 {
	margin-top: 0;
}

.location-image {
	width: 396px;
	height: 175px;
	float: right;
	margin-bottom: 10px;
}

#boston {
	background: url(images/disney-research-boston.jpg) no-repeat 0 0;
}
#burbank {
	background: url(images/disney-research-burbank.jpg) no-repeat 0 0;
}
#emeryville {
	background: url(images/disney-research-emeryville.jpg) no-repeat 0 0;
}
#los-angeles {
	background: url(images/disney-research-los-angeles.jpg) no-repeat 0 0;
}
#pittsburgh {
	background: url(images/disney-research-pittsburgh.jpg) no-repeat 0 0;
}
#zurich {
	background: url(images/disney-research-zurich.png) no-repeat 0 0;
}

#featured-image {
	width: auto;
	float: left;
	margin: 0 20px 0 -46px;
	position: relative;
}

#featured-image img {
	border: 2px solid #10B3EA;
}

#featured-image span {
	background:url(images/image-back.gif) no-repeat 0 0;
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: -12px;
	left: 0;
}

.dr-zurich-subpage-nav ul {
	margin: 0;
	padding: 0 0 80px;
}

.dr-zurich-subpage-nav ul li {
	list-style-image: none;
	height: 125px;
	width: 30.66%;
	position: relative;
	margin: 0 4% 4% 0;
	float: left;
	padding: 0;
}

.dr-zurich-subpage-nav ul li:nth-child(3n+3) {
	margin-right:0 !important; clear:right;
}

.dr-zurich-subpage-nav ul li a {
	font-size: 1.2em;
	width: 150px;
	display: block;
	float: right;
}

.dr-zurich-subpage-nav ul li span {
	font-size: 1.2em;
	width: 150px;
	display: block;
	float: right;
}

li.computer-graphics {
	background: url(images/dr-zurich-computer-graphics.png) no-repeat 0 0;
}

li.vision-and-sensing {
	background: url(images/dr-zurich-vision-and-sensing.png) no-repeat 0 0;
}

li.animation {
	background: url(images/dr-zurich-animation.png) no-repeat 0 0;
}

li.capture-effects {
	background: url(images/dr-zurich-capture-effects.png) no-repeat 0 0;
}

li.materials {
	background: url(images/dr-zurich-materials.png) no-repeat 0 0;
}

li.rendering {
	background: url(images/dr-zurich-rendering.png) no-repeat 0 0;
}

li.stereo-and-displays {
	background: url(images/dr-zurich-stereo-and-displays.png) no-repeat 0 0;
}

li.video-technology {
	background: url(images/dr-zurich-video-technology.png) no-repeat 0 0;
}

li.wireless-communications-and-mobile-computing {
	background: url(images/dr-zurich-wireless-communications-and-mobile-computing.png) no-repeat 0 0;
}

li.lab-management-team {
	background: url(images/lab-management-team.png) no-repeat 0 0;
}

li.lab-admin-tech-transfer {
	background: url(images/lab-admin-tech-transfer.png) no-repeat 0 0;
}

li.software-engineering-group {
	background: url(images/software-engineering-group.png) no-repeat 0 0;
}

#management h3 {
	margin: 0;
}

.home .one_half{ width: 40%; }

.home .last { float: right; }

/* Projects */

#projects h1,
#publications h1,
#press-releases h1 {
	margin: 0 0 0.75em;
	font-size: 2.4em;
	margin: 2em 0px 1em;
	padding-bottom: 10px;
	font-weight: bold;
	color: #000;
}

#sidebar {
	width: 31.25%;
	width: 30%;
	border: 1px solid #ccc;
}

#sidebar .sort,
#sidebar .filter,
#sidebar #submit-button {
	border-bottom: 1px solid #ccc;
	padding: 20px;
}

#sidebar .filter div {
	height: 200px;
	overflow: auto;
}

#sidebar .filter h4 {
	font-size: 1.6em;
	margin: 0 0 1em;
}

#sidebar li {
	font-size: 1.2em;
	margin-bottom: 5px;
}

#sidebar input[type=checkbox] {
	margin: 0 2px 0 0;
}

#sidebar #submit-button {
	border: none;
}

#projects #content,
#publications #content,
#press-releases #content {
	width: 60%;
}

#projects article,
#publications article,
#news article,
#press-releases article {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

#projects h2,
#publications h2,
#press-releases h2 {
	padding-bottom: 10px;
	font-size: 2.4em;
	color: #000;
	font-weight: bold;
}

#press-releases h2 {
	padding-bottom: 0;
}

#press-releases h3 {
	padding: 0;
	margin: 0;
}

#projects h4,
#publications h4,
#press-releases h4 {
	font-size: 1.6em;
	margin: 2em 0 0;
	color: #000;
	font-weight: bold;
}

#projects p,
#publications p,
#press-releases p {
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 1.6em;
}

#projects .date,
#projects .research-area,
#publications .date,
#publications .research-lab,
#press-releases .date,
#latest .date {
	font-size: 1.4em;
	margin-bottom: 5px;
	font-weight: bold;
	color: #000;
	display: block;
}

#latest .date {
	margin: 0;
}

#press-releases .eurekaalert-link {
	margin-bottom: .8em;
}

#projects .research-area,
#publications .research-lab {
	margin-bottom: 1.6em;
}

#projects a,
#publications a,
#press-releases a {
	color: #10b3ea;
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
}

.content .post-image {
	width: 200px;
	height: 200px;
	margin: 0 20px 0 0;
	float: left;
	overflow: hidden;
}

.content .post-image img {
	height: auto;
	width: 100%;
}

.content .post-imagesmall {
	width: 200px;
	margin: 0 20px 0 0;
	float: left;
	overflow: hidden;
}

.content .post-imagesmall img {
	height: auto;
	width: 100%;
}

.pagination,
.pagination-top {
	font-size: 1.4em;
}

.pagination-top {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.prev,
.next {
	width: 48%;
	float: left;
}

.next {
	float: right;
	text-align: right;
}

.topsidebar {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
}

#topsidebar .sort,
#topsidebar .filter,
#topsidebar #submit-button {
	border-bottom: 1px solid #ccc;
	padding: 10px;
}

#topsidebar .filter div {
	height: 200px;
	overflow: auto;
}

#topsidebar .filter h4 {
	font-size: 1.6em;
	margin: 0 0 0;
}

#topsidebar li {
	font-size: 1.2em;
	margin-bottom: 5px;
	display: inline;
	padding-right: 1em;
}

#topsidebar ul {
	margin-left: 1em;
	margin-bottom: 0;
}

#topsidebar ul li {
	list-style: none;
	list-style-type: none;
}

#topsidebar h4 {
	margin-top: 0;
}

#topsidebar input[type=checkbox] {
	margin: 0 2px 0 0;
}

#topsidebar #submit-button {
	border: none;
}