@import url("../twentytwelve/style.css");
/*
Theme Name:     Pecatonica Beer 2013 TwentyTen Five Child
Theme URI:      http://example.com/
Description:    Child theme for the TwentyTwelve theme 
Author:         Kevin Johnson
Author URI:     http://www.amplitudedesign.com/
Template:       twentytwelve
Version:        0.1.0
*/
/* Mixin */
/* Mixin */
/* Mixin */
/* Mixin */
/* Mixin */
/* Mixin */
/* Mixin */
/* Functions */
/* Mixins*/
.box-shadow {
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
}
/* Widgets */
.widget-area {
  margin: 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  color: white;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
  font-size: 1.1rem;
  line-height: 1.5rem;
}
.widget-area .widget a,
.widget-area .widget a:hover {
  color: white;
}
.widget-title {
  color: white;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.075rem;
}
.widget-area .widget h3.widget-title {
  margin-bottom: 0rem;
}
/* End Widgets *//* Form Elements */
.menu-toggle,
input[type="submit"] {
  background: #9c3c17;
  color: white;
  text-transform: uppercase;
}
.menu-toggle {
  font-size: 1.1rem;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
  color: white;
  background-color: #9c3c17;
  background-image: none;
  background-repeat: repeat-x;
}
/* Navigation */
.main-navigation {
  background: #231f20;
  margin-top: 0;
  padding: 0.4rem 0.4rem;
}
.main-navigation li ul li a {
  font-size: 1rem;
}
.main-navigation a {
  font-size: 1.1rem;
  text-align: center;
  letter-spacing: 0.075rem;
}
.main-navigation li a {
  color: white;
  font-weight: bold;
  background: inherit;
  line-height: 3rem;
  padding: 0 .5rem;
  z-index: 8;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
  -webkit-transition: 250ms ease-in;
  -moz-transition: 250ms ease-in;
  -o-transition: 250ms ease-in;
  -ms-transition: 250ms ease-in;
  transition: 250ms ease-in;
}
.main-navigation li ul li a {
  color: #231f20;
  font-weight: bold;
  background: inherit;
  line-height: 1.6rem;
  padding: 0 .5rem;
}
.main-navigation li a:hover {
  color: #9c3c17;
  background: white;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-filter: blur(0px);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
  -webkit-transition: 250ms ease-in;
  -moz-transition: 250ms ease-in;
  -o-transition: 250ms ease-in;
  -ms-transition: 250ms ease-in;
  transition: 250ms ease-in;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
  color: black;
  background: white;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-filter: blur(0px);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
  -webkit-transition: 250ms ease-in;
  -moz-transition: 250ms ease-in;
  -o-transition: 250ms ease-in;
  -ms-transition: 250ms ease-in;
  transition: 250ms ease-in;
}
.main-navigation ul.sub-menu li a {
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  padding: .5rem;
}
.sub-menu .current-menu-item > a {
  transform: rotate(2.5deg);
  -webkit-transform: rotate(2.5deg);
  -ms-transform: rotate(2.5deg);
  -webkit-filter: blur(0px);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
  -webkit-transition: 250ms ease-in;
  -moz-transition: 250ms ease-in;
  -o-transition: 250ms ease-in;
  -ms-transition: 250ms ease-in;
  transition: 250ms ease-in;
}
.main-navigation li ul li a,
.main-navigation li ul li a:hover {
  background: white;
  color: #9c3c17;
}
.main-navigation li ul li a:hover {
  color: #9c3c17;
  transform: rotate(-2.5deg);
  -webkit-transform: rotate(-2.5deg);
  -ms-transform: rotate(-2.5deg);
  -webkit-filter: blur(0px);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
  -webkit-transition: 250ms ease-in;
  -moz-transition: 250ms ease-in;
  -o-transition: 250ms ease-in;
  -ms-transition: 250ms ease-in;
  transition: 250ms ease-in;
}
.nav-menu ul.children li {
  margin: 0;
}
.main-navigation ul.children li a {
  color: black;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  background: white;
  line-height: 3rem;
  padding: 0 .5rem;
}
/* End Navigation */a:focus,
a {
  outline: none;
}
.site-content article {
  word-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}
.archive-header,
.page-header {
  margin: 0;
  padding: 0;
}
#main {
  padding: 1rem;
  margin: .5rem;
}
img.header-image {
  margin-top: 0px;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
}
#header-image {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
#content {
  padding: 1rem;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
}
footer[role="contentinfo"] {
  margin: 0;
  padding: 1rem;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  border: 0;
  color: white;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
}
.site-content {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  margin-top: 0rem;
}
.entry-content img {
  border-radius: 0;
  box-shadow: none;
}
.entry-content img.alignleft {
  margin: 0 10px 10px 0;
}
.entry-header .entry-title {
  text-transform: uppercase;
  color: #231f20;
  font-weight: bold;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* Styles */
}
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}
body {
  background: url(images/boat-watermark.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: black;
  width: 100%;
  height: 100%;
  position: absolute;
}
body.custom-font-enabled {
  font-family: Times New Roman, Helvetica, "Open Sans", Arial, sans-serif;
}
body .site {
  margin-top: 0;
  box-shadow: none;
}
body div.site {
  margin-top: 0;
  box-shadow: none;
  padding: 0 .3rem;
}
.site {
  background-color: transparent;
}
div,
span,
p {
  font-size: 1.2rem;
}
a {
  color: #9c3c17;
}
.site-header {
  padding: 0 0;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75);
}
.site-content article {
  border-bottom: 2px double #231f20;
}
.stripes {
  background-size: 5px 5px;
  float: left;
  height: 1.5em;
  margin: 1px;
  width: 100%;
}
.horizontal {
  background-color: #9c3c17;
  background-image: linear-gradient(#ffffff 49%, transparent 49%, transparent 2%);
}