/*!
Launched: 2014-10-10

Author:
Erik Runyon, Zach Richard, Taylor Packet
Marketing Communications: Web

CONTENTS
-----------------------------------------
1. Common Styles
2. Screen Styles
3. Media Queries
4. Themes
5. Print Styles

BRANDING
-----------------------------------------
1. COLORS
   - Blue (Headings): #002b5b
   - Blue (Links): #004da3
   - Gold: #dcb439

2. FONT STACKS
   - Headings: "Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
   - Body: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif

3. GALAXIE POLARIS FONT WEIGHTS
   - 100 light
   - 300 book
   - 400 medium (normal)
   - 700 bold
   - 900 heavy
*/

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
@import url(//fonts.googleapis.com/css?family=Titillium+Web:400,700,300,200);

* {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
@-ms-viewport {width:device-width; zoom:1;}
@-o-viewport {width:device-width; zoom:1;}
@viewport {width:device-width; zoom:1;}

html {width:100%; margin:0; padding:0; font-size:100%; overflow-y:scroll; background:#fff;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-font-smoothing:antialiased;
  font-smoothing:antialiased;
}
body {width:100%; margin:0; padding:0; color:#333; font:1em/1.5em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}
p {margin:0 0 1em;}
a, a:link {color:#2e3745; outline:none; -webkit-tap-highlight-color:rgba(220,179,57,.9);}
a:visited {color:#4b5970;}
a:hover {color:#596a85;}
a:active {color:#384354;}
a:focus {outline:thin dotted;}
::-moz-selection,
::selection {background:#0058cf; color:#fff; text-shadow:none;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
h1,h2,h3,h4,h5,h6 {margin:1.4em 0 0.25em; line-height:1.1em; color:#2e3745; font-weight:600; text-shadow:0 1px rgba(255,255,255,0.6); text-rendering:optimizeLegibility; font-family:"Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none; color:#2e3745;}
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {color:#334967;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1 {margin-top:0; font-size:2em;}
h2 {font-size:1.75em;}
h3 {font-size:1.563em;}
h4 {font-size:1.375em;}
h5 {font-size:1.188em;}
h6 {font-size:1em;}

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
.image-right + h2,
.image-left + h2 {margin-top:0;}

ol, ul {margin:1em 0; padding:0 0 0 2em;}
li {margin:0 0 0.25em;}
nav ul {margin:0; padding:0; list-style:none;}
nav li {margin:0; padding:0;}
nav a {text-decoration:none;}

table {width:100%; margin:2em 0; border-collapse:collapse; border-spacing:0;}
table .image-left img, table .image-right img{width:70%;}
tr {border-bottom:0px solid #ddd;}
  thead th,
  th {text-align:left; background-color:none; color:#fff;}
  tr:hover{background:none;}
  tfoot th {text-align:right;}
th, td {padding:0.25em;}
  .number {text-align:right;}
td, td img {vertical-align:top;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
hr {clear:both; width:100%; margin:1.5em 0; height:3px; border:0; background:#e8e8e8;}

/* Form Elements
   ----------------------------------------------------*/
form {margin:0 0 1em;}
label {display:block; font-weight:bold;}
button[type="submit"] {}
button, input, select, textarea {margin:0; margin:0 0 0.5em; font-size:100%; vertical-align:baseline; *vertical-align:middle;}
button {width:auto; overflow:visible;}
button, input {line-height:normal;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor:pointer; -webkit-appearance:button; *overflow:visible;}
input[type="checkbox"],
input[type="radio"] {padding:0; *height:13px; *width:13px;}
input[type="search"] {-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

/* Quotes
   ----------------------------------------------------*/
blockquote {margin:1em; padding:0;}
blockquote p {margin:0; padding:0 0 0 0.75em; border-left:1px dashed #8b9c96; line-height:1.65em; color:#443D3A; font-size:1.275em; font-family:"Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
blockquote footer {display:block; margin-top:1em; color:#666; line-height:1.5em; font-style:italic; font-size:0.8em; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif;}
blockquote.pull {float:right; font-style:normal;}

/* Images
   ----------------------------------------------------*/
img {max-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic;
  -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
          box-sizing:content-box;
}
.image-default,
.image-right,
.image-left {margin:0; font-size:0.9em;}
.image-right {float:right; margin:0 0 1em 1em;}
.image-left {float:left; margin:0 1em 0.25em 0;}
.image-center {text-align:center;}
.image-default a,
.image-right a,
.image-left a {display:block; text-decoration:none; border:none;}
.image-left + h2 {margin-top:0;}
.captioned img {margin-bottom:0.5em;}

figure {margin:0 0 1em; max-width:100%;}
aside.right,
figure.right {float:right; max-width:100%;}
aside.right p {margin-right:0;}
figure.left {float:left;}
figcaption {display:block; text-align:left; line-height:1.5em;}
  figcaption blockquote {width:auto; font-weight:normal;}

/* Icons
   <i aria-hidden="true" data-icon="a"></i>
   ----------------------------------------------------*/
[data-icon]:before {vertical-align:middle;  font-weight:600; color:#A8BDB6; font-size:20px; line-height:20px; font-family:NDIcons; content:attr(data-icon); speak:none; font-style:normal;}
[data-icon="1"]:before {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:240px; color:#002044;}

/* Buttons*/
.btn {display:inline-block; *display:inline; *zoom:1; margin:0.35em 0; padding:0.35em 0.75em 0.5em; text-decoration:none; font-size:1.2em; font-weight:400; font-family:"Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:#ddd;
      -moz-border-radius:3px;
           border-radius:3px;
     }
.btn:link, .btn a:link, .btn:visited {color:#2e3745;}
.btn:hover, .btn.active:hover, .btn.active {color:#2A3C36; background:#ccc;}
.sidebar .btn {display:block; padding-left:1em;}

/*Blue*/
.btn.inverse {padding:0.35em 0.75em 0.5em; background:#FFCC00; border:none;}
.btn.inverse:link, .btn.blue a:link, .btn.blue:visited {color:#2e3745;}
.btn.inverse:hover, .btn.blue.active:hover, .btn.blue.active {background:#ffd941;}

.btn [data-icon]:before {vertical-align:bottom; padding-right:0.25em; font-size:1.25em; color:#2e3745}

.social:link {margin:0 1.35em 0 0; padding:0.575em 0.575em 0.5em 0.575em; text-decoration: none; color:#004da3; }
.social:hover{color:#002B5B; }
.social [data-icon]:before {font-size:1.2em; color:#444; line-height:1.25em; font-weight:normal;}
.social:hover [data-icon]:before {text-shadow:0 1px rgba(255,255,255, 0.65);}

/* General Classes
   ----------------------------------------------------*/
.noborder {border:none !important;}
.cal {padding:1px 0 0 20px; background:url(/images/icons/calendar.gif) left center no-repeat;}
.pdf {padding:1px 0 0 20px; background:url(/images/icons/pdf.gif) left center no-repeat;}
.ndmark {display:block; width:200px; max-width:100%; text-decoration:none;}
.smallcaps {font-variant:small-caps;}

.cf:before, .cf:after {content:"\0020"; display:block; height:0; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

.more,
.excerpt_continuation {display:inline-block; *display:inline; *zoom:1; margin:0; padding:0.35em 0.75em 0.35em; text-decoration:none; font-size:1.1em; line-height:1.2em; font-weight:400; font-family:"Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:#FFCC00;
      -moz-border-radius:3px;
           border-radius:3px;}
  .more:link, .more:visited {color:#2e3745;}
  .more.right {display:block; text-align:right;}
  .more:hover {color:#333; background:#ffd941;}
  
  .more [data-icon]:before {padding-left:0.15em; color:#2e3745;}

.skip-links {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.skip-links:active, .skip-links:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}

/* Breadcrumbs
   ----------------------------------------------------*/
.breadcrumbs {display:block; overflow:hidden; margin:0 0 1em; padding:0; list-style:none; font-size:0.8em;}
.breadcrumbs li {display:inline; float:left; margin:0 4px 0 0;}
.breadcrumbs a {text-decoration:none;}
.breadcrumbs a:hover {text-decoration:underline;}
.breadcrumbs a:visited {color:#2A3C36;}

/* Fonts
   https://dev.conductor.nd.edu/fonts/
   ----------------------------------------------------*/  
   
@font-face {font-family:NDIcons;
  src:url('https://static.nd.edu/fonts/nd/nd.v2.woff2') format('woff2'),
      url('https://static.nd.edu/fonts/nd/nd.v2.woff') format('woff'),
      url('https://static.nd.edu/fonts/nd/nd.v2.ttf') format('truetype');
}

/* NEWS & EVENTS
   ----------------------------------------------------*/
article {margin-bottom:4em; clear:both; float:none;}
article:before,
article:after {display:block; content:""; clear:both;}
article header {margin:0 0 1em;}
  .events .vevent { margin-left:1em; margin-right:1em;}
.additional-links {margin:0 0 1em; padding:0; list-style:none;}
  .additional-links li {display:inline-block; *display:inline; *zoom:1; margin:0;}
  .additional-links a {text-decoration:none;}
.entry-title {margin:0 0 0.25em; padding:0; font-size:1.3em; line-height:1.35em; font-family:"Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:400;}
  .entry-title.page-title {border:none;}
.publish-info,
.author,
.location,
.posted-in {display:inline-block; *display:inline; *zoom:1; margin:0 1em 0 0; color:#888; font-size:1em; font-weight:normal; font-family:inherit;}
.publish-info b,
.author b,
.location b,
.posted-in {color:#333; font-weight:bold;}
.author a {text-decoration:none;}
  .author a:hover {text-decoration:underline;}
.entry-summary {margin:1em 0;}
.description {margin:1em 0;}
.posted-in {display:none;}
.news-hentry .posted-in,
.event .posted-in {display:block;}
.news, .events{margin:0 0 .35em;}
.news a, .events a{color:#395273;}
.news-events article,
.people-spotlight article {margin-bottom:4em;}
.people-spotlight .entry-summary p:nth-last-child(1) {text-align:right;}

  /* Events */
  h2.date {margin:2em 0 0.25em; padding:0; color:#ff6637; font-weight:700; font-family:"Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1em;}
  .events .date-string {display:none;}

/* SEARCH
   ----------------------------------------------------*/
.search-count,
.search-time {font-family:inherit;  font-weight:400;}
.search-count {margin:0; font-size:1.4em;}
  .search-query {}
  .search-query i { font-style:normal; font-weight:700; }
.search-time {margin:0 0 1em; color:#2A3C36; font-size:1.2em;}
.search-results { margin:1em 0; padding:0; list-style:none;}
  .search-results li {margin:0;}
  .search-record {}
    .search-record header {margin:0 0 0.5em;}
    .search-result-title { font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.4em; }
    .search-result-title b { font-weight:500; }
    .search-result-url { font-size:0.9em; font-family:inherit; word-break:break-all; }
      .search-result-url a { color:#333; font-weight:700; }
    .search-result-excerpt {margin:0 0 0.5em; line-height:1.3em;}
    .search-result-excerpt br { display:none; }
    .search-result-meta {color:#999; font-size:0.9em;}
      .search-result-size {}
      .search-result-date {}
.pagination {}
  .pagination a {}

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
  .bordertop {border-top:1px solid #181d24;}


  .image-default img,
  .image-right img,
  .image-left img {border:none; 
        -moz-border-radius:3px;
           border-radius:3px;}
           
  .image-right,
  .image-left  {width:40%;}
           
  .home .image-default img,
  .home .image-right img,
  .home .image-left img{border:none;}

  .inner {padding:0; margin:0 auto;}

  .tablewrap {position:relative; overflow-y:auto; margin:0 auto;
    background-repeat:no-repeat;
    background-color:transparent;
    background-size:40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-attachment:local, local, scroll, scroll;
  }

  /* HEADER
     ----------------------------------------------------*/
  .site-header {text-align:center;}
  .home .titlebar{border:none; background:#2e3745;}
  .titlebar{background:#2e3745;}
  .brandbar,
  .titlebar {overflow:hidden;}
  .brandbar {}
  .dept {display:none; border-top: 1px solid  #000;
    -webkit-box-shadow: 0 1px #222 inset;
       -moz-box-shadow: 0 1px #222 inset;
            box-shadow: 0 1px #222 inset;
  }
  .site-header li {margin:0; padding:0;}
  .brandbar a {display:block;  margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
  .dept-nd img {display:none;}
    .dept-nd a {background-position:left 0;}
    .dept a {background-position:right 0;}

  .titlebar {padding:0.75em 0;}
  .site-title {clear:both; margin:0 auto 0.5em; padding:0; font-size:2em; font-weight:600; text-shadow: 0 1px 0 #000; font-family:"Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
  .home .site-title a, .home .site-title a:visited{color:#FFCC00;}
  .site-title a, .site-title a:visited {display:block; border:none; color:#FFCC00; text-decoration:none; font-weight:600;}
    .site-title a:hover {text-decoration:none;}
    .subhead {}
     .sublined .site-title {margin:0;}
     .subline {clear:left; margin:0.25em 0 0.5em; color:#333; font-family:inherit; font-size:1em;}

  .header-util {position:relative; margin:0 auto; padding:0 1em; text-align:center;}
    .header-util form {display:inline-block; *display:inline; *zoom:1; width:91%; margin:0 auto 0.5em; padding:3px 3px 3px 7px; line-height:1.1em; background-color:#fff; background-color:rgba(255,255,255,0.9);
      -moz-border-radius:5px;
           border-radius:5px;
    }
    .header-util label {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
    .search-input {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:86%; height:1.7em; margin:0; padding:0; border:none; font-family:inherit; font-size:1.2em; color:#444; -webkit-appearance:textfield; background:transparent;}

    .search-button {display:inline-block; *display:inline; *zoom:1; float:right; position:relative; text-indent:-9999px; overflow:hidden; width:2em; height:2em; margin:0; padding:0; border:none; cursor:pointer; background:none;
      -webkit-transition:all .15s ease-in-out;
         -moz-transition:all .15s ease-in-out;
           -o-transition:all .15s ease-in-out;
              transition:all .15s ease-in-out;
    }
      .lt-ie9 .search-button {background:#a5a5a5 url(/images/icons/searchmag.png) center center no-repeat;}

    .search-button:before { content:attr(data-icon); display:block; position:absolute; top:2px; left:0.1em; color:#ff6637; font-size:1.6em; line-height:1.3em; font-family:NDIcons; text-indent:0; text-shadow:0 1px #eee; }
      .lt-ie9 .search-button:before {content:'';}
    .search-button:hover:before {color:#cd522c;}

  .header-util nav ul {margin:0.4em 0 0; text-align:center; line-height:1em;}
  .header-util nav li {display:inline-block; *display:inline; *zoom:1; width:32%;}
  .header-util nav a {display:block; padding:.525em; font-size:1.25em; color:#fff; font-family:"Titillium Web", "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:600; text-decoration:none; background:#384354;}
  .header-util nav a:hover { color:#fff; text-shadow:0 -1px rgba(0,0,0,.9); background:#666;}

  /* STRUCTURE
     ----------------------------------------------------*/
  .site-content {padding:1em;}
  .alpha {}
  .beta {padding:1em 0; border-top:1px solid #dadada;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
       -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
            box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
  }

  .main,
  .aside {text-shadow:0 1px 0 #fff;}
  .aside {margin-top:2em; padding:2em 0;}
    .aside h2 {margin:0 0 0.75em; padding:0 0 1em; font-size:1.4em; background:url(images/border-double.png) left bottom repeat-x;}
    .aside img {margin-bottom:1em;}
    .aside ul {padding:0 0 0 1em; list-style:none;}
    .aside li a {text-decoration:none; font-weight:bold; font-size:0.9em;}
      .aside li a:hover {text-decoration:underline;}
    .aside .entry-title {font-size:1.2em;}
    .aside article footer {display:none;}

  .page-title {margin-bottom:0.45em; padding:0 0 0.25em; border-bottom:3px solid #e8e8e8; color:#ff6637;}


  /* NAVIGATION
     ----------------------------------------------------*/
  .site-nav {padding:0.475em 0.65em; background: rgba(36,45,61,0.95); 
      -moz-border-radius:3px;
           border-radius:3px;
           
  }
  .site-nav ul {padding:0;}
    .site-nav ul li {margin:0;}
    .site-nav ul a {display:block; margin:0.25em 0; padding:0.25em 0.25em 0.25em 1.45em; text-indent:-1em; line-height:1.2em; text-transform:none; color:#fff; text-shadow:0 1px rgba(0,0,0,.85); font-size:1.25em; font-weight:400; font-family:"Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; border-bottom:2px solid transparent;
}
    .site-nav ul a:hover {text-shadow:0 1px rgba(0,0,0,0.15); color:#fff; background:#384354;
          -moz-border-radius:3px;
               border-radius:3px;
    }
    .site-nav ul > .active > a {color:#fff;  background:#ff6637; text-shadow:0 1px rgba(0,0,0,0.15);
          -moz-border-radius:3px;
               border-radius:3px;
    }
  .site-nav ul ul {padding:0.075em 0; background:#a6d6dc;
        -moz-border-radius:3px;
             border-radius:3px;}
    .site-nav ul ul a {margin:0.35em 0.35em; padding:0.25em 0.25em 0.25em 1.25em; border-bottom:2px solid transparent; text-indent:-8px; color:#333; font-size:1em; font-family:inherit; border:none; text-shadow:none;}
    
    .site-nav ul ul a:hover {color:#333; background:#caebef;}
    .site-nav ul ul > .active > a {color:#443D3A; font-weight:bold; border:none; text-shadow:none; background:#d2ecef;}
  .site-nav ul ul ul {margin-left:0.5em; padding:0; font-size:0.9em; }
    .site-nav ul ul ul a {color:#555;}
    .site-nav ul ul ul a:hover {background:none;}
    .site-nav ul ul ul .active > a {color:#555; font-weight:bold; background:none;}
    .site-nav ul ul ul .active > .current-last { color:#443D3A; }
  .site-nav ul ul ul ul {margin-left:1.5em;}
    .site-nav ul ul ul ul a { padding:0 0 0 1.5em; }
  .site-nav ul ul ul ul ul {margin-left:1.5em; }

  .section-nav {display:none;}

  /* HOME
     ----------------------------------------------------*/
    .feature-image{position:relative; z-index:-1; width:100%; text-align:center;}
    .feature-image img {width:100%; max-width:85em;}
    .feature-text{font-family:"Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .feature-text p{margin-top:0.5em; font-size:1.15em; line-height:1.425em; font-weight:400; color:#333;}
    .feature-text h2{margin:0; font-size:1.75em; line-height: 1em; color:#2e3745;}

  .home .alpha {padding:1em; margin-top:-4em; background: #fff;
  -moz-border-radius: 3px;
       border-radius: 3px;}
  .ndlinks ul{padding:0 0 0 0.25em;}
    .ndlinks li{margin-bottom:0.65em; list-style-type:none; text-indent:-0.25em;}
  .primary {margin:0 auto 2em;}
  .col h2.date {display:none;}
  .col > h2 {margin:0 0 0.3em; padding:0 0 0.3em;}
    .col > h2 a {color:#ff6637;}
  .col .entry-title {font-size:1.55em;}
  .home .entry-title {padding:0; border:none; font-size:1.475em; font-family:"Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:400;}
  .secondary .hentry .meta,
  .secondary .hentry .excerpt,
  .secondary .vevent .description,
  .secondary .vevent b,
  .secondary .vevent .location,
  .spotlight .hentry .meta, 
  .people-spotlight .hentry .meta,
  .spotlight .meta {display:none;}
  
  .col.col2{border-top:3px solid #e8e8e8; padding-top:1.5em; margin-top:1.5em;}
  


  /* CUSTOM PAGES
     ----------------------------------------------------*/
  .faculty-headshots {padding:0; margin:0; list-style:none;}
  .faculty-headshots p{ font-size:0.9em;}
  .faculty-headshots li {display:inline-block; vertical-align:top; width:40%; margin:0 0 1em;}
  .faculty-headshots li:nth-child(even) {float:right;}
  .lt-ie9 .faculty-headshots li {width:40%; margin:0 2%;}
    .faculty-headshots .image-default {width:80%;}
  .faculty-headshots li img {width:100%; border:1px solid #000;
        -moz-border-radius:3px;
           border-radius:3px;}
  .active-emeritus{margin:2em 0 0;}
  .active-emeritus ul {margin:0; padding:0; list-style:none;}
  .active-emeritus li {display:inline-block; vertical-align:top;}

  .bio .image-left {float:none; width:23%; margin-bottom:1.5em;}

  /* FOOTER
     ----------------------------------------------------*/
  .site-footer {position:relative; clear:both; margin:0; padding:1em 0; border-top:1px solid #181d24; text-align:center; background:#2e3745;}
    .site-footer p { font-size:0.875em; color:#fff; }
  .site-info {margin:1em 0;}
  .site-info li {display:inline-block; *display:inline; *zoom:1; margin:0 2%;}
  .site-info a {text-decoration:underline;}
  .site-footer a:link, .site-footer a:visited {color:#a6d6dc;}
  .geo,
  .country-name {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
  .address {display:block; margin:1em 0 0;}
  .org,
  .tel {display:block;}
  .ndmark {width:200px; margin:2em auto;}
  


}
  /* PROTOTYPE
     ----------------------------------------------------*/
  .column {margin:1em 0; display:inline-block; *display:inline; *zoom:1; width:100%; vertical-align:top;}
  .column.column1,
  .column.column2, 
  .column.column3, 
  .column.column4 {width:100%;}

  .prototype-header{display: inline-block; clear: both; margin: 1em 0; padding: .5em; color: #666; font-family: monospace; font-size:1.125em;
  font-weight:bold; background: #ddd;}
  .prototype-subheader { clear: both; margin: 1em 0; padding: .5em; color: #888; font-family: monospace; font-size: 1em; font-weight: bold; }

  .colors-list,
  .textures-list {padding:0 1em; font-family: monospace; font-weight: bold; text-transform: uppercase;}
  .colors-list li,
  .textures-list li {display: inline-block; *display: inline; *zoom: 1; margin:0.5em 1em 3em 0;  text-align:center; vertical-align: top; width: 32%; max-width: 6.7em; height:6.65em; 
      -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #888;
         -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #888;
              box-shadow: 0 0 0 3px #fff, 0 0 0 4px #888;
  }
  .colors-list li b,
  .textures-list li b {display: block; margin:7em 0;}
  .colors-list .color1 {background:#2A3C36;}
  .colors-list .color2 {background:#A8BDB6;}
  .colors-list .color3 {background:#e9d37d;}
  .colors-list .color4{background:#395273}
  .colors-list .color5 {background:#443D3A;}
  .colors-list .color6 {background:#fff;}
  
  .colors-list .color7 {background:#75CAE8;}
  .colors-list .color8 {background:#AAEAFC;}
  .colors-list .color9 {background:#696E79;}
  .colors-list .color10{background:#C0C0CD}
  .colors-list .color11 {background:#e9d37d;}
  .colors-list .color12 {background:#E1E3EC;}
  
 

/*************************************************************************************
 * 3. Media Queries
 ************************************************************************************/
/* 432px
   ----------------------------------------------------*/
@media only screen and (min-width:27em) {
  h2.date {font-size:1.35em;}
  .spotlight-image{float:none;}
  .spotlight-image img {margin-right:1em; max-width:35%; float:left;}
}

/* 580px
   ----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .brandbar .inner {padding:0;}
  .dept {display:block; border:none;}

  .secondary {clear:both;}
  
  .faculty-headshots li {width:31.3%; margin-right:2%;}
  .lt-ie9 .faculty-headshots li {width:28%; margin:0  2.4%;}
  .faculty-headshots li:nth-child(even) {float:none;}
  .faculty-headshots li:nth-child(3n+0) {margin-right:0;}
  
   .feature-text h2{font-size:2.25em; line-height: 1.275em;}
}

/* 700px
   ----------------------------------------------------*/
@media only screen and (min-width:43.75em) {

  h1 {font-size:2.5em;}
  h2 {font-size:1.95em; margin:0.15em 0 0.75em;}
  h3 {font-size:1.55em; margin:1.25em 0 0.5em;}
  h4 {font-size:1.425em;}
  h5 {font-size:1.375em;}
  h6 {font-size:1.125em;}

  blockquote {margin:2em;}
  blockquote.pull {float:right; width:30%;}

  .image-right img,
  .image-left img {max-width:auto;}
  
  .image-right,
  .image-left  {max-width:60%;}

  .tablewrap {background:none;}

  .inner {padding:0 2em; position:relative;}
  .site-header {text-align:left;}
  .home .titlebar{background:none;}
  .home .site-title{text-shadow: 0 0.125em 0.5em black, 0 0.125em 0.75em black;}
  .home .site-title a, .home .site-title a:visited{color:#fff;}
  .brandbar,
  .titlebar {padding:0;}
    .titlebar.subhead {padding:0.7em 1em;}
  .site-title {float:left; margin:0; padding:0; font-size:1.9em;}
    .site-title a {padding:0.65em 0 0.75em;}
    .sublined {float:left;}
    .subline {float:left;}
  .search-input {width:auto; font-size:0.8em;}

  .header-util {float:right; top:1.3em; margin:0; padding:0; text-align:right;}
    .subhead .header-util {top:1.4em;}
    .header-util form {width:auto; margin:0;}
    .header-util nav {display:block; margin:3px 0;}
    .header-util nav ul {margin:0;}
    .header-util nav li {width:auto; display:block; text-align:right;}
    .header-util nav a {display:none;}
    .header-util .menu-skip,
    .header-util .search-toggle {display:none;}
    .search-button {width:23px; height:23px;}
      .search-button:before {top:1px; left:2px; font-size:18px;}

  .site-content {padding-top:1em;}
  .alpha {display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:72%; margin-left:28%;}
    .topnav-true.home .alpha {display:block; width:auto; margin:0;}
  .beta {display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:25%; margin:0 0 0 -100%; padding:0; border:none;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
  }
    .full-width .alpha {width:auto; margin:0;}
    .full-width .beta {display:none;}

  .main {float:left; width:70%; padding:0 4em 0 0;}
  .aside {float:left; width:30%; max-width:320px; margin:1em 0; padding:0;}

  /* Homepage */
  
  .home .alpha {margin-top:13em;}
  .feature-text {padding:0;}
  .feature-image {margin-top:-6.5em; position:absolute;}
  .col {display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:46%;}
    .col h2 {margin-top:0;}
    .col1 {margin-right:6%;}

    .wide-narrow .col1,
    .narrow-wide .col2 {width:60%;}
    .wide-narrow .col2,
    .narrow-wide .col1 {width:34%;}
    .home .spotlight-image img{max-width:95%; float:left;}
    
    .col.col2{padding:0; margin:0; border:none;}
    
    .bio .image-left {float:left;}

  /* Footer */
  .site-footer {margin:1em 0 0 0; padding:0.5em 0; text-align:left;}
    .ndmark {position:absolute; right:0; top:2.2em; margin:0 2em; width:150px;}
    .site-link {display:block;}
    .org {display:inline;}
    .demark {display:block; position:absolute; top:2.2em; right:200px; width:150px;}
    
}

/* 920px
   ----------------------------------------------------*/
@media only screen and (min-width:57.5em) {
  .dept {border-top:0 none;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
  }
  .dept a {float:right; height:50px;}
  .dept-nd a {float:left; height:50px;}
  .brandbar {padding:0 2em;}
    .titlebar.subhead {padding:1.1em 0;}
  .site-title {font-size:2.5em;}
  .header-util {top: 2.2em;}
  
  .home .alpha {margin-top:20em;}
  .home .spotlight-image {max-width:40%; float:left;}
  .beta.fixed {position:fixed; top:1em; right:73.3%; width:23.25%;}
    
  .faculty-headshots li {width:23%;}
  .lt-ie9 .faculty-headshots li {width:20%; margin:0 2.25%;}
  .faculty-headshots li:nth-child(3n+0) {margin-right:2%;}
  .faculty-headshots li:nth-child(4n+0) {margin-right:0;}
   .faculty-headshots .adjunct .image-default {width:70%;}

  .site-footer {margin:1em 0 0; padding:1em 0;}
    .ndmark {right:0; padding:0; width:200px; top:0;}
    .demark {right:265px; height:47px; width:auto; top:0;}
}

/* 960px
   ----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .hentry-home article {width:86%;}
  
    .home .alpha {margin-top:20em;}
  
  .site-footer {padding:2.5em 0;}
  .contact-info {margin:0;}
  .address {margin:0;}
  .site-link,
  .org,
  .tel {display:inline-block; *display:inline; *zoom:1; margin:0 1em 0 0;}
  
  .events .vevent { margin-left:1.5em; margin-right:1.5em;}
    .event .vevent { margin-left:0; margin-right:0;}
    
  .beta.fixed {position:fixed; top:1em; right:73.4%; width:23.4%;}

  /* IE Over-rides */
  .lt-ie8 .header-util nav li {float:right;}
  .lt-ie8 .header-util form {width:300px;}
  .lt-ie8 .search-input {float:left;}
  .lt-ie8 .main {width:60%;}
}

/* 1024px
   ----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .brandbar {padding:0;}
  .inner {max-width:94%; padding:0;}
    .site-content {padding:2em 0;}
    .site-footer {padding:2em 0; max-width: 100%;}
  .image-default img,
  .image-right img,
  .image-left img{width:100%;}
  
  .beta.fixed {position:fixed; top:1em; right:73.5%; width:23.5%;}
  
  .home .image-right{width:30%;}
}

/* 1200px
   ----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .inner {max-width:90%; margin:0 auto;}
  .site-footer {max-width:100%; margin:0 auto;}
  .home .alpha {margin-top:24em;}
  .beta.fixed {right:72.5%; width:22.5%;}
}

/* 1360px
   ----------------------------------------------------*/
@media only screen and (min-width:85em) {
  .inner {max-width:80%;}
  .site-footer {max-width:100%;}
  .beta.fixed {right:70%; width:20%;}
  .home .alpha {margin-top:26em;}
  .feature-image img{ border:1px solid #222; border-top:none;
   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.65);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.65);
	    box-shadow: 0px 0px 5px rgba(0,0,0,0.65);
}
}

/* 1500px
   ----------------------------------------------------*/
@media only screen and (min-width:93.75em) {
  .inner {max-width:80em;}
  .site-footer {max-width:100%;}
  .beta.fixed {right:71.2%; width:21.2%;}
}

/* Hi-res
   ----------------------------------------------------*/
@media
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi){

    .more {
      -webkit-background-size:12px 17px;
         -moz-background-size:12px 17px;
           -o-background-size:12px 17px;
              background-size:12px 17px;
    }

    .dept-nd a,
    .dept a {
      -webkit-background-size:auto 50px;
         -moz-background-size:auto 50px;
           -o-background-size:auto 50px;
              background-size:auto 50px;
    }
}

/*************************************************************************************
 * 4. Themes
 ************************************************************************************/
@media screen,projection {

  /** Brand Bar **/
  /** White Text **/
  .dept-nd a   {width:301px; background-image:url(//static.nd.edu/images/brandbar/dept-nd-white.png);}
  .dept-ores a {width:258px; background-image:url(//static.nd.edu/images/brandbar/dept-ores-white.png);}

  .brandbar.theme-bb-blue {border-bottom:1px solid #001227;
    background:#002b5b url(images/texture-checkers-lightblue50.png) 0 0 repeat;
    background:-webkit-linear-gradient(top, #003b7c 0%, #001c3d 100%);
    background:   -moz-linear-gradient(top, #003b7c 0%, #001c3d 100%);
    background:        linear-gradient(top, #003b7c 0%, #001c3d 100%);
    -webkit-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.25) inset;
       -moz-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.25) inset;
            box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.25) inset;
  }
 
  
   .brandbar.theme-bb-lightgray {
    background:#f0f0f0;
    background-image:-webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%),-webkit-linear-gradient(-90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 52%, rgba(255,255,255,0.2) 53%, rgba(255,255,255,0) 100%), url(images/noise3.png);
    background-image: -moz-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%),   -moz-linear-gradient(-90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 52%, rgba(255,255,255,0.2) 53%, rgba(255,255,255,0) 100%), url(images/noise3.png);
    background-image:  -ms-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%),    -ms-linear-gradient(-90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 52%, rgba(255,255,255,0.2) 53%, rgba(255,255,255,0) 100%), url(images/noise3.png);
    background-image:   -o-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%),     -o-linear-gradient(-90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 52%, rgba(255,255,255,0.2) 53%, rgba(255,255,255,0) 100%), url(images/noise3.png);
    background-image:     linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%),       linear-gradient(-180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 52%, rgba(255,255,255,0.2) 53%, rgba(255,255,255,0) 100%), url(images/noise3.png);
    -webkit-box-shadow:0 1px #777, inset 0 1px rgba(0,0,0,.5), inset 0 2px rgba(255,255,255,.6), inset 0 -1px rgba(255,255,255,.2);
       -moz-box-shadow:0 1px #777, inset 0 1px rgba(0,0,0,.5), inset 0 2px rgba(255,255,255,.6), inset 0 -1px rgba(255,255,255,.2);
            box-shadow:0 1px #777, inset 0 1px rgba(0,0,0,.5), inset 0 2px rgba(255,255,255,.6), inset 0 -1px rgba(255,255,255,.2);
 }
 
   .brandbar.theme-bb-gold {border-bottom:1px solid #5e4724;
    background:#dcb439;
    -webkit-box-shadow:0 1px rgba(255,255,255,0.35) inset, 0 -5px 5px -4px rgba(120,0,100,0.3) inset, 0 1px 5px rgba(0,0,0,0.1);
       -moz-box-shadow:0 1px rgba(255,255,255,0.35) inset, 0 -5px 5px -4px rgba(120,0,100,0.3) inset, 0 1px 5px rgba(0,0,0,0.1);
            box-shadow:0 1px rgba(255,255,255,0.35) inset, 0 -5px 6px -4px rgba(120,0,100,0.3) inset, 0 1px 5px rgba(0,0,0,0.1);
  }
 
 .brandbar.theme-bb-darkgray {position:relative; z-index:1;
    background:#555;
    background-image:-webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%), -webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.2) 54%, rgba(0,0,0,0.5) 100%), url(images/noise5.png);
    background-image: -moz-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%),    -moz-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.2) 54%, rgba(0,0,0,0.5) 100%), url(images/noise5.png);
    background-image:  -ms-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%),     -ms-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.2) 54%, rgba(0,0,0,0.5) 100%), url(images/noise5.png);
    background-image:   -o-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%),      -o-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.2) 54%, rgba(0,0,0,0.5) 100%), url(images/noise5.png);
    background-image:      linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%),        linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.2) 54%, rgba(0,0,0,0.5) 100%), url(images/noise5.png);
    -webkit-box-shadow:inset 0 2px rgba(255,255,255,.1), inset 0 -1px rgba(255,255,255,.1), inset 0 1px #222;
       -moz-box-shadow:inset 0 2px rgba(255,255,255,.1), inset 0 -1px rgba(255,255,255,.1), inset 0 1px #222;
            box-shadow:inset 0 2px rgba(255,255,255,.1), inset 0 -1px rgba(255,255,255,.1), inset 0 1px #222;
 }


}

/* Hi-res
   ----------------------------------------------------*/
@media
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi){

  .dept-nd a   {background-image:url(//static.nd.edu/images/brandbar/dept-nd-white@2x.png);}
  .dept-ores a {background-image:url(//static.nd.edu/images/brandbar/dept-ores-white@2x.png);} /* Office of the Vice President for Research */

}

/*************************************************************************************
 * 5. Print Styles
 ************************************************************************************/
@media print {

  @page {margin:0.5cm;}
  body {font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
  img, tr {page-break-inside:avoid;}
  p, h2, h3 {orphans:3; widows:3;}
  h2, h3 {page-break-after:avoid;}

  /* Styles
     ----------------------------------------------------*/
  a[href^="javascript:"]:after,
  a[href^="#"]:after {content:"";}
  .ndmark {width:150px;}
  .image-right img,
  .image-left img {max-width:none;}
  .image-right img {float:right; margin:0 0 1em 2em;}
  .image-left img {float:left; margin:0 2em 1em 0;}

  /* HIDDEN
     ----------------------------------------------------*/
  .breadcrumbs,
  .header-util,
  .skip-links,
  .site-nav {display:none;}

  /* STRUCTURE
     ----------------------------------------------------*/
  .site-header {overflow:hidden; position:relative; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid gray;}
    .dept-nd {text-indent:-100%; white-space:nowrap; overflow:hidden;}
    .site-header .ndmark {position:absolute; bottom:20px; right:0;}
    .site-header li,
    .site-title,
    .subline {margin:0; font-family:Georgia, "Times New Roman", Times, serif;}
    .site-header li a,
    .site-title a,
    .subline a {color:#000;}

    .dept {font-size:0.8em;}
    .site-title {margin:4px 0 2px; font-size:2em;}
    .subline {font-size:1em;}

  .alpha a:link:after {content:" [link: " attr(href) "] "; font-size:11px; font-family:inherit;}
  .alpha abbr:after {content:" (" attr(title) ")";}

  .site-footer {position:relative; clear:both; margin:20px 0 0; padding:20px 0 0; border-top:1px solid gray;}
    .geo,
    .country-name {display:none;}
    .tel {display:block;}
    .site-footer .ndmark {position:absolute; top:20px; right:0;}

}