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

body {

/*	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:top center;*/
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -0-background-size: cover;
  background-size: cover;
  background-position:bottom center;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
	font-family:Helvetica, Arial, sans-serif;
	background-color:#6e7076;
}

/*.cover{
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -0-background-size: cover;
	  background-size: cover;
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}*/

ul{
	margin:0;
	padding:0;
}

#mainText ul{
	margin:17px;
	padding:0;
}

ol {
    margin-bottom: 0px;
}

a{
	color:#ffd46d;
	font-weight:normal;
}

a:hover{
	color:#fbc032;
	text-decoration:none;
}

h1,h2, h3{
    font-family: Helvetica, sans-serif;
	font-weight:bold;
}

h3{
	font-size:20px;
	padding:5px 0px 6px 0px;
	margin:0;
	color:#FFF;
}

h4{
	font-family: Roboto, sans-serif;
}

h5{
	color:#2d6cad;
	font-size:15px
}



#mainNav{
	/*padding-top:10px;*/
	padding:0 3% 0 0;
	position:absolute;
	right:100%;
	font-size:12px;
	background-color:rgba(0,0,0,0.5);
}


.navbar-default{
	border:none;
	background-color:transparent;
	z-index:999;
}

.navbar-brand{	
	padding:0;
	/*MD*/ background:url(../images/NASABanner-trans_small4.png) 0px 1px no-repeat;
	display:block;
	/*  height:63px; */
	/*MD*/ height:65px;	
	float:left;
	/*padding-top:1px;*/
	width:100%;
}

.navbar-header{
	background-color:rgba(0,0,0,0.5);
	padding-left:3%;
	padding-bottom:14px;
	padding-top:13px;
}
	
.navbar-nav {
	float:right;
}
.navbar-default .navbar-toggle {
   border-color:rgb(66, 139, 202);
   color:#cedaf0;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active    {
	background-color:rgba(66, 139, 202,0.5);
}

.navbar-default .navbar-toggle .icon-bar{
	background-color:rgb(66, 139, 202);
}


.navbar-default .navbar-nav > .active > a{
	background-color:transparent;
	color:#cedaf0;
}

.navbar-default .navbar-nav > .active > a:hover{
	background-color:transparent;
	color:rgb(66, 139, 202);
	border-left:transparent solid 1px;
	border-right:transparent solid 1px;
	border-top:transparent solid 1px;
}

.navbar-nav > li > a {
    padding-top: 34px;
    padding-bottom: 35px;
}

.navbar-default .navbar-nav > li > a {
	/*MD*/ /*color:#cedaf0;*/
	color:#c4c4c4;
	border-left:transparent solid 1px;
	border-right:transparent solid 1px;
	border-top:transparent solid 1px;
}

.navbar-default .navbar-nav > li > a:hover {
	color:#eee;
	/*background-color:rgba(255,255,255,0.5);*/
}

.navbar-default .navbar-nav > li.dropdown > a:hover {
	color:#eee;
	background-color:rgba(255,255,255,0.5);
}

.navbar-collapse {
	max-height:500px;
	overflow-x:hidden;
}





.dropdown-menu{
	background-color:rgba(255,255,255,0.5);
	border:none;
	/*border-left:#fff solid 1px;
	border-radius:0px;*/
	position:relative;
	float:none;
	margin:0;
	padding-top:0px;
	z-index:1002;
}
.dropdown-menu > li {
	padding-left:10px;
}

.dropdown-menu > li > a {
	color: #FFF;
	font-size:14px;
	padding:0;
	line-height: 1.3;
}
/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
 	color: #fff;
}*/

.dropdown-menu .divider{
	margin:4px 0px;
}

.dropdown-menu .ul-col{
	float:left;
}

.form-control{
	height: 20px;
	background-color:rgba(255,255,255,0.5);
	color:#001535;
	border:none;
	width:80%;
	float:right;
}
.form-control,.btn{
	padding: 2px 6px;
	font-size: 12px;

}
.form-control:focus{
	border-color:rgb(66, 139, 202);
}

.navbar-form{
	margin-top:35px;
	border:none;
}


