/* PAGE LAYOUT
-------------------------------------------------- */
html {
  height: 100%;
}
body {
  padding-top: 80px;
  background: url(../images/lightWoodBG.jpg);
  height: 100%;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -125px;
  padding: 0;
  background-color: #323434;
}
#mainContent {
  background: #323434;
  color: #adadad;
  padding-bottom: 15px;
  margin: 0;
}
.footer {
  position: relative;
  width: 100%;
  height: 125px;
  background-color: #222;
  color: #adadad;
  padding-top: 15px;
}
.push {
  height: 125px;
}
/* NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
/* BREADCRUMBS
-------------------------------------------------- */
.breadcrumb {
  margin: 20px 15px 0;
}
.breadcrumb a {
  color: #ffffff;
}
/* PAGINATION
-------------------------------------------------- */
.pager li > a {
  color: #ffffff;
}
/* DISPLAY IMAGES AND TEXT SIDE BY SIDE
-------------------------------------------------- */
.textAndImageTable {
  table-layout: fixed;
  width: 100%;
  border-width: 0px;
  margin: 10px 0 0 0;
}
.imageCell {
  padding: 0px 0px 10px 0px;
  vertical-align: top;
}
.textCell {
  padding: 0px 0px 0px 15px;
  text-align: left;
  width: 100%;
  vertical-align: top;
}
.dateTextCell {
  padding: 0px 0px 0px 15px;
  text-align: left;
  width: 100%;
  vertical-align: middle;
}
/* INDEX LAYOUT HELPERS
-------------------------------------------------- */
.no-pad {
  padding: 0;
}
/* INDEX & BLOG ENTRIES LAYOUT HELPERS
-------------------------------------------------- */
.leftBorder {
  border-left: solid;
  border-width: 0;
  border-color: #777777;
  margin-left: 0;
}
.rightBorder {
  border-right: solid;
  border-width: 0;
  border-color: #777777;
}
/* EVENTS & INDEX SIDEBAR LAYOUT HELPERS
-------------------------------------------------- */
.dateDiv {
  margin: 15px 0px;
  padding: 5px 10px;
  -moz-border-radius: 15px;
  border: 3px solid;
  border-color: white;
  border-radius: 15px;
  color: #ffffff;
}
.fullWidthTable {
  width: 100%;
  border-width: 0px;
}
/* BLOG LAYOUT HELPERS
-------------------------------------------------- */
.imgBlog {
  float: none;
  padding: 0 0 5px 0;
}
.blogTitle {
  margin-top: 10px;
}
/* LOCAL ESTABLISHMENT AND FOOD TRUCK IMAGES
-------------------------------------------------- */
.imgLEandFT {
  display: block;
  max-width: 80px;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 10px;
}
/* CUSTOMIZE THE LINK TO THE TOP OF THE PAGE
-------------------------------------------------- */
#topOfPage {
  position: fixed;
  height: auto;
  width: auto;
  right: 0px;
  bottom: 0px;
  padding: 8px 20px 20px 8px;
}
#topOfPage img {
  height: 50px;
  width: 50px;
}
/* GLOBAL STYLES
-------------------------------------------------- */
.headerfont {
  color: #ffffff;
  font-family: 'Kaushan Script';
  margin-bottom: 20px;
}
a img {
  border: none;
}
a.anchor {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden;
}
.noTopMargin {
  margin-top: 0px;
}
.noBottomMargin {
  margin-bottom: 0px;
}
.rowBottomBuffer10 {
  margin-bottom: 10px;
}
.rowTopBuffer10 {
  margin-top: 10px;
}
/* COLORS
-------------------------------------------------- */
.primaryColor {
  color: #df691a;
}
a.primaryLink {
  color: #df691a;
}
a.primaryLink:hover {
  color: #df691a;
}
.secondaryColor {
  color: #00bc8c;
}
a.secondaryLink {
  color: #00bc8c;
}
a.secondaryLink:hover {
  color: #00bc8c;
}
.tertiaryColor {
  color: #3b5998;
}
a.tertiaryLink {
  color: #3b5998;
}
a.tertiaryLink:hover {
  color: #3b5998;
}
a.whiteLink {
  color: #ffffff;
}
a.whiteLink:hover {
  color: #ffffff;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 505px) {
  .wrapper {
    margin-bottom: -105px;
  }
  .footer,
  .push {
    height: 105px;
  }
}
@media (min-width: 530px) {
  .wrapper {
    margin-bottom: -85px;
  }
  .footer,
  .push {
    height: 85px;
  }
}
@media (min-width: 768px) {
  .imgBlog {
    float: left;
    padding-right: 20px;
    max-width: 50%;
  }
  .blogTitle {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .leftBorder {
    border-width: 3px;
    margin-left: -3px;
  }
  .rightBorder {
    border-width: 3px;
  }
  .imgLEandFT {
    margin-left: auto;
  }
}