/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;font-size:62.5%;overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* some nice defaults */
em {font-style:italic;}
strong {font-weight:bolder;}
img {resize:both;}
pre {white-space:pre-wrap;line-height:1.5;padding:1.5em;}

/* fonts */
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* html5 elements */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; margin:0; padding:0; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Mobile-First Page Styles (Responsive Styles Below)  */
body {font-size:15px;font-size:15px; font-size:1.5rem;line-height:1.231;font-family: merriweather, georgia, serif;font-weight:300;}
.wrap {margin:0 auto;padding:0 1em;}

/* Headings (using REM units but including backfill for unsupported browsers) */
h1, .h1 {font-size:60px;font-size:6rem;}
h2, .h2 {font-size:30px;font-size:3rem;}
h3, .h3 {font-size:20px;font-size:2rem;}
h4, .h4 {font-size:16px;font-size:1.6rem;}
h5, .h5 {font-size:14px;font-size:1.4rem;}
h6, .h6 {font-size:12px;font-size:1.2rem;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-weight:700;}

/* Font Size */
.font10 {font-size:10px;font-size:1rem;}
.font11 {font-size:11px;font-size:1.1rem;}
.font12 {font-size:12px;font-size:1.2rem;}
.font13 {font-size:13px;font-size:1.3rem;}
.font14 {font-size:14px;font-size:1.4rem;}
.font15 {font-size:15px;font-size:1.5rem;}
.font16 {font-size:16px;font-size:1.6rem}

/* Font Weights */
.fw700 {font-weight:700;}
.fw600, b, strong {font-weight:600;}
.fw400 {font-weight:400;}
.fw300 {font-weight:300;}
.fw100 {font-weight:100;}

/* Text-transform */
.uc {text-transform:uppercase;}
.lc {text-transform:lowercase;}

/* Text-align */
.txtL {text-align:left;}
.txtR {text-align:right;}
.txtC {text-align:center;}

/* Text Shadow */
.lgtTxtShd {text-shadow:1px 1px 0 rgba(255,255,255, 0.6);}

/* Font Style */
.fontNormal {font-style:normal;}
.fontItalic {font-style:italic;}

/* Cool Ampersands */
.amp {font-family:baskerville, cochin, palatino, serif;font-style:italic;}

/* Element Display */
.block {display:block;}
.inline {display:inline;}

/* Images */
.imgCtr {margin:0 auto;} /* Combined with "block" class above */
.imgRgt {float:right;}
.imgLft {float:left;}
.imgDkShadow10 {-webkit-box-shadow:0 10px 0 0 rgba(0,0,0, 0.25);-moz-box-shadow:0 10px 0 0 rgba(0,0,0, 0.25);box-shadow:0 10px 0 0 rgba(0,0,0, 0.25);}
.imgLgShadow10 {-webkit-box-shadow:0 10px 0 0 rgba(0,0,0, 0.15);-moz-box-shadow:0 10px 0 0 rgba(0,0,0, 0.15);box-shadow:0 10px 0 0 rgba(0,0,0, 0.15);}
.imgDkShadow5 {-webkit-box-shadow:0 5px 0 0 rgba(0,0,0, 0.25);-moz-box-shadow:0 5px 0 0 rgba(0,0,0, 0.25);box-shadow:0 5px 0 0 rgba(0,0,0, 0.25);}
.imgLgShadow5 {-webkit-box-shadow:0 5px 0 0 rgba(0,0,0, 0.15);-moz-box-shadow:0 5px 0 0 rgba(0,0,0, 0.15);box-shadow:0 5px 0 0 rgba(0,0,0, 0.15);}

/* Rounded Edges */
.roundLg {-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;}
.roundMd {-webkit-border-radius:0.6em;-moz-border-radius:0.6em;border-radius:0.6em;}
.roundSm {-webkit-border-radius:0.3em;-moz-border-radius:0.3em;border-radius:0.3em;}

