/* ========================================================================= */
/* Global stuff, applies to all pages */

/* This is for old-browser html5 compatibility */
header, section, footer, aside, nav, main, article, figure {
   display: block;
}

/* Needed for IE */
a, img {
   border: none;
   outline: none
}

* {
   margin: 0;
   padding: 0;
}

body {
   font-family: 'Dosis', Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.3em;
   color: #99694d;

   background-color: black;
   background-attachment: fixed;
   background-position: center center;
   background-size: cover;
}

a:link {
   color: #99694d;
   text-decoration: none;
   border-bottom: 1px dotted;
}

a:visited {
   color: #99694d;
   text-decoration: none;
}

a:hover {
   background-color: #FFFF00;
}

a:active {
   background-color: #FFFF00;
}

h1 {
   font-family: 'Candal', 'Arial Black', Helvetica, sans-serif;
   font-size: 1.8em;
   margin-top: 0;
   margin-bottom: 10px;
/*   text-shadow: 3px 3px 4px #999999;*/
}

img {
   user-drag: none;
   -webkit-user-drag: none;
   border: 5px solid #FFFFFF;
   border-radius: 5px;
   box-shadow: 5px 5px 10px #999999;
}

h2 {
   font-family: 'Candal', 'Arial Black', Helvetica, sans-serif;
   font-size: 1.4em;
   margin-top: 20px;
   margin-bottom: 10px;
/*   text-shadow: 2px 2px 3px #999999;*/
}

h3 {
   font-family: 'Candal', 'Arial Black', Helvetica, sans-serif;
   font-size: 1.3em;
   margin-top: 15px;
   margin-bottom: 10px;
}

p {
   font-family: 'Dosis', Verdana, Arial, Helvetica, sans-serif;
   line-height: 1.1;
   margin-top: 0;
   margin-bottom: 15px;
}

ul {
   font-family: 'Dosis', Verdana, Arial, Helvetica, sans-serif;
   list-style-type: square;
   list-style-position: inside;
   margin: 0 0 20px 20px;
   padding: 0;
}

/* ========================================================================= */
/* Figures */
figure {
   display: inline-table;
   margin: 0;
   padding: 0;
}

.left {
   float: left;
   width: 30%;
   margin: 5px 25px 0 0;
}

.right {
   float: right;
   width: 30%;
   margin: 5px 0 0 15px;
}

figure img {
   width: 100%;
   padding: 0;
   border: 1px solid;
}

figure figcaption {
   display: table-caption;
   caption-side: bottom;
   margin: 5px 0 5px 0;
   padding: 0;
   text-align: center;
   font-size: 0.9em;
   font-weight: bold;
   line-height: 1.0;

}

/* ========================================================================= */
/* Wraps both columns */
#wrapper {
   text-align: left;
   max-width: 850px;
   min-width: 300px;
   margin-left: auto;
   margin-right: auto;
}

/* ========================================================================= */
/* LH column */
.menu-box {
   position: absolute;
   float: left;
   left: 4%;
   width: 18%;
   min-width: 100px;
   margin-top: 30px;
}

.boxLH {
   background: #FFFFFF;
   padding-left: 7%;
   padding-right: 7%;
   padding-top: 10px;
   padding-bottom: 0;
   border: 5px solid #FFFFFF;
   border-radius: 25px;
   box-shadow: 10px 10px 20px #222222;
}

ul.menu {
   font-size: 1.1em;

   list-style-type: none;
   margin: 0;
   padding: 0;
}

ul.menu li {
   padding: 0;
}

ul.menu ul {
   list-style-type: none;
   margin: 0 0 0 20px;
}

ul.menu li a {
   text-decoration: none;
   border-bottom: none;
}

ul.menu li a:visited {
   text-decoration: none;
}

ul.menu li a:hover {
   background-color: #FFFF00;
}

ul.menu li a.active {
   background-color: #FFFF00;
}

a.home, a.whatis, a.processes, a.water, a.wind, a.tillage, a.past, a.where, a.africa, a.asia, a.australasia, a.europe, a.north_america, a.south_america, a.scale, a.impacts, a.on-site, a.off-site, a.prevent, a.dontknow, a.future, a.planets, a.about, a.sitemap, a.dd, a.photos, a.videos, a.data, a.models, a.links, a.old {
   background-color: #FFFF00;
}

.licence {
   text-align: left;
   font-size: 0.6em;
   font-weight: normal;
   text-decoration: none;
   padding-top: 5%;
   padding-bottom: 0px;
}

.licence a:link, .licence a:visited {
   text-decoration: none;
   font-weight: normal;
   border-bottom: none;
}

.licence a:hover, .licence a.active {
   background-color: #FFFF00;
}

.page_date {
   text-align: left;
   font-size: 0.7em;
   font-weight: normal;
   text-decoration: none;
   padding-bottom: 0px;
}

#share-buttons img {
   display: inline;
   border: none;
   box-shadow: none;
   vertical-align: middle;
   margin-bottom: 10px;
   width: 35px;
   padding: 0 7px 0 0;
}

a.social:link, a.social:visited, a.social:hover, a.social:active {
   background-color: initial;
   border-bottom: none;
}

.share {
   font-size: 0.9em;
/*   vertical-align: 90%;*/
   padding: 0;
}

/* ========================================================================= */
/* RH column */
.column-right {
   position: absolute;
   float: right;
   right: 4%;
   width: 70%;
   min-width: 200px;
   margin-top: 30px;
}

.boxRH {
   background: #FFFFFF;
   padding-left: 4%;
   padding-right: 4%;
   padding-top: 10px;
   padding-bottom: 10px;
   border: 5px solid #FFFFFF;
   border-radius: 25px;
   box-shadow: 10px 10px 20px #222222;
}

ul.bulleted {
   margin-left: 20px;
   padding-left: 20px;
}

ul.bulleted li {
   list-style: disc outside;
   padding-bottom: 10px;
}

ul.bulleted ul {
   margin-left: 20px;
}

ul.bulleted li a {
   text-decoration: none;
}

ul.bulleted li a:visited {
   text-decoration: none;
}

ul.bulleted li a:hover {
   background-color: #FFFF00;
}

ul.bulleted li a.active {
   background-color: #FFFF00;
}

img.random {
   width: 100%;
   vertical-align: top;
   margin-top: -20px;
   margin-bottom: 10px;
}

table.gallery {
   width: 90%;
   margin-left: 10%;
   margin-right: 5%;
   margin-top: 30px;
}

img.gallery {
   width: 85%;
   margin-bottom: 10px;
   border: 5px solid #FFFFFF;
   border-radius: 5px;
   box-shadow: 5px 5px 10px #999999;
}

a.highslide:link, a.highslide:visited, a.highslide:hover, a.highslide:active  {
   background-color: initial;
   border-bottom: none;
}

.quote-bubble {
   background: #FFFFDD;
   padding: 10px 10px 5px 10px;
   margin: 0 10px 20px 10px;

   border: 5px solid #FFFFDD;
   border-radius: 25px;
   box-shadow: 10px 10px 20px #222222;
}