/*
Theme Name: NASA Portal
Theme URI: http://imb.larc.nasa.gov/
Description: This style is based on the NASA Portal website beginning in 2008.
Version: 1.1.3
Author: LaRC IMB Team
Author URI:
Tags:

Defines the style instructions for screen rendering of a page with only
a site header, page content, and site footer.  Use full.css to add
section header, page header, section footer.

Use this style sheet if your page doesn't have a section header. If your page
does have a section header, use this style + full.css.

-----------------------------------------------------------------------------
This style uses CSS from the Yahoo! Interface Library (YUI).
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
-----------------------------------------------------------------------------
*/

/* YUI reset */

.hidden {position:absolute;left:0;top:-500px;width:1px;height:1px;overflow:hidden;}

body {
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

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

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

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

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select {
	*font-size: 100%;
}

legend {
	color: #000;
}

del,ins {
	text-decoration: none;
}

/* YUI fonts */

body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size: small;
	*font: x-small;
}

select,input,button,textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

/* YUI base */

h1,h2,h3 {
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight: bold;
}

abbr,acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	font-style: italic;
}

blockquote,ul,ol,dl {
	margin: 1em;
}

ol,ul,dl {
	margin-left: 2em;
}

ol li {
	list-style: decimal outside;
}

ul li {
	list-style: disc outside;
}

dl dd {
	margin-left: 1em;
}

th,td {
	border: 0px solid #000;
	padding: .5em;
}

th {
	font-weight: bold;
	text-align: center;
}

caption {
	margin-bottom: .5em;
	text-align: center;
}

p,fieldset,table,pre {
	margin-bottom: 1em;
}

input[type=text],input[type=password],textarea {
	width: 12.25em;
	*width: 11.9em;
}

/* Styles for base elements. */ 

a {
	color: #99ccff;
}

abbr,acronym {
	border: none;
}

fieldset {
	border: solid 1px #cccccc;
	padding: 1em;
}

dd dl {
	margin-top: 0px;
	margin-bottom: 0px;
}

dt {
	font-weight: bold;
}

li ol {
	margin-top: 0px;
	margin-bottom: 0px;
}

li ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

var {
	font-style: italic;
}

/* Heading sizes. */

h1 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 138.5%;
	margin: 1em 0
}

h2 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 123.1%;
	margin: 1em 0
}

h3 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 116%;
	margin: 1em 0
}

h4 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 108%;
	margin: 1em 0
}

h5 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 105%;
	margin: 1em 0
}

h6 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 100%;
	margin: 1em 0
}

/* Use for simple text centering. */

.center {
	text-align: center;
}

/* Use for error and informational messages. */

.error {
	color: #cc0000;
	font-weight: bold;
}

.warning {
	color: #FF9900;
	font-weight: bold;
}

.message {
	color: #009933;
	font-weight: bold;
}

/* Used to identify links to non-NASA sites. */

a.external {
	background: url(../nasa_portal/images/external.gif) no-repeat right center;
	padding-right: 13px;
}

/* Primarily intended for text that should be seen by screen readers or other
    accessiblity devices, but not by sighted viewers. */

.hidden {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Used for monospace text. */

.monospace {
	font-family: monospace;
}

/* Used for the NASA acceptance warning message. */

.acceptanceWarning {
	border: solid 1px #cccccc;
	text-align: center;
	margin: 1em;
	padding: 1em;
	color: #cc0000;
}

/* Used to clear floats within page sections (avoids clearing sidebar */
.clear_page {
	clear: right;
}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #6E6E6E;
	font-size: 12px;
	margin: 5px;
}

.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
/*.wp-caption {
	background-color: #d6d6d6;
	padding-top: 5px;
	padding-bottom: 5px;
}

.wp-caption > img, .wp-caption > p {
	padding-left: 5px;
	padding-right: 5px;
}

.wp-caption-text {
	margin: 0;
	padding: 0;
}*/

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

div.hspacer {
	height: 8px;
}


/* End Images */

/*-----MAIN BODY--------------------------------------------------------------*/

body {
	color: #ffffff;
	background-color: #000000;
	background-image: url(../nasa_portal/images/bg_image.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#doc_body {
	text-align: left;
	width: 950px;
	margin: 10px auto 10px auto;
}

/*-----SITE HEADER------------------------------------------------------------*/

#site_header {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #2e2e2e;
	background-image: url(../nasa_portal/images/header_bg.gif);
	background-repeat: repeat-x;
}