#search::-webkit-input-placeholder {
	color: rgba(0,21,53,1);
	/*MD*/ /*font-weight:bold;*/
}
#search::-moz-placeholder {
	color: rgba(0,21,53,1);
	/*MD*/ /*font-weight:bold;*/
}
#search:-moz-placeholder {   /* Older versions of Firefox */
	color: rgba(0,21,53,1);
	/*MD*/ /*font-weight:bold;*/
}
#search:-ms-input-placeholder { 
	color: rgba(0,21,53,1);
	/*MD*/ /*font-weight:bold;*/
}


.btn{
	padding: 0 3px;
	height: 20px;
}
.btn-default {
    color:#fff;
    background-color: rgba(255, 255, 255,0.5);
    border: rgb(255, 255, 255) solid 2px;
	border-radius:10px;
}

#titleBlock{
	position:fixed;
	bottom:10%;
	right:5%;
	padding-left:5%;
	font-weight:bold;
	color:#FFF;
}

#titleBlock h1{
	font-size:3.1em;
}

#textBlock{


	/*position:absolute;
	top:300px;*/
}

.more{
	visibility:hidden;
}

.pageText{
	padding:0 1%;
	background-color:rgba(255,255,255,0.95);
	width:100%;
		
}

#shade{
	position:absolute;
	top:90px;
	width:100%;
	height:38px;
	background-color:transparent;
}

#bottomNav{
	background-color:rgba(0,0,0,.95);
		padding-left:3%;
		margin-left:-15px;
		margin-right:-15px;
}

#bottomNav ul.nav-pills li {
    float:none;
}

#bottomNav .nav > li > a {
    padding: 8px 10px;
	/*color:#fff;*/
}



.nav-pills > li > a {
	border-radius:0px;
	color:#878a90;
	font-size:14px;
}


.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus , #bottomNav .ul-col > li.active > a,  #bottomNav .ul-col > li.active > a:focus {
    color:#fff;
	background-color: transparent;
}

/*.nav-pills > li.active > a{
	color:#fff;
}*/

#bottomNav .nav > li > a:hover,#bottomNav .ul-col > ul > li > a:hover {
	background-color:transparent;
	color:#fff;
}

#bottomNav .nav-pills > li.dropdown > a:hover {
	border-radius: 0px;

}

#bottomNav .dropdown-menu {
    background-color: transparent;
    box-shadow: 0 0 0;
	border-left:none;
	border-radius:0px;
	margin:0;
	min-width:100%;
}


#bottomNav .ul-col > ul > li {
	list-style:none;
}

#bottomNav .ul-col > ul > li > a, .navbar-fixed-bottom a {
	color:#999;
}

#bottomNav .ul-col > ul > li.active > a {
	color:#fff;
}

.navbar-fixed-bottom{
	background-color:rgba(0,0,0,.75);
	padding:0 3%;
	font-size:12px;
}

.navbar-fixed-bottom div{
	padding:.75% 0;
}


#location{
	padding-left:0;
	padding-bottom:0;
	padding-top:0;
	text-align:right;
	background-color:rgba(0,0,0,.5);

}

#location h3{
	font-size:16px;
}

#mainText{
	padding:5% 3%;
	padding-top:50px;
}

#mainText, #side{
	font-size:16px;
}

#side{
	color:#7a7e83;
	font-size:14px;
	border-top:#c7c7c7 solid thin;
}
	
#side li{
	padding:5% 0;
	border-bottom:#c7c7c7 solid thin;
	list-style:none;
}

#side li img{
	max-width:100%;
	margin-right:2%;
}

#side li strong{
	color:#000;
}



.smaller{
	font-size:smaller;
}


.mainImage{
	/*margin-top:-10%;*/
	padding:40%;
	/*background-image: url(../images/tweetup_story4abw.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;*/
	/*background-size: 100% auto;
	background-position:0px -120px;
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -0-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";*/
}

.subHead{
	position:absolute;
	top:auto;
	z-index:100;
	color:#000;
	font-size:34px;
	margin-left:3%;
	text-shadow: 0 0 5px #707070;
}

.galSub{
	top:160px;
	color:#fff;
}

.carousel-caption {
    right: 0%;
    left: 0%;
	background-color:rgba(0,0,0,.5);
	bottom:0px;
/*	position:relative;*/
	font-family: Roboto, sans-serif;
	text-align:left;
}

.credit{
	color:#ababab;
}

#gallery{
	position:relative;
	top:138px;
	background-color:#1c1d1f;
} 

.carousel-control.left > span, .carousel-control.right > span{
	display:block;
	width:35px;
	height:45px;
	position: absolute;
	top: 40%;
	left: 20%;
}

