/*!
Updated:2012.12.10

Authors:
Erik Runyon & Philip Zastrow
University Communications: Web

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

BRANDING
-----------------------------------------
1. COLORS
   - Blue (Headings): #002b5b
   - Orange (Links:hover): #f68424
   - Gold: #dcb439

2. FONT STACKS
   - Headings: "Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif
   - Body: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
*/

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
* {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
@-ms-viewport {width:device-width;}

html {width:100%; margin:0; padding:0; font-size:15px; 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-size:1em; line-height:1.5em; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, 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;}
p + p {margin:1em 0;}
a, a:link {color:#004da3; outline:none; text-decoration:none; border-bottom:1px dotted transparent; -webkit-tap-highlight-color:rgba(220,179,57,.9);}
a:visited {color:#003f86;}
a:hover {color:#002b5b; border-bottom:1px dotted #004da3;}
a:active {color:#aa272f;}
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:1em 0 0.25em; line-height:1.1em; color:#002b5b; font-weight:normal; text-shadow:0 1px rgba(255,255,255,0.6); text-rendering:optimizeLegibility; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none; color:#333;}
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {color:#004da3;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {}
h1 {margin-top:0; font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}
h1 + h2,
h1 + .image-right + h2,
h1 + .image-left + h2,
h2 + h3,
h3 + h4,
h4 + h5 {margin-top:0;}

ol, ul {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:1em 0; border-collapse:collapse; border-spacing:0; font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;}
tr {border-top:1px solid #aaa;}
  tr:hover {background:rgba(0,0,0,0.05);}
  thead th,
  th {text-align:left;}
  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%;}

/* 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:2em 1em; padding:0;}
blockquote p {margin:0; line-height:2em; color:#002b5b; font-size:1.1em;}
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 p {font-style:normal;}

/* Images
   ----------------------------------------------------*/
img {max-width:100%; 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;}
.image-right {float:right; margin:0 0 1em 1em;}
.image-left {float:left; margin:0 1em 1em 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:bottom; color:#333; font-size: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; white-space:nowrap; margin-bottom:0; *margin-left:.3em; padding:0.25em 0.5em 0.25em 0.25em; cursor:pointer; font-size:1em; line-height:1em; text-decoration:none; color:#333; text-align:left; vertical-align:middle; border:1px solid transparent;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;
}
.btn:visited {color:#004da3;}
.btn.active {border:1px solid #666;
  background:#eeeeee;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#ddd), color-stop(51%,#ccc), color-stop(100%,#ccc));
  background:-webkit-linear-gradient(top, #eee 0%, #ddd 50%, #ccc 51%, #ccc 100%);
  background:   -moz-linear-gradient(top, #eee 0%, #ddd 50%, #ccc 51%, #ccc 100%);
  background:    -ms-linear-gradient(top, #eee 0%, #ddd 50%, #ccc 51%, #ccc 100%);
  background:        linear-gradient(top, #eee 0%, #ddd 50%, #ccc 51% ,#ccc 100%);
}
.btn:hover,
.btn.active:hover {border:1px solid #003877; color:#fff; text-shadow:0 -1px rgba(0,0,0,0.5);
  background:#0073d0;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0073d0), color-stop(50%,#0062bc), color-stop(51%,#004da3), color-stop(100%,#004da3));
  background:-webkit-linear-gradient(top, #0073d0 0%, #0062bc 50%, #004da3 51%, #004da3 100%);
  background:   -moz-linear-gradient(top, #0073d0 0%, #0062bc 50%, #004da3 51%, #004da3 100%);
  background:    -ms-linear-gradient(top, #0073d0 0%, #0062bc 50%, #004da3 51%, #004da3 100%);
  background:        linear-gradient(top, #0073d0 0%, #0062bc 50%, #004da3 51%, #004da3 100%);
  -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn [data-icon]:before {font-size:1.25em;}
.btn:hover [data-icon]:before {color:#fff;}
.btn-plain {text-align:center; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif;}
  .btn-plain a {display:block; padding:0.5em; color:#636365; text-decoration:none; border:1px solid #ccc;}
  .btn-plain a:hover {background-color:#fefefe;}

.social {}
  .social li {display:inline-block; *display:inline; *zoom:1; margin:0;}
  .social a {display:block; width:30px; height:30px; text-indent:-9999px; overflow:hidden; background:url(images/social.png) 0 0 no-repeat;}
    .social a:hover {border:none;}
  .social .twitter {}
  .social .facebook {background-position:-32px 0;}
  .social .print {background-position:-64px 0;}
  .social .email {background-position:-96px 0;}
  .social .instagram {background-position:-128px 0;}

/* Quotes
   ----------------------------------------------------*/
blockquote {margin:2em 1em; padding:0;}
blockquote p {margin:0; line-height:2em; color:#002b5b; font-size:1.1em; font-style:italic; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif;}
blockquote p cite {display:block; margin-top:1em; color:#666; line-height:1.5em; font-style:normal; font-weight:bold; font-size:0.8em; font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;}
blockquote.pull {float:right; font-style:normal;}

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

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

.more,
.excerpt_continuation {clear:both; float:none; display:inline-block; *display:inline; *zoom:1; margin:0; padding:0 24px 0 0; text-decoration:none; font-size:1.2em; font-weight:bold; line-height:1.2em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:url(images/more.png) right center no-repeat;}
  .more:visited {color:#004da3;}
  .more.right {display:block; text-align:right;}
  .more:hover {}

.bars {padding:0 0 30px; background:url(images/bars-gold.png) bottom left repeat-x;}
.bordertop {border-top:1px solid #ccc;
  -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);
}

/* Breadcrumbs
   ----------------------------------------------------*/
.breadcrumbs {display:block; overflow:hidden; margin:0 0 1em; padding:0; list-style:none; font-size:0.8em; font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;}
.breadcrumbs li {display:inline; float:left; margin:0 4px 0 0;}
.breadcrumbs a {text-decoration:none;}
.breadcrumbs a:hover {}
.breadcrumbs a:visited {color:#333;}

/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a {text-decoration:none; border:none;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption { font-weight: bold; font-size:150%;}
#lightbox-image-details-link {display:block; font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}

/** Galleries **/
.gallery {overflow:hidden; margin:1em 0; padding:0;}
.gallery li {float:left; display:inline; margin:0; list-style:none;}
.gallery a {float:left; display:block; margin:0 4px 4px 0; padding:0; border:1px solid #000; line-height:0;}
.gallery a img {margin:0; padding:0; border:none;}
.gallery a:hover {background-color:#ddd;}
.gallery img {border:none;}

/* 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');
}

.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;}

/* NEWS & EVENTS
   ----------------------------------------------------*/
article {margin-bottom:4em;}
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 0 0.25em; font-size:1.6em; border-bottom:2px solid #DCB439;}
  .entry-title.page-title {border:none;}
.publish-info,
.author,
.location,
.posted-in {display:inline-block; *display:inline; *zoom:1; margin:0.2em 1em 0 0; color:#333; font-size:1em; font-weight:normal; font-family:inherit;}
.publish-info b,
.author b,
.location b,
.posted-in {color:#999; font-weight:bold;}
.entry-summary {margin:1em 0;}
.description {margin:1em 0;}
.posted-in {display:none;}
.news-hentry .posted-in,
.event .posted-in {display:block;}

  /* Events */
  h2.date {margin:0 0 0.25em; padding:0; color:#999; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.425em;}

/* SEARCH
   ----------------------------------------------------*/
.search-count,
.search-time {font-family:inherit;}
.search-count {margin:0; font-size:1.4em;}
  .search-query {}
.search-time {margin:0 0 1em; 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-size:1.4em;}
    .search-result-url {font-size:0.9em; font-family:inherit;}
      .search-result-url a {color:#388222;}
    .search-result-excerpt {margin:0 0 0.5em; line-height:1.3em;}
    .search-result-meta {color:#999; font-size:0.9em;}
      .search-result-size {}
      .search-result-date {}
.pagination {}
  .pagination a {}

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {

  .image-default img,
  .image-right img,
  .image-left img {border:1px solid #000;
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
  }

  /* HEADER
     ----------------------------------------------------*/
  .site-header {text-align:center;}
  .brandbar,
  .titlebar {overflow:hidden;}
  .brandbar {border-bottom:1px solid #001227;
    background:#002b5b url(images/texture-checkers-lightblue50.png) 0 0 repeat;
    background:url(images/texture-checkers-lightblue50.png), -webkit-linear-gradient(top, #003b7c 0%, #001227 100%);
    background:url(images/texture-checkers-lightblue50.png), -moz-linear-gradient(top, #003b7c 0%, #001227 100%);
    background:url(images/texture-checkers-lightblue50.png), linear-gradient(top, #003b7c 0%, #001227 100%);
    -webkit-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
    box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
  }
  .site-header h3,
  .site-header h2 {margin:0; padding:0;}
  .site-header h2 {display:none;}
  .site-header h3 a,
  .site-header h2 a {display:block;  margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:0 0;}
  .site-header h3 img {display:none;}

  .titlebar {padding:0.75em 0; border-bottom:1px solid #c9c9c9;
    background:#ebebeb;
    background:-webkit-linear-gradient(top, #fff, #fdfdfd, #ebebeb);
    background:   -moz-linear-gradient(top, #fff, #fdfdfd, #ebebeb);
    background:        linear-gradient(top, #fff, #fdfdfd, #ebebeb);
  }
  .site-header h1 {clear:both; margin:0 auto 0.5em; padding:0; font-size:1.75em; font-weight:normal; text-shadow:0 1px rgba(255,255,255,0.7); font-family:Georgia, "Times New Roman", serif;}
  .site-header h1 a {display:block; border:none; color:#002b5b; text-decoration:none;}
    .site-header span {display:block; font-size:0.6em; line-height:1em;}
    .site-header h1 a:hover {text-decoration:none;}
    .subhead {}

  .dept-nd a   {width:301px; background-image:url(https://static.nd.edu/images/brandbar/dept-nd-white.png);}
  .dept-coal a {width:316px; background-image:url(https://static.nd.edu/images/brandbar/dept-coal-white.png);} /* College of Arts and Letters */

  .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:1px 1px 1px 4px; border:1px solid #b5b4b9; line-height:1.1em; background-color:#fff;
      -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.65);
         -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.65);
              box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.65);
    }
    .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:1px solid #adadad; cursor:pointer;
      background-color:#d3d3d3;
      background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(255, 255, 255, .0))), hsl(0, 0%, 65%);
      background:-webkit-linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .0)), hsl(0, 0%, 65%);
      background:   -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .0)), hsl(0, 0%, 65%);
      background:        linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .0)), hsl(0, 0%, 65%);
      -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-ie8 .search-button {background:#a5a5a5 url(/images/icons/searchmag.png) center center no-repeat;}
    .search-button:hover {
      border:1px solid #a9740c;
      background:center center no-repeat #edd854;
      background:center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edd854), color-stop(100%,#cc921f));
      background:center center no-repeat, -webkit-linear-gradient(top, #edd854 0%,#cc921f 100%);
      background:center center no-repeat,    -moz-linear-gradient(top, #edd854 0%,#cc921f 100%);
      background:center center no-repeat,         linear-gradient(top, #edd854 0%,#cc921f 100%);
    }

    .search-button:active {
      background: center center no-repeat #cc921f;
      background: center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc921f), color-stop(100%,#edd854));
      background: center center no-repeat, -webkit-linear-gradient(top, #cc921f 0%,#edd854 100%);
      background: center center no-repeat,    -moz-linear-gradient(top, #cc921f 0%,#edd854 100%);
      background: center center no-repeat,         linear-gradient(top, #cc921f 0%,#edd854 100%);
    }
    .search-button:before { content:attr(data-icon); display:block; position:absolute; top:0; left:0.1em; color:#444; font-size:1.6em; font-family:NDIcons; text-indent:0; text-shadow:0 1px #eee; }
    .search-button:hover:before { color:#002b5b; text-shadow:0 1px rgba(255,255,255,0.6); }
    .search-button:active:before { text-shadow:0 -1px rgba(255,255,255,0.6); }

  .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:.625em; color:#333; border:1px solid #ccc; background-color:#fff;}
  .header-util nav a:hover { background-color:#ebebeb;}
  .header-util nav .news-and-events {display:none;}

  /* STRUCTURE
     ----------------------------------------------------*/
  .site-content {padding:1em;}
  .alpha {}
  .beta {clear:both; padding:1em; 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 {}
    .aside .entry-title {font-size:1.2em;}
    .aside article footer {display:none;}

  .page-title {margin:0 0 0.5em; padding:0 0 0.2em; color:#7d847c; border-bottom:1px solid #cbd0d6;}

  /* NAVIGATION
     ----------------------------------------------------*/
  .top-nav {display:none; font-size:0.9em; line-height:1.4em; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif;}
    .top-nav a {display:block; padding:0.6em 0.2em; color:#333;}
    .top-nav a:hover,
    .top-nav .current {background-color:#ebebeb; border:none;}

  .fullnav {display:block;}
  .partnav {display:none;}
  .site-nav {font-size:0.9em; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif;}
  .site-nav > ul {padding:0; border:1px solid #ccc;}
    .site-nav > ul li {margin:0; border:1px solid #ccc; border-width:0 0 1px;}
      .site-nav > ul li:last-child {border:none;}
    .site-nav > ul a {display:block; padding:0.8em; border:none; line-height:1.2em; text-transform:none; color:#333; font-size:1em;}
    .site-nav > ul a:hover {background-color:#ebebeb;}
    .site-nav > ul > .active > a {background-color:#ebebeb;}
  .site-nav ul ul {padding:0;}
    .site-nav ul ul li {border:none;}
    .site-nav ul ul a {padding:0.5em 0 0.5em 3em; text-indent:-1.5em; color:#444; font-size:1em; font-family:inherit; border:none;}
    .site-nav ul ul a:hover {border:none;}
    .site-nav ul ul > .active > a {background-color:#efefef;}
  .site-nav ul ul ul {margin-left:0.5em; padding:0; font-size:0.9em; }
    .site-nav ul ul ul a {}
    .site-nav ul ul ul a:hover {background:none;}
    .site-nav ul ul ul .active > a {color:#555; font-weight:bold;}
    .site-nav ul ul ul .active > .current-last {}
  .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; }

  /* HOME
     ----------------------------------------------------*/
  .feature-image {text-align:center;}
    .feature-image p,
    .feature-image img {margin:0 auto;}
  .primary {overflow:hidden; margin:1em auto;}
  .col {margin:0 0 3em;}
  .col h2.date {display:none;}
  .col > h2 {margin:0 0 0.5em; padding:0 0 0 20px; font-weight:bold; font-size:1.6em; background:url("images/arrow.png") no-repeat scroll left center transparent;}
    .col > h2 a {color:#817c78;}
  .col .entry-title {font-size:1.8em;}
  .home .entry-title {padding:0; border:none; font-size:1.4em; font-family:inherit;}
  .col2,
  .col3 {padding:1.5em 1.2em; background:url(images/home-section-fade.png) 0 0 repeat-x;}

  .home-content .image-left {max-width:100%; margin:0 0 1em;}

  /* CUSTOM PAGES
     ----------------------------------------------------*/

  /* FOOTER
     ----------------------------------------------------*/
  .site-footer {position:relative; clear:both; padding:1em 0.5em; text-align:center; font-size:0.875em;}
  .site-info {margin:1em 0;}
  .site-info li {display:inline-block; *display:inline; *zoom:1; margin:0 2%;}
  .site-info a {}
  .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;}
  .almark {width:166px; margin:2em auto;}
    .almark:hover {border:none;}

}

/*************************************************************************************
 * 3. Media Queries
 ************************************************************************************/
/* 432px
   ----------------------------------------------------*/
@media only screen and (min-width:27em) {
  h2.date {font-size:1.1em;}
}

/* 580px
   ----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .site-header h2 {display:block;}
}

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

  blockquote {margin:2em 1em; padding:2em 1em;
    background:url(images/bars-gold.png) 0 top repeat-x;
    background:url(images/bars-gold.png) 0 0 repeat-x, url(images/bars-gold.png) left bottom repeat-x;
  }
  blockquote.pull {float:right; width:30%;}

  .site-header {text-align:left;}
  .site-header .brandbar {padding:0;}
  .site-header .titlebar {padding:1.4em 1em;}
    .site-header .titlebar.subhead {padding:0.7em 1em;}
  .site-header h1 {float:left; margin:0.4em 0 0; padding:0; font-size:1.8em;}
  .search-input {width:auto; font-size:0.8em;}

  .site-header h2,
  .site-header h2 a {float:right; height:50px;}
  .site-header h3 a {float:left; height:50px;}
  .site-header .brandbar {padding:0 2em;}
  .site-header .titlebar {padding:1.75em 2em;}
    .site-header .titlebar.subhead {padding:1.1em 2em;}

  .header-util {float:right; top:0.8em; 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; margin:0 0 0 1em; text-align:right;}
    .header-util nav a {font-size:0.825em; font-weight:normal;}
    .header-util nav a,
    .header-util nav a:hover { display:inline; padding:0; border:0 none; background:none;
        -webkit-box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
           -moz-box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
                box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
    }
    .header-util nav a:hover { color:#002b5b; text-shadow:0 1px rgba(255,255,255,.9); }
    .header-util .menu-skip,
    .header-util .search-toggle {display:none;}
    .search-button {width:23px; height:23px;}
      .search-button:before {top:0; left:2px; font-size:18px;}
    .header-util nav .news-and-events {display:inline-block; *display:inline; *zoom:1;}

  .site-content {overflow:hidden;}
  .alpha {float:left; width:76%; margin:0 0 0 24%;}
  .beta {clear:none; float:left; width:20%; margin:0 0 0 -100%; padding:0; border:none;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
  }

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

  /* Navigation */
  .fullnav {display:none;}
  .partnav {display:block;}
  .top-nav {display:table; width:100%; margin:0 0 2em; border:1px solid #dedede; text-align:center;}
    .top-nav ul {overflow:hidden; display:table; width:100%;}
    .home .top-nav {margin-bottom:0;}
    .top-nav li {display:table-cell; width:16.666666667%; vertical-align:middle; border-right:1px solid #b5b5b7;}
      .top-nav li:last-child {border:none;}
    .top-nav a {}

  /* Homepage */
  .home .alpha {float:none; width:auto; margin:0;}
  .home .beta {display:none;}
  .primary {}

  .col {float:left; width:32.65%;}
    .col h2 {margin-top:0;}
    .col1,
    .col2 {margin-right:1%;}

  /* News and Events */
  .news-and-events .primary,
  .news-and-events .secondary {float:left; width:48%;}
  .news-and-events .primary {margin-right:4%;}

  /* Footer */
  .site-footer {margin:1em; padding:2em 0; text-align:left;}
    .site-footer .almark {position:absolute; right:0; top:2.2em; margin:0;}
    .site-link {display:block;}
    .org {display:inline;}
    .social {position:absolute; top:2.2em; right:300px;}
}

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

  .site-header h1 {float:left; margin:0; padding:0; font-size:2.7em;}
  .site-content {padding:1em 2em;}
  .site-footer {margin:1em 2em;}
    .social {right:250px;}
}

/* 960px
   ----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .hentry-home article {width:86%;}

  .site-footer p {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;}

  /* 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%;}
}

/* 1200px
   ----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .site-header .brandbar,
  .site-header .titlebar,
  .site-header .titlebar.subhead,
  .site-content {padding-left:5%; padding-right:5%;}
  .site-footer {margin-left:5%; margin-right:5%;}
}

/* 1500px
   ----------------------------------------------------*/
@media only screen and (min-width:93.750em) {
  .site-header .brandbar,
  .site-header .titlebar,
  .site-header .titlebar.subhead,
  .site-content {padding-left:10%; padding-right:10%;}
  .site-footer {margin:1em 10%;}
}

/* 1800px
   ----------------------------------------------------*/
@media only screen and (min-width:112.500em) {
  .site-header .brandbar,
  .site-header .titlebar,
  .site-header .titlebar.subhead,
  .site-content {padding-left:16%; padding-right:16%;}
  .site-footer {margin:1em 16%;}
}

/* Hi-res
   ----------------------------------------------------*/
@media
  only screen and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (-o-min-device-pixel-ratio:3/2),
  only screen and (min--moz-device-pixel-ratio:1.5),
  only screen and (min-device-pixel-ratio:1.5) {

    .more {background-image:url(images/more@2x.png);
      -webkit-background-size:12px 17px;
         -moz-background-size:12px 17px;
          -ie-background-size:12px 17px;
           -o-background-size:12px 17px;
              background-size:12px 17px;
    }

    .site-header h3 a,
    .site-header h2 a {
              background-size:contain;
    }
    .dept-nd a   {background-image:url(https://static.nd.edu/images/brandbar/dept-nd-white@2x.png);}
    .dept-coal a {background-image:url(https://static.nd.edu/images/brandbar/dept-coal-white@2x.png);} /* College of Arts and Letters */

}

/*************************************************************************************
 * 4. 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,
  .almark {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;}
    .site-header h3 {text-indent:-100%; white-space:nowrap; overflow:hidden;}
    .site-header .ndmark {position:absolute; bottom:20px; right:0;}
    .site-header h2,
    .site-header h1,
    .site-header h4 {margin:0; font-family:Georgia, "Times New Roman", Times, serif;}
    .site-header h2 a,
    .site-header h1 a,
    .site-header h4 a {color:#000;}

    .site-header h2 {font-size:0.8em;}
    .site-header h1 {margin:4px 0 2px; font-size:2em;}
    .site-header h4 {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 .almark {position:absolute; top:20px; right:0;}

}