/**
 * Natural History Magazine: UI and widgets
 *
 * Colors
 * =====================
 * Light Putty #f4f1e7
 * Putty       #eeeecc
 * Dark Putty  #efeec6
 * Light Blue  #dbeefe
 * Bright Blue #338cff
 * Blue        #0059be
 * Dark Blue   #093d72
 * Light Grey  #efefef
 * Grey        #b6babd
 * Medium Grey #404049
 * Dark Grey   #1a1c1d
 * Black       #000
 * Orange      #fb9d32
 * Red         #e60606
 *
 * Font Stacks
 * =====================
 * Body      Arial, Helvetica Neue, Helvetica, sans-serif;
 * Headlines Georgia,"Times New Roman",Times,serif;
 * Input     Arial, Helvetica Neue, Helvetica, sans-serif;
 */


#mainmenu { z-index: 99; }

#categorymenu { z-index: 98; }

#mainmenu,
#categorymenu {
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
  font-size: 14px;
}

#mainmenu, #mainmenu ul,
#categorymenu, #categorymenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#mainmenu ul a,
#categorymenu ul a { height: 1%; } /* for IE7 */

#mainmenu a,
#categorymenu a {
  display: block;
  float: left;
  text-decoration: none;
  padding: 6px 10px;
}

#mainmenu a.active, 
#categorymenu a.active {
  color: #338cff;
}

#mainmenu li.more a, 
#categorymenu li.more a {
  padding-right: 20px;
  background: transparent url('../../resources/img/ui/menu-more.png') no-repeat center right;
  _background: transparent url('../../resources/img/ui/menu-more.gif') no-repeat center right; 
}

#mainmenu li.more a:hover, 
#categorymenu li.more a:hover {
  padding-right: 20px;
  background: transparent url('../../resources/img/ui/menu-more-over.png') no-repeat center right;
  _background: transparent url('../../resources/img/ui/menu-more-over.gif') no-repeat center right; 
}

#mainmenu li, 
#categorymenu li { 
  float: left; 
  position: relative; 
  background: transparent url('../../resources/img/ui/menu-rule.png') no-repeat center left;
}

#mainmenu li:first-child, 
#categorymenu li:first-child { 
  background-image: none;
}

#mainmenu li ul,
#categorymenu li ul {
  width: 140px; 
  padding: 10px;
}

#mainmenu li ul li, 
#categorymenu li ul li { 
  width: 136px; 
  background-color: yellow;
}

#mainmenu ul li a, 
#categorymenu ul li a { 
  border-right: 0; 
}

#mainmenu li.more ul a, 
#mainmenu li ul a, 
#mainmenu li.more ul a:hover, 
#mainmenu li ul a:hover, 
#categorymenu li.more ul a, 
#categorymenu li ul a, 
#categorymenu li.more ul a:hover, 
#categorymenu li ul a:hover { 
  padding: 2px;
  background-image: none;
  border-top: 1px solid #338cff;
  width: 100%;
}

#mainmenu li.more ul li:first-child a, 
#mainmenu li ul li:first-child a, 
#categorymenu li.more ul li:first-child a, 
#categorymenu li ul li:first-child a {
  border-width: 0;
}

#mainmenu li ul, 
#categorymenu li ul {
  position: absolute;
  left: 0;
  top: 33px;
  display: none;
  background-color: #0059be;
  font-size: 12px;
}

#mainmenu li:hover a, #mainmenu a:focus,
#mainmenu a:active, #mainmenu li.hvr a, 
#categorymenu li:hover a, #categorymenu a:focus,
#categorymenu a:active, #categorymenu li.hvr a {
  color: #fff;
  background-color: #0059be;
}

#mainmenu li:hover ul, #mainmenu li.hvr ul, 
#categorymenu li:hover ul, #categorymenu li.hvr ul { display: block; }

#mainmenu ul a:hover, 
#categorymenu ul a:hover { background-color: #338cff !important; }

#mainmenu a:active, 
#categorymenu a:active { width: auto; } /* for IE7 */


/**
 * Block Menus 
 */

.block-menu {
  margin-bottom: 10px;
}

.block-menu ul,
.block-menu li {
  line-height: 1.8em;
  list-style: none;
  margin: 0;
  padding: 0;
}


/**
 * Footer menus 
 */

.footer-menu {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.footer-menu div {
  font-weight: bold;
  color: #0059be;
  margin-right: 5px;
}

.footer-menu * {
  float: left;
}

.footer-menu a {
  color: #404049;
  text-decoration: none;
}

.footer-menu a:hover {
  text-decoration: underline;
}

.footer-menu ul {
  margin: 0;
  display: inline;
  list-style: none;
}

.footer-menu ul li {
  padding: 0 5px;
  background: transparent url('../../resources/img/ui/menu-rule.png') no-repeat center left;
}

.copyright div {
  font-weight: normal;
}


/**
 * Custom search box 
 */

form#search-block-form {
  margin: 2px 0;
  width: 318px;
  height: 28px;
  line-height: 1em;
  background: transparent url('../../resources/img/ui/search-box-bg.png') no-repeat top left;
  _background-image: url('../../resources/img/ui/search-box-bg.gif');
}

form#search-block-form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

form#search-block-form .form-item {
  margin: 0;
}

input#edit-search-block-form-1 {
  border: none;
  width: 236px;
  height: 21px;
  margin: 5px 2px 0 36px;
  background-color: transparent;
  color: #0059be;
  font-size: 14px;
  float: left;
}

#search-theme-form input.form-submit {
  width: 32px;
  height: 24px;
  margin: 3px 0 0 0;
}


/**
 * Breadcrumb 
 */

#breadcrumb {
  font-size: 1em;
  padding: 10px 10px 0 10px;
}

#breadcrumb a {
  color: #0059be;
  text-decoration: none;
}

#breadcrumb a:hover {
  text-decoration: underline;
}


/**
 * Pager 
 */

.item-list ul.pager {
  text-align: left;
  padding: 10px 0;
}

.item-list .pager li {
  padding: 2px 4px;
}

.pager-current {
  font-weight: normal;
  color: #fff;
  background-color: #338cff;
}

.pager-first, 
.pager-previous, 
.pager-next, 
.pager-last {
  text-transform: uppercase;
}


/**
 * RSS Feeds 
 */

a.feed-icon {
  display: block;
  width: 17px;
  height: 17px;
  background: transparent url('../../resources/img/ui/rss-icon.png') no-repeat top left;
  overflow: hidden;
}

a.feed-icon span {
  display: none;
}

.page-links a.feed-icon {
  float: right;
}