/* $Id: navigation.css,v 1.4 2009/10/15 15:48:20 johnalbin Exp $ */

/**
 * @file
 * Navigation Styling
 */


/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
}

/*
 * Navigation bar
 */
/* Navigation Menu Styling */
#navbar {
  position: absolute; /* To make links appear in same place during text resize */
  bottom: 0;
  left: 85px;
}

.front #navbar { /* On Front page */
  left: 7px;
}

ul#main-menu {
  margin: 0;
}

ul#primary-links { /* Primary Links list */
  margin: 0;
  padding: 0;
}

ul#primary-links a.parent { /* Style the heading font */
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  cursor: default;
  transition: .2s;
  -webkit-transition: .2s;
  -moz-transition: .2s;
}

ul#primary-links li.parent { /* Individual top-level primary link list items */
  list-style-type: none; /* Remove bullets */
  display: block;
  margin: 10px 0 0 0;
  float: left;
  position: relative;
}

ul#primary-links li.parent a.parent { /* Indidivual parent links */
  color: #FFF;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #64110a;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-radius: 6px 6px 0 0;
  /* behavior: url(/sites/default/themes/archstl/css/PIE.htc); */
  padding: 3px 15px 7px 15px;
  margin: 0px 7px;
  display: block;
  -webkit-text-size-adjust: none;
}

ul#primary-links li.parent a.parent:hover,
ul#primary-links li.parent a.parent:focus {
  color: #9a2920;
  background-color: #ffffff;
}

ul#primary-links li.parent {
  z-index: 10;
  position: relative;
}

ul#primary-links li.parent div.popup { /* Style the popup div */
  font-size: .88em;
  line-height: 1.32em;
  width: 56em;
  padding: 3px 15px 15px;
  top: 32px;
  left: 0px;
  background-color: #FFF;
  border: 2px solid #64110a;
  border-top: none;
  position: absolute;
  z-index: 4;
}

ul#primary-links li.parent div.popup span,
ul#primary-links li.parent div.popup span a { /* Headings inside Popups */
  font-size: 1.1em;
  font-weight: bold;
  color: #64110a;
  text-decoration: none;
}

ul#primary-links li.parent div.popup span {
  margin: .9em 0 .62em;
  display: block;
}

ul#primary-links li.parent div.popup a { /* Popup links */
  text-decoration: none;
  transition: .2s;
  -webkit-transition: .2s;
  -moz-transition: .2s;
}

ul#primary-links li.parent div.popup a:hover,
ul#primary-links li.parent div.popup a:focus {
  text-decoration: underline;
}

ul#primary-links li.parent div.popup li { /* List items inside popup */
  margin: 2px 0;
}

ul#primary-links li.parent div.popup ul ul { /* Second-level unordered lists */
  margin: 0 0 0 15px;
  padding: 0;
}

ul#primary-links div.popup { /* Hide the popup by default */
  display: none;
}

ul#primary-links li.hovering div.popup { /* Show popup while hovering */
  display: block;
}

ul#primary-links li.archdiocese div.popup {
  width: 56em;
}

ul#primary-links li.parishes div.popup,
ul#primary-links li.schools div.popup,
ul#primary-links li.news div.popup,
ul#primary-links li.prayer-faith div.popup {
  width: 38em;
}

ul#primary-links div.popup .column-1 { /* Float this column to the left */
  width: 18em;
  display: block;
  float: left;
  margin-right: .5em;
}

ul#primary-links div.popup .column-2 { /* Float this column to the left */
  width: 18em;
  display: block;
  float: left;
  margin-right: .5em;
}

ul#primary-links div.popup .column-3 { /* Float this column to the left */
  width: 18em;
  display: block;
  float: left;
}

/* Fixes for the Giving popup */
ul#primary-links li.giving div.popup {
  width: 38em;
  margin-left: -8em;
}

ul#primary-links li.giving div.popup .column-1 { width: 16em; }
ul#primary-links li.giving div.popup .column-2 { width: 20em; }