#nasa_logo {
	width: 140px;
	height: 100px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background-image: url(../nasa_portal/images/nasa_logo_header.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

#nasa_logo a {
	text-decoration: none;
	display: block;
	width: 140px;
	height: 100px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	vertical-align:top;
}

.nasaLogoText {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#site_title {
	margin: 0px;
	background-repeat: no-repeat;
	position: absolute;
	width: 810px;
	height: 100px;
	top: 0px;
	left: 140px;
}

#site_title p.tagline{
	position: absolute;
	font-size: 14px;
	font-style: italic;
	font-weight:bold;
	top: 30px;
	left: 30px;
}

#site_title_original {
	margin: 0px;
	padding: 3px 0px 0px 5px;
	background-color: #1d1d1d;
	position: absolute;
	width: 610px;
	height: 26px;
	top: 68px;
	left: 140px;
	z-index: 999;
}

#site_title a {
	color: #ffffff;
	text-decoration: none;
}

#site_title a:hover {
	text-decoration: none;
}

#site_title > h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	float: left;
	position: relative;
	top: 5px;
	left:10px;
}

#site_title_original > h1 {
	margin: 0;
	padding: 0;
	font-size: 19px;
	float: left;
	position: relative;
	top: -100px;
}

#site_title > form {
	float: right;
	position: relative;
	margin: 75px 5px 0 0;
	overflow: hidden;
}

#site_title_original > form {
	float: right;
	margin: 0 2px 0 0;
}

#site_title.title_shift{
	top: 45px;
	left:140px;
}

/*- Header sidebar area -*/

#header_sidebar{
	overflow: hidden;
	position: absolute;
	margin: 0px;
	padding: 5px 10px;
	height: 90px !important;
	width:250px;
	text-align: right;
	right: 0px;
	top: 0px;
	font-size:11px;
	z-index: 699;
	float: right;
}

#header_sidebar > form{
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#header_sidebar ul {
	margin: 0px;
}

#header_sidebar ul li{
	list-style:none;
}



/*- Nav / Dropdowns-*/

#nav2 {
	margin:0px 0px 0px 0px !important;
	background-color: #2E2E2E;
	overflow:auto;
}

#nav2, #nav2 ul{
	padding: 0;
	list-style: none;
	margin: 0px;
}
#nav2 {
	padding: 5px;
	font-size:12px;
	/*width:930px;*/
	border-top: 1px solid #333;
}
#nav2 a {
	display: block;
	padding-left:10px;
	padding-right:10px;
	border-right: 1px solid #DDDDDD;
}
#nav2 li {
	float: left;
	line-height:20px;
	list-style: none;
}
#nav2 li a:hover {
	background: none;
    text-decoration: underline;
}
#nav2 li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	z-index: 99999;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
	z-index:1000;
}
#nav2 li ul li {
    background: #2e2e2e;
	border-bottom: 0px solid #dedbd1;
	border-left: 0px solid #dedbd1;
	border-right: 0px solid #dedbd1;
	line-height:20px;
	width:15em;
}
#nav2 li ul li a {
	border: 0px;
}

#nav2 li:hover, #nav2 li.hover {
    position: static;
}
#nav2 li ul ul {
	margin: -29px 0 0 15em;
}
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {
	left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {
	left: auto;
}
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
}



/*-----SITE MENU--------------------------------------------------------------*/

#site_menu {
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	position: absolute;
	width: 810px; /*810*/
	height: 40px;
	top: -13px;
	left: 114px;
	z-index: 777;
}

#site_menu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	white-space: nowrap;
	border-right: solid 1px #3b3b3b;
	border-left: solid 0px #191919;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
}

#site_menu a {
	margin: -6px 0px 0px 0px;
	padding: 18px 20px 20px 20px;
	height: 28px;
	color: #ffffff;
	display: block;
	text-decoration: none;
}

#site_menu a:hover {
	margin: -6px 0px 0px 0px;
	padding: 18px 20px 20px 20px;
	height: 20px;
	color: #ffffff;
	background-image: url(../nasa_portal/images/site_menu_rollover.gif);
	background-repeat: repeat-x;
	display: block;
	text-decoration: none;
}

/*-----SECTION HEADER---------------------------------------------------------*/