.carousel-control.left, .carousel-control.right{
/*	padding:50% 0%;
	padding-top:10%;
	left:auto;*/
	
}
 .carousel-control > span >img{
	width:100%;
 }
 
.carousel-control.right > span{	
	left: auto;
	right: 20%;
}

.indicators {
	height:auto;
	background-color:#6e7076;
/*	position:fixed;
	z-index:1000;
	bottom: 0px;*/
	width:100%;
	color:#FFF;
	font-family: Roboto, sans-serif;
}

.indicators .scroller{
	width:100%;
	overflow:auto;
}
.carousel-indicators {
	position:relative;
	width:100%;
	margin-left:0;
	left:0;
	bottom:auto;
	text-align:left;
}

.carousel-indicators li {
    display: inline-block;
    width: 100px;
	height:70px;
    margin: 2px;
    text-indent: 0px;
	text-align:center;
    border: none;
    border-radius: 0px;
	font-size:10px;
	overflow:hidden;
	
}

.carousel-indicators li div{
    width: 100px;
	height:70px;
	overflow:hidden;
	opacity:.5;
}


.carousel-indicators .active {
	background-color:transparent;
    width: 100px;
    height: 70px;
	overflow:hidden;
}
.carousel-indicators .active div {
    width: 100px;
    height: 70px;
    margin: 0px;
	overflow:hidden;
    background-color: transparent;
	border: 1px solid rgb(255, 255, 255);
	opacity:1;
}

.carousel-indicators li img{
	width:100%;
	/*max-height:inherit;*/
}

.carousel-indicators li div:hover{
 border: 1px solid rgb(255, 255, 255);
}


.carousel-inner > .item{
	height:400px;
}

.carousel-inner > .item > img{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:30%;
}

.carousel-inner > .item >.portrait{
	width:auto;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	top:0;
	position:relative;
}

.pulldown{
	margin:2%;
	padding:2%;
	width:100%;
	border: 1px solid rgb(255, 255, 255);
	border-radius:3px;
	background-color: transparent;
	color:#FFF;	
	-webkit-appearance: none;
}

select.pulldown option {
  background-color:#6e7076;
} 


.picName{
	text-align:center;
	color:#FFF;
	font-size:14px;
	padding:1%;
}

.captionOpen{
	text-align:right;
	cursor:pointer;
	margin-top:1%;
	padding-right:2%;
}

noPadding{
	padding-left:0;
	padding-right:0;
}

.hide {
	display:block !important;
}
@media (min-width: 300px) {
	#gallery{
		top:120px;
	}
	.carousel-inner > .item >img{
		top:20%;
	}
	
	.navbar-brand{	

				width:75%;
	}
}

@media (min-width: 450px) {	
	.carousel-inner > .item >img{
		top:15%;
	}
}

@media (min-width: 600px) {	
	.navbar-brand{	
		/*MD*/ background:url(../images/NASABanner-trans3.png) 0px 1px no-repeat;
	}

	#mainText{
		padding:5% 3%;
	}
	
	.mainImage{
		padding:0;
		/*
		position:absolute;
		right:0;
		bottom:0;
		left:0;
		top:0;
		background-image: url(../images/tweetup_story4abw.jpg);
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position:0px -120px;/*
/*			-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -0-background-size: cover;
	  background-size: cover;
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";*/
	}
	.pageText{
	/*	background-color:#fff;*/
		width:100%;
			
	}
	.imageOpen{
		padding:35%;
	}
	
	.closed{
		width:40%;
/*		padding:0;*/
		padding-top:80px;
		position:absolute;
		z-index:99;
		top:130px;
		left:3%;
		background-color:rgba(0,0,0,0.75);
		border-radius:10px;
		color:#FFF;
	}
	.subHead{
/*		position:absolute;*/
		top:140px;
/*		z-index:100;*/
		color:#FFF;
		font-size:40px;
		margin-left:5%;
	}

	
	.hClosed{
/*		position:relative;
		top:auto;*/
	}
	
	.more{
		background-color:rgba(255,255,255,0.5);
		border-radius:7px;
		padding:3px 12px;
		color:#FFF;
		visibility:visible;
	}
	
	.hide {
		display:none !important;
	}
	
	.indicators {
	/*	height:auto;*/
/*		bottom: 0px;*/
	}

	.carousel-indicators li, .carousel-indicators .active{
		width: 120px;
		height:120px;
	}
	
	.carousel-indicators li div{
		width: 120px;
		height:80px;
	}
	
	.carousel-indicators .active div{
		width: 120px;
		height: 80px;
	}
	

	
	
	.carousel-control.left > span, .carousel-control.right > span{
		width:57px;
		height:85px;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		 -0-background-size: 100% auto;
		background-size: 100% auto;
	}
	

	
	.carousel-inner > .item >img{
		top:0;
	}
}

