/*
Theme Name: TEDxNASA 2010
Theme URI: http://tedxnasa.com
Description: TEDx NASA master theme for 2010.
Version: 2.0
Author: Gria Solutions, LLC
Author URI: http://www.griasolutions.com
*/

/*******************************************************************************
 * Grab that reset
 ******************************************************************************/
@import url("assets/css/reset.css");

/*******************************************************************************
 * Base Styles
 ******************************************************************************/
body {
	background-color: #000;
	background-position: center 100px;
	background-repeat: no-repeat;
	font: 14px/1.5 Helvetica, Arial, sans-serif;
}

#matters { background:#000 url("assets/img/theme_bkgd.jpg") center 100px no-repeat; font:14px/1.5 Helvetica, Arial, sans-serif; }
#youth, #youth-jsc { background:#fff url("assets/img/youth_bkgd.jpg") center 100px no-repeat; }

p {
	margin: 1em 0;
	font-size: 16px;
	line-height: 1.8;
}

h1 {
	margin: 0 auto 30px;
	width: 1000px;
	color: #fff;
	font-size: 64px;
	text-align: left;
	text-shadow: #000 0 0 40px;
}

/*******************************************************************************
 * Header
 ******************************************************************************/
header#top { background:black;
}

header figure {
	background: #000;
	text-align: left;
}

header nav {
	float: left;
	width: 100%;
	border-bottom: 1px solid #444;
	background-color: rgba(0, 0, 0, .6);
	text-align: center;
}

header ul {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

header li {
	float: left;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
}

header nav a {
	display: block;
	padding: 20px 20px 15px;
	text-decoration: none;
}

header nav a:active,
header nav a:link,
header nav a:visited {
	color: #8a8a8a;
}

header nav a:hover {
	background: rgba(0, 0, 0, .4);
	color: #fff;
	text-shadow: #fff 0 0 20px;
}

#logo {
	margin: 25px 0 0;
}

/*******************************************************************************
 * Content
 ******************************************************************************/
#main {
	float: left;
	width: 100%;
	border-bottom: 1px solid #333;
}

#main section {
	padding: 25px 0;
	width: 100%;
	border-top: 1px solid #444;
	background: #1a1a1a;
	color: #666;
}

#youth #main section {
	background: #fff url("assets/img/bkgd_white.jpg") top center no-repeat;
}

section h1 {
	padding: 25px 0;
}

h3 {
	font-size: 28px;
	color:#fff;
}

h4 {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}

#youth h4 {
	color: #ff0000;
}

img.embed {
	float: left;
	margin: 0 15px 15px 0;
	padding:15px;
	background: #fff;
}

.movie {
	float: left;
	margin: 0 50px 25px 0;
}

