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

/* header */
#csn {margin: 10px 0 10px 12px; text-align:left;}
#csn span a {text-decoration:none;}
#title {text-align: left; color: #999; font-size:.9em; letter-spacing: 1px; margin:5px 0 10px 12px;}


/* main styles */
body {color: #707070; font-family: Arial, "sans-serif";}
.content {
	font-style: normal;
}
#extra {background-color: #F4B456;height: 15px;}
main {margin: 25px 0;}

.topbanner {background-image:url("../img/gradient.png"); background-repeat: repeat-x; background-position: left center;}
.topbanner {border-bottom: 1px solid #990000;}
.banner {}

/* navigation */
li.nav-item a.nav-link {color: #333; font-size: .9em; text-decoration:none; line-height:190%; display:block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; padding-bottom:5px;padding-top:5px; font-weight:100;} 
li.nav-item a:hover.nav-link {color: #990000; text-decoration:none; font-weight:100;}
li.nav-item a.nav-link.active {font-weight: bold; color:#990000;}

/* navigation overrides */
.nav {margin-bottom: 15px;}
.nav .nav-item {float: none;}
.nav .nav-item+.nav-item {margin: 0;}
.nav-link span {font-size: small;}

/* link styles */
a:link, a:visited {color:#990000;}
a:active {color: #990000;}
a:hover	{color:#990000; text-decoration:underline;}

/* type styles */
p, .list {font-size: 1.1em; line-height: 1.4em;}
h1 {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 1.8em; font-weight: bold; color: #990000; margin: 0px 0 15px 0; letter-spacing: .04em;}
h2 {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 1.4em; color:#04738b; margin: 11px 0px 11px 0px;}
h3 {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 1.2em; font-weight: bold; color: #990000; margin: 0px 0 15px 0; letter-spacing: .04em;}
h4 {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 1em; color: #666; }
.year {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 1em; color: #4dacc1; }
h5 {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: .8em; font-weight: bold; color: #333; margin: 3px 0 10px 0; letter-spacing: .04em;}
.caption {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: .8em; color:#000000; }

table td, table th {padding: .5em;}

/* publications */
/*.ep_view_jump_to {font-size: .8em; margin-bottom: 10px;}
.ep_view_blurb {display:none;}
.ep_view_timestamp {display:none;}*/


/*bullet styles*/
#content ul {list-style-type: disc; color: #999; font-size: .9em;}
#content li ul li, #content li ul li {list-style-type: disc; color: #999; font-size: .9em;}

/* footer */
footer #footer-info a {color: #333}
footer {border-top: 1px solid #CCC;}
#footer-info {float: left;margin-top: 10px;}
#footer-info span {font-size: small;}
footer #caltech-logo {text-align: center;}


/*Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap

Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
footer #caltech-logo {text-align: right;}	
.topbanner {
	background-image:url("../img/gradient.png"); background-repeat: repeat-x; background-position: left center;} 
.banner {
	background-image: url("../img/csn-banner1920.png"); background-repeat: no-repeat; background-position: center right;}
.banner1 {
	background-image: url("../img/csn-banner1.png"); background-repeat: no-repeat; background-position: center right;}
.banner2 {
	background-image: url("../img/csn-banner2.png"); background-repeat: no-repeat; background-position: center right;}
.banner3 {
	background-image: url("../img/csn-banner3.png"); background-repeat: no-repeat; background-position: center right;}
.banner4 {
	background-image: url("../img/csn-banner4.png"); background-repeat: no-repeat; background-position: center right;}
.banner5 {
	background-image: url("../img/csn-banner5.png"); background-repeat: no-repeat; background-position: center right;}	
.banner6 {
	background-image: url("../img/csn-banner6.png"); background-repeat: no-repeat; background-position: center right;}	
.banner7 {
	background-image: url("../img/csn-banner7.png"); background-repeat: no-repeat; background-position: center right;}
.banner8 {
	background-image: url("../img/csn-banner8.png"); background-repeat: no-repeat; background-position: center right;}
.banner9 {
	background-image: url("../img/csn-banner9.png"); background-repeat: no-repeat; background-position: center right;}	
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}
