/* 125 Template v1.0
   Updated: 2012.9.24 PAZ
   Author: Erik Runyon
   ----------------------------------------------------*/

/* COMMON STYLES
   ----------------------------------------------------*/
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
@-ms-viewport {width:device-width;}

html {overflow-y:scroll; width:100%; height:100%; margin:0; padding:0; font-size:100%; text-rendering:optimizeLegibility; background:#f0eedf;
  text-size-adjust:100%;
  font-smoothing:antialiased;
}
body {width:100%; margin:0; padding:0; color:#333; font-size:1em; line-height:1.4em; font-family:"HelveticaNeue", Helvetica, Arial, Verdana, sans-serif; background:#efeede url(images/texture-home.png) 0 0 repeat-x fixed;}
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; -webkit-tap-highlight-color:#369;}
a:visited {color:#4a3651;}
a:hover {color:#002b5b}
a:active {color:#aa272f;}
a:focus {outline:thin dotted;}
::-moz-selection { background:#0058cf; color:#fff; text-shadow:none; }
::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:#002b5b; font-weight:normal; font-family:GalaxiePolarisCondensedBook, "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none; color:#333;}
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:2.0em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5 {margin-top:0;}

ol,ul {padding:0 0 0 2em;}
li {margin:0 0 0.25em;}
  li { margin:0 0 0.5em 0.25em; }
  .columnlist li {overflow:hidden; width:auto;
    -moz-column-break-inside:avoid;
    -webkit-column-break-inside:avoid;
    column-break-inside:avoid;
  }
  .columnlist.plain li:before { content:''; }
  .columnlist.block li { display:block; }
nav ul {margin:0; padding:0; list-style:none;}
nav li {margin:0; padding:0;}
nav a {text-decoration:none;}

table {width:100%; border-collapse:collapse; border-spacing:0;}
tr {border-top:1px solid #aaa;}
  tr:hover {background:rgba(0,0,0,0.05);}
  thead 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; margin:1em 0; border:1px solid transparent; border-width:1px 0 0;}

/* Quotes
   ----------------------------------------------------*/
blockquote {margin:2em 1em; padding:1em; border:1px solid #ccc; background-color:#f2f2f2;
  -webkit-box-shadow:0 8px 15px -6px rgba(0,0,0,0.8), 0 1px rgba(255,255,255,0.9) inset, 0 0 3em rgba(0,0,0,0.1) inset;
     -moz-box-shadow:0 8px 12px -6px rgba(0,0,0,0.8), 0 1px rgba(255,255,255,0.9) inset, 0 0 3em rgba(0,0,0,0.1) inset;
          box-shadow:0 8px 12px -6px rgba(0,0,0,0.8), 0 1px rgba(255,255,255,0.9) inset, 0 0 3em rgba(0,0,0,0.1) inset;
}
blockquote p {line-height:1.5em; font-size:1.1em; 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:"HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}
blockquote img {margin:0 0 1em;}
blockquote.pull {float:right; font-style:normal;}

/* IMAGES
   ----------------------------------------------------*/
img { max-width:100%; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic;}
.image-default a,
.image-right a,
.image-left a {border:none;}
.image-center	{text-align:center;}
.image-default img,
.image-right img,
.image-left img,
.image-center img { /* padding:2px; border:1px solid #aaa; */ border:3px solid #fff; box-shadow:0 8px 15px -6px rgba(0,0,0,0.8), 0 2px 6px #000 inset;
}

/* Fonts
   ----------------------------------------------------*/
@font-face {font-family:GPCLight; font-weight:100; font-style:normal;
  src:url('https://static.nd.edu/fonts/gp-min/gpc-light.woff2') format('woff2'),
      url('https://static.nd.edu/fonts/gp-min/gpc-light.woff') format('woff'),
      url('https://static.nd.edu/fonts/gp-min/gpc-light.ttf') format('truetype');
}
@font-face {font-family:GPCBook; font-weight:300; font-style:normal;
  src:url('https://static.nd.edu/fonts/gp-min/gpc-book.woff2') format('woff2'),
      url('https://static.nd.edu/fonts/gp-min/gpc-book.woff') format('woff'),
      url('https://static.nd.edu/fonts/gp-min/gpc-book.ttf') format('truetype');
}
@font-face {font-family:GPCMedium; font-weight:400; font-style:normal;
  src:url('https://static.nd.edu/fonts/gp-min/gpc-medium.woff2') format('woff2'),
      url('https://static.nd.edu/fonts/gp-min/gpc-medium.woff') format('woff'),
      url('https://static.nd.edu/fonts/gp-min/gpc-medium.ttf') format('truetype');
}
@font-face {font-family:GPCBold; font-weight:700; font-style:normal;
  src:url('https://static.nd.edu/fonts/gp-min/gpc-bold.woff2') format('woff2'),
      url('https://static.nd.edu/fonts/gp-min/gpc-bold.woff') format('woff'),
      url('https://static.nd.edu/fonts/gp-min/gpc-bold.ttf') format('truetype');
}

/* STYLES
   ----------------------------------------------------*/
.noborder,
.noborder img {border:none !important;
  -webkit-box-shadow:none;
          box-shadow:none;
}
.ical {padding:1px 0 0 20px; background:url(/images/icons/ical.gif) left center no-repeat;}
.feed {padding:1px 0 0 20px; background:url(/images/icons/feed.gif) left center no-repeat;}
.pdf {padding:1px 0 0 20px; background:url(/images/icons/pdf.gif) left center no-repeat;}
.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat;}
.cf:before, .cf:after { content:"\0020"; display:block; height:0; overflow:hidden; }
.cf:after { clear:both; }
.cf { zoom:1; }

.button-gold {border:1px solid #6f5321; color:#002b5b; text-decoration:none; text-align:center; text-shadow:0 1px 0 rgba(255,255,255,0.5);
  -webkit-border-radius:3px;
          border-radius:3px;
  -webkit-box-shadow:inset 0 1px rgba(246, 239, 220, 0.8), 0 1px 3px rgba(0, 0, 0, 0.4);
          box-shadow:inset 0 1px rgba(246, 239, 220, 0.8), 0 1px 3px rgba(0, 0, 0, 0.4);
background: #e2d199;
        background: -moz-linear-gradient(top, #e2d199 0%, #cfae5b 50%, #c09631 51%, #916d2a 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2d199), color-stop(50%,#cfae5b), color-stop(51%,#c09631), color-stop(100%,#916d2a));
        background: -webkit-linear-gradient(top, #e2d199 0%,#cfae5b 50%,#c09631 51%,#916d2a 100%);
        background: -o-linear-gradient(top, #e2d199 0%,#cfae5b 50%,#c09631 51%,#916d2a 100%);
        background: -ms-linear-gradient(top, #e2d199 0%,#cfae5b 50%,#c09631 51%,#916d2a 100%);
        background: linear-gradient(top, #e2d199 0%,#cfae5b 50%,#c09631 51%,#916d2a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2d199', endColorstr='#916d2a',GradientType=0 );
}
  .button-gold:linke,.button-gold:active,.button-gold:vistied {  color:#002b5b; }
  .button-gold:hover {opacity:0.9; text-decoration:none;}

.intro {margin:1em 0.5em; font-size:1.4em; line-height:1.4em; color:#002c62; text-shadow:0 1px 1px rgba(255,255,255,0.9); font-family:GPCBook, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}

/* Body Background Styles
   ----------------------------------------------------*/
#b-moment,
.era-1930,
.era-1960,
.era-1980,
.era-2010 {background-repeat:no-repeat; background-attachment:fixed; background-size:100% auto;
}
#b-moment,
.era-1930 {background-image:url(images/bg700-1930.jpg);}
.era-1960 {background-image:url(images/bg700-1960.jpg);}
.era-1980 {background-image:url(images/bg700-1980.jpg);}
.era-2010 {background-image:url(images/bg700-2010.jpg);}

.lt-ie9 #b-moment,
.lt-ie9 .era-1930,
.lt-ie9 .era-1960,
.lt-ie9 .era-1980,
.lt-ie9 .era-2010 { background: url(images/texture-home.png) 0 0 repeat-x fixed; }

/* 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:#004da3;}

.pano { float:right; margin:0 1.5em 1.5em 0; }

@media screen,projection {
  .page-title {text-shadow:0 1px 1px rgba(255,255,255,0.9); font-family:GPCLight, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}

  /* STRUCTURE
     ----------------------------------------------------*/
  #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; }
  #content {clear:both; padding:2em 1em;}

  /* HEADER
     ----------------------------------------------------*/
  #header {display:block; float:left; position:relative; width:100%; margin:0; padding:0; text-align:center;}
  #header h3,
  #header h2 {margin:0; padding:0; background:url(images/texture-blue.png) 0 0 repeat;}
    #header h3 img {display:none;}
    #header h3 a,
    #header h2 a {display:block; height:40px; margin:0 auto; border:none; text-indent:-9999px; overflow:hidden; background-position:0 0; background-repeat:no-repeat;}
    #header h3 a {width:301px; background-position:0 0; background-image:url(https://static.nd.edu/images/brandbar/dept-nd-white.png);}
    #header h2 a {width:288px; background-position:0 -5px; background-image:url(https://static.nd.edu/images/brandbar/dept-athl-white.png);}

  #header h1 {margin:0.5em auto 0; padding:0;}
    #header h1 a {display:block; width:222px; height:224px; margin:0 auto; border:none; text-decoration:none; text-indent:-9999px; overflow:hidden; background:url(images/125-football.svg) center center no-repeat; background-size:100% 100%;
    }
    .lt-ie9 #header h1 a {background-image:url(images/125-football.png);}
    #header h4 {max-width:190px; max-height:21px; margin:0 auto; text-indent:-9999px; overflow:hidden; background:url(images/strong-and-true.png) 0 0 no-repeat; background-size:100% auto;
    }

  /* header util */
  .header-util {padding:0 1em;}
    .search-header {overflow:hidden; padding:1px; border:1px solid #828178; background-color:#fff; border-radius:5px;
      -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
         -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
              box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
    }
    .search-header label {display:none;}
    .search-input {float:left; width:82%; height:22px; margin:0; padding:0 3px; border:none; font-size:90%; color:#444; -webkit-appearance:textfield; background:transparent;}
    .search-button {float:right; text-indent:-9999px; overflow:hidden; width:22px; height:22px; margin:0; padding:0; border:1px solid #6f5320; cursor:pointer; -moz-border-radius:3px; border-radius:3px;
      -webkit-box-shadow:inset 0 1px rgba(246, 239, 220, 0.8), 0 1px 3px rgba(0, 0, 0, 0.4);
              box-shadow:inset 0 1px rgba(246, 239, 220, 0.8), 0 1px 3px rgba(0, 0, 0, 0.4);
      background:#d3d3d3 url(/images/icons/searchmag.png) center center no-repeat;
      background:url(/images/icons/searchmag.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ce94), color-stop(50%,#d0ad5b), color-stop(51%,#bf952f), color-stop(100%,#93712a));
      background:url(/images/icons/searchmag.png) center center no-repeat, -webkit-linear-gradient(top, #e1ce94 0%,#d0ad5b 50%,#bf952f 51%,#93712a 100%);
      background:url(/images/icons/searchmag.png) center center no-repeat, -moz-linear-gradient(top, #e1ce94 0%, #d0ad5b 50%, #bf952f 51%, #93712a 100%);
      background:url(/images/icons/searchmag.png) center center no-repeat, -o-linear-gradient(top, #e1ce94 0%,#d0ad5b 50%,#bf952f 51%,#93712a 100%);
      background:url(/images/icons/searchmag.png) center center no-repeat, -ms-linear-gradient(top, #e1ce94 0%,#d0ad5b 50%,#bf952f 51%,#93712a 100%);
      background:url(/images/icons/searchmag.png) center center no-repeat, linear-gradient(to bottom,  #e1ce94 0%,#d0ad5b 50%,#bf952f 51%,#93712a 100%);
      -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;
    }
    .search-button:hover {opacity:0.9;}

  /* HOMEPAGE
     ----------------------------------------------------*/
  #feature {}
    #feature p {margin:0;}
    #feature img {padding:3px; background-color:#fff; transition:all .15s ease-in-out; box-shadow:0 8px 15px -6px rgba(0,0,0,0.8);
    }
    #feature img:hover {opacity:0.9;}
  #primary {margin:2em auto; text-shadow:0 1px 0 #fff; font-size:1.2em; line-height:1.6em; color:#032b5e; font-family:GPCBook, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}
    #primary strong {color:#a58231; text-transform:uppercase; font-family:GPCMedium, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}

  .social {width:184px; margin:2em auto; padding:120px 0 0; font-size:0.9em; line-height:1.2em; background:url(images/helmets.png) top center no-repeat; background-size:100% auto;
  }
    .social p {margin:0.25em 8px 1em; font-size:0.9em;}
    .facebook-125,
    .twitter-125 {display:block; width:184px; height:34px; opacity:1; text-indent:-9999px; overflow:hidden; text-decoration:none; background-image:url(images/buttons.png); background-position:0 0; background-repeat:no-repeat;}
    .facebook-125:hover {background-position:-194px 0;}
    .twitter-125 {background-position:0 -80px;}
    .twitter-125:hover {background-position:-194px -80px;}

  /* NAVIGATION
     ----------------------------------------------------*/
  .nav {margin:2em auto; padding:0 1em; text-align:center; font-family:GPCMedium, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}
  .nav li {display:inline-block; *display:inline; *zoom:1; width:50%; text-align:center;}
  .nav li > a {display:block; padding:4px; line-height:1em; color:#002b5b; text-shadow:0 1px rgba(255,255,255,0.9); text-transform:uppercase;
    border:9px solid rgba(0,0,0,0); transition:all .15s ease-in-out;
  }
  .nav li > a:hover { text-shadow:0 1px rgba(255,255,255,0.6); border-image: url(images/nav-border-gold.png) 9 fill repeat; border-radius:3px;
  }
  .nav li > a.current,
  #b-moment #nav_36963 a {color:#fff; text-shadow:none; border-image: url(images/nav-border-blue.png) 9 fill repeat;
    -webkit-border-radius:3px;
            border-radius:3px;
  }
  .lt-ie9 .nav li a:hover { background:url(images/nav-gold.png) 0 0 repeat; }
  .lt-ie9 .nav li a.current,
  .lt-ie9 #b-moment #nav_36963 { background:url(images/nav-blue.png) 0 0 repeat; }

  /* EVENTS
     ----------------------------------------------------*/
  .meta {overflow:hidden; width:auto; padding:6px 20px 8px; line-height:1em; border:1px solid #dadada; border-width:1px 0; background-color:#f9f7e8;}
  .meta .publish-info,
  .meta .pubdate {float:left;}
  .meta .author,
  .meta .location {float:right;}
  .current-date {margin:0 0 15px; padding:5px 10px; font-size:140%; border-bottom:1px solid #aaa; background-color:#eee;}
  .events-subscribe {float:right; margin:4px 0 0;}
  .vevent {clear:both; margin:0 0 30px;}
  .vevent header h1,
  .vevent header h1 a {margin:0 0 7px; text-decoration:none; border:none;}
  .vevent header h1 a:hover {text-decoration:none;}
  .vevent header h2,
  .vevent header h3,
  .vevent footer {margin:3px 10px 0 0; clear:both; color:#666; font-size:90%; font-weight:normal;}
  .vevent header .meta h2,
  .vevent header .meta h3 {clear:none;}
  .description {margin:10px 0;}
  .vevent footer {width:50%;}

  /* SEARCH
     ----------------------------------------------------*/
  #search-page {width:50%;}
  #site-search-form {margin-bottom:30px;}
  .results-count {margin-bottom:0;}
  .results-query {margin-top:10px; font-weight:normal; font-size:120%; font-family:"HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}
  .results-query em {color:#9b8231; font-weight:bold;}
  .search-record {margin:20px 0; border-top:1px solid #dadada;}
  .search-record h2 {font-size:160%;}
  .search-record h3 {margin-bottom:0;}
  .search-record h3 a {text-decoration:none; color:#315b87;}
  .search-record h3 a b {color:#9b8231;}
  .pagination {padding-top:15px; font-size:130%; text-align:center; border-top:1px solid #dadada;}
  .search-time {display:none;}

  /* TIMELINE
     ----------------------------------------------------*/
  #b-moment .page-title {display:none;}
  #b-moment .inner-content {display:none;}
  #timeline-embed {background-color:transparent;}

  /* MOMENT
     ----------------------------------------------------*/
  p iframe, p.youtube img { display:block; margin:1em auto; border:1px solid #000; box-shadow:0 8px 15px -6px rgba(0,0,0,0.8);
  }
  .share {margin:0 auto 2em;}
    .share a.button-gold {display:block; width:100%; margin:0 0 0.3em; padding:0.2em 0.5em; color:#002b5b; text-align:center;}
    .share a.moment-toggle {padding:0.3em 34px 0.3em 0.5em; font-size:2em; font-family:GPCMedium, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;;
      background:url(images/button-moment-bg.png) right center no-repeat, -moz-linear-gradient(top, #e1ce94 0%, #d0ad5b 50%, #bf952f 51%, #93712a 100%);
      background:url(images/button-moment-bg.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ce94), color-stop(50%,#d0ad5b), color-stop(51%,#bf952f), color-stop(100%,#93712a));
      background:url(images/button-moment-bg.png) right center no-repeat, -webkit-linear-gradient(top, #e1ce94 0%,#d0ad5b 50%,#bf952f 51%,#93712a 100%);
      background:url(images/button-moment-bg.png) right center no-repeat, -o-linear-gradient(top, #e1ce94 0%,#d0ad5b 50%,#bf952f 51%,#93712a 100%);
      background:url(images/button-moment-bg.png) right center no-repeat, -ms-linear-gradient(top, #e1ce94 0%,#d0ad5b 50%,#bf952f 51%,#93712a 100%);
      background:url(images/button-moment-bg.png) right center no-repeat, linear-gradient(to bottom,  #e1ce94 0%,#d0ad5b 50%,#bf952f 51%,#93712a 100%);
    }
    .share a.share-moment {padding:0 0.5em; text-transform:uppercase; font-size:0.8em;}
  .lt-ie9 .share {float:left; max-width:130px; margin:0 2em 2em 0;}
  .lt-ie9 h1 + p { clear:both; }

  .mdd {position:absolute; top:73px; left:5%; width:90%; padding:20px 40px; font-size:0.825em; background:url(images/texture-mdd.png) 0 0 repeat; border-radius:3px; box-shadow:0 0.825em 1.75em rgba(0, 0, 0, 0.3);
  }
    .mdd ul {margin:0; padding:0; list-style:none;}
      .mdd li {margin:0;}
      .mdd a {text-decoration:none;}

    #moments-dd {display:none; z-index:10;}
      #mdd-list ul {display:none;}
        #mdd-list li {vertical-align:top; display:inline-block; *display:inline; *zoom:1; width:48%; line-height:1.1em;}
        #mdd-list a {display:block; padding:4% 5%; border:1px solid transparent;}
        #mdd-list a:hover {border:1px solid #dadada; background-color:#fafafa;}
        .mdd-number {display:block; color:#636363; font-family:GPCBold, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}
        .mdd-title {color:#032b5e;}

      #mdd-dir li {position:absolute; top:45%;}
      #mdd-dir a {display:block; width:20px; height:20px; text-indent:-9999px; overflow:hidden; background:url(images/mdd-dir.png) 0 0 no-repeat;}
      #mdd-left {left:12px;}
      #mdd-right {right:12px;}
        #mdd-right a {background-position:-20px 0;}
    #mdd-pag {margin-top:2em; text-align:center;}
      #mdd-pag li {display:inline-block; *display:inline; *zoom:1; margin:0 0.25em 0.25em;}
      #mdd-pag a {display:block; color:#636363; text-align:center; width:6em; border:1px solid #dadada; background-color:#f6f6f6; font-family:GPCBook, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}
      #mdd-pag a.active {color:#092652; font-family:GPCBold, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif; border-radius:0; box-shadow:0 2px 1px 1px rgba(0, 0, 0, 0.1);
      }
  .moment-pager {display:none;}
    .moment-pager li {position:fixed; top:38.75em;}
    .moment-pager a {display:block; width:53px; height:59px; color:#333; font-size:11px; line-height:1.2em; background:url(images/farrows.png) 0 center no-repeat rgba(181,141,46,0.3); transition:all .15s ease-in-out;
    }
    .moment-pager a:hover { width:73px; background-color:rgba(181,141,46,0.7);  }
    .moment-pager a span {display:none; position:absolute; top:62px; width:120px; left:14px; opacity:0; transition:all ease-in 250ms;
    }
      .moment-pager a:hover span { display:block; top:72px; opacity:1; }
      .moment-pager a span b { display:block; text-transform:uppercase; }
      .nextrec a span {left:auto; right:14px; text-align:right;}
    .prevrec {left:0;}
    .nextrec {right:0;}
      .prevrec a { border-radius:0 3px 3px 0; }
      .nextrec a { background-position:-127px center;  border-radius:3px 0 0 3px; }
      .moment-pager .prevrec a:hover { background-position:20px center; }

  .image-center + p { font-size:0.875em; margin:0 2em 4em; padding:1em; background:#fff; border-width:0 8px;
    -webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2d199), color-stop(50%,#cfae5b), color-stop(51%,#c09631), color-stop(100%,#916d2a)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(top, #e2d199 0%,#cfae5b 50%,#c09631 51%,#916d2a 100%) 1 100%;
       -moz-border-image: -moz-linear-gradient(top, #e2d199 0%, #cfae5b 50%, #c09631 51%, #916d2a 100%) 1 100%;
        -ms-border-image: -ms-linear-gradient(top, #e2d199 0%,#cfae5b 50%,#c09631 51%,#916d2a 100%) 1 100%;
         -o-border-image: -o-linear-gradient(top, #e2d199 0%,#cfae5b 50%,#c09631 51%,#916d2a 100%) 1 100%;
            border-image: linear-gradient(top, #e2d199 0%,#cfae5b 50%,#c09631 51%,#916d2a 100%) 1 100%;
      -webkit-box-shadow:1px 0 #6F5321 inset, -1px 0 #6F5321 inset, 0 1px rgba(255,255,255,0.4) inset, 0 0 2em rgba(0,0,0,0.25) inset, 0 0 1px 1px #6F5321, 0 8px 15px -6px rgba(0,0,0,0.5);
         -moz-box-shadow:1px 0 #6F5321 inset, -1px 0 #6F5321 inset, 0 1px rgba(255,255,255,0.4) inset, 0 0 2em rgba(0,0,0,0.25) inset, 0 0 1px 1px #6F5321, 0 8px 15px -6px rgba(0,0,0,0.5);
              box-shadow:1px 0 #6F5321 inset, -1px 0 #6F5321 inset, 0 1px rgba(255,255,255,0.4) inset, 0 0 2em rgba(0,0,0,0.25) inset, 0 0 1px 1px #6F5321, 0 8px 15px -6px rgba(0,0,0,0.5);
  }
  .lt-ie9 .inner-content { padding:6em 9em 2em 300px; }
  .lt-ie9 .image-center + p { border-top:1px solid #cfae5b; border-right:8px solid #cfae5b; border-bottom:1px solid #cfae5b; border-left:8px solid #cfae5b; }

  /* GALLERIES
     ----------------------------------------------------*/
  .galleries {}
    .gallery {margin:0; padding:0; list-style:none;}
      .gallery li {display:inline-block; *display:inline; *zoom:1; margin:0 0 1em; font-weight:bold;}
      .gallery a {display:block;}
      .gallery img {margin:0 1.5em 1em 0; border:3px solid #fff; box-shadow:0 8px 15px -6px rgba(0,0,0,0.8);
      }

  /* Page specific
     ----------------------------------------------------*/
  .audio-button {display:block; margin:0 auto 1.2em; padding:0.25em 0.5em; font-size:1.4em; cursor:pointer;}

  #b-your-story .button-gold {padding:0.5em 1.5em; color:#002b5b;}

  /* Fixed Timeline
     ----------------------------------------------------*/
  #fixedtl {display:none; position:fixed; left:0; bottom:0; z-index:100; width:100%; height:80px; background:url(images/fixedtl-bg.png) 0 0 repeat-x;}

    #ftimeline {position:relative;}
    .fyears {position:relative; display:table; width:100%; margin-top:11px;}
      .fyears li {position:relative; display:table-cell; width:2px; height:24px; background:url(images/timeline-marks.png) center top no-repeat;}
      .fyears .year {display:none; position:absolute; top:0; margin-top:20px; margin-left:-26px;}
      .fyears li.minor {background-image:url(images/timeline-mark-minor.png);}
      .fyears li.major {background-image:url(images/timeline-mark-major.png);}
      .fyears li.major .year {display:block; font-size:16px; font-family:GPCBold, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}
        .year-century {color:#cfc9a2; font-weight:normal; line-height:1em; vertical-align:top;}
        .year-decade {font-size:24px; color:#b38b2b; line-height:21px; vertical-align:top;}

    .fmoments {position:absolute; top:-11px; left:0;}
    .fmoments ul {position:relative;}
    .fmoments li {position:absolute; width:10px; height:10px; background:url(images/fixedtl-tick.png) center center no-repeat;}
    .fmoments a {display:block; width:100%; height:100%; padding:5px 8px;}
      .flagnum,
      .flagtitle {display:none;}

    .fmoments li.current { width:auto; height:27px; margin-top:-16px; margin-left:-13px; font-size:0.75em; background:url(images/fixedtl-bubble-small.png) 0 0 no-repeat; line-height:1; }
    .fmoments li.current a {}
    .fmoments li.current .flagnum,
    .fmoments li.active .flagnum {display:block; padding:0; color:#323232; text-shadow:0 1px 0 rgba(255,255,255,0.5); font-family:GPCBold, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}
    .fmoments li.current .flagtitle,
    .fmoments li.active .flagtitle {display:none; float:left; width:135px; margin:5px auto 2px; padding:3px 6px; color:#052757; line-height:11px; font-size:11px; font-weight:normal;}

    .fmoments li.active {z-index:10; left:-101px; height:70px; width:206px; margin-top:-54px; margin-left:-100px; background:url(images/timeline-bubbles.png) 0 0 no-repeat;}
    .fmoments li.active .flagnum {float:left; width:48px; margin:0; padding:12px 0 0; font-size:24px; text-align:center; color:#002b5c; font-family:GPCMedium, "HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;}
    .fmoments li.active .flagtitle {display:block;}

    .farrows {}
      .fprev,
      .fnext {position:absolute; top:10px; width:55px; height:70px; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer; background:rgba(25,43,84,0.8) url(images/farrows.png) left center no-repeat; transition:all .15s ease-in-out;
      }
      .fprev {left:0;}
      .fnext {right:0; background-position:right center;}
      .fprev:hover,
      .fnext:hover {background-color:rgba(25,43,84,0.9);}

  /**
   * 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 � 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:102; width:100%; height:500px;}
  #jquery-lightbox {position:absolute; top:0; left:0; width:100%; z-index:103; text-align:center; line-height:0;}
  #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;}
  #lightbox-image-details-currentNumber {display:block; clear:left; padding-bottom:1.0em;}
  #lightbox-secNav-btnClose {width:66px; float:right; padding-bottom:0.7em;}
  #lightbox-container-image-box,
  #lightbox-container-image-data-box {max-width:98% !important;}

  /* FOOTER
     ----------------------------------------------------*/
  #footer {position:relative; clear:both; padding:0 1em 2em; font-size:0.9em; text-align:center; z-index:0;}
  #footer .copyright {padding-top:1em; border-top:1px solid rgba(255, 255, 255, 0.5); box-shadow:0 -1px 0 0 #bebcaf;
  }
  #footer p {margin:0;}
  #footer .ndmark {display:block; width:150px; margin:2em auto;}
  #footer .dept {display:block;}

  /* Michigan Pano Bug */
  .pano-bug { position:relative; z-index:101; display:block; margin:1em; overflow:hidden; text-decoration:none; text-align:center; border:2px solid #fff; background:url(images/jersey-blue.png);
    -webkit-background-size:auto 75%;
    -webkit-border-radius:3px;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
  }
  .pano-bug:before {content:''; display:table; clear:both;}
    .pano-bug b,
    .pano-bug i { display:inline-block; display:-moz-inline-stack; *display:inline; *zoom:1; vertical-align:top; font-size:1.5em; font-style:normal; font-weight:normal; text-shadow:0 1px rgba(0,0,0,.9); text-transform:uppercase; }
      .pano-bug b { padding:.5em 0 .5em .5em; color:#d0ad5b; font-family:GPCBold, "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif }
      .pano-bug i { padding:.5em .5em .5em 0; color:#fff; font-family:GPCBook, "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; }
    .pano-bug span { display:block; padding:.2em; color:#092343; font-family:GPCMedium,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-weight:900; text-shadow:0 1px rgba(255,255,255,.7); background:url(images/jersey-gold.png);
        -webkit-box-shadow:0 1px rgba(255,255,255,.6) inset, 0 0 6px rgba(0,0,0,.8);
    }

}

/*************************************************************************************
 * @media queries
 ************************************************************************************/
/* 320px
   ----------------------------------------------------*/
@media only screen and (min-width:20em) {
  .logo {float:left; width:50%; padding:0 4%;}
    #header h1 a {width:160px; height:161px;}
  .header-util {float:left; width:50%; margin:1em 0;}
    .nav {margin:0 0 1em;}
      .nav li {width:auto;}

  #content {padding:0;}
  .inner-content {position:relative; padding:2em 1em;}
  .lt-ie9 .inner-content { width:90%; padding:0 4em 2em 18.75em; }
}

/* 481px
   ----------------------------------------------------*/
@media only screen and (min-width:30.063em) {
  /* IMAGES
     ----------------------------------------------------*/
  .image-default,
  .image-right,
  .image-left {margin:0;}
  .image-default img {position:relative; margin:1em auto;}
  .image-default.pano img {margin:1em auto 0;}
  .image-right img {float:right; margin:0 0 2em 2em;}
  .image-left img {float:left; margin:0 2em 1em 0;}
  .image-left img,
  .image-right img {max-width:50%;}

  .nav li {width:50%;}

  #primary {margin:2em 4em;}
  .pano-bug{}
    .pano-bug b { padding:.5em .5em 0; }
    .pano-bug i { padding:0 .5em .5em; }
}

/* 699px
   ----------------------------------------------------*/
@media only screen and (min-width:43.688em) {
  h1 {font-size:2.5em;}
  h2 {font-size:2.25em;}
  h3 {font-size:1.875em;}
  h4 {font-size:1.625em;}
  h5 {font-size:1.375em;}
  h6 {font-size:1.125em;}

  blockquote {padding:3em;}

  /* Body Background Styles
     ----------------------------------------------------*/
  #b-moment,
  .era-1930 {background-image:url(images/bg1200-1930.jpg);}
  .era-1960 {background-image:url(images/bg1200-1960.jpg);}
  .era-1980 {background-image:url(images/bg1200-1980.jpg);}
  .era-2010 {background-image:url(images/bg1200-2010.jpg);}

  .intro {margin:1.5em 2em; font-size:1.6em; line-height:1.4em;}

  #header {padding:0 1em; background:url(images/brand-bar.png) 0 0 repeat-x;}
  #header h3,
  #header h2 {height:50px; background:none;}
  #header h3 {float:left;}
  #header h2 {float:right;}
    #header h3 a,
    #header h2 a {background-position:0 0;}
  .logo {width:40%;}
  .header-util {width:60%; margin:4em 0 0;}
    .nav li {width:25%;}

  #content {padding:1em 0;}
    .inner-content {padding:0 4em 2em;}

  /* Homepage */
  .col {display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:30%;}
    .col2 {margin:0 4%;}
    .col p {float:none; margin:0; max-width:none;}
    .col img {max-width:100%; padding:3px; border:none; background-color:#fff; box-shadow:0 3px 8px 4px rgba(0, 0, 0, 0.3);}

  /* Moment */
  .share {float:left; max-width:130px; margin:0 2em 0 0;}
  #mdd-list li {width:32%;}
  .moment-pager {display:block;}
    .moment-pager li {top:45%;}
  #fixedtl {display:block;}

  #footer {padding:0 2em 8em; text-align:left;}
    #footer .copyright {padding-top:2em;}
    #footer .ndmark {position:absolute; top:2em; right:2em; margin:0;}
    #footer .dept {display:inline; margin-left:1em;}

  .pano-bug { float:right; }
    .pano-bug b { padding:.5em 0 .5em .5em; }
    .pano-bug i { padding:.5em .5em .5em 0; }
}

/* 940px
   ----------------------------------------------------*/
@media only screen and (min-width:58.750em) {
  .page-title {margin:0 0 1em; font-size:2.8em; text-transform:uppercase;}

  #header {height:280px; padding:0 2em;}
  .logo {position:absolute; top:50px; width:auto; padding:0;}
  .header-util {float:right; width:70%; padding:0;}
    .nav {float:left; width:70%; text-align:right;}
      .nav li {margin:0 auto;}
      .nav li > a {padding:7px;}
    .search-header {float:right; margin-top:32px;}

  #content {clear:both; min-height:360px; padding:0;}
  .inner-content { padding:6em 9em 2em 300px; }
  #primary {margin:3em 4em;}
  .social {position:absolute; left:47px; top:340px;}

  /* Moments */
  #b-moment #content {padding:3em 0 0;}

  /* Moment */
  .mdd {width:70%; top:43px; left:auto;}
    #mdd-list li {width:19%;}
    #mdd-pag li {margin:0 0.5em;}

  .moment-pager a span {display:block;}
  .pano-bug { width:45%; margin:0 15% 0 0; }

}

/* 1100px
   ----------------------------------------------------*/
@media only screen and (min-width:68.750em) {
  #header h1 a {width:222px; height:224px;}
  .nav li {width:auto; margin:0 0.5em;}
  .header-util {width:80%;}
  .search-header {margin-top:0;}
  .inner-content {max-width:90%;}

  /* Moments */
  #b-moment #content {padding:0;}

}

/* 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) {

    #header h3 a,
    #header h2 a {background-size:auto 50px;}
    #header h3 a {background-image:url(https://static.nd.edu/images/brandbar/dept-nd-white@2x.png);}
    #header h2 a {background-image:url(https://static.nd.edu/images/brandbar/dept-athl-white@2x.png);}

   .facebook-125,
   .twitter-125 {background-image:url(images/buttons@2x.png); background-size:386px 203px;}
}

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

  /* REDECLARATIONS
     ----------------------------------------------------*/
  @page { margin:0.5cm; }
  html {height:100%;}
  body {font-family:Georgia, "Times New Roman", Times, serif; color:#bcbcbc; font-size:13px;}

  .ndmark {width:150px; }

  /* IMAGES
     ----------------------------------------------------*/
  .image-default,
  .image-right,
  .image-left {margin:0;}
  .image-default img {position:relative; margin:1em auto;}
  .image-default.pano img {margin:1em auto 0;}
  .image-right img {float:right; margin:0 0 2em 2em;}
  .image-left img {float:left; margin:0 2em 1em 0;}
  .image-left img,
  .image-right img {max-width:50%;}

  /* HIDDEN
     ----------------------------------------------------*/
  .breadcrumbs,
  .events-subscribe,
  .news-links,
  .share,
  .social,
  .search-header,
  .dept,
  #header-image,
  #moments-dd,
  #nav,
  #nav-util,
  #skip-links,
  #action,
  #beta {display:none;}

  /* STRUCTURE
     ----------------------------------------------------*/
  #wrapper {font-size:100%;}
  #header {display:block; margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid gray;}
  #header a {text-decoration:none; color:#333;}
  #header h3 {float:right; margin:0; font-size:85%; font-weight:normal;}
  #header h3 img {border:none;}
  #header h3 a {float:right; display:block; text-indent:-9999px; background-position:0 0;}
  #header h2 {margin:0; font-size:85%; font-weight:normal;}
  #header h1 {margin:4px 0 0; font-size:200%;}
  #header h1 a {color:#333;}
  #header h4 {margin:0;}

  #content a:link:after {content:" [link: " attr(href) "] "; font-size:12px;}
  #content abbr:after {content:" (" attr(title) ")";}
  .ir a:after {content:"";}

  /* NEWS
     ----------------------------------------------------*/
  p.news-links {float:right; margin:4px 0 0;}
  article.hentry {margin:0 0 30px;}
  article.hentry h1 {margin:0 0 7px;}
  article.hentry h2,
  article.hentry h3 {font-size:100%; margin:3px 0 0; clear:both;}
  article.hentry footer {font-style:italic;}

  body.news article.hentry h1 {font-size:180%;}

  /* EVENTS
     ----------------------------------------------------*/
  h2.date {margin:0 0 15px; padding:5px 10px; font-size:140%; border-bottom:1px solid #aaa; background-color:#eee;}
  p.events-subscribe {float:right; margin:4px 0 0;}
  article.vevent {margin:0 0 30px;}
  article.vevent h1 {margin:0 0 7px;}
  article.vevent h2,
  article.vevent h3 {font-size:100%; margin:3px 0 0; clear:both;}
  article.vevent footer {font-style:italic;}

  body.events article.vevent {margin:0 10px 30px;}
  body.events article.vevent h1 {font-size:180%;}

  /* FOOTER
     ----------------------------------------------------*/
  #footer {display:block; position:relative; clear:both; margin:10px 0; padding:20px 0; border-top:1px solid gray; font-size:85%;}
  #footer a {text-decoration:none; color:#333;}
  #footer p {margin:0;}
  #footer .dept,
  span.tel,
  span.fax,
  span.email {display:block;}
  .ndmark {position:absolute; right:0; top:10px; width:150px; border:none;}

}