/* COLOR GLOSSARY
											GREEN		RED			DARK GRAY	LIGHT GRAY		WHITE		DARK BLUE	LIGHT BLUE
	background: 							#799437
	header text: 							#799437
	body text: 														#666666
	body text link: 									#CC0000
	text link red: 										#CC0000
	nav category link:		 										#666666
	nav category link 'active':		 															#FFFFFF
	nav category link 'hover':		 															#FFFFFF
	nav primary link:	 											#666666
	nav primary link 'active':	 						#CC0000
	nav primary 'e-base archive' heading: 	#799437
	nav primary 'visit 2041' link:																			#09BAE0
	nav primary 'visit 2041' link:																			#09BAE0
	nav primary 'visit 2041' link 'hover':														#FFFFFF
	sidebar ebase map border:	 												#e7e7e7
	image, flv border:		 													#e7e7e7
	breadcrumbs:													#666666
	videos archive nav link background:																					#E8F4FB
	videos archive nav link text:									#666666
	videos archive nav link background 'hover':																#09BAE0
	videos archive nav link text 'hover':																				#E8F4FB
	
========================================================== */


/* HTML ELEMENTS
========================================================== */
html, body {
	font-family: "Trebuchet MS", "Trebuchet", "Tahoma", Verdana, sans-serif;
	color: #666666; background-color: #799437;
}

body {
	font-size: 76%; text-align: center;
	background: #799437 url(../images/bg_html.gif) top left repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0; margin-bottom: .5em;
	color: #799437;
}

h1, h2 {
	padding-top: .6em; padding-bottom: .6em;
	font-size: 2.2em; font-weight: 900; font-family: "Helvetica Neue", "Trebuchet MS"; letter-spacing: -.5px;
	background: transparent url(../images/icon_dotted_line.gif) bottom left repeat-x;
}

a {
	color: #CC0000; text-decoration: none; outline: none;
}

p, dt, dl, blockquote {
	line-height: 1.5em;
}

/* SITE-WIDE CLASSes
========================================================== */
a.pointer {
	padding-right: 10px;
	background: transparent url(../images/arrow_right.gif) right center no-repeat;
}