/*-----SECTION MENU-----------------------------------------------------------*/

/*-----PAGE HEADER------------------------------------------------------------*/

.page_header {
	margin: 5px 0px 0px 0px;
}

.page_title {
	background-color: #c8c8c8;
	background-image: url(../nasa_portal/images/h2_white.gif);
	background-repeat: repeat-x;
	color: #2e2e2e;
	padding: 5px;
	border-top: solid 1px #aba9a9;
	border-left: solid 1px #aba9a9;
	border-right: solid 1px #aba9a9;
	overflow: auto;
}

.page_title h1, .page_title h2, .page_title h3 .page_title h4 {
	font-size: 116%;
	margin: 0px;
	float: left;
}

.page_title a {
	color: #2e2e2e;
	text-decoration: none;
}

.page_title a:hover {
	text-decoration: underline;
	color: #00395d;
}

.page_title .meta {
	font-size: 85%;
	float: right;
}

/*-----PAGE MENU--------------------------------------------------------------*/
.nounderline a:hover{
	text-decoration:none;
}

.page_menu {
	background-color:#0C0; /* #e4e4e4;*/
	border: medium double #aba9a9;
	/*color: #000000;*/
	padding: 0px; /*.5em;*/
	margin: 0px;
}

.page_menu a:hover {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px; /*1em;*/
	color:#F9C;
}

.page_menu a{
	text-decoration: none;
}

.page_menu li a{
	text-decoration: none;
}

.page_menu .current_page_item {
	font-weight: bold;
	color:#0C0;
}

.page_menu .current_page_item a {
	color: #9CF;
	text-decoration: none;
	text-align: left;
	line-height: 18px;
}

.page_menu .current_page_item a:hover {
	text-decoration: none;
}

/*-----PAGE CONTENT-----------------------------------------------------------*/

.page_content {
	margin: 0px 0px 0px 0px;
	background-color: #e4e4e4;
	border: medium double #aba9a9;
	color: #000000;
	padding: 1em;

}

.page_content a {
	color: #004d93;
}

.page_content table {
	color: #000000;
}

.content.page_content {
		overflow: auto;/*this kind of fixes the problem with images not expanding this div area*/
		width:685px; /*this fixes it the rest of the way!*/
}

.page_content th, .page_content td {
	border: 0px solid #000;
	padding: .5em;
}

.entry {
	overflow: auto;
}

