/*
Theme Name: Earth Institute Centers
Theme URI: http://wordpress.ei.columbia.edu/
Description: Default theme for EI centers.
Author: Earth Institute
Author URI: http://www.earth.columbia.edu/
Tags: 
*/


/* COMMON STYLES */

body {
	font-family: 'Open Sans', Helvetica, Arial, Verdana, Sans-Serif;
	color:#333;
	margin:0;
	}
	
a:hover {
	text-decoration:none;
	}
	
#mainNav a, #sectionNav a, #pageNav a, #sidebar a, #footer a {
	text-decoration:none;
	}
	
#sectionNav a:hover, #pageNav a:hover, #sidebar a:hover, #footer a:hover {
	text-decoration:underline;
	}

#contentContainer {
	width: 940px;
	margin:0 auto 30px auto;
	font-size:90%;
	line-height:140%;
	}
	
.alignright { float:right; margin:0 0 1.2em 1.2em; clear:right; }
.alignleft { float:left; margin:0 1.2em 1.2em 0; clear:left; }
.aligncenter { display: block; margin:0 auto; clear:both; }
a img { border:1px solid #999; }

ul { list-style-type:square; }

h2, h3 { font-weight:normal; }

hr {
	border: 0;
	color:#ccc;
	background-color:#ccc;
	height:1px;
	margin:20px 0;
}

.hide { display:none; }

.no-break { white-space:nowrap; }

.no-border{ border:none !important; }

.div{ overflow:auto; }

.div p:empty{display:none}

.gradient{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	position:absolute;
    bottom:0;
    width:100%;
    z-index:2;
	min-height:10px;
}

	

/* HEADER */

#headerContainer {
	width:100%;
	background: url("images/gradient-header.png") repeat-x left bottom transparent;
	}

#header {
	width:940px;
	padding:45px 0 25px 0;
	margin:0 auto;
	color:#fff;
	position: relative;
	}
	
#header a {
	color:#fff;
	text-decoration:none;
	}
	
.site-logo {
	display:block;
	font-size:28px;
	margin-bottom:5px;
	}
	
.site-logo img {
	border:0;
	margin-bottom:5px;
	}

.ei-logo {
	clear:left;
	border:0;
	}

#sub-logo {
	font-family:Georgia, serif;
	font-size:85%;
	font-weight:100;
	opacity:.85;
	}
	
#headerRight {
	font-size:13px;
	position:absolute;
	bottom:26px;
	right:0;
	width:220px;
	}
	
.icon-social-media  {
	float:right;
	width:17px;
	height:17px;
	border:0;
	margin-left:4px;
	margin-top:-1px;
	}
	
.icon-social-media:hover, #icon-mail:hover  {
	opacity:.7;
	filter:alpha(opacity=70);
	}
	
/* header v2 - MSSSM site */

.cu-sce-logo {
	float:left;
	border:0;
	margin-right:25px;
	}
	
.ei-logo-v2 {
	float:left;
	border:0;
	margin-top:5px;
	}


/* NAVIGATION */

#mainNavContainer {
	background-color:#2e2e2e;
	}

#mainNav {
	width:950px;
	margin:0 auto;
	font-size:70%;
	padding-left:10px;
	}
	
#mainNav a {
	display:inline-block;
	text-transform:uppercase;
	}
	
#mainNav .children a, #mainNav .sub-menu a {
	padding:11px 10px 9px 10px;
	text-transform:none;
	display:inline-block;
	width:100%;
	max-width:185px;
	}
	

