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

CSS Styles for WAIS Divide Ice Core

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

@media all and (max-width: 1100px) {
	html {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:17px;
	margin:0 auto;
	background:#FFF url(../graphics/bg_nicl-freezer.jpg) repeat-x fixed top;
	}
	#wrapper {
	margin:0 auto;
	max-width:1100px;
	background: rgba(255,255,255,0.30);
	padding:0;
	text-align: left;
	}
	.content {
	margin:0 auto;
	max-width:1100px;
	padding:1em 1.25em;
	background-color:transparent;
	}
	ol {padding-left:1.25em;}
}

@media all and (max-width: 960px) {
	.span_1_of_5 {
  	width: 30%;
	}
	.span_1_of_5:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
	}
}


@media only screen and (max-width: 880px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_2, .span_2_of_2 { width: 100%; }
	.span_1_of_3, .span_2_of_3, .span_3_of_3 { width: 100%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
	#side-menu li a {margin:0 auto; padding:0.5em 0; display:block; color:#036; text-decoration:none; font-weight:normal; background:#c7dae7; border-left:4px solid #c7dae7;}
	#side-menu li a:hover {text-decoration:none; font-weight:normal; color:#036; background-color:#EBEBEB; border-left:4px solid #EBEBEB;}
	.projectupdates-sidemenu {margin-top:auto;}
	table.standard {line-height:1.4em; font-size:0.8em;}
	.slide-metadata-text {font-size:0.85em;}
}

/* MAIN MENU NAVIGATION ***********************************************************************/
@media only screen and (max-width: 1000px) {
	#menu {font-size:0.9em;}
	ul.navigationbar li ul li {padding:0; display:block; font-size:1.1em; }
}
@media only screen and (max-width: 900px) {
	.menu-container ul {margin:0 auto; padding:0; list-style:none; max-width:1100px; display:none; z-index:2000;}
	.menu-container {margin:0 auto; background:#FFF; border-top:1px solid #699; border-bottom:1px solid #699; font-size:1em;}
	ul.navigationbar {margin:0; margin-top:0.5em; padding:1.5em; list-style: none; position: static;}
	ul.navigationbar li {margin:0; padding:0 0 1em 0; margin-bottom:0em; display:block;}
	ul.navigationbar li a {padding:0; text-decoration:none; display:block;}
	ul.navigationbar li:hover > a {background:#FFF; color:#236D9E;}
	ul.navigationbar li a:hover {background: rgba(128,128,128,0.10); color:#236D9E;}
	ul.navigationbar li ul {display:block;width:100%; }
	ul.navigationbar li ul {
	-webkit-box-shadow: 0px 0px 0px 0px #ddd;
  	-moz-box-shadow:    0px 0px 0px 0px #ddd;
  	box-shadow:         0px 0px 0px 0px #ddd;
}
	ul.navigationbar li:hover ul {display:block; background-color:transparent; position:relative; padding:0; }
	ul.navigationbar li ul li {display:block; margin-bottom:0.5em;}
	ul.navigationbar li ul li a {display:block; font-size:0.95em; color:#236D9E;}
	ul.navigationbar li ul li a:hover {background: rgba(128,128,128,0.10); color:#236D9E;}
	
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		margin-bottom:0em;
		font-size:0.9em;
		padding:0.25em 0 0.25em 1em;
	}
	
	.menu-container-participantarea ul {margin:0 auto; padding:0; list-style:none; max-width:1100px; display:none; z-index:1000;}
	.menu-container-participantarea {margin:0 auto; background:#7AA3C3; border-top:1px solid #7AA3C3; border-bottom:1px solid #7AA3C3; font-size:0.9em;}
	ul.navigationbar-participantarea {margin:0; margin-top:0.5em; padding:1.5em; list-style: none; position: static;}
	ul.navigationbar-participantarea li {margin:0; padding:0 0 1.25em 0; margin-bottom:0em; display:block;}
	ul.navigationbar-participantarea li a {padding:0; text-decoration:none; display:block; text-transform:uppercase;}
	ul.navigationbar-participantarea li a:hover {background: rgba(255,255,255,0.15); color:#FFF;}
	ul.navigationbar-participantarea li ul {display:block;width:100%; }
	ul.navigationbar-participantarea li:hover ul {display:block; background-color:transparent; position:relative; padding:0; }
	ul.navigationbar-participantarea li ul li {display:block; margin-bottom:0.5em; font-size:1em;}
	ul.navigationbar-participantarea li ul li a {display:block; font-size:0.9em; color:#FFF; text-transform:none;}
	ul.navigationbar-participantarea li ul li a:hover {background: rgba(255,255,255,0.15); color:#FFF;}
	.show-menu-participantarea {
		display:block;
		margin-bottom:0em;
		font-size:0.9em;
		padding:0.25em 0 0.25em 1em;
		background:#7AA3C3;
		color:#FFF;
	}
}
@media only screen and (max-width: 420px) {
	li {margin-left:-1.5em;}
	.data-announcement-box {line-height:1.4;}
	h1 {margin-bottom:1em; font-size:1.5em; line-height:1.2em;}
	h2 {margin-bottom:1em; font-size:1.2em; line-height:1.2em;}
	h3 {margin-bottom:1em; font-size:1.1em;}
	h5 {margin-bottom:1em; font-size:1.1em;}
	h6 {margin-top:2em; font-size:1.1em;}
	.projectupdate-date {font-size:1.1em;}
	.projectupdate-photocaption {font-size:0.8em;}
}

/* PHOTO GALLERY ************************************/
@media only screen and (max-width: 900px){
    .responsive-photogallery {
        width: 49%;
        margin: 0px 0;
    }
	.responsive-photogallery2 {
        width: 100%;
    }
}

@media only screen and (max-width: 600px){
    .responsive-photogallery {
        width: 100%;
    }
}

/* HOMEPAGE CAROUSEL ************************************/
@media all and (max-width: 880px) {
	.slide-metadata-text {
			font-size:0.85em;
		}
}
@media all and (max-width: 650px) {
	.slide-wrapper {
		margin:0 auto;
		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.65);
		position:relative;
	}
	.slide-metadata-text {
		margin:0 auto;
		padding:1em 1em 1em 2em;
		max-width:1100px;
    	color:#FFF;
		line-height:1.2em;
	}
	p.slide-metadata-text-title {
		font-weight:bold;
		font-size:0.9em;
		margin:0;
		padding:0;
		color:#FFF;
	}
	p.slide-metadata-text-content {
		font-size:0.8em;
		margin:0;
		padding:0;
		color:#FFF;
	}