@charset "utf-8";

/* Will this fix the font weight changes due to jQuery/isotope? Yes. */
html { 
  -webkit-font-smoothing: antialiased; 
  text-rendering: optimizeLegibility;
}

/* Hide everything until isotope is done */
#container, .container {
    display: none;
}

#index strong em {
  font-weight: 600;
  font-style: italic;
}

/* Set up for fonts */
body, .extend {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}

h1.logo, h1.logo a {
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	font-weight: 300;
	color: #333 !important;
}

h1, h1 a {
	font-family: 'Open Sans', sans-serif;
    font-size: 22px; 
    font-weight: 700;
}

h1.tophead {
	font-weight: 700;
}

h2, h2 a {
	font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

h3, h3 a {
	font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

h4, h4 a {
	font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}

strong {
	font-weight: 600;
}

p em {
  font-style: italic;
}


nav#mn a, nav#cnt a, nav#mn-mobile a, nav#cnt-mobile a  {
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

figure {
	display: inline-table;
	margin-right: 10px;  /* especially for home page */
	margin-bottom: 10px;
	}

figcaption {
	display: table-caption; 
	caption-side: bottom;
	background-color: #f6f6f6;
	text-align: center;
	padding: 5px;
	}

figcaption a, #ace a {
	color: #000;
	}

figcaption h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 1.0em;
	margin-top: 0.25em;
	margin-bottom: 0;
}

figcaption h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 1em;
	margin-top: 0.10em;
	margin-bottom: 0.5em;
}


dt {
	float: left;
	margin-right: 0.5em;
	}

dd {
	display: block;
	margin-left: 0;
	}

dd p {
	margin-top: 0;
	font-size: 0.92em;
}

dd h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	margin-bottom: 0;
}

dd h3 {
	margin-top:0;
	font-size: 1em;
}

.year {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 0.9em;
}

/* Lists */

.preBullet {
	margin-top: 1.5em;
	line-height: 0.25em;
}

ul {
	margin-left: 1em;
	padding-left: 0;
}

ul li {
  list-style-type: square;
}

ul.unstyled {
    margin-left: 0;
    padding-left: 0;
}

ul.unstyled li {
    list-style-type: none;
}

ul.filters li {
  line-height: 0.5em;
}

section#main ul li {
  padding-bottom: 0.25em;
}

ul.filters.submenu {
  /* float: right;
  text-align: right; */
  display: block;
  padding-left: 20px;
}

.submenu, .submenu-mobile {
  padding: 0 10px 0 0;  
  /* border-bottom: 1px solid #ccc; */
}

.submenu a, .submenu-mobile a  {
  display: block;
	font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: .84em;
  padding: 5px;
  margin-right: -10px;
}

#index .menuHome, #about .menuAbout, #articles .menuArticles, #services .menuServices, #portfolio .menuPortfolio, #peoplesay .menuPeopleSay, #resume .menuResume, #resume-short .menuResume, #contact .menuContact, #speaking .menuSpeaking, #publications .menuPublications,
.submenu a.selected, #mn a.selected {
  font-weight: 600;
}


.copyright {
	margin-top: 5em;
	font-weight: 300;
}

.tophead {
	display: none;
}

.tophead h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	padding-bottom: 1em;
	font-size: 1.3em;
}

#intro {
	font-size: 1.1em;
}

img.border {
  display: block; 
  border: 1px #ddd solid;
  margin: 20px 0;
}

img.noborder {
  display: block; 
  margin: 20px 0;
}


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}





/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/