/*Styles for DAWS digital collection template
Author:   Jason A. Clark
Version:  RWD layout 1.0 -  May 2015
----------------------------------------------- */

/*typography presets*/
/*@import "https://fonts.googleapis.com/css?family=Lato:400italic,800italic,400,800";*/
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular");
  src: url("../fonts/lato-v11-latin-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/lato-v11-latin-regular.woff2") format("woff2"), /* Super Modern Browsers */
       url("../fonts/lato-v11-latin-regular.woff") format("woff"), /* Modern Browsers */
       url("../fonts/lato-v11-latin-regular.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../fonts/lato-v11-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */
}
/*lato-italic - latin*/
@font-face { 
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic");
  src: url("../fonts/lato-v11-latin-italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/lato-v11-latin-italic.woff2") format("woff2"), /* Super Modern Browsers */
       url("../fonts/lato-v11-latin-italic.woff") format("woff"), /* Modern Browsers */
       url("../fonts/lato-v11-latin-italic.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../fonts/lato-v11-latin-italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* =global default settings
----------------------------------------------- */
html, body, form, fieldset, input, textarea, select, label {margin:0;padding:0;font:medium Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:1em 0;padding:0;}
li, dd, blockquote {margin-left:1em;}
/* =element-specific settings
----------------------------------------------- */
body {background:#ddd url("../img/bg_page.jpg") 0 0 repeat-x;font-size:1em;line-height:1.6em;color:#333;}
h1 {font-size:1.2em;color:#333;margin:15px 0 0 0;}
h2 {font-size:1.1em;color:#444;margin:0 0 15px 0;}
h2.mainHeading {font-size:1.3em;padding:15px 0 2px 0;border-bottom:1px dotted #333;}
h3 {font-size:1.0em;color:#660000;margin:0 0 15px 0;}
/* =links
----------------------------------------------- */
a, a:visited {color:#258;text-decoration:none;border-bottom:1px solid #469;}
html>body a, html>body a:visited { border-bottom-style:none;}
a:hover, a:active {color:#933;border-color:#b55;border-bottom-style:solid;}
a img {border:none;}
a.justify {border-bottom-style:none;}
/* =forms
----------------------------------------------- */
form {margin:0;padding:10px 0;border:1px solid #ccc;background:#F2F2F2;}
form.search {text-align:center;}
/* fieldset {border:none;margin:0;padding:0;} */
legend {font-size:1.1em;color:#213C69;padding:0.2em;text-align:right;}
label {font-size:1.3em;color:#213C69;vertical-align:middle;cursor:pointer;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:3px;margin:0;vertical-align:middle;}
input.text {width:15em;height:26px;padding:6px 12px;line-height:1.42857143;background-image:none;border:1px solid #ccc;border-radius:4px}
input.browsePoints {width:12.5em}
input.text:focus {border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
input.submit {padding:6px 12px;margin-bottom:0;font-weight:bold;background:#6A7389;color:#fff;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
form#embedForm {margin:0 0 0 15px;padding:2px 0 0 0;width:85%;border:none;background:none;}
form#embedForm label {display:block;color:#333;font-size:.95em;margin-left:0;padding-left:0;}
form#embedForm input {font-size:.85em;margin-left:0;padding-left:0;width:75%;}
/* =tabbed content box (includes ul#tabs and div.tabContents)
----------------------------------------------- */
ul#tabs {margin:0;padding-bottom:35px;list-style-type:none;border-bottom:1px solid #ccc;}
ul#tabs li {margin:0;padding:0;display:inline;}
#tabs span {margin-right:8px;padding:10px;background:#F2F2F2;border:1px solid #ccc;color:#666;float:left;font-size:small;font-weight:normal;line-height:14px;text-decoration:none;border-top-left-radius:4px;border-top-right-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;}
#tabs a {margin-right:8px;padding:10px;background:#F2F2F2;border:1px solid #ccc;color:#666;float:left;font-size:small;font-weight:normal;line-height:14px;text-decoration:none;border-top-left-radius:4px;border-top-right-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;}
#tabs span:visited {color:#000;background:#fff;border-bottom:1px solid #fff;}
#tabs a:hover {color:#001155;}
body.default #tabs li#tab1 a, body.advanced #tabs li#tab2 a, body.fullText #tabs li#tab3 a {color:#000;font-weight:bold;background:#fff;border-bottom:1px solid #fff;}
body #tabs li.selected span {color:#000;font-weight:bold;background:#fff;border-bottom:2px solid #fff;}
body #tabs li.selected a {color:#000;font-weight:bold;background:#fff;border-bottom:1px solid #fff;}
div.tabContents {margin:0 0 15px 0;padding:15px;clear:both;background:#fff;border:1px solid #ccc;border-top:none;}
/* =miscellaneous and special global settings
----------------------------------------------- */
hr {border:0;color:#CCCEC6;background-color:#CCCEC6;height:1px;}
.highlight {background-color:yellow;}
.descript {text-align:left;padding:0 15px;}
.hidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.xml {line-height:10px;background:url("../img/feed.gif") 0 50% no-repeat;padding-left:14px;}
.contact:before {content: "\0040\ ";font-size:1.1em;}
.embed {font-family: "Courier New", Courier, monospace;color:#666;}
.embed:before {content: "\003C";}
.embed:after {content: "\003E";}
.expand:before {content: "\271A\ ";color:#666;font-size:1em;}
.download:before {content: "\21E3\ ";font-size:1.3em;}
.quality:before {content: "\2750\ ";font-size:1.35em;color:#480;}
.share:before {content: "\271A\ ";font-size:1.2em;color:#fa7;}
.list-icon:before {content: "\2630\ ";}
.cloud-icon:before {content: "\2601\ ";}
a.cloud-icon {margin-left:.8em;}
p#cloud-view {padding:25px 0;}
p#cloud-view a.size1  {font-size:.95em;}
p#cloud-view a.size2  {font-size:1.00em;font-weight:bold;}
p#cloud-view a.size3  {font-size:1.10em;font-weight:bold;}
p#cloud-view a.size4  {font-size:1.25em;font-weight:bold;}
p#cloud-view a.size5  {font-size:1.45em;font-weight:bold;}
p#cloud-view a.size6  {font-size:1.70em;font-weight:bold;}
p#cloud-view a.size7  {font-size:2.00em;font-weight:bold;}
p#cloud-view a.size8  {font-size:2.35em;font-weight:bold;}
p#cloud-view a.size9  {font-size:2.75em;font-weight:bold;}
p#cloud-view a.size10 {font-size:3.20em;font-weight:bold;}
p#cloud-view a.size11 {font-size:3.70em;font-weight:bold;}
.controls {display:block;float:right;width:auto;padding-left:20px;font-size:.75em;}
.image-div {float:left;text-align:center}
.justify {display:block;margin:auto;text-align:center;}
h3.justify {width:50%;}
.object {display:block;float:left;width:auto;margin:0;padding:0 15px 10px 0;}
.search-dl {float:left;margin-left:10px;margin-top:0;width:50em}
.search-hr {clear:both;}
.fullBrowse:before {content: "\002B\ ";font-size:1.1em;}
.fullBrowse {border: medium none; color: #7e7e7e !important; font-size: .85em; text-decoration: underline;}
/* --------------- images --------------- */
// #image-div {position:relative;margin: 5px 0 5px 50px;overflow:hidden;width:100%;max-width:500px;text-align:center;}
// #image-div {position:relative;margin: 5px 0 5px 50px;overflow:hidden;width:100%;text-align:center;background:#E5E3DF;}
#image-div {position:relative;margin: 0 0 0 0;overflow:hidden;text-align:center;background:#E5E3DF;line-height:0}
//#image-div:hover .btn {display:block;}
#image-div .btn {display:block;}
#image {left:0px;cursor:-webkit-grab;cursor:grab}
//.btn {width:35px;height:35px;position:absolute;z-index:100;top:50%;margin-top:-29px;display:none;cursor:pointer;background:#FFF;opacity:0.3;cursor:pointer;}
// .btn {width:19px;height:19px;position:absolute;z-index:100;display:none;cursor:pointer;background:#FFF;opacity:0.5;cursor:pointer;}
// .btn {position:absolute;z-index:100;display:none;cursor:pointer;background:#FFF;opacity:0.5;cursor:pointer;}
.btn {position:absolute;z-index:100;display:none;cursor:pointer;background:#FFF;opacity:1.0;cursor:pointer;}
// .btn img {width:19px;height:19px;}
.btn-hide {display:none;}
.increase:hover {cursor:zoom-in;}
.increase {padding:10px;right:0%;top:0%;margin-right:10px;margin-top:10px}
.decrease:hover {cursor:zoom-out;}
.decrease {padding:10px;right:0%;top:0%;margin-right:10px;margin-top:60px}
// .moreMatch {position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(29, 106, 154, 0.72);color:#fff;visibility:hidden;opacity:0}
.moreMatch {position:absolute;top:0;bottom:0;left:0;right:0;background:#000;color:#fff;visibility:hidden;opacity:0;-webkit-transition:visibility opacity 0.8s;display:inline-block}
.moreDiv {display:inline-block}
.moreDiv:hover .moreMatch {visibility:visible;opacity:0.5}
/* Tooltip container */
.tooltip {position:relative}
/* Tooltip text */
.tooltip .tooltiptext {visibility:hidden;background-color:#e6ecf2;text-align:center;padding:10px;/*margin:15px;*/border-radius:6px;/* Position tooltip */position:absolute;z-index:1;top:-100%;right:50%;/* Fade in tooltip */opacity:0;transition:opacity 1s}
/* Tooltip arrow */
.tooltip .tooltiptext::after {content: "";position:absolute;z-index:1;top:17%;right:-24px;/*margin-right: 0;*/border-width:12px;border-style:solid;border-color:transparent transparent transparent #e6ecf2;}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {visibility:visible;opacity:0.80}

/* =Navigation (sitewide)
----------------------------------------------- */
p#toggle {text-align:right;width:100%;}
p#toggle a {line-height:11px;background:url("../img/bullet.gif") 0 50% no-repeat;padding-left:22px;}
.return {float:right;}
a.bck:before {content: "\00AB\ ";color:#666;font-size:1.5em;}
a.fwd:before {content: "\00BB\ ";color:#666;font-size:1.5em;}

#getMore {
    background-color: hsla(210, 100%, 25%, .05);
    font-size: 120%;
    text-align: center;
    padding: .5em;
    -moz-border-radius: 5%;
    -webkit-border-radius: 5%;
    border-radius: 5%;
    border-width: 0;
    margin: 1%;
    cursor: pointer;
    color:#258;
    font-family: 'Lato', sans-serif;
    -webkit-box-shadow: 0 4px 0 hsla(210, 100%, 25%, .1);
    -moz-box-shadow: 0 4px 0 hsla(210, 100%, 25%, .1);
    box-shadow: 0 4px 0 hsla(210, 100%, 25%, .1);
    -webkit-transition: background-color .15s ease;
    -moz-transition: background-color .15s ease;
    -ms-transition: background-color .15s ease;
    -o-transition: background-color .15s ease;
    transition: background-color .15s ease;
  }

  a#getMore {
    color: #258;
    text-decoration: none;
    border-bottom: 1px solid #469;

  }

  #getMore:hover {
    color: #258;
    border-bottom: none;
    background-color: hsla(210, 100%, 25%, .075);
    -webkit-box-shadow: 0 4px 0 hsla(210, 100%, 25%, .125);
    -moz-box-shadow: 0 4px 0 hsla(210, 100%, 25%, .125);
    box-shadow: 0 4px 0 hsla(210, 100%, 25%, .125);
}


/* = social icons
----------------------------------------------- */
.social-icons {float:right;width:28%;list-style:none;margin:0;text-align: center}
.social-icons a {border-bottom:none;background-color: hsla(210, 100%, 25%, .05);-moz-border-radius: 5%;-webkit-border-radius: 5%;border-radius: 5%;}
.social-icons a:hover {color:white;padding:.8em;border:none;text-decoration:none;}
.social-icons a:visited {text-decoration:none;}
@font-face {
  font-family: 'social-icons';
  src: url('../fonts/social-icons.eot?20367280');
  src: url('../fonts/social-icons.eot?20367280#iefix') format('embedded-opentype'),
       url('../fonts/social-icons.woff?20367280') format('woff'),
       url('../fonts/social-icons.ttf?20367280') format('truetype'),
       url('../fonts/social-icons.svg?20367280#social-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {font-family: "social-icons";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;font-size: 140%;}
.icon-pinterest:before {content: '\e800'; } /* '' */
.icon-twitter:before {content: '\e802'; } /* '' */
.icon-facebook:before {content: '\e803'; } /* '' */
.social-icons a.facebook, a.twitter, a.pinterest {display:inline-block;margin-right:.5em;padding:.8em;height:20px;width:20px;text-align:center;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.social-icons a.facebook:hover {background-color:#305fb3;}
.social-icons a.twitter:hover {background-color:#2daae1;}
.social-icons a.pinterest:hover {background-color:#e1003a;}
#main ul.metadata li p.share-text {margin-top:8px;margin-bottom:-5px;}
/* =contain
----------------------------------------------- */
.fullWidth div#contain {width:95%;margin:0 auto;background-color:#fff;}
.rightCol div#contain {width:95%;margin:0 auto;background-color:#fff;}
/* =mastHead
----------------------------------------------- */
div#mastHead {background-color:#213C69;height:54px;}
#mastHead h1 {position:absolute;top:0;margin:23px 0 0 10px;font-size:1.4em;color:#fff;background:#213C69 url("../img/msu-logo.gif") 0 50% no-repeat;}
#mastHead h1 a {color:#fff;text-decoration:none;border:none;padding-left:31px;}
#mastHead img {position:absolute;top:0;border:none;}
#mastHead p {color:#fff;padding:0 10px 3px 0;margin:0;font-size:0.75em;text-align:right;}
/* =main
----------------------------------------------- */
div#main {float:right;width:70%;background:#fff url("../img/whiteshadow.jpg") repeat-x;z-index:100;/*set default height of div - this is the height that IE6 and other older browsers will use*/height:500px;}
html>body div#main {/*reset the height for compliant browsers*/height:auto;min-height:500px;}
.rightCol div#main {float:left;width:76%;}
.fullWidth div#main {width:100%;display:block;float:none;}
div#main .gutter {padding:15px}
div#main h2 strong {padding:2px 5px;background-color:#ffff88} /*highlights search terms and number of results*/
div#main h3 strong {padding:2px 5px;background-color:#ffff88} /*highlights search terms and number of results*/
div#main ul.list {list-style:none;}
div#main ul.related-items {float:left;width:100%;margin:0 0 5em 0;padding:0 0 10px 0;list-style:none;text-align:left;}
div#main ul.boxes {float: left;width: 100%;margin: 10px 0 20px 0;padding: 0 0 10px 0;list-style: none;
    text-align: left;}
    div#main ul.boxes li {background-image: none;position: relative;float: left;width: 30%;margin: 0 2px 0 0;padding: 0 .5em .5em .5em;}
div#main ul.related-items li {background-image:none;position:relative;float:left;width:30%;margin:0 2px 0 0;padding:0 .5em .5em .5em;}
div#main ul.boxes li h2.mainHeading {background: url("../img/bullet.gif") 0 75% no-repeat;padding-left: 21px;}
div#main ul.boxes li p {margin: 0;padding: 0 0 3px 5px;}
div#main ul.related-items li h2.mainHeading {background:url("../img/bullet.gif") 0 75% no-repeat;padding-left:21px;}
div#main ul.related-items li p {margin:0;padding:0 0 3px 5px;}
ul#listColumns {float:left;width:100%;margin:0;padding:0 0 10px 0;list-style:outside none none;text-align:left;}
ul#listColumns li {background-image:none;position:relative;float:left;width:45%;margin:0 2px 0 0;padding:0 .5em .5em .5em;}
ul#block {float:left;width:100%;margin:0;padding:0;list-style:none;text-align:left;}
ul#block li {display:inline;display:inline-block;width:25em;margin:0;padding:10px;border-bottom:2px solid #f2f2f2;}
#main ul.item {float:left;width:100%;margin-bottom:5em;list-style:none;}
#main ul.item li {margin:0;padding:0;}
#main ul.metadata {float:left;width:100%;margin:0;padding:0;list-style:none;text-align:left;}
#main ul.metadata li.object {float:left;position:relative;width:55%;overflow:hidden;white-space:nowrap;margin:0 2% 0 0;padding:0;background-color:hsla(210, 100%, 25%, .05)}
.object a span {position:absolute;top:0%;left:1%;color:#fff;font-size:.9em;font-weight:500;padding:2px 4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:rgb(23,25,28);background:rgba(23.25.28,.5);opacity:.7;}
#ul.metadata li.object img {height:auto;max-width:100%;width:100%;}
ul.metadata li.object img {height:auto;width:75%;margin:0 auto;display: block}
#main ul.metadata li.describe {float:left;position:relative;width:33%;margin:0 0 0 3em;padding:0 20px 0 0;}
ul.metadata div.action {float:left;position:relative;width:100%;margin:.5em 0 1em 0;padding:0;}
a.download {display: inline-block;width:28%;float: left;background-color: hsla(210, 100%, 25%, .05);font-size:120%;text-align: center;padding: .5em;-moz-border-radius: 5%;-webkit-border-radius: 5%;border-radius: 5%;margin:0 1%; -webkit-box-shadow: 0 4px 0 hsla(210, 100%, 25%, .1);
    -moz-box-shadow: 0 4px 0 hsla(210, 100%, 25%, .1); box-shadow: 0 4px 0 hsla(210, 100%, 25%, .1); -webkit-transition: background-color .15s ease; -moz-transition: background-color .15s ease;-ms-transition: background-color .15s ease;-o-transition: background-color .15s ease;transition: background-color .15s ease; }
a.download {margin-left:3%}
a.download:hover {color:#258; border-bottom:none;background-color: hsla(210, 100%, 25%, .075);-webkit-box-shadow: 0 4px 0 hsla(210, 100%, 25%, .125);
    -moz-box-shadow: 0 4px 0 hsla(210, 100%, 25%, .125); box-shadow: 0 4px 0 hsla(210, 100%, 25%, .125); }
a.viewer-link:hover {color:#fff; border:none}
.citation {margin:0 0 3em 0}
video {height: 100%; left: 0; top: 0; width: 90%;}
audio {left: 0; top: 0; width: 90%; padding-top: 2.1em; }


.metadata-heading {border-top: 1px solid #ddd;margin: 0;overflow: hidden;padding: 2px 0;line-height: 1.45em;}
.metadata-field {margin-left:25%;float:right;}
.metadata-fields {text-align: right; line-height: 1em;margin:.5em 0;}

/* =sideBar
----------------------------------------------- */
div#sideBar {float:left;width:20%;color:#001155;z-index:1;}
/*.leftCol div#sideBar {float:left;width:24%;background:#fdce60 url("../img/goldshadow.jpg") repeat-x;}*/
.rightCol div#sideBar {float:right;width:24%;background:#fff url("../img/whiteshadow.jpg") repeat-x;}
.fullWidth div#sideBar {width:100%;display:none;float:none;}
div#sideBar .gutter {padding:15px;}
/* =footer
----------------------------------------------- */
div#footer {clear:both;padding:10px 0;color:#7e7e7e;background-color:#ddd;}
#footer ul {width:100%;margin:0;padding:0;font-size:0.85em;border-top:1px solid #ecebeb;}
#footer ul li {display:inline;list-style:none;margin:0;padding:3px 7px;}
#footer ul li a {color:#7e7e7e;text-decoration:underline;border:none;}
#footer ul li#links {float:left;width:auto;}
#footer ul li#info {float:right;width:auto;}
div#footer #a11yStatement {text-align:center;padding:1px 0;color:#000000;background-color:#FFF;}

/*large screen view < 1120px (based on 16px browser default)*/
@media all and (max-width:70em) {
	a.download, {width:25%; font-size:110%}
	.social-icons {margin:0 3% 0 0;}
}

/*large screen view < 960px (based on 16px browser default)*/
@media all and (max-width:60em) {
	a.download {width:25%; font-size:90%}
	.social-icons {margin:0 10% 0 0;}
	.icon-twitter, .icon-facebook, .icon-pinterest {font-size: 95%}
}

/*medium screen view < 801px (based on 16px browser default)*/
@media all and (max-width:50.1em) {
	.justify {display:block;margin:auto;text-align:left;}
#mastHead h1 {
  /*position:absolute;top:0;
  border:0 auto;width:100%;height:auto;margin:0;padding:0;opacity:1;clip:auto;color:#fff;*/
  width: 90%;
  white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis; /* Required for IE8 */
    -o-text-overflow: ellipsis; /* Required for Opera */
    text-overflow: ellipsis;
}
	ul#listColumns li,div#main ul.boxes li,ul.metadata li.object,ul.metadata li.describe,ul.metadata div.action {float:none;width:100%;}
	#footer ul li#info {float:left;width:auto;}
	#main ul.metadata li.object {width: 95%; margin: 0 0 2em 0; float:none}
	#main ul.metadata li.describe {width:95%; margin: 0}
	a.download {width:30%; font-size:120%}
	.social-icons {margin:0}
	ul.metadata div.action {padding-bottom:3em}
}

/*small screen view < 708px (based on 16px browser default)*/
@media all and (max-width:44.250em) {
	a.download {width:25%; font-size:110%}
	.social-icons {margin:0 3% 0 0;}
	.image-div {text-align: center; float:none; width:auto}
	
}

/*small screen view < 600px (based on 16px browser default)*/
@media all and (max-width:37.5em) {
	a.download {width:30%; font-size:90%}
	.social-icons {margin:0 10% 0 0;}
	.icon-twitter, .icon-facebook, .icon-pinterest {font-size: 95%}
	
}


/*small screen view < 520px (based on 16px browser default)*/
@media all and (max-width:32.5em) {
	ul.metadata li.object img {height:auto;max-width:100%;width:100%;}
	input.text, textarea, select {width:13em;}
	ul#block li {width:16.5em;}
	a.download {-webkit-box-shadow: 0 2px 0 hsla(210, 100%, 25%, .1);
    -moz-box-shadow: 0 2px 0 hsla(210, 100%, 25%, .1); box-shadow: 0 2px 0 hsla(210, 100%, 25%, .1)}
	a.download:hover {-webkit-box-shadow: 0 2px 0 hsla(210, 100%, 25%, .125);
    -moz-box-shadow: 0 2px 0 hsla(210, 100%, 25%, .125); box-shadow: 0 2px 0 hsla(210, 100%, 25%, .125)}
	.social-icons {margin:0 12% 0 0;}
	.icon-twitter, .icon-facebook, .icon-pinterest {font-size: 80%}
	.social-icons a.facebook, a.twitter, a.pinterest {height:16px; width:16px; padding:.75em}
  .social-icons a.facebook:hover, a.twitter:hover, a.pinterest:hover {height:16px; width:16px; padding:.75em}
}