a.more-link {
	display: block;
	padding: 10px;
	width: 70px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #49628c;
	color: #fff !important;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}

/*******************************************************************************
 * Landing Page
 ******************************************************************************/
#landing header nav { border:0; }
#landing #main { margin:0; padding:0; background: #000; }
#landing #content { position:relative; margin:0 auto; width:1100px; text-align:center; }
#landing #content ul, #landing #content li { margin:0; padding:0; list-style-type:none; }

#landing #content li { padding-bottom: 1em; }
#landing #content li { float:left; margin-right:5px; width:265px; }
#landing #content a { display:block; width:100%; height:100%; }
#landing #content a:hover { border-color:#fff; }
#landing #welcome { clear:both; padding-top:1em; color:#fff; text-align:left; }
#landing h2 { clear:both; margin:1em 0 .5em; font-size:16px; text-align:left; color:#fff; }
/*#landing strong { color:red; }*/
#landing #content p { text-align:left; color:#fff; font-size:12px; line-height:1.3; }
#top-bar, #bottom-bar { clear:both; width:100%; height:25px; }
#top-bar { margin-bottom:3em; background:url("assets/img/redbar_landing_top.jpg") no-repeat; }
#bottom-bar { padding-top:3em; background:url("assets/img/redbar_landing_bottom.jpg") 0 bottom no-repeat; }

/*******************************************************************************
 * Home Page Content
 ******************************************************************************/
#youth-jsc { background:#fff url("assets/img/Youth_full.jpg") center 100px no-repeat; }
#youth-jsc h1 em { font-style:normal; color:#2a9456; /*color:#dece23;*/ }
/*#youth header, #youth-jsc header { background-color: #000; }*/
#youth header figure, #youth-jsc header figure { background: black; height: 100px; }
#youth-jsc header nav { display: none; }
#matters .home h1 { background:url("assets/img/what_matters_next_title.png") no-repeat left; text-indent:-9999em; }
#youth .home h1 { background:url("assets/img/title_youth.png") no-repeat left; text-indent:-9999em; }
#youth-jsc .home h1 { background:url("assets/img/title_youth_JSC.png") no-repeat left; text-indent:-9999em; }
#welcome-bg { margin:0; padding:15px 0 30px; background-color:rgba(0, 0, 0, .6); }
#youth #welcome-bg { background-color:rgba(0, 51, 153, .6); }
#youth-jsc #welcome-bg { background-color:rgba(51, 0, 51, .6); }
/*#welcome-bg strong { color:#f00; }*/
#welcome-text { margin:0 auto; padding:0 25px 15px; width:1000px; color:#fff; opacity:1; }
#welcome-text a { border-bottom:1px solid #fff; color:#fff; text-decoration:none; }
#welcome-text p { margin-bottom:1em; font-size:22px; line-height:1.6; font-family:Georgia, serif; text-shadow:#000 0 0 10px; }
#welcome-text h4 { margin-bottom:0; font-size:24px; }
#youth-jsc #welcome-text p { color:#fff; font-family:Helvetica, sans-serif; }
#youth-jsc #welcome-text a { color:#ffcc33; border:0; font-weight:bold; } 
#save-the-date { clear:both; position:relative; padding:10px 0; background:#cc0000; font-size:18px; color:#fff; }
#save-the-date p { margin:0 auto; width:1000px; }
#save-the-date a { color:#fff; }
#google-map { float:right; color:#fff; font-size:80%; }
#learn-more-button { float:right; margin:-25px 25px 0 0; width:190px; height:49px; border:0 !important; background:url("assets/img/learn_more_button.png") no-repeat; color:#fff; text-transform:uppercase; text-decoration:none; font:normal bold 16px Helvetica, Arial, sans-serif; text-align:center; }
#learn-more-button span { display:block; padding-top:17px; color:#fff; }
#learn-more-button:hover { color:#bbb; }
#announcements { float:left; width:100%; border-bottom:1px solid #444; }
#videos-1, #videos-2 { float:left; }
#videos-1 { width:500px; }
#videos-1 ul { margin:0; padding:0; list-style-type:none; }
#videos-1 li a { float:left; display:block; margin:10px; padding:10px; width:180px; background:#49628c; color:#fff !important; border-radius:5px; }
#videos-1 p { text-align:center; }
#videos-1 p a { margin:0 auto; width:240px; display:block; text-align:center; weight:bold; font-size:24px; text-decoration:none; }
#videos-1 li a:hover { background:#555; }
#videos-1 h3 strong, #videos-2 strong { /*color:#f00;*/ font-weight:bold; }
#videos-2 { margin-left:20px; width:480px; text-align:left; }

/*******************************************************************************
 * Footer
 ******************************************************************************/
footer {
	clear: both;
	color: #555;
}
footer .wrapper { padding:25px 0; }
footer .wrapper a { font-weight:bold; color:red; }
footer .wrapper ul { margin:0; padding:0; list-style-type:none; }
footer .wrapper li { float:left; margin-right:.25em; }
footer .wrapper li:after { content:" | "; }
footer .wrapper li.last:after { content:""; }
footer .wrapper p { clear:both; font-size: 12px; margin-top:-1em; }
#youth-jsc footer { color:#ffc000; }

.wrapper {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}