/*
 * foodclub homepage css
 */

span#logoHeader {
    margin: 0 40px 0px 40px;
}
.logoFont {
    font-family: 'Kite One', sans-serif;
    font-weight: bold;
    font-size: 48px;
    color: black;
}

div#navbar {
    position: fixed;
    top: 0;
    left: 0;
    height: 54px;
    width: 100%;
    background-color: tan;
    border-bottom: 1px solid black;
    padding: 10px 0 2px 0;
    white-space: nowrap;
    z-index: 10; /* this is required for mediawiki, which uses some z-index > 0 */
}
div#homepageContainer {
    padding-top: 70px;
    font-family: Arapey, serif;
    font-size: 18px;
}
/* -- external app css -- */
body#phpbb > div#wrap {
    padding-top: 70px;
}
body.mediawiki > div#globalWrapper {
    padding-top: 77px;
}
/* -- end external apps -- */

div#navbarLinks {
    position: relative;
    display: inline-block;
    /*font-family: 'Architects Daughter', sans-serif;
    font-size: 18px;
    top: -5px;*/
    /*font-family: Jura, serif;
    font-size: 18px;
    top: -2px;*/
    font-family: 'Poiret One', cursive;
    font-size: 20px;
    top: -2px;
}

div#navbarLinks a {
    padding: 2px 10px 0px 10px;
    margin: 0 5px 0 0;
    border-top: 1px solid grey;
    border-right: 1px solid grey;
    border-left: 1px solid grey;
    background-color: #d0d0ff;
    font-weight: bold;
    color: black;
    text-decoration: none;

    -webkit-box-shadow: 2px 0 4px grey;
    -moz-box-shadow: 2px 0 4px grey;
    box-shadow: 2px 0 4px grey;
}
div#navbarLinks a.navlinkOnPage {
    background-color: #a0a0ff;
}
div#navbarLinks a:hover {
    background-color: #8080ff;
    text-decoration: underline;
}

.centered {
    text-align: center;
}

/* pricing page styles */
table.policyTable {
  border-spacing: 20px 0;
  width: 880px;
}
table.policyTable thead th {
  border: 1px solid black;
  background-color: lightgrey;
  padding-top: 4px;
}
table.policyTable tbody td {
  vertical-align: top;
  padding-top: 4px;
}
table#pricingTable td, table#pricingTable th {
  width: 50%;
}
table#billingTable td, table#billingTable th {
  width: 33%;
}
table#pricingTable td, table#billingTable td {
  border-left: 1px solid grey;
  border-right: 1px solid grey;
  padding-left: 4px;
  padding-right: 4px;
}
table#pricingTable tr:last-child td, table#billingTable tr:last-child td {
  border-bottom: 1px solid grey;
}

table#pricingTable th.PaidCol {
  background-color: #aaffaa;
}
table#pricingTable th.FreeCol {
  background-color: #aaccff;
}
table#pricingTable td.PaidCol {
  background-color: #ccffdd;
}
table#pricingTable td.FreeCol {
  background-color: #ddeeff;
}

.nowrap {
    white-space: nowrap;
}