@media (min-width: 980px) {
	
	#shade{
/*		height:54px;*/
		background-color:rgba(0,0,0,.75);
	}
	
	.navbar-brand{	
		padding-top:4px;
		width:100%;
	}

	.navbar-collapse {
		max-height:auto;
		overflow-x:auto;
	}
	
	#mainNav{
		position:relative;
		right:auto;
		padding:0 2% 0 0;
	}
	.dropdown-menu{
		position:absolute;
		/*float:left;*/

	}
	
	#bottomNav {
		background-color:transparent;
		/*position:fixed;
		bottom:2%;*/
		clear:both;
/*		float:none;*/
	}
	
	.closed{
		padding-top:60px;
		top:190px;
	}
	.imageOpen{
		padding:27%;
	}
	
	#mainText, #side{
		padding:5% 3% 5% 4%;

	}
	
	#mainText{
		border-right:#c7c7c7 solid thin;
	}
	
	#mainText.col-sm-12{
		border-right:none;
	}
	#side{
		padding-top:1%;
		border-top:none;
	}
	
	#side li{
		padding:10% 0;
	}
	
	#bottomNav ul.nav-pills li {
    	float:left;
	}
	#bottomNav .nav-pills > li.dropdown > a:hover {
		border-radius: 0px;
	}
	
	#bottomNav .dropdown-menu{
		background-color:transparent;
		width:500px;
		
	}
	#bottomNav .ul-col {
		margin-right:20px;
	}
	#bottomNav ul.dropdown-menu > li.ul-col > ul > li{
		float:none;
		clear:both;
	}
	
	#bottomNav .dropdown-menu > li > a{
		border-radius:0px;
	}
	
	#location{
		float:right;
		background-color:transparent;
		padding-right:3%;
	}
	.subHead{
		top:200px;
		font-size:44px;
	}
	#gallery{
		top:128px;
	}
	
	.indicators {
		/*bottom: -40px;*/
	}

	.carousel-indicators {

	}
		
	.carousel-inner > .item{
		/*width:100%;
		height:400px;*/
	}
	.carousel-inner > .item > img{
		position:relative;
		top:0;
		width:auto;
		height:100%;
	}
	
	.picName{
		font-size:20px;
	}
}



@media (min-width: 1200px) {
	#location h3{
		font-size:20px;
		padding-right:0;
	}
	
	.carousel-inner > .item{
/*		height:400px;*/
		text-align:center;
	}
	
	.carousel-inner > .item >img{
	/*	bottom:-100px;*/
	}
	

	
	.indicators {
/*		height:160px;*/
		/*bottom: -80px;*/
	}
	
	.carousel-indicators li, .carousel-indicators .active{
		/*width: 120px;*/
	}
	
	.carousel-indicators li div{
		/*width: 120px;
		height:80px;*/
	}
	
	.carousel-indicators .active div{
		/*width: 120px;
		height: 80px;*/
	}
	.pulldown .active{
		width:80%;
		height:auto;
	}
	#shade{
		height:38px;
	}
	
	.imageOpen{
		padding:21%;
	}

}

/*News styles copied from OCO*/
.pull-left{margin-right:10px;}
.pull-right{margin-left:10px;}

.noPadTop{
	padding-top:0;
}

.newsText{
	padding:5% 3%;
	padding-top:50px;
}

.newsText a{
	color: #2d6cad;
}

.newsText .newsDate{
	color:#929292;
	font-weight:bold;
	font-size:0.8em;
}

.newsText .newsTitle{
	color: #2d6cad;
	font-weight:bold;
	font-size:1em;
	margin:0;
}

.newsText .jump{
	padding:0 10px;
	margin-left:1%;
	background:url(../images/icons.png) no-repeat;
}

.newsText li {
    list-style: none;
    border-bottom: #c7c7c7 solid thin;
    padding: 2% 0;
}