/*
---
theme: Industrial feelings (adaptation)
creator: syork
url: http://kuler.adobe.com/#themeID/1209242
original:
  - color1: "#303333" ## rgb( 48, 51, 51)  Lab( 21, -1, -1)  CMYK(  5,  1,  0, 80)
  - color2: "#525951" ## rgb( 82, 89, 81)  Lab( 37, -4,  4)  CMYK(  8,  0,  9, 65)
  - color3: "#7F7762" ## rgb(127,119, 98)  Lab( 50,  0, 12)  CMYK(  0,  7, 23, 50)
  - color4: "#B2AE84" ## rgb(178,174,132)  Lab( 70, -5, 22)  CMYK(  0,  3, 26, 30)
  - color5: "#734E21" ## rgb(115, 78, 33)  Lab( 36, 11, 32)  CMYK(  0, 32, 71, 55)
adapted:
  - color1: "#191C1D" ## rgb( 25, 28, 29)  Lab( 10, -1, -1)  CMYK( 12,  3,  0, 89)
  - color2: "#A7ADA4" ## rgb(167,173,164)  Lab( 70, -4,  4)  CMYK(  4,  0,  5, 32)
  - color3: "#7F7663" ## rgb(127,118, 99)  Lab( 50,  0, 12)  CMYK(  0,  7, 22, 50)
  - color4: "#F8F2C6" ## rgb(248,242,198)  Lab( 95, -5, 22)  CMYK(  0,  2, 20,  3)
  - color5: "#623F13" ## rgb( 98, 63, 19)  Lab( 30, 11, 32)  CMYK(  0, 36, 81, 61)
...
*/

body {
  background:#191C1D;
  color:#191C1D;
  padding:70px 0 30px 0;
  }
* html body {
  overflow:hidden;
  }
* html div.content {
  height:100%;
  overflow:auto;
  }
h1 {
  font-family: 'Raleway','Helvetica Neue',Arial,sans-serif;
  text-shadow: 2px 2px 2px #909999;
  font-size: 40px;
  }
hr {
  background:#623F13;
  color:#623F13;
  }
.header {
  background:#A7ADA4 url(../../images/mawa.jpg) no-repeat scroll 100% -25px;
  position:fixed;
  left:50%;
  top:0;
  width:950px;
  min-width:950px;
  height:70px;
  margin-left:-475px;
  }
.footer {
  background:#A7ADA4;
  color:#623F13;
  position:fixed;
  left:50%;
  bottom:0;
  width:950px;
  min-width:950px;
  height:30px;
  margin-left:-475px;
  font-style:italic;
  text-align:center;
  }
.footer a, .footer a:visited {
  color:#623F13;
  }
.footer a:hover {
  color:#F8F2C6;
  background:#623F13;
  }
.logo {
  padding:10px 0 0 10px;
  }
.main {
  background:#F8F2C6;
  }
.avatar {
  font-style:italic;
  text-align:center;
  }
.colborder {
  border-color:#623F13;
  }
.colborderl {
  border-color:#623F13;
  }
.byline {
  font-style:italic;
  text-align:right;
  }
.taxon {
  text-align:right;
  font-size:80%;
  padding-top:3px;
  }

/* ==================================================================
   This copyright notice must be untouched at all times.

   The original version of this stylesheet and the associated (x)html
   is available at http://www.cssplay.co.uk/menus/final_drop.html
   Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
   This stylesheet and the associated (x)html may be modified in any
   way to fit your requirements.
   ================================================================== */
  
.menu {
  height:28px;
  position:relative;
  top:8px;
  left:0;
  z-index:100;
  }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
  padding:0;
  margin:0;
  list-style-type:none;
  }
/* float the list to make it horizontal and a relative position so that you can control the dropdown menu positon */
.menu li {
  float:left;
  text-align:center;
  position:relative;
  }
/* style the links for the top level */
.menu a, .menu a:visited {
  display:block;
  font-size:11px;
  text-decoration:none;
  color:#191C1D;
  height:26px;
  border:1px solid #623F13;
  border-width:0 0 0 1px;
  background:#A7ADA4;
  padding:0 10px 0 10px;
  line-height:25px;
  font-weight:bold;
  }

.menu a.last, .menu a.last:visited {
  border-width:0 1px 0 1px;
  }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:26px;
  left:0;
  width:140px;
  border-top:1px solid #623F13;
  }
 
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
  position:absolute;
  top:0;
  left:0;
  border-collapse:collapse;
  }
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
  background:#A7ADA4;
  color:#191C1D;
  height:auto;
  line-height:1em;
  padding:5px 10px;
  width:118px;
  border-width:0 1px 1px 1px;
  }
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
  color:#F8F2C6;
  background:#623F13;
  }
.menu :hover > a, .menu ul ul :hover > a {
  color:#F8F2C6;
  background:#623F13;
  }
  
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
  visibility:visible;
  }