/* DROPDOWN NAV - Level 1 */
ul.dropdown { display:inline-block; list-style: none; margin: 0; padding: 0; border-left:1px solid #666; }
ul.dropdown li { position: relative; }
ul.dropdown>li { float: left; border-right:1px solid #666; }
ul.dropdown>li>a { color:#fff; text-decoration: none; border-bottom:4px solid transparent; padding:13px 10px 6px 10px; }
ul.dropdown>li:hover { background-color:#424242; }
#mainNav .downArrow { padding-right:19px; background: url("images/icon-down-arrow.png") no-repeat right center; }


/* Level 2 */
ul.dropdown ul { border:1px solid #ddd; border-bottom-width:3px; background-color:#f9f9f9; width: 220px; visibility: hidden; position: absolute; margin: 0 0 0 -1px; padding: 0; z-index:199; }
ul.dropdown ul li { float: none; list-style: none; border-bottom:1px solid #ddd; }
ul.dropdown ul li:hover { background-color:#e9e9e9; }
ul.dropdown .moreArrow { float:right; display:inline-block; padding:.9em 5px 0 0; color:#444; }							  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ display: inline-block; color:#444; } 

/* Level 3 */
ul.dropdown ul ul { left: 100%; top: -1px; margin-left:0; }
ul.dropdown li:hover > ul { visibility: visible; }
	

#breadcrumb {
	color:#666;
	margin-bottom:30px;
	font-size:13px;
	}


#pageNav {
	clear:both;
	padding-top:15px;
	font-weight:bold;	
	font-size:13px;
	}
	
#pageNav a {
	text-decoration:none;
	}
	
#pageNav a:hover {
	text-decoration:underline;
	}
	
.previousLink, .nextLink {
	display:inline-block;
	max-width:49%;
	}
	
.previousLink {
	float:left;
	}
	
.nextLink {
	float:right;
	text-align:right;	
}

.postsNav {
	margin-top:15px;
	font-size:90%;
}

#postsNextLink {
	float:right;
}

#postsPrevLink {
	float:left;
}

#postsNextLink a, #postsPrevLink a {
	border-radius: 3px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px 8px;
}



/* CONTENT AREA */

#content {
	width:620px;
	float:left;
	margin-top:20px;
	}
	
#pageTitle, #authorName {
	font-size:34px;
	line-height:120%;
	font-weight:normal;
	}
	
.single #pageTitle {
	margin-bottom:20px;
	}

.search #pageTitle {
	font-size:24px;
	}
	
#content img {
	max-width:620px;
	}
	
.intro-graf {
	font-size:110%;
	line-height:140%;
	color:#8B8B8B;
	}
	
.headline, #content h2 {
	font-size:20px;
	line-height:120%;
	font-weight:normal;
}

.block-headline {
	color:#fff;
	padding:5px 10px;
	background-image:url('/wp-content/themes/template/images/gradient-dark-down-50.png');
	background-size:100% 100%;
	background-repeat:repeat-x top;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
}

.block-headline a {
	color:#fff;
}

.leftcolumn {
	width:300px;
	float:left;
}

.rightcolumn {
	width:300px;
	float:right;
}

#contentHome .leftcolumn, #contentHome .rightcolumn {
	width:450px;
}

ul.bookmarks {
	padding-left:0;
	list-style-type:none;
}

li.bm {
	padding:7px 0;
}

ul.bookmarks li:first-child {
	padding-top:0;
}

.bmName {
	font-weight:bold;
	display:block;
}

.morePosts, .event h3 { font-weight:bold; }

.boxes-row {
	display:block;
	width:100%;
}

.boxes-row .box:last-child {
	margin-right:0;
}

.box {
	float:left;
	margin-right:10px;
}

.box img {
	border:0;
}

.box p {
	margin:0;
}

.box p:last-child {
	margin-top:12px;
}

.box h3 {
	color:#fff;
	padding:9px 6px;
	margin-top:1px;
}

.box h3 a {
	color:#fff;
	text-decoration:none;
}

.button {
	background-image:url('/wp-content/themes/template/images/gradient-dark-down-50.png');
	background-size:100% 100%;
	background-repeat:repeat-x top;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size:120%;
	display: inline-block;
	margin: 10px 0;
	padding: 12px;
	text-align: center;
	width: auto;
}

.button:hover {
	background-image:none;
}

.button a {
	color: #fff;
	text-decoration: none;
}


/* slideshow overrides */

.gss_prev, .gss_next {
	padding:2px 5px !important;
}

/* new hss plugin */

#home-slideshow{
	 margin-bottom:0 !important;
}


/* AUTHORS */

#authorHeader { margin:15px 0 25px 0; }

#authorName { margin:0; }

.author #title { margin:0 0 4px 0; font-style:italic; font-size:130%; }

.authorPhoto { float:left; margin:0 20px 15px 0; max-width:300px; max-height:300px; }

.author .post { border:0; }

.profileHeader { margin-bottom:5px; }

.author .post img { width:70px; height:70px; float:left; margin:0 10px 8px 0; }

.author .post h3 { margin:5px 0 0 0; }

.author ul#links { margin-left:1px; padding-left:1em; }

.author #links li { margin-bottom:8px; }

/* PEOPLE PAGES */

