/* styles for various page regions.
 */

header.header
{
  background-color: #fdc493;
  border: solid #c6655d 6px;
}

div#main
{
  border-left: solid #c6655d 6px;
  border-right: solid #c6655d 6px;
  /* need to integrate background radio image */
  background-color: #f2dec1;
}

ul.nice-menu,
ul.nice-menu ul {
  width: 100%;
}

ul.nice-menu,
ul.nice-menu a,
ul.nice-menu a:link,
ul.nice-menu a:hover,
ul.nice-menu a:focus,
ul.nice-menu a:active
{
  background-color: #c6655d;
  font-weight: bold;
  text-decoration: none;
  color: white;
}

ul.nice-menu li
{
  border: none;
}

div#navigation
{
  height: 1.5em; /* default 3em is too big */
  background-color: #c6655d;
}

/* override height of navigation bar set in responsive.css (it's too big)
 */
@media all and (min-width: 480px) {
  #main {
    /* Move all the children of #main down to make room. */
    padding-top: 2em;
    position: relative;
  }
  /* We specify #block-nice-menus-1 for when using Nice Menus, and
   * #navigation for when using the normal Drupal main menu.  (Not
   * sure the absolute positioning for #navigation is correct.  Also,
   * I *know* the voodoo to make the nice menu overlap the navigation
   * bar is messed up.)
   * /
  #block-nice-menus-1
  ul#nice-menu-1 {
    position: relative;
    left: 0;
    top: 1.8em;
  }
  ul.nice-menu,
  ul.nice-menu li,
  ul#nice-menu-1 {
    position: absolute;
    left: 0;
    top: 0;
  }
  #navigation {
    /* Move the navbar up inside #main's padding. */
    position: relative;
    top: 0;
    height: 2em;
    width: 100%;
  }
}

div#navigation nav#main-menu a,
div#navigation nav#main-menu a:link,
div#navigation nav#main-menu a:hover,
div#navigation nav#main-menu a:focus,
div#navigation nav#main-menu a:active
{
  color: white;
  font-weight: bold;
}

div#navigation nav#main-menu a:hover
{
  text-decoration: underline;
}

.block {
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}

section.sidebar div.block
{
  border-style: solid;
  border-top-color: #fcf9f5;
  border-left-color: #fcf9f5;
  border-bottom-color: #d8c6ac;
  border-right-color: #d8c6ac;
  border-width: 1px;
  padding: 9px;
  background-color: #f7eddf;
}

section.sidebar div.block h2.block-title
{
  border: solid #c66d5d 1px;
  text-align: center;
  color: #601008;
  background-color: #fdc291;
}

section.sidebar div.block ul,
section.sidebar div.block div.more-link
{
  border: solid #c66d5d 1px;
  border-top: none;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000000;
  background-color: #53959d;
}

/* eliminate the border between the blog list and the "More" link: */
section.sidebar div.block-blog ul
{
  border-bottom: none;
}

/* and no borders on second- and third-level menus: */
section.sidebar div.block li ul
{
  border: none
}
section.sidebar div.block ul li,
section.sidebar div.block ul.menu li,
section.sidebar div.block ul.menu li.menu__item.is-leaf
{
  list-style-type: none;
  list-style-image: none;
}

section.sidebar div.block a,
section.sidebar div.block a:link,
section.sidebar div.block a:hover,
section.sidebar div.block a:focus,
section.sidebar div.block a:active,
section.sidebar div.block a.menu__link,
section.sidebar div.block a.menu__link:link,
section.sidebar div.block a.menu__link:hover,
section.sidebar div.block a.menu__link:focus,
section.sidebar div.block a.menu__link:active
{
  color: #000;
  font-weight: bold;
}

section.sidebar div.block a:hover,
section.sidebar div.block a.menu__link:hover
{
  text-decoration: underline;
}

div#main div#content article
{
  background-color: #f7eddf;
  border-style: solid;
  border-top-color: #fcf9f5;
  border-left-color: #fcf9f5;
  border-bottom-color: #d8c6ac;
  border-right-color: #d8c6ac;
  border-width: 1px;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  /* descenders add some space, and the bottom line typically isn't full: */
  padding-bottom: 0.25em;
  /* no padding on top since heading will typically have some */
}

/* FIXME: this doesn't really belong here: */
blockquote
{
  border: 1px solid #c66d5d;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 5px;
  padding-left: 35px;
  background-color: #ffddad;
  /* background-image images/postquote.png left top no-repeat */
  overflow: auto;
  clear: both;
}

blockquote > p,
blockquote > div
{
  margin: 0px 0px;
}