/**
 * Basic color settings (adjust to suit)
 */

body {
  background: url(../images/paper10.png) repeat scroll 0 0 #faf0e6;
}
#user-info {
  color: #b22222;  /* firebrick */
}
#footer {
  background-color: #4d86d1;  /* medium blue */
  color: white;
}
#footlinks a:link, #footlinks a:visited {
  color: white;
}
#footlinks a:hover, #footlinks a:active {
  color: black;
}
/* These are the color mappings for the navigation menu.
 *
 * #ffaf54 = orange
 * #191970 = midnight blue
 * #f0f0f0 = not quite white
 * #ffffff = white
 */
#navigation li ul {
  background-color: #191970;
}
#navigation li.on ul {
  background-color: #ffaf54;
}
#navigation li.on:hover ul, #navigation li.over ul {
  background-color: #191970;
}
#navigation li a {
  background-color: #f0f0f0;
  color: #191970;
  text-shadow: 1px 1px #99c;
}
#navigation li a:hover {
  background-color: #191970;
  color: #ffffff;
  text-shadow: -1px -1px #666;
}
#navigation li.on a {
  background-color: #ffaf54;
  color: #ffffff;
  text-shadow: 1px 1px #7f7f7f;
}
#navigation li ul li a {
  background-color: #191970;
  color: #ffaf54;
  text-shadow: 1px 1px #930;
}
#navigation li.on ul li a {
  color: #191970;
  text-shadow: 1px 1px #7f7f7f;
}
#navigation li.on ul li.on a {
  color: #ffffff;
  text-shadow: 1px 1px #7f7f7f;
}
#navigation li.on:hover ul li a, #navigation li.over ul li a {
  background-color: #191970;
  color: #ffaf54;
  text-shadow: 1px 1px #930;
}
#navigation li.on:hover ul li a:hover, #navigation li.over ul li a:hover {
  background-color: #191970;
  color: #ffffff;
  text-shadow: -1px -1px #666;
}

/**
 * Layout settings
 */

body {
  /*background-color: #ffc;*/
  padding-bottom: 3ex;  /* must match the footer height below */
}

#header {
  height: 110px;
  min-width: 50em;
  position: relative;
  width: 100%;
  z-index: 1;
}

#footer {
  bottom: 0;
  left: 0;
  height: 3ex;
  position: relative;
  width: 100%;
  z-index: 100;
}
html > body #footer {
  position: fixed;
}

/*------------------------------
 Header
 ------------------------------*/

#header {
  background: #1896e0 url(../images/dixiecup_header.jpg) no-repeat scroll 0 0;
  font-size: 12px;
}

#header #title {
  color: #373;
  float: left;
  font: bold 36px "Zapf Chancery", "Apple Chancery", "Brush Script MT", Georgia, "Times New Roman", Times, sans-serif;
  left: 150px;
  letter-spacing: 0.1ex;
  position: absolute;
  top: 8px;
}

/*------------------------------
 Navigation
 ------------------------------*/

#navigation {
  height: 60px;
  left: 0;
  list-style: none;
  margin: 0;
  position: relative;
  top: 60px;
  width: 100%;
}
#navigation a {
  text-decoration: none;
}
#navigation li { /* float the main list items */
  float: left;
  margin: 0;
  padding-left: 12px;
}
#navigation li ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigation li.off ul, #navigation li.on ul { /* place the sub-navigation below */
  height: 25px;
  left: 0;
  padding-top: 5px;
  position: absolute;
  top: 20px;
  width: 100%;  /* IE doesn't handle this width correctly, fix via JS */
}
#navigation li a {
  display: block;
  font: bold 12px sans-serif;
  padding: 4px 6px;
  width: auto;
  /* use rounded borders where possible */
     -moz-border-radius-topright:  0.5em;
  -webkit-border-top-right-radius: 0.5em;
          border-top-right-radius: 0.5em;
     -moz-border-radius-topleft:   0.5em;
  -webkit-border-top-left-radius:  0.5em;
          border-top-left-radius:  0.5em;
}
#navigation li.on ul a, #navigation li.off ul a {
  border: 0;
  float: left; /* IE doesn't inherit the float */
  width: auto;
}
#navigation li.on ul {
  display: block;
}
#navigation li.off:hover ul, #navigation li.over ul {
  display: block;
  z-index: 10;
}
#navigation li.off ul a, #navigation li.on ul a { /* sub-navigation formatting */
  display: block;
  font: bold 12px sans-serif;
}

/*------------------------------
 Footer
 ------------------------------*/

#footer {
  font: normal 12px sans-serif;
}

#copyright {
  float: left;
  margin: 0.5ex 1em;
  text-align: left;
}

#footlinks {
  float: right;
  list-style: none;
  margin: 0.5ex 0.5em;
}
#footlinks li {
  display: inline;
  margin: 0;
  padding: 0 0.5em;
}
#footlinks li.firstlink {
  border-left: none;
}
#footlinks li.lastlink {
  border-right: none;
}

/*------------------------------
 Content
 ------------------------------*/

div.info, div.shout {
  background-color: #ffdab9;
  border: 2px groove #ffdab9;
  color: black;
}

.eventtable {
  background-color: #f8f8ff;
}