div.person { padding:0 0 18px 0; margin-bottom:19px; border-bottom:1px solid #ccc; overflow:auto; }

#people .heading { padding-bottom:15px; border-bottom:1px solid #ccc; }

.person .photo { float:left; margin:0 15px 2px 0; max-width:300px; max-height:300px; }

.person .name { font-size:130%; margin:2px 0 0 0; }

.person .title { font-size:110%; display:block; font-style:italic; }

.person .info { font-size:95%; opacity: 0.7; }

.person .bio { margin:13px 0 0 0; }

/* INDIVIDUALS */

.author-145 .email, .author-145 #s2 { display:none; }

/* hide author links

.authorLink { display:none; }

*/



/* LINKS PAGE TEMPLATE */

.linksNavContainer, .projects-browse {
	float:right;
	padding:10px;
	border:1px solid #ccc;
	margin:0 0 10px 20px;
	max-width:250px;
	background-color:#F8F8F8;
}

#ls{ width:200px; }

#linksearchsubmit{ display:block; margin:5px 0 10px 0; }

.linksNavContainer h4, .projects-browse h4 { margin:0; }

.linksNavList { margin:4px 0; padding-left:1em; color:#ccc; }

.showLinkNote { display:inline-block; text-decoration:none; width:10px; text-align:center; font-weight:bold; }

.linkNote { display:none; margin:10px 0; }

.linksNavList li.header {
	list-style-type:none;
	margin:5px 0 0 -1em;
}

.linksNavList li.header a {
	font-weight:bold;
	color:#6A6A6A;
}

.bm .addtl-authors { display:none; }



/* FEATURE AREA LAYOUT */

#featureAreaText {
	width:365px;
	height:358px;
	border-bottom:1px solid #ccc;
	display: table-cell;
    vertical-align: middle;
	color:#999;
	font-size:105%;
	line-height:1.3em;
	margin:12px 0;
}

#featureAreaText #pageTitle {
	margin-top:5px;
}

.attachment-feature-image {
	float:right;
}

.featureLayout #sidebar {
	margin-top:35px;
}

#contentHeader{
	border-bottom:2px solid #ccc;
	margin-top:35px;
	padding-bottom:20px;
}


/* PROJECTS */

.post-type-archive-project .project,
.tax-proj_type .project,
.tax-proj_area .project
 {
	overflow:auto;
	margin-bottom:15px;
}

.post-type-archive-project .project h3,
.post-type-archive-project .project p,
.tax-proj_type .project h3,
.tax-proj_type .project p,
.tax-proj_area .project h3,
.tax-proj_area .project p {
	margin:0;
}

.post-type-archive-project .project .attachment-thumbnail,
.tax-proj_type .project .attachment-thumbnail,
.tax-proj_area .project .attachment-thumbnail {
	float:left;
	margin: 3px 15px 4px 0;
	height:auto;
	width:auto;
	max-width:55px;
	max-height:55px;
}

.term_description{
	font-size:120%;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;	
}
	

/* CAPTIONS */

.wp-caption {
	margin-top:3px;
}	

.wp-caption-dd, .wp-caption-text {
	margin-top:8px;
	font-size:12px;
}


/* POSTS */

.post, .search .page {
	border-top:1px solid #ccc;
	padding:12px 0;	
	overflow:auto;
	}
	
.post h2, .search h2 {
	margin:12px 0 0 0;
}

.post h2 a {
	text-decoration:none;
}

.authorTime, .pageLinkCategories, .autoCategories, .tags {
	zoom: 1;
	filter: alpha(opacity=75);
	opacity: 0.75;
}

.tags {
	font-size:95%;
	margin:2px 0 4px;
}

/* DEFAULT HIDE DYNAMIC WP CATEGORY LINKS */
div.pageLinkCategories {
	display:none;
}

.entry .attachment-thumbnail{
	float:left;
	margin:1px 15px 18px 0;
}


.event {
	padding:20px 0;
	border-top:1px solid #ccc;
}




/* SIDEBAR */

#sidebar {
	width:220px;
	float:right;
	margin-top:65px;
	font-size:90%;
	line-height:125%;
	}
	
#sidebar img {
	max-width:220px;
	}
	
#sidebar a img {
	border:0;
	}
	
#sidebar h2 {
	text-transform:uppercase;
	font-size:14px;
	border-bottom:1px solid #ccc;
	padding-bottom:2px;
	margin-bottom:12px;
	line-height:130%;
	}
	
#sidebar h2 img {
	display:none;
	}
	
#sidebar .arrow {
	float:right;
	font-size:17px;
	display:inline-block;
	margin-left:10px;
	margin-top:-1px;
	}
	
#sidebar ul {
	padding:0;
	margin:0 0 35px 0;
	}
	
