/* ------------------------------------------------------------ */
/* Global                                                       */
/* ------------------------------------------------------------ */

body {
  margin:           0px;
  background-color: cccc99;
}

.header, #header {
  height:           30px;
  background-color: black;
  width:            100%;
  padding:          20px 0px 10px 0px;
}

.header a:first-child, #header a:first-child {
  margin-left: 10px;
}

.header a, #header a {
  color:           yellow;
  font-family:     arial;
  text-decoration: none;
  padding:         17px;
}

.header a:hover, #header a:hover {
  background-color: gray;
}

.header .selected, #header .selected {
  color:            black;
  background-color: yellow;
}

#book {
  top:     -17px;
  float:    right;
  right:    10px;
  position: relative;
}

/* ------------------------------------------------------------ */
/* Home                                                         */
/* ------------------------------------------------------------ */

body.home {
  margin:           0px;
}

.serving {
  color:       yellow;
  font-family: arial;
  left:        60px;
  position:    relative;
  border:      1px solid yellow;
  padding:     10px;
}

/* ------------------------------------------------------------ */
/* Gallery                                                      */
/* ------------------------------------------------------------ */

body.gallery {
  background-color: white;
}

body.gallery img {
  vertical-align: top;
  margin: 10px;
}

/* ------------------------------------------------------------ */
/* Balloons                                                     */
/* ------------------------------------------------------------ */

body.balloons {
  background-color: white;
}

body.balloons a div img {
  position: absolute;
  top:      0;
  bottom:   0;
  left:     0;
  right:    0;
  margin:   auto;
}

body.balloons a div {
  position:       relative;
  float:          left;
  border:         1px solid lightgray;
  height:         220px;
  width:          170px;
}

/* ------------------------------------------------------------ */
/* About                                                        */
/* ------------------------------------------------------------ */

body.about {
}

body.about .content {
  margin:      10px;
  font-family: arial;
  font-size:   16px;
}

/* ------------------------------------------------------------ */
/* Videos                                                       */
/* ------------------------------------------------------------ */

.videos .thumb {
  margin:     10px;
}

.videos .video {
  float:       left;
  text-align:  center;
  font-family: arial;
  font-size:   20px;
  position:    relative;
}

.videos .video .play {
  background: url(/js/fancybox/play_button_small.png) no-repeat scroll 0 0 / contain;
  top:        100px;
  left:       150px;
  height:     68px;
  width:      90px;
  position:   absolute;
  z-index:    1;
}

.videos .video .play-large {
  background: url(/js/fancybox/play_button_small.png) no-repeat scroll 0 0 / contain;
  top:        250px;
  left:       355px;
  height:     68px;
  width:      90px;
  position:   absolute;
  z-index:    1;
}

/* These are used upon the video popup */
.fancybox-type-iframe .fancybox-nav {
    width: 60px;       
}

.fancybox-type-iframe .fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}

.fancybox-type-iframe .fancybox-nav:hover span {
    opacity: 1;
}

.fancybox-type-iframe .fancybox-next {
    right: -60px;
}

.fancybox-type-iframe .fancybox-prev {
    left: -60px;
}