/* Horizontal Rules (HRs) */
.hr {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
.hr:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;    
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

/* Links */
.floatLinks li {float:left;margin-right:10px;}
.floatLinksExt li {float:right;margin-left:10px;}
.inlineLinks li {display:inline;margin-left:15px;}
.inlineLinksExt li {display:inline;margin-right:15px;}
.inlineLinks li:first-of-type {margin-left:0;}
.inlineLinksExt li:last-of-type {margin-right:0;}

/* Leading */
.leadingLg p, .leadingLg blockquote {line-height:2.1;}
.leadingMd p, .leadingMd blockquote {line-height:1.8;}
.leadingSm p, .leadingSm blockquote {line-height:1.5;}
.post-content {line-height:1.8em;}

/* Rounded Edges */
.roundAllSm {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

/* General Lynx */
a {color:#fff;}
a:hover, a:focus, a:active {color:#ff4955;}
.noDecor {text-decoration:none;}

/* Backgrounds */
.blackBg {background-color:#000;}
.whiteBg {background-color:#fff;}
.darkBg {background-color:#232425;}
.slateBg {background-color:#313131;}
.mediumgrayBg {background-color:#555;}
.lightgrayBg {background-color:#a1a1a1;}
.lightergrayBg {background-color:#e5e3e0;}
.silverfoxgrayBg {background-color:#efeeec;}
.lightestgrayBg {background-color:#f6f6f3;}
.lightgreenBg {background-color:#9ebe8a;}
.mediumgreenBg {background-color:#64967d;}
.lightblueBg {background-color:#329ab6;}
.tealBg {background-color:#194d5b;}
.beigeBg {background-color:#c8bea6;}
.orangeBg {background-color:#ff5d31;}
.redBg {background-color:#ff4955;}

/* Text-Colors */
.whiteTxt {color:#fff;}
.darkTxt {color:#232425;}
.orangeTxt {color:#ff5d31;}
.slateTxt {color:#313131;}
.mediumgrayTxt {color:#555;}
.midgrayTxt {color:#888;}
.ashTxt {color:#a0a0a0;}
.lightgrayTxt {color:#c2c2c2;}
.lightergrayTxt {color:#f5f5f2;}
.lightblueTxt {color:#329ab6;}

/* Blockquotes */
blockquote {background:#f6f6f3;color:#313131;}
.post-content blockquote {margin:1.5em 1em;padding:0.5em;}

/* Text-Decorations */
.slash-separated li {background:transparent url(/images/slash.gif) no-repeat 100% 50%;padding-right:1.3em;margin-right:.5em;}
.slash-separated li:last-of-type {background:none;}

/* Site-specific */
.pagination {font-size:15px; font-size:1.5rem; text-align: center; color:#b5b5b5;}
.pagination a {font-size:15px; font-size:1.5rem; text-align: center; color:#313131; text-decoration:none;}
.pagination a:hover {text-decoration:underline; color:#ff4955;}
nav {background:#000;font-weight:600;}
nav#next_prev_article {background:none;}
nav#next_prev_article a {color:#313131;}
nav ul.navNudge {margin-top:25px;}
.selected a {color:#fff;}
.selected a:hover {cursor:default;color:#fff;}
nav li a {text-decoration:none;color:#a0a0a0;}
nav li a:hover {color:#fff;}
.logo {width:122px;height:72px;background:transparent url(/images/logoSmall.png) no-repeat 0 0;}
.logo-home {position:static;top:0;left:50%;padding:20px 0;width:238px;height:138px;background:transparent url(/images/logo.png) no-repeat 0 0;}
.ie7 .logo-home, .ie8 .logo-home {position:absolute;top:20px;left:0;z-index:1000;width:238px;height:138px;padding:0;margin:0;}
.logo a, .logo-home a {margin:0 auto;}
header {background:#000;}
.head-text {width:290px;position:absolute;bottom:160px;left:0;z-index:1000;}
.whimsy, .ticker {display:none;}
.about {padding:3em 0;}
.about h2 {display:none;}
.people {padding:3em 0;}
.people h2 {padding:0 0 20px;}
.gallery article {padding:0 0 20px 0;display:none;}
.gallery article h3 {color:#232425;font-weight:100;}
.gallery article.bioactive {display:block;}
.bioLinks li a, .gallery article a {text-decoration:none;border-bottom:1px solid #313131;font-weight:600;color:#313131;}
.bioLinks li a:hover, .gallery article a:hover {color:#232323;border-bottom-color:#232323;}
.gallery-links {background:#fff;}
.gallery-links img {width:40px;height:40px;}
.gallery-links .floatLinks li {margin-right:0;text-indent:-9999px;}
.gallery-links .floatLinks li a {text-decoration:none;}
.gallery-links .floatLinks li a:hover {cursor:pointer;}
.gallery-links .floatLinks a.active img {border-bottom:3px solid #ff4955;}
.work {background-color:#fff;color:#232425;padding:3em 0;}
.work article p {color:#888;}
.work a {color:#242424;text-decoration:none;border-bottom:1px solid #ccc;font-weight:600;}
.work a:hover, .work a:focus, .work a:active {color:#242424;border-bottom:1px solid #242424;}
footer {background:#313131;color:#a0a0a0;padding:3em 0;}
footer a {font-weight:600;text-decoration:none;border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255, 0.5);}
footer a:hover, footer a:focus, footer a:active {color:#fff;border-bottom:1px solid #fff;}

/* Blog pages */
.subnav {background:#eee;padding:2em 0;color:#a0a0a0;}
.subnav li li {padding-right:28px;margin-right:13px;}
.subnav li li a {color:#a0a0a0;text-decoration:none;}
.subnav li li a:hover {color:#555;}
.posts {background:#fff;padding:1em 0 2em;}
.post {border-bottom:1px solid #e5e3e0;padding:0 0 40px;margin:40px 0 0;color:#313131;}
.post:last-of-type {border:none;}
.post-body h2 {line-height:1.6;}
.post-body a {color:#242424;text-decoration:none;border-bottom:1px solid #ccc;font-weight:400;}
.post-body a:hover, .post-body a:focus, .post-body a:active {color:#242424;border-bottom:1px solid #242424;}
.post-content {padding:1.2em 0;}
.post-meta a, .post-footer a {font-size:11px;font-size:1.1rem;color:#b5b5b5;border-bottom:1px solid #ddd;}
.post-meta a:hover, .post-meta a:focus, .post-meta a:active, .post-footer a:hover, .post-footer a:focus, .post-footer a:active {color:#b5b5b5;text-decoration:none;border-bottom:1px solid #b5b5b5;}
.post-meta li, .post-footer dt {font-size:11px;font-size:1.1rem;color:#b5b5b5;}
.readmore {font-size:12px;font-size:1.2rem;}
.post-footer dt, .post-footer dd {display:inline;padding-right:13px;}
.post-footer dd:last-of-type {padding-right:0;}

.subnav {padding:2em 0;background:#eee;color:#a0a0a0;}
.subnav ul {line-height:1.6;display:inline;}
.subnav li a {color:#313131;text-decoration:none;}
.subnav li a:hover {text-decoration:underline;}
.subnav div h4 {font-size:14px;font-size:1.4rem;margin-bottom:10px;border-bottom:4px #A0A0A0 solid;}
#tags li, .blog li {margin-right:2em;padding-top:10px;font-weight:600;}
.case-study {padding:2em 0;background:#fff;}
.case-study article h2 {margin:0 0 30px;padding:0 0 20px;border-bottom:1px solid #e5e3e0;}

.error {padding:3em 0;text-align:center;}

/* Paragraph Styles - Add to paragraph's containing element */
.textIndent p {text-indent:1em;}
.textIndent p:first-of-type {text-indent:0;}
.paraPad p, .paraPad h1, .paraPad h2, .paraPad h3, .paraPad h4, .paraPad h5, .paraPad h6 {padding-top:1em;}
.paraPad p:first-of-type {padding-top:0;}

/* Spacing Helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/

.ptn,.pvn,.pan{padding-top:0px !important}
.pts,.pvs,.pas{padding-top:5px !important}
.ptm,.pvm,.pam{padding-top:10px !important}
.ptl,.pvl,.pal{padding-top:20px !important}
.prn,.phn,.pan{padding-right:0px !important}
.prs,.phs,.pas{padding-right:5px !important}
.prm,.phm,.pam{padding-right:10px !important}
.prl,.phl,.pal{padding-right:20px !important}
.pbn,.pvn,.pan{padding-bottom:0px !important}  
.pbs,.pvs,.pas{padding-bottom:5px !important}
.pbm,.pvm,.pam{padding-bottom:10px !important}
.pbl,.pvl,.pal{padding-bottom:20px !important}
.pln,.phn,.pan{padding-left:0px !important}
.pls,.phs,.pas{padding-left:5px !important}
.plm,.phm,.pam{padding-left:10px !important}
.pll,.phl,.pal{padding-left:20px !important}
.mtn,.mvn,.man{margin-top:0px !important}
.mts,.mvs,.mas{margin-top:5px !important}
.mtm,.mvm,.mam{margin-top:10px !important}
.mtl,.mvl,.mal{margin-top:20px !important}
.mrn,.mhn,.man{margin-right:0px !important}
.mrs,.mhs,.mas{margin-right:5px !important}
.mrm,.mhm,.mam{margin-right:10px !important}
.mrl,.mhl,.mal{margin-right:20px !important}
.mbn,.mvn,.man{margin-bottom:0px !important}  
.mbs,.mvs,.mas{margin-bottom:5px !important}
.mbm,.mvm,.mam{margin-bottom:10px !important}
.mbl,.mvl,.mal{margin-bottom:20px !important}
.mln,.mhn,.man{margin-left:0px !important}
.mls,.mhs,.mas{margin-left:5px !important}
.mlm,.mhm,.mam{margin-left:10px !important}
.mll,.mhl,.mal{margin-left:20px !important}

/* Bordiz */
.bbmdark {border-bottom:4px #232323 solid !important;}
.bbmmedium {border-bottom:4px #A0A0A0 solid !important;}
.bbsmedium {border-bottom:2px #A0A0A0 solid !important;}
.bblmedium {border-left:2px #A0A0A0 solid !important;}
.bbtmedium {border-top:2px #A0A0A0 solid !important;}
.bbbmedium {border-bottom:2px #A0A0A0 solid !important;}
.bbrmedium {border-right:2px #A0A0A0 solid !important;}
.btmdark {border-top:4px #232323 solid !important;}
.b4slightdotted {border:2px #f5f5f2 dotted !important;}
.btllight {border-top:7px #fff solid !important;}

/* Clearfix */
.cf:before, .cf:after {content: ""; display: table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
.wrap {max-width:990px;}
.rel {position:relative;}
.abs {position:absolute;}

/* Contextual Dimensions Based on 960 Grid */

  /* 960 Context */
  .modfull {width:100%;} 
  .mod75full {float:left;width:72.916666667%;} /* (700/960)100 = 72.916666667% */
  .mod50full {float:left;width:47.916666667%;} /* (460/960)100 = 47.916666667% */
  .mod33full {float:left;width:31.25%;} /* (300/960)100 = 31.25% */
  .mod25full {float:left;width:22.916666667%;} /* (220/960)100 = 22.916666667% */
  .mod8full {float:left;width:6.25%;} /* (60/960)100 = 6.25% */
  .gutterfull {margin-right:2.083333333%;} /* (20/960)100 = 2.083333333% */
  .gutterfull:last-of-type {margin-right:0;}

  /* 460 Context */
  .mod50half {float:left;width:47.826086957%;} /* (220/460)100 = 47.826086957% */
  .gutterhalf {width:4.347826087%;} /* (20/460)100 = 4.347826087% */

  .modExt {float:right;}

  /* random percentages for non-relative percentage layouts */
  .ninety {width:88%;}
  .three-qtr {width:73%;}
  .half {width:48%;}
  .qtr {width:24%;}
  .ten {width:9%;}
  .media {float:left;margin-right:1%;}
  .mediaExt {float:right;}
  .last {margin-right:0;}

nav ul {text-align:right;}
.logo-home {position:absolute;top:20px;left:0;z-index:1000;width:238px;height:138px;padding:0;margin:0;}
.slide {display:none;}
.whiteShadow {position:absolute;bottom:0;left:0;z-index:99999;width:100%;height:20px;background:rgba(255,255,255, 0.15);}
.whimsy, .active, .ticker {display:block;}
.whimsy {height:550px;}
.about {background-color:#fff;}
.about h2 {display:block;}
.about article p {padding:0;}
.about article img {max-width:100%;}
.people {background:#eee;}
.people h2 {padding:0;background:transparent;}
.gallery {margin-top:20px;}
.gallery article {padding:20px;min-height:500px;}
.gallery article a {border-bottom:1px solid #ddd;font-weight:500;}
.gallery-links {background:none;padding-left:0;}
.gallery-links img {width:138px;height:138px;}
.gallery-links .floatLinks li {margin:20px 20px 0 0;}
.gallery-links .floatLinks a {display:block;color:#bbb;-webkit-transition:color 0.4s ease-in-out;-moz-transition:color 0.4s ease-in-out;-o-transition:color 0.4s ease-in-out;transition:color 0.4s ease-in-out;text-indent:0;}
.gallery-links .floatLinks a:hover, .gallery-links .floatLinks a.active {color:#232323;font-weight:600;}
.gallery-links .floatLinks a.active {cursor:default;}
.gallery-links .floatLinks span {background:#fff;}
.gallery-links .floatLinks img {opacity:0.5;-webkit-transition:opacity 0.4s ease-in-out;-moz-transition:opacity 0.4s ease-in-out;-o-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out;-webkit-box-shadow:0 5px 0 0 rgba(0,0,0, 0.15);-moz-box-shadow:0 5px 0 0 rgba(0,0,0, 0.15);box-shadow:0 5px 0 0 rgba(0,0,0, 0.15);}
.ie7 .gallery-links .floatLinks img, .ie8 .gallery-links .floatLinks img {filter:alpha(opacity=50);} /* Proprietary filter for our friend IE */
.gallery-links .floatLinks img:hover, .gallery-links .floatLinks a.active img {opacity:1;border-bottom:none;cursor:pointer;}
.oldie .gallery-links .floatLinks img:hover, .oldie .gallery-links .floatLinks a.active img {filter:alpha(opacity=100);} /* Proprietary filter for our friend IE */
.work .wrap {background:transparent url(/images/dj4.png) no-repeat 10% center;}
.ticker {background:#eee;color:#a0a0a0;padding:3em 0;}
.ticker article {cursor:pointer;background:#fff;}
.ticker article div {background:transparent url(/images/Arrow.png) no-repeat 100% 100%;}
.ticker article:hover a {color:#232425;text-decoration:underline;}
footer .wrap {background:transparent url(/images/contact-bg.png) no-repeat 90% 50%;}
footer article:first-child p {padding:0 4.255319149% 0 0;}

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

.subnav li ul {display:none;}

.subscribe {background:transparent url(/images/rss.png) no-repeat top right;text-decoration:none;display:block;height:37px;width:100%;}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}