body {
  /*
  background-image: url('../assets/bordb4.jpg');
  background-repeat:  repeat-y;
  background-size:cover;
  */
  
  background-color: white; color: black;
  background: -moz-linear-gradient(262deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 39%, rgba(136,136,136,1) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(39%, rgba(255,255,255,1)), color-stop(100%, rgba(136,136,136,1))); /* safari4+,chrome */
  background: -webkit-linear-gradient(262deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 39%, rgba(136,136,136,1) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(262deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 39%, rgba(136,136,136,1) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(262deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 39%, rgba(136,136,136,1) 100%); /* ie10+ */
  background: linear-gradient(188deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 39%, rgba(136,136,136,1) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#888888',GradientType=0 ); /* ie6-9 */

/*  background-image: linear-gradient(to right top, #051937, #222d4c, #3b4361, #555b77, #6f738e);
  background-image: linear-gradient(to right top, #041937, #122d4c, #2b4361, #455b77, #5f738e);
  background-image: linear-gradient(to right top, #031937, #022d4c, #1b4361, #355b77, #4f738e);
  background-image: linear-gradient(to right top, #021937, #012d4c, #0b4361, #255b77, #3f738e);
*/
  background-image: linear-gradient(to right top, #000000, #012d4c, #000000, #255b77, #3f738e); 
   color: white;
}

div.main {
    min-height:400px;
}

div.page-header {
  margin-top:2em; 
  background-color: #ee8; border:3px solid #666; border-radius: 8px;
}

div.navigation1 {
  margin-top: 1em;
  text-align: left;
  margin-bottom: 2em;
  background: #ddd;
}
div.navigation1 a::after {
  content: " > ";
  color: #333;
}

div.navigation1 a:last-child::after {
  content: " ";
}

div.navigation2 {
  padding-top: 1em;
}

h1, h2{text-align: center; color: #222d4c;}
h3 {font-size: 1rem;}
a {color:yellow;}
a:hover {color:yellow;}
a.disabled { color: #999;}
  
div.global-navigation {
  margin-bottom: 0rem;
}
div.global-navigation a {color: orangered;}


div.page-navigation { text-align:right;}

div.click-to-load {text-align:right; font-style: italic; font-size: 0.9em; }

div.img-wrapper {margin-bottom:1rem; text-align: center; font-size:0.8em; }

div.img-wrapper img {border:4px solid #aaa; display: block; width:100%;}

/*
img {
  filter: brightness(180%);
}
*/

img.album_page, img.zoom {
  width: 100%; margin:auto;
  display: block;
  filter: brightness(120%); 
  /* filter: contrast(120%); */
}




ul.country-list li{
  line-height:1.5em;
  height:3.4em;
  border:1px solid #ccc; border-radius:6px; margin:4px;
  padding:4px;
  float:left;
  display:inline;
  width:140px;
  background-color: #254d73;
}

ul.country-list li:hover {
  background-color: #336699;
}


.meta-data  {
  background-image: url('../assets/bordb5.jpg');
  color: #222d4c;
  background-repeat:  repeat-y;
  font-size: 0.9em;
  margin-top:1.3em;
  background-color: white;
  border-radius: 4px;
  border: 3px solid #ccc;
  padding:1em;
  padding-left:2.6em;
  margin-top:3em;
}
.meta-data h1 {text-align: center; font-size: 1.6em; font-style:italic; margin-top:0.8em; margin-botom: 1em;}
.meta-data h2 {text-align: left; font-size: 1em; border-bottom: 1px solid #888;}
.meta-data h3 {font-size: 0.9em; font-style:italic;}
.meta-data h4 {font-size: 1em;}

div.footer {margin-top:3em; padding-top:2em; padding-bottom: 3em; border-top:1px solid white;}
div.footer div.copyright {text-align:left;}
div.footer div.links {text-align:right;}
div.footer div.links a {margin-left:2em;}

div.contact-form {border: 2px solid #888; border-radius: 4px; padding:2em;}
div.contact-form div.elem-group {margin-bottom:0.5em;}
div.contact-form label {width: 10em;}
div.contact-form input, div.contact-form textarea {width:30em;}

div.contact-send-message {background-color: #ccc; padding:4em; color: black;font-size: 1.2em; }
div.contact-send-message p.success {color: green; }
div.contact-send-message p.error {color: red; }