#eventmap .loading-message {
  color: #2163d6;
  font: normal 24px "Bitstream Vera Sans", Arial, sans-serif;
  position: relative;
  top: 50%;
  left: 20%;
  width: 80%;
  overflow: hidden;
  height: 2em;
  line-height: 2em;
  margin-top: -1em;
}
#eventmap .loading-message img {
  margin-bottom: -6px;
}

.reporttable tr.table-header th,
.reporttable tr.table-footer th {
  background-color: #005cb8;
  color: #ffffff;
}
.reporttable tr.category-header th {
  background-color: #b9dcff;
}
.reporttable tr.award-header th {
  background-color: #e6f2ff;
}
.reporttable tr.total th {
  background-color: #b9dcff;
}
.reporttable tr.odd-record td {
  background-color: #e6f2ff;
}
.reporttable td {
  background-color: #ffffff;
  border-bottom: thin solid #e6f2ff;
}

.hide {
  display: none;
}

#content {
  font-size: 1.0em;
  padding: 1em;
}

#user-info {
  float: right;
  font-size: 75%;
  font-weight: bold;
  position: absolute;
  right: 4px;
  top: 114px;
}

h1 a.title-link {
  font-size: 80%;
  text-decoration: none;
}

/*------------------------------
 Online registration
 ------------------------------*/

#online-registration {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
#online-registration .step-marker {
  background: url(../images/orangerarr.gif) 0 0 no-repeat;
  float: left;
  height: 16px;
  margin-right: 6px;
  width: 16px;
}
#online-registration .step-marker.open {
  background: url(../images/orangedarr.gif) 0 0 no-repeat;
}
#online-registration .step span {
  color: #06c;
  cursor: pointer;
  font-weight: bold;
}
#online-registration .disabled-step span {
  font-style: italic;
  font-weight: bold;
}
#online-registration .openstep {
  background-color: #ffebcd;
  border: 2px solid #ffd699;
  margin-left: 22px;
  padding: 4px;
}
#online-registration .close-button {
  background: url(../images/orangeclose.gif) 0 0 no-repeat;
  color: #06c;
  cursor: pointer;
  font-weight: bold;
  float: right;
  height: 16px;
  margin-bottom: 1ex;
  margin-left: 2em;
  text-decoration: none;
  text-indent: -4000px;
  width: 16px;
}
#online-registration .update-brewer-info-note {
  color: #c02;
  font-weight: bold;
  margin: 0 2em 2ex 2em;
}
#online-registration .step-instructions {
  margin: 0 0.5em;
}

/*------------------------------
 Beermageddon 2012
 ------------------------------*/

#beermageddon {
  font-size: 110%;
}
#beermageddon #historical-style-tag {
  color: #e18e26;
  font-size: 200%;
  font-family: Papyrus, PostAntiqua, Andalus, Narkisim, Verdana, sans-serif;
}
#beermageddon #countdown {
  color: #e18e26;
  font: bold 20px Papyrus, PostAntiqua, Andalus, Narkisim, Verdana, sans-serif;
  margin: 1em auto 0 auto;
  text-align: center;
}
#beermageddon #countdown #clock_prefix {
  font-size: 24px;
  margin-bottom: 8px;
}
#beermageddon #countdown #clock {
  margin: 0 auto;
  width: 16em;
}
#beermageddon #countdown #impact {
  margin-bottom: 8px;
  text-transform: uppercase;
}
#beermageddon #countdown .hasCountdown {
  border: inherit;
  background-color: inherit;
}

#beermageddon-clock {
  background: url(../images/beermageddon-background-880.png) no-repeat fixed center;
  height: 900px;
  margin: 0 auto;
  width: 900px;
}
#beermageddon-clock #countdown {
  color: #e18e26;
  font: bold 54px Papyrus, PostAntiqua, Andalus, Narkisim, Verdana, sans-serif;
  margin: 0 auto;
  text-align: center;
}
#beermageddon-clock #countdown #clock_prefix {
  font-size: 64px;
  margin: 0 0 24px 0;
}
#beermageddon-clock #countdown #clock {
  margin: 0 auto;
  width: 16em;
}
#beermageddon-clock #countdown #impact {
  margin-bottom: 8px;
  text-transform: uppercase;
}
#beermageddon-clock #countdown .hasCountdown {
  border: inherit;
  background-color: inherit;
}

/**
 * Awesome buttons
 */
.awesome.midnightblue {
  background-color: #191970 !important;
}
.awesome.orange {
  background-color: #ffaf54 !important;
}
.awesome.grey {
  background-color: #666 !important;
}
.awesome.red {
  background-color: #e00 !important;
}
.awesome {
  font-family: sans-serif !important;
  letter-spacing: 0.5px;
}
.awesome.small {
  font-size: 10px !important;
  padding: 4px 7px 3px !important;
}
.awesome.medium {
  font-size: 13px !important;
  padding: 5px 10px 6px !important;
}

#login-form ul#links li {
  padding: 0;
}
#login-form .form-buttons {
  margin-left: 1em;
  text-align: left;
}
#forgotten-form .form-buttons,
#password-form .form-buttons,
#password-reset-form .form-buttons,
#user-form .form-buttons {
  margin: 1em;
}