/*
1: #D9CB89
2: #D9C873
3: #BFA450
4: #8C793E
5: #735826
*/

body {
/*  font-family: 'Quando', serif;*/
  font-family: 'Arvo', serif;
  font-size: 16pt;
  background:url('../img/bamboo.jpg') no-repeat center center fixed;
  background-size:cover;
  padding-bottom:100px;
}

header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height: 80px;
  background: #5b6168 url('../img/header-bg.png') top left repeat-x;
  z-index:10000;
  text-align:center;
}

nav{
  margin:0 auto 0 auto;
  width:960px;
  margin-top:100px;
  position:relative;
  z-index:1000;
  height:80px;
}

.raisechildren img {
  -webkit-transition: margin 0.5s ease-out;
  -moz-transition: margin 0.5s ease-out;
  -o-transition: margin 0.5s ease-out;
  float:left;
  margin:15px 10px;
}

.raisechildren img:hover { margin-top: 7px; }

#main {
  width:960px;
  margin:0 auto 0 auto;
  background: rgba(255,255,255,0.65);
  padding: 1em 10px;
/*  box-shadow: 0 0 10px 10px #D9C873;*/
  position:relative;
  margin-top:15px;
  border-radius:30px;
}

#main h1 {margin-top:0}

#main section { display:none; }

#navtext{
  float:right;
  padding-right:5px;
  font-family: 'Pacifico', cursive;
  font-size:38pt;
  z-index:1000;
}

.expander {margin-bottom:1em;}

.expander .content {display:none;width:80%;margin:0 auto 0 auto;text-align:justify;}

.expander .authors { font-size:80%; }

.expander .authors:before { content:"\A"; white-space:pre; }
.expander .journal:before { content:"\A"; white-space:pre; }
.expander .journal {font-size:90%;}
.expander .links:before   { content:"\A"; white-space:pre; }

.expander .head img {vertical-align: middle;}

.expander .head a img { cursor:pointer; position:absolute;left:5px;}
.expander .head a:first-child {
  cursor:pointer;
  font-weight:bold;
  padding-left:30px;
  display:inline-block;
  width:900px;
}

.expander .head .links {font-size:80%;}
.expander .head .links img {margin:0 5px 0 5px;vertical-align:middle;height:13pt;}

.expander .content {overflow:hide;}
img.fli {float:left;margin:1em 1em 1em 0;}

li > a > img {vertical-align:top;}

#s-Papers {font-size:12pt}

#elsewhere {text-align:center;height:80px;margin:0 auto 0 auto;width:220px}
/*#elsewhere img {margin-right:20px;margin-top:15px;}*/

ul.cites {font-size:11pt;}

p.fci {text-align:center;font-size:80%;font-style:italic;}

img.center {display:block;margin:0 auto 0 auto;}
img.round {border-radius:20px;}

p.prole {margin-top:-1em;font-size:80%}


.boxes { width:100%; text-align:center; margin:20px 0; }

.fourthbox { display:inline-block; height:220px; vertical-align:top; line-height:18px; width:207px; padding:10px; border:1px solid #DDD; color:#333; -webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); -moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:url('../img/card.png'); margin:0 0 0px 10px; text-align:left; font-size:12pt; }

.fourthbox:hover { background-color: rgba(255, 255, 255, 0.4); background-position:center -30px; }

.fourthbox:hover h1 { color:#ba1820; }

.fourthbox h1 {font-size:14pt;border-bottom:1px solid black;margin:0;text-align:center;font-variant:small-caps;}


iframe {
  display: block;
  margin:  0 auto;
}


.view {
   margin: 10px;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url('../img/bgimg.jpg') no-repeat center center;
}

.view .mask,.view .content {
   width:100%;
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 24px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 20px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.plangs {float:right}

.plangs img {margin-left:10px;}

#galleria{ width: 900px; height: 600px; background: #000; margin:0 auto 0 auto; }

.galleria-layer {
  height:50px !important;
  line-height:50px;
  background:rgba(255,255,255,0.5);
}


.galleria-fscr{
    width:20px;
    height:20px;
    position:absolute;
    bottom:0px;
    right:10px;
    background:url('../img/fullscreen.png');
    z-index:4;
    cursor: pointer;
    opacity: 1;
}

.galleria-fscr:hover{
    opacity:1;
}








.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}





.popup {
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    display: none;
    min-width: 450px;
    padding: 25px;
}

.button.b-close {
    background-color: #2b91af;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}

.button.b-close.small {
    border-radius: 15px;
    float: right;
    margin: 22px 5px 0;
    padding: 6px 15px;
}

.button.b-close:hover {
  background-color: #1e1e1e
}

.button.b-close, .button.bClose {
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}