/* SITE-WIDE IDs
========================================================== */
#wrapper {
	width: 877px; margin: 0 auto;
	font-size: .9em; text-align: left;
}

	/* #HEADER (and contents)
	========================================================== */
	#header {
		position: relative;
		height: 238px; padding-bottom: 22px;
		background: transparent url(../images/bg_header.gif) bottom left no-repeat;
	}
	
	#header .description {
		text-indent: -9000px;
	}
	
	#header .title {
		position: absolute; top: 0; left: 0;
		height: 238px; width: 877px;
		background: transparent url(../images/bg_header_homepage.jpg) top left no-repeat;
	}
	
	#header .title a {
		display: block; position: absolute; top: 76px; left: 17px;
		width: 158px; height: 86px;
		text-indent: -9000px;
	}
	
	#header form {
		position: absolute; top: 0; right: 23px;
		width: 182px; height: 97px;
		background: transparent url(../images/bg_search_form.gif) top left no-repeat;
	}
	
	#header form label {
		display: block; position: absolute; top: 24px; left: 11px;
		width: 53px; height: 14px;
		text-indent: -9000px;
	}
	
	#header form input {
		display: block; position: absolute; top: 42px; left: 11px;
		width: 104px; margin: 0; border: 0; padding: 0;
		line-height: 22px;
	}
	
	#header form button {
		display: block; position: absolute; top: 69px; left: 93px;
		width: 47px; height: 18px; margin: 0; border: 0; padding: 0;
		background: transparent; text-indent: -9000px; cursor: pointer;
	}

	/* #MAIN (and contents)
	========================================================== */
	#main {
		overflow: hidden;
		width: 871px; padding: 0 3px;
		background: #FFFFFF url(../images/bg_main_3columns.gif) top left repeat-y;
	}

		/* #MAIN columns
		========================================================== */
		#main .column1 {
			display: inline; float: left;
			width: 151px; margin-bottom: 50px;
		}
	
		#main .column2column3 {
			display: inline; float: left;
			width: 672px; margin-left: 30px;
		}
		
		#main .column2 {
			display: inline; float: left;
			width: 408px; margin-left: 30px; margin-bottom: 50px;
		}
		
		#main .column3 {
			display: inline; float: right;
			width: 215px; margin-right: 18px; margin-bottom: 50px;
		}

		/* #MAIN .COLUMN1 contents
		========================================================== */
		#ebase_in_cooperation_with {
			display: block;
			width: 151px; height: 31px;
			background: transparent url(../images/bg_ebase_in_cooperation_with.gif) top left no-repeat;
			text-indent: -9000px;
		}

			/* #NAV_PRIMARY
			========================================================== */
			#nav_primary {
				width: 151px; margin-top: 15px;
				text-transform: uppercase; text-align: left;
			}
			
			#nav_primary ul {
				margin: 0;
			}
			
			#nav_primary li {
				overflow: visible; display: block;
				width: 151px; height: 29px; margin-top: -1px;
				list-style: none; line-height: 29px;
			}
			
			#nav_primary li a {
				display: block;
				width: 138px; height: 29px; padding-left: 13px;
				color: #666666; background: transparent url(../images/nav_primary_li.gif) top left no-repeat;
			}
			
			#nav_primary li a:hover {
				color: #666666; background-position: -151px 0;
			}
			
			#nav_primary li.current_page_item a {
				color: #cc0000; background-position: -151px 0;
			}
			
			#nav_primary li a:active {
				color: #cc0000;
			}
			
			#nav_primary li.ebase_archive {
				height: auto; margin-top: 20px;
				font-weight: 900;
			}
		
			#nav_primary li.ebase_archive span {
				display: block;
				height: 29px; padding-left: 23px;
				color: #799437; background-image: url(../images/nav_primary_li_ebase_archive.gif);
			}
			
			#nav_primary li.ebase_archive a {
				width: 128px; padding-left: 23px;
				background: none;
			}
			
			#nav_primary li.ebase_archive ul {
				margin: 0;
			}
			
			#nav_primary li.ebase_archive li a {
				background-image: url(../images/nav_primary_li_ebase_archive_li.gif);
			}
			
			#nav_primary li.ebase_archive li a:hover,
			#nav_primary li.ebase_archive li.current_page_item a {
				color: #cc0000;
			}
		
			#nav_primary li.visit_2041 {
				margin-top: 20px;
				font-weight: 900;
			}
			
			#nav_primary li.visit_2041 a {
				width: 115px; padding-left: 36px;
				color: #09bae0; background-image: url(../images/nav_primary_li_visit_2041.gif);
			}
		
			#nav_primary li.visit_2041 a:hover {
				color: #fff; background-position: -151px 0;
			}
			
			body.videos-archive #nav_primary li.view_2008_videos a {
				color: #CC0000; background-position: 0 0;
			}
			
		/* #MAIN .COLUMN2COLUMN3 contents
		========================================================== */
		#breadcrumbs {
			margin-bottom: 0; padding-bottom: 1em;
			background: transparent url(../images/icon_dotted_line.gif) bottom left repeat-x;
		}
	
		#breadcrumbs a {
			color: #666666;
		}

		/* #MAIN .COLUMN2 contents
		========================================================== */

			/* SMOOTHGALLERY
			========================================================== */
			.smoothGalleryWrapper {
				position: relative;
				margin: 15px 0; border: 1px solid #e7e7e7; padding: 6px 0; width: 408px;
			}
			
			.smoothGalleryWrapper .smoothGallery {
				z-index: 5; display: none; position: relative;
				width: 408px; height: 263px;
			}
			
			.smoothGalleryWrapper .jdGallery {
				overflow: hidden; position: relative;
			}
			
			/* high specificity to override single image style */
			body.blog .post .entry .smoothGalleryWrapper .jdGallery img {
				width: auto; margin: 0; border: 0; padding: 0;
			}
			
			.smoothGalleryWrapper .jdGallery .slideElement {
				width: 100%; height: 100%;
				background-color: #FFFFFF; background-repeat: no-repeat;
			}
			
			.smoothGalleryWrapper .jdGallery .loadingElement {
				position: absolute; left: 0; top: 0;
				width: 100%; height: 100%;
				background: #FFFFFF url(../images/smoothgallery_loading.gif) center center no-repeat;
			}
			
			.smoothGalleryWrapper .jdGallery a {
				font-size: 100%; text-decoration: none; color: inherit;
			}
			
			.smoothGalleryWrapper .jdGallery a.right, .smoothGalleryWrapper .jdGallery a.left {
				z-index:10; position: absolute;
				height: 99%; width: 25%;
				cursor: pointer;
				filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;
			}
			
			* html .smoothGalleryWrapper .jdGallery a.right, * html .smoothGalleryWrapper .jdGallery a.left {
				filter:alpha(opacity=100);
			}
			
			.smoothGalleryWrapper .jdGallery a.right:hover, .smoothGalleryWrapper .jdGallery a.left:hover {
				filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;
			}
			
			.smoothGalleryWrapper .jdGallery a.left {
				left: 0px; top: 0;
				background: url(../images/smoothgallery_arrow_left.gif) no-repeat center left;
			}
			
			* html .smoothGalleryWrapper .jdGallery a.left {
				background: url(../images/smoothgallery_arrow_left.gif) no-repeat center left;
			}
			
			.smoothGalleryWrapper .jdGallery a.right {
				right: 0; top: 0;
				background: url(../images/smoothgallery_arrow_right.gif) no-repeat center right;
			}
			
			* html .smoothGalleryWrapper .jdGallery a.right {
				background: url(../images/smoothgallery_arrow_right.gif) no-repeat center right;
			}

			/* COMMENTS
			========================================================== */
			#main h2#comments, #main h2#respond {
				padding-top: 15px; padding-bottom: 15px;
				background: transparent url(../images/icon_dotted_line.gif) bottom left repeat-x;
				font-size: 2.2em;
			}
			
			h2#comments {
				padding-bottom: 0;
				background: none;
			}
			
			h2#comments sup {
				font-size: .7em;
			}
			
			h2#respond {
				border-top-width: 0;
				background: transparent url(../images/icon_dotted_line.gif) bottom left repeat-x;
			}
			
			ol.commentlist {
				margin: 0; padding-bottom: 1px;
				background: transparent url(../images/icon_dotted_line.gif) bottom left repeat-x;
			}
			
			ol.commentlist li {
				margin-left: 0;
				list-style: none;
			}
			
			ol.commentlist li p {
				margin-top: 0; margin-bottom: 0; padding: 15px 10px;
				color: #666666; background-color: #e9f3fe;
			}
			
			ol.commentlist li p.meta {
				padding: 2px 0 15px 25px;
				color: #799437; background: #FFFFFF url(../images/message_bubble.gif) 0 0 no-repeat;
			}
			
			/* COMMENTSFORM
			========================================================== */
			form#commentform {
				margin-top: 15px;
			}
			
			form#commentform label {
				padding-right: 10px;
				color: #666666; font-weight: 900;
			}
			
			form#commentform input {
				width: 250px;
			}
			
			form#commentform textarea {
				width: 400px; height: 200px;
			}
			
			form#commentform label.comment_label {
				display: block;
				text-align: left;
			}
			
			form#commentform fieldset {
				margin-top: 5px;
				text-align: right;
			}
			
			form#commentform button#submit {
				border: 0; padding-right: 15px;
				color: #CC0000; background: transparent url(../images/arrow_up.gif) center right no-repeat;
			}

		/* #MAIN .COLUMN3 contents
		========================================================== */
		#sidebar #ebase_description {
			width: 215px; height: 115px;
			background: transparent url(../images/bg_description.gif) top left no-repeat;
			text-indent: -9000px;
		}
		
		#sidebar h3#the_ebase_is_sponsored_by {
			width: 215px; height: 15px;
			background: transparent url(../images/bg_h3_the_ebase_is_sponsored_by.gif) top left no-repeat;
			text-indent: -9000px;
		}
		
		#sidebar h3#what_were_broadcasting {
			width: 215px; height: 15px;
			background: transparent url(../images/bg_h3_what_were_broadcasting.gif) top left no-repeat;
			text-indent: -9000px;
		}

		#main .column3 h3.widgettitle {
			display: none;
		}

			/* #NAV_PRIMARY
			========================================================== */
			ul#nav_category {
				margin: 0; padding: 0;
			}
			
			ul#nav_category li {
				width: 215px; height: 27px; margin: 0; padding: 0 0 4px 0;
				list-style: none;
			}
			
			#nav_category li a {
				display: block;
				width: 187px; height: 27px; padding-left: 28px;
				line-height: 27px; text-transform: uppercase;
				color: #666666; background-position: 0 0; background-repeat: no-repeat;
			}
			
			ul#nav_category li a:hover {
				color: #fff; background-position: -215px 0;
			}
			
			ul#nav_category li.cat-item-1 a { background-image: url(../images/nav_category_climate_change.gif); }
			ul#nav_category li.cat-item-3 a { background-image: url(../images/nav_category_ebase_story.gif); }
			ul#nav_category li.cat-item-4 a { background-image: url(../images/nav_category_energy_consumption.gif); }
			ul#nav_category li.cat-item-5 a { background-image: url(../images/nav_category_human_impact.gif); }
			ul#nav_category li.cat-item-6 a { background-image: url(../images/nav_category_living_in_antarctica.gif); }
			ul#nav_category li.cat-item-7 a { background-image: url(../images/nav_category_solar.gif); }
			ul#nav_category li.cat-item-8 a { background-image: url(../images/nav_category_weather.gif); }
			ul#nav_category li.cat-item-9 a { background-image: url(../images/nav_category_wildlife.gif); }
			ul#nav_category li.cat-item-10 a { background-image: url(../images/nav_category_wind.gif); }
			ul#nav_category li.cat-item-11 a { background-image: url(../images/nav_category_antarctic_history.gif); }
	
			/* #EBASE_WEATHER, #EBASE_MAP
			========================================================== */
			#ebase_weather, #ebase_map {
				padding: 5px; border: 1px solid #e7e7e7;
			}
			
			#ebase_map img {
				display: block;
			}
			
			#ebase_weather {
				border-bottom-width: 0;
			}
			
			#ebase_weather h3, #ebase_weather ul {
				padding: 8px;
				background-color: #e8f4fb;
			}
			
			#ebase_weather h3 {
				width: 187px; height: 21px; margin: 0; padding-bottom: 0;
				background: #e8f4fb url(../images/bg_h3_ebase_weather.gif) 8px 10px no-repeat;
				text-indent: -9000px;
			}
			
			#ebase_weather ul {
				margin: 0; padding-top: 2px;
			}
			
			#ebase_weather li {
				list-style: none;
			}
			
			#ebase_weather li.updated {
				color: #666666;
			}
			
			#ebase_weather li.temp {
				font-size: 2.272em; color: #a0a0a0;
			}
			
			#ebase_weather li.temp .celcius {
				font-size: 1.666em; line-height: 1em;
			}
			
			#ebase_weather li.desc {
				margin-top: .676em; margin-bottom: .676em;
				font-style: italic; color: #09bae0;
			}
			
			#ebase_weather li.windspeed {
				margin-top: 1.333em; border-top: 1px dotted #a0a0a0; padding-top: 1.333em;
				line-height: 1em; color: #a0a0a0;
			}
			
			#ebase_weather li.windspeed .mph {
				font-size: 2.272em;
			}


	/* #FOOTER_WRAPPER (and contents)
	========================================================== */
	#footer_wrapper {
		width: 100%;
		background: transparent url(../images/bg_footer_wrapper.gif) top left repeat-x; text-align: center;
	}

	#footer {
		overflow: hidden;
		width: 877px; margin: 0 auto;
		text-align: left; text-transform: uppercase; font-size: .85em; font-weight: 900;
	}
	
	#footer .column1 {
		display: inline; float: left;
		width: 400px;
	}
	
	#footer .column2 {
		display: inline; float: right;
		width: 400px;
		text-align: right;
	}
	
	#footer ul {
		margin-top: 18px; margin-left: 0; margin-right: 0;
	}
	
	#footer .column1 li {
		display: inline;
		margin-right: 10px; border-right: 1px solid #ccff99; padding-right: 10px;
		line-height: 1em;
	}
	
	#footer .column1 li:last-child {
		margin-right: 0; border-right-width: 0; padding-right: 0;
	}
	
	#footer .column1 a {
		color: #ccff99;
	}
	
	#footer .column1 a:hover {
		color: #000000;
	}
	
	#footer .column2 ul {
		text-align: right;
	}
	
	#footer .column2 li {
		display: inline;
		margin-right: 10px; border-right: 1px solid #000; padding-right: 10px;
		line-height: 1em;
	}
	
	#footer .column2 li:last-child {
		margin-right: 0; border-right-width: 0; padding-right: 0;
	}
	
	#footer .column2 a {
		color: #000000;
	}

	#footer .column2 a:hover {
		color: #ccff99;
	}

