/****************************************************************

CSS Styles for WAIS Divide Ice Core

****************************************************************/
html {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:17px;
	margin:0 auto;
	margin:0 3%;
	background:#FFF url(../graphics/background_01.jpg) repeat-x fixed top;
	}

body {
	margin: 0 auto;
	padding: 0;
	font-size:1em;
	line-height:1.75em;
	}
#wrapper {
	margin:0 auto;
	max-width:1100px;
	background:#FFF;
	padding:1em 1.25em 1.25em 1.25em;
	text-align: left;
	margin-bottom:26em;
	border: 1px solid #CCC;
	}
.bground_1 {
	background-color:#FFF;
}
.bground_2 {
	background-color:#0D2341; margin: 0 -1.25em; padding:0em 1.25em;
}
.bground_2 p {color:#FFF;}
.bground_3 {
	background-color:#E5E5E5; margin: 0 -1.25em; padding:0em 1.25em;
}
.content {
	margin:0 auto;
	max-width:1100px;
	padding:1em 2em;
	background-color:transparent;
}

a {color:#0568b2; text-decoration:none;}
a:visited {color:#0568b2; text-decoration:none;}
a:hover {color:#0568b2; text-decoration:underline;}

p, ol, ul, div {
	color:#333;
}
ol li {margin:0 0 1em 0; line-height:1.6em;}

h1 {
	margin:0 auto;
	margin-bottom:1em;
	color:#236D9E;
	font-size:2em;
	font-weight:bold;
	line-height:1.25em;
	text-transform:uppercase;
}

h2 {
	margin:0 auto;
	margin-bottom:1.5em;
	color:#333;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.3em;
	text-transform:uppercase;
}

h3 {
	margin:0 auto;
	margin-top:1em;
	margin-bottom:1em;
	color:#333; /* #236D9E */
	font-size:1.5em;
	font-weight:bold;
	line-height:1.25em;
	text-transform:none;
}

.horizontal-rule {
	border-top:4px solid #EEE; 
	clear:both;
	margin:1em 0;
}

.float-right {
	float:right;
	margin:0.5em 0 2em 0;
}
.float-left {
	float:left;
	margin:1em 0;
}

.siteimage {
	max-width: 100%;
	height:auto;
	padding: 0;
	margin: 0;
	border:0;
}
.footnote, .tablecaption {font-size:0.8em; line-height:1.25em;}
.tablecaption {margin-bottom:2em;}

table.standard {border-collapse: collapse; line-height:1.4em; font-size:0.9em;}
table.standard {border: 1px solid #BBB;}
.standard th {background-color:#c7dae7;}
.standard th, .standard td {border: 1px solid #CCC;}
.standard th, .standard td {padding: 0.25em 0.5em;} 
.standard th {line-height:1.2em;}

.additionalreading-box {border:1px solid #CCC; padding:1em; margin:2em 0;}
.additionalreading-header {font-size:1.3em; font-weight:bold;}

.eos-project-title {margin:0 auto;padding:0px;font-size:1.1em;font-weight:bold;}

/*  SECTIONS  ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  ============================================================================= */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 3%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO  ============================================================================= */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 48.5%;}

/*  GRID OF THREE  ============================================================================= */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.66%; }
.span_1_of_3 { width: 31.33%; }

/*  GRID OF FOUR  ============================================================================= */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.25%;}
.span_2_of_4 {width: 48.5%;}
.span_1_of_4 {width: 22.75%;}

/*  GRID OF FIVE  ============================================================================= */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79%;}
.span_3_of_5 {width: 58%;}
.span_2_of_5 {width: 37%;}
.span_1_of_5 {width: 17%;}

/*  GRID OF SIX  ============================================================================= */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 82.83%;}
.span_4_of_6 {width: 65.66%;}
.span_3_of_6 {width: 48.5%;}
.span_2_of_6 {width: 31.33%;}
.span_1_of_6 {width: 14.16%;}

/* HOMEPAGE CAROUSEL  ============================================================================= */
.single-item {margin:0 auto; padding:0;}
.slide-wrapper {
	margin:0 auto;
	margin-top:2px;
	max-width:1100px;
	position:relative;
}

.slide-metadata-wrapper {
	width:100%;
    max-width:1100px;
	margin:0 auto;
	padding:0;
	background-color:rgba(0,0,0,0.75);
	position:absolute;
	bottom:0;
	left:0;
}
.slide-metadata-text {
	margin:0 auto;
	padding:1em 0;
	max-width:1100px;
    color:#FFF;
	text-align:center;
}
p.slide-metadata-text-title {
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#FFF;
}

/* GALLERY  ============================================================================= */
div.photogalleryimage img {
    width: 100%;
    height: auto;
}
div.photogalleryimage p {
	margin:0; font-size:0.9em; padding:0 0.5em; line-height:1.5em;
}

.responsive-photogallery {
	padding: 0 1px;
    float: left;
    width: 32%;
	padding-bottom:1.25em;
}
.responsive-photogallery2 {
	padding: 0 1px;
    float: left;
    width: 49%;
	padding-bottom:1.25em;
}
.responsive-video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* FOOTER  ============================================================================= */
.footer-directory {
	margin:0 auto;
}
.footer-directory ul {
	list-style: none;
	margin-left:0;
	padding-left:0;
	font-size:0.80em;
	color:#FFF;
}
.footer-directory li {
	margin:0.5em 0 0 0;
	line-height:1.5em;

}
.footer-directory-title {
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
	border-bottom:1px solid #999;
}
.navfooter:link {font-weight:normal; color:#EEE; text-decoration:none; border-bottom:0px; }
.navfooter:visited {font-weight:normal; color:#EEE; text-decoration:none; border-bottom:0px; }
.navfooter:hover {font-weight:normal; color:#EEE; text-decoration:underline; border-bottom:0px; }
.navfooter:focus {font-weight:normal; color:#EEE; text-decoration:underline; border-bottom:0px; }
.navfooter:active {font-weight:normal; color:#EEE; text-decoration:underline; border-bottom:0px; }

.footer p {
	line-height:1.6em;
	font-size:0.8em;
	color:#666;
}

/*  HEADER AND MAIN NAVIGATION   ============================================================================= */
.menu-container ul {margin:0 auto; padding:0; list-style:none; max-width:1100px; z-index:2000;}
.menu-container {margin:0 auto; background:#FFF; border-top:1px solid #699; border-bottom:1px solid #699; font-size:0.9em;}
ul.navigationbar {margin:0 auto; padding:0; list-style:none; position:relative;margin-left:1.5em; }
ul.navigationbar li {margin:0; padding:0; display:inline-block; }
ul.navigationbar li a {text-decoration:none; color:#236D9E; display:block; padding:0.5em 0.6em; font-weight:normal; text-transform:uppercase;}
ul.navigationbar li:hover > a {background:#EBEBEB; color:#C60;}
ul.navigationbar li ul {display:none; width:250px; margin:0 auto; }
ul.navigationbar li:hover ul {display:block; background:#EBEBEB; position:absolute; padding:0; color:#236D9E;}
ul.navigationbar li ul {
	-webkit-box-shadow: 3px 3px 2px 0px #bbb;
  	-moz-box-shadow:    3px 3px 2px 0px #bbb;
  	box-shadow:         3px 3px 2px 0px #bbb;
}
ul.navigationbar li ul li {padding:0; display:block; font-size:1em; }
ul.navigationbar li ul li a {display:block; font-size:0.9em; color:#236D9E; font-weight:normal; text-transform:none; }
ul.navigationbar li ul li a:hover {background:rgba(255,255,255,0.50);} /* #F9F9F9 */


.show-menu {
	text-decoration: none;
	color: #069;
	background-color:#FFF;
	clear:both;
	text-align: left;
	padding: 0 0 0 1em;
	display: none; /*Style 'show menu' label button and hide it by default*/
	font-size:0.9em;
}

#menu-label
	 {font-size:1em;
	}
.menu-symbol {
	font-size:1.75em;
}


#menu {
	text-transform:none;
	padding-top:0em;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{ 
    display:block;
}

/*  PROJECT UPDATES   ============================================================================= */
.projectupdate-date {
	margin:0 auto;
	margin-bottom:0em;
	color:#C60;
	font-size:1.25em;
	font-weight:bold;
	line-height:1em;
	text-transform:none;
}
.projectupdate-author {
	font-style:italic;
	font-size:0.9em;
}
.projectupdate-photocaption {
	font-style:italic;
	font-size:0.9em;
	color:#C60;
	line-height:1.25em;
}
.projectupdate-photocaption p {
	font-style:italic;
	font-size:0.9em;
	color:#C60;
	line-height:1.25em;
}
.projectupdate-text {
	padding:1em 0;
}
.projectupdates-sidemenu {
	margin-top:18em;
	padding:0.25em 0.75em;
	border:1px solid #CCC;
	font-size:0.9em;
}