#sidebar ul ul {
	margin:10px 0 0 15px;
	padding:0;
	}
	
#sidebar li {
	list-style-type:none;
	padding-left:0px;
	margin:8px 0;
	}
	
#sidebar li:before {
   color: pink;
}

#sidebar ul ul li {
	/* list-style-image:url("images/bullet-raquo.png"); */
	list-style-type:square;
	color: #ccc;
}
	
ul#sectionNav {
	padding:5px 10px;
	background:url("images/gradient-section-nav.png") repeat-x left top;
	}
	
ul#sectionNav ul li {
	/* list-style-image:none; */
	list-style: none;
	}
	
#sectionNav, #sectionNav a {
	color:#fff;
	}
	
#sectionNav .sectionTitle a, #sectionNav a:hover {
	color:#ccc;
	}
	
#sectionNav .current_page_item>a {
	opacity:.7;
	filter:alpha(opacity=70);
	}
	
#sectionNav .current_page_item>a:hover {
	text-decoration:none;
	color:#fff;
	}
	
#sectionNav h2 {
	margin:0 0 5px 0;
	padding-bottom:0;
	border:0;
	}

#sectionNav .arrow {
	display:none;
	}
	
.showHideText {
	display:inline-block;
	width:9px;
	font-weight:bold;
	}
	
a.showHideText:hover {
	text-decoration:none !important;
	}
	
a.myShowHide {
	text-decoration:none;
	font-weight:bold;
	}
	
div.myShowHide, p.myShowHide {
	display: none;
	}
	
#sidebar .tagcloud {
	line-height:175%;
}

.no-sidebar {
	width:940px !important;
}



/* FOOTER */
#footer {
	width: 920px;
	padding:20px 20px 50px 20px;
	font-size:90%;
	color:#fff;
	background-color:#424242;
	margin:0 auto;
	overflow:auto;
	}
	
#footer a {
	color:#fff;
	}
	
#footer .site-logo {
	display:block;
	font-size:18px;
	margin-bottom:3px;
	}
	
#footer .site-logo img {
	margin-bottom:4px;
	}

#footer .ei-logo {
	height:10px;
	margin-bottom:8px
	}

ul.footer-links {
	list-style-type:none;
	padding:0;
	margin:0;
	overflow:auto;
}

ul.footer-links li {
	float:left;
	margin-right:17px;
}

#footer hr {
	color:#666;
	background-color:#666;
	clear:both;
	margin:18px 0;
}

#footer #sub-logo {
	font-size:11px;
	opacity:.75;
}

#footer #sub-logo a:hover {
	text-decoration:none;
}

#footerRight {
	float:right;
}
	
#footerRight .icon-social-media {
	width:22px;
	height:22px;
}
	


/* HOME PAGE */

#homeTop { margin-bottom:25px; }

/* slideshow */

#homeTopLeft, .slide, .slideLink { width:700px; height:467px; }
#homeTopLeft { float:left; }
.slide { background-size: 700px 467px !important; }
.slideLink { display:block; }
#ssPics { overflow:hidden; }
#ssPics a { text-decoration:none; }
.ssCaptions { max-width:460px; display:inline-block; position:relative; top:330px; left:30px; background-color:#fff; opacity:.85; filter:alpha(opacity=85); padding:15px; }
.slideTitle { font-size: 24px; display:block; line-height:120%; margin-bottom:7px; font-weight:normal; }
.slideSubtitle { font-size: 16px; display:block; color:#333; line-height:120%; font-weight:normal; }
#ssNav { float:right; position:relative; z-index:15; bottom:44px; }
#ssNav img { border:0; }
#ssPrev, #ssNext  { width:37px; height: 44px; display:inline-block; background-color:#000; opacity:.50; filter:alpha(opacity=50); }
#ssPrev:hover, #ssNext:hover  { opacity:.85; filter:alpha(opacity=85); cursor: pointer; }

.noSlideshow { 
	/* margin-top:20px; -- conflicts w/ new ss plugin: */
	height:100% !important;
}

/* feature & highlight boxes */

#home-feature-area { width:220px; float:right; }
#home-feature-area img { max-width:220px; border:0; }
#home-feature-area h2 { line-height:120%; }
#home-feature-area ul { padding-left:1em; }
#home-feature-area ul li { margin-bottom:8px; }

#home-highlights { line-height:120%; margin-bottom:10px; font-size:95%; }
/* #home-highlights > div, .widget-color-background, .widget-featured-image { min-height:230px; } */
#home-highlights > div { width:220px; float:left; margin-right:20px; }
#home-highlights > div:last-child { margin-right:0; }
#home-highlights > div > div { padding:10px; }
#home-highlights p { margin:0 0 10px 0; }
#home-highlights a { text-decoration:none; }
#home-highlights a:hover { text-decoration:underline; }
#home-highlights ul { margin:10px 0; padding:0 8px 0 20px; }
#home-highlights li { margin-bottom:7px; }
#home-highlights .wysiwyg-widget > ul { margin:0; padding: 0 1em; }
#home-highlights img { max-width:200px; height:auto; border:0; }
.home-highlight-title {
	width:204px;
	font-size:12px;
	padding: 6px 8px 5px 8px;
	margin:0;
	color:#fff;
	background: url("images/gradient-header.png") repeat-x left bottom transparent;
	font-weight:bold;
}
.home-highlight-title a { color:#fff; }
.home-highlight-title img { display:none; }
/* #home-highlights hr { margin:10px 0; } UNUSED? */

#home-text hr { margin: 28px 0 10px 0; }


/* WIDGETS */

#content .widget {
	float:left;
	clear:left;
	width:250px;
	padding:0 10px;
	background-color:#F0F0F0;
	margin:0 20px 10px 0;
	font-size:95%;
}

#content .widget .widgettitle {
	font-size:13px;
	margin:11px 0 9px 0;
	font-weight:bold;
	display:block;
}

#content .widget .widgettitle img {
	margin-bottom:-2px;
}