/* PAGE & SECTION SPECIFIC STYLES
========================================================== */

	/* PAGE HEADERS
	========================================================== */
	body.about-the-e-base #header .title { background-image: url(../images/bg_header_about.jpg); }
	body.message-wall #header .title { background-image: url(../images/bg_header_message_wall.jpg); }
	body.team #header .title { background-image: url(../images/bg_header_team.jpg); }
	body.view-2008-videos #header .title { background-image: url(../images/bg_header_view_2008_videos.jpg); }

	/* BODY.VIDEO-ARCHIVE
	========================================================== */
	body.videos-archive #main .column2column3 {
		width: 408px;
	}
	
	body.videos-archive #main .column3 ul {
		margin: 0;
	}
	
	body.videos-archive #main .column3 li {
		list-style: none;
	}
	
	body.videos-archive #main .column3 h3.widgettitle {
		display: block;
		font-size: 130%;
	}
	
	body.videos-archive #main .column3 li.current_page_parent a {
		display: none;
	}

	body.videos-archive #main .column3 li.current_page_parent li {
		padding-bottom: 1px;
	}
	
	body.videos-archive #main .column3 li.current_page_parent li a {
		display: block;
		padding: 9px 11px; line-height: 100%;
		cursor: pointer; font-weight: 400;
		color: #666666; background-color: #E8F4FB;
	}
	
	body.videos-archive #main .column3 li.current_page_parent li a:hover,
	body.videos-archive #main .column3 li.current_page_parent li.current_page_item a {
		color: #E8F4FB; background-color: #09BAE0;
	}





	/* BODY.BLOG
	========================================================== */
	body.blog .post {
		margin-bottom: 1.5em; padding-bottom: 1.5em;
		background: transparent url(../images/icon_dotted_line.gif) bottom left repeat-x;
	}
	
	body.blog h1,
	body.blog h2 {
		margin-bottom: 0;
		background: none;
	}
	
	body.blog h2 {
		padding-top: 0;
	}
	
	body.blog h1,
	body.blog .post h2 a {
		color: #666666;
	}
	
	body.blog .post .entry {
		overflow: visible;
		width: 370px; margin-top: 1.5em;
	}
	
	body.blog .post .entry .amp_flv,
	body.blog .post .entry iframe,
	body.blog .post .entry img {
		display: block;
		width: 400px; border: 1px solid #E7E7E7; padding: 3px;
	}
	
	body.blog .post .entry img.borderless {
		width: 408px; border: 0; padding: 0;
	}
	
	body.blog .post ul.postmetadata {
		margin-left: 0; margin-bottom: 0;
	}
	
	body.blog .post ul.postmetadata li {
		list-style: none;
	}
	
	body.blog ul.page_navigation {
		overflow: hidden;
		width: 408px; margin: 0;
	}
	
	body.blog ul.page_navigation li.older {
		display: inline; float: left;
		width: 200px; margin-bottom: 1.5em;
	}
	
	body.blog ul.page_navigation li.older a {
		display: block;
		padding-left: 15px;
		background: transparent url(../images/arrow_left.gif) center left no-repeat;
	}
	
	body.blog ul.page_navigation li.newer {
		display: inline; float: right;
		width: 200px;
	}
	
	body.blog ul.page_navigation li.newer a {
		display: block;
		padding-right: 15px;
		text-align: right; background: transparent url(../images/arrow_right.gif) center right no-repeat;
	}

	/* BODY.PAGE
	========================================================== */
	body.page #main {
		background: #fff url(../images/bg_main_2columns.gif) top left repeat-y;
	}

	body.page #main h2 {
		background: none; font-size: 1.4em;
	}

	body.page #main .column2column3 p {
		width: 408px;
	}
	
	body.page #main .column2column3 p.wide {
		width: 672px;
	}
	
	body.page #main .column2column3 hr {
		margin: 2em 0; border: 0; border-top: 1px dotted #a0a0a0;
	}
	
	body.page #main .column3 {
		width: 223px;
	}
	
	body.page #main .column2column3 img,
	body.page #main .column3 img {
		margin-bottom: 9px; border: 1px solid #e7e7e7; padding: 5px;
	}
	
	body.page #main .column2column3 img.borderless,
	body.page #main .column3 img.borderless {
		border: 0; padding: 0;
	}

	/* BODY.ARCHIVE & BODY.SEARCH
	========================================================== */
	body.archive h1,
	body.search h1 {
		margin-bottom: .5em; padding-top: .6em; padding-bottom: .6em;
		font-size: 2.2em; font-weight: 900; font-family: "Helvetica Neue", "Trebuchet MS"; letter-spacing: -.5px;
		color: #799437; background: transparent url(../images/icon_dotted_line.gif) bottom left repeat-x;
	}
	
	/* MESSAGE WALL PAGE
	========================================================== */
	body.message-wall #main .column2 {
		width: 571px;
	}
	
	body.message-wall #main .column3 {
		display: none;
	}

	a#send_a_message {
		display: block;
		padding-left: 15px;
		background: transparent url(../images/arrow_right.gif) left center no-repeat;
	}
	
	ul#message_wall_headshots {
		display: block;
		width: 600px; margin: 0;
		list-style: none;
	}

	ul#message_wall_headshots li {
		display:inline;
		margin-right: 2px;
	}

	ul#message_wall_headshots li img {
		border: 1px solid #e7e7e7; padding: 5px;
	}

/* CSS STICKY FOOTER
 * http://www.cssstickyfooter.com/using-sticky-footer-code.html
========================================================== */
html, body, #wrapper { height: 100%; }

body > #wrapper { height: auto; min-height: 100%; }

#main { padding-bottom: 72px; }  /* must be same height as the footer */

#footer_wrapper {
	position: relative;
	margin-top: -72px; /* negative value of footer height */
	height: 72px;
	clear: both;
}