/*-----NASA PORTAL Left promo box (widget) ------------------------------------------------------------*/
.left_promo{
	background-image: url(../nasa_portal/images/left_blue_grad.gif);
	background-repeat: repeat-x;
	border: 1px solid #002B47;
	height: auto;
	padding: 0px 5px 0px 5px;
}
.left_promo p a{
	font-size: 11px;
}
.left_promo h2{
	font-size: 14px;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	padding: 0pt 0pt 0pt 8px;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 8px;
	margin: 0px;
}
.left_promo div {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0px 8px 15px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 15px;
	padding-left: 8px;
}
.left_promo div p{
	font-size: 11px;
	margin: 0px 0px 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.small_legacy_wrap{
	background: #CACACA;
	background-image: initial;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: #CACACA;
	border: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-width: initial;
	border-color: initial;
	display: block;
	float: left;
	height: 77px;
	line-height: 75px;
	margin: 0pt 8px 0pt 0pt;
	margin-top: 0pt;
	margin-right: 8px;
	margin-bottom: 0pt;
	margin-left: 0pt;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: center;
	width: 102px;
}
.small_legacy_wrap img {
	border: 1px solid #969696;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #969696;
	border-right-color: #969696;
	border-bottom-color: #969696;
	border-left-color: #969696;
	display: inline;
	float: none;
	margin: 0px 0px 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

/*-----PAGE FOOTER------------------------------------------------------------*/
.footer_clear {
	clear:both;
	height: 8px;
}

.footer {
	/*margin-top: 1em;  1em */
	height: 100px;
	background-color: #000000;
	background-image: url(../nasa_portal/images/header_bg.gif);
	background-repeat: repeat-x;
}

.page_footer {
	margin: 0px 0px 0px 0px;
	background-color: #e4e4e4;
	border: medium double #aba9a9;
	color: #000000;
	padding: .5em;
}

.page_footer a {
	color: #004d93;
}

.page_footer_left {
	float: left;
	vertical-align: top;
	color: #b2b2b2;
	font-size: 95%;
	padding: 5px 5px 5px 10px;
	width: 30%;
}

.page_footer_right {
	float: right;
	vertical-align: top;
	color: #b2b2b2;
	font-size: 95%;
	padding: 5px 5px 5px 10px;
	width: 30%;
}

.page_footer_left ul, .page_footer_right ul {
	padding: 0;
	margin: 0;
}

.page_footer_left li, .page_footer_right li {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*-----SECTION FOOTER---------------------------------------------------------*/

#section_footer {
	/*background-color: #000000;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;*/
	float: left;
	color: #b2b2b2;
	font-size: 100%;
	/*padding: 5px 30px 5px 10px;*/
	height: 90%;
	width: 800px;
	/*clear: both; */
}


/* @group SITE FOOTER */

#site_footer {
	background-color: #000000;
	background-image: url(../nasa_portal/images/header_bg.gif);
	background-repeat: repeat-x;
	color: #b2b2b2;
	font-size: 100%;
	padding: 5px;
	clear: both;
}

/* @end */


/*--- Box posts ---*/

.box{
	clear: both;
	height: 1%;
	padding: 0;
	margin: 0;
}
.box .post{
	width: 48%; /*288px;*/
	background-color: #ffffff;
	border:1px solid #666;
}
.box .post h2 a{
	color:#333333;
}
.box .post h2{
	font-size: 18px;
	padding: 5px 10px 5px 10px;
	margin: 0;
	/*line-height: 20px;*/
}


.box .post p{
	font-size: 11px;
	padding: 5px 10px;
	margin: 0;
}

.box .post img{
	border: 1px solid #dddddd;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 10px;
	float: right;
}
.hl-full{
	float:left;
	clear:both;
	height:1px;
	width:100%;
	padding:0 !important;
	margin:0px 0px 15px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
/*--- end Box posts ---*/


/* @group Comments */

.even, .odd {
	border-left: 8px solid;
}

.depth-1.even li.comment {
	border-color: #d8d8d8;
}

.depth-1.odd li.comment {
	border-color: #fafafa;
}

.depth-1 {
	border: 1px solid #d8d8d8;
}

.commentlist li.comment.even.depth-1 {
	background-color: #fafafa;
}

.commentlist li.comment.odd.depth-1 {
	background-color: #d8d8d8;
	border-color: #cbcbcb;
}

.commentlist {
	padding: 0;
	text-align: justify;
	margin: 0;
}

.commentlist li {
	margin: 1em 0 0;
	list-style: none;
	padding: 0 1em;
}

.commentlist li.depth-1 {
	padding-top: 1em;
	padding-bottom: 1em;
}

.commentlist li ol li {
	margin-right: -2em;
	margin-left: 1em;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.children {
	padding: 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

.commentlist li .avatar {
	float: right;
	border: 1px solid #cbcbcb;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 116%;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

.commentmetadata {
	font-weight: normal;
}

#commentform textarea {
	width: 95%;
}

/* @end */

/* @group Print Styles */

@media print {

/* Use for elements that should not be printed. */

.noprint {
	display: none;
}

/* Turn off backgrounds, borders, and fix colors. */

a.external, body, #site_header, #site_title, #site_title a, #site_menu li, #site_menu a, #section_title, #section_menu, #section_menu a, #page_title, #page_menu, #page_content, #page_footer, #site_footer {
	background: none;
	color: #000000;
}

a.external {
	padding-right: 0px;
}

}

/* @end */

/* @group Browser Tweaks */

/*-----IE HACK STYLES------------------------------------------------------------
 *
 * Includes modifications to the style sheet for older versions of Internet
 * Explorer: IE 6 and below.
 *
 */

/*-----SITE MENU--------------------------------------------------------------*/

#site_menu li {
	_width: 100px;
}

/* @end */

/*------PATHWAYS CSS--------*/
#pathways_stem_map{
   background:url(http://sites-d.larc.nasa.gov/wp-content/blogs.dir/52/files/2011/03/stem_final.jpg);
   min-height:488px;
   min-width:650px;
   background-repeat:no-repeat;
}
#pathways_stem_map a.slice{
	min-width:163px;
	min-height:488px;
	float:left;
	text-align:center;
}
/* PATHWAYS @end */