#content .widget ul {
	padding:0 1.1em;
	margin-top:8px;
}

.widget h3 { margin-bottom:8px; }

.widget-color-background, .widget-featured-image {
	padding:0 !important;
	background: url("images/gradient-header.png") repeat-x left bottom transparent;
	color:#fff;
}

.widget-color-background a, .widget-featured-image a { color:#fff; text-decoration:underline !important; }

.widget-color-background h3 a, .widget-featured-image h3 a { text-decoration:none !important; }

.content-widget-color-background, .content-widget-featured-image { padding:10px; }

.content-widget-color-background h3 { font-size:18px; line-height:110%; }

.content-widget-color-background { font-size:14px; }

#home-highlights .widget-featured-image img {
	max-width:220px;
	width:220px;
	display:block;
	margin:-10px 0 15px -10px;
}

.widget-featured-image h3 { line-height:110%; margin:0 0 5px 0; }

.widget-blank { padding:0 !important; }

.widget-blank img { max-width:220px !important; }

#content .widget_tax_widget {
	width:100%;
	background-color:transparent;
	margin:0 0 12px 0;
	padding:0;
}

#content .widget_tax_widget .widgettitle {
	font-size:110%;
	margin-top:4px;
}

#content .widget_tax_widget li a {
	font-weight:bold;
}

#content .widget_tax_widget li {
	margin:10px 0;
}



/* COMMENTS */

#comments {
	padding:0;
	list-style-type:none;
}

#comments-title, #reply-title {
	margin-top:35px;
}

#comments li {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}

#comments .avatar {
	float:left;
	margin:2px 8px 5px 0;
}

.fn { font-weight:bold; font-style:normal; }
.says { display:none; }

#commentform label { font-weight:bold; }

#author, #email, #comment {
	display:block;
	width:400px;
}


/* SEARCH */

#s {
	width:200px;
	background: url("images/icon-search.png") no-repeat scroll left center #F8F8F8;
	border:1px solid #9e9999;
	font-size:13px;
	padding-left:18px;
	margin-top:10px;
	}
	
#searchsubmit, .screen-reader-text { display:none; }

/* RSS */

.rssItem img.wp-post-image {
	float:left;
	margin:1px 15px 18px 0;
}



/* CONTACT FORM */

.field { margin-top:15px; display:block; }	

.contact_form .error { display:block; font-style:italic; color:red; margin-top:2px; }

#name, #email, #commentText { width:400px; display:block; font-style:normal !important; color:#333 !important; }

.contact_form input[type="submit"] { margin-top:12px; }

.emailSent { font-weight:bold; color:red; }



/* OVERRIDES */

.last-child { margin-right:0 !important; }

.error404 #sectionNav { display:none; }

	
	
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}


/* Print Styles */
@media print {
body { background:white; color:black; margin:0 }
#sidebar, #headerContainer, #mainNavContainer, #sidebar, #footer, #breadcrumb, #pageNav { display:none; }
#pageTitle { margin-top:0; }
#content { width:100%; }
}