/*
Theme Name: BlackOakBrew 2014
Theme URI: http://ithemes.com/
Description: This is a generated child theme for the Builder theme. You should activate and modify this theme instead of Builder. Doing so allows you to modify this child theme while allowing automatic upgrades for Builder.
Author: iThemes
Author URI: http://ithemes.com/
Version: 5.0.20
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, theme options, multiple layouts, multiple color schemes, responsive
Text Domain: it-l10n-Builder
Domain Path: /lang/
Template: Builder
*/
/*********************************************
	Default font settings and typography.
	The font-size percentage is of 16px. (0.75 * 16px = 12px)
*********************************************/
html {
    font-size: 100.01%
    }
body {
    color: #222;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 75%;
    line-height: 1.7
    }
input, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
    }
pre, code, tt, kbd {
    font-family: "andale mono", "lucida console", monospace;
    font-size: 1em;
    line-height: 1.5
    }
h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, dfn, img, samp, ul, ol, dl {
    margin-top: 1.5em;
    margin-bottom: 1.5em
    }
a img {
    margin: 0
    }
/*********************************************
	Constrain table and input widths
*********************************************/
table, input, textarea, select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    max-width: 100%
    }
/*********************************************
	Main Background
*********************************************/
body {
    background: #F5F5F5
    }
/*********************************************
	Universal Link Styles
*********************************************/
a {
    color: #000;
    text-decoration: underline
    }
a:hover {
    color: #666;
    text-decoration: underline
    }
a:focus {
    color: #000
    }
/*********************************************
	Headings
*********************************************/
h1, h2, h3, h4, h5, h6 {
    color: #111;
    font-weight: bold
    }
h1 {
    font-size: 2em;
    letter-spacing: -1px;
    line-height: 1.5;
    margin-top: 0.75em;
    margin-bottom: 0.75em
    }
h2 {
    font-size: 1.7em;
    line-height: 1.75;
    margin-top: 0.9em;
    margin-bottom: 0.9em
    }
h3 {
    font-size: 1.5em;
    line-height: 1;
    margin-top: 1em;
    margin-bottom: 1em
    }
h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-top: 1.25em;
    margin-bottom: 1.25em
    }
h5, h6 {
    font-size: 1em
    }
h6 {
    font-style: italic
    }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0
    }
/*********************************************
	Container Div
*********************************************/
.builder-container-outer-wrapper {
    background: transparent;
    border: none;
    display: block;
    margin: 1.5em auto
    }
/*********************************************
	Default Module Styling
*********************************************/
.builder-module-background-wrapper {
    background: #FFF;
    margin-bottom: 1.5em
    }
.builder-module-last {
    margin-bottom: 0
    }
.builder-module-element {
    padding: 1.5em
    }
/* Failed attempt #5 at producing full-height sidebars

   This does not work due to a Firefox glitch that causes wide content to
   override the width of blocks.

   These rules should be looked at again later in case Firefox fixes this issue.
*/
/*
.builder-module {
	display: table;
	table-layout: fixed;
}
.builder-module-block-outer-wrapper {
	display: table-cell !important;
	float: none !important;
	vertical-align: top;
	position: relative;
}
.builder-module-sidebar {
	min-height: 100%;
}*/
/*********************************************
	All Sidebars
*********************************************/
.builder-module-sidebar {
    background: #DDD;
    display: block;
    margin: 0;
    padding: 0.75em 0;
    width: 100%
    }
.builder-module-sidebar.right {
    margin-right: 0
    }
.builder-module-sidebar.left {
    margin-left: 0
    }
.builder-module-sidebar .widget-wrapper {
    width: 100%
    }
.builder-module-sidebar .widget {
    color: #333;
    margin: 0;
    padding: 0.75em 1.5em
    }
.builder-module-sidebar .widget-section-wrapper {
    padding: 0 0.75em
    }
.builder-module-sidebar .widget-section-wrapper .widget {
    padding: 0.75em
    }
.builder-module-block-outer-wrapper {
    overflow: visible !important
    }
.builder-module-block-outer-wrapper .widget-wrapper-left .widget, .builder-module-block-outer-wrapper .widget-wrapper-middle .widget, .builder-module-block-outer-wrapper .widget-wrapper-right .widget {
    padding-right: 0.75em
    }
.builder-module-sidebar h4.widget-title {
    background: none;
    color: #333;
    font-size: 1.5em;
    line-height: 1.25;
    margin: 0 0 1em 0;
    padding: 0
    }
.builder-module-sidebar h4.widget-title a {
    color: #333
    }
.builder-module-sidebar h4.widget-title + * {
    margin-top: 0
    }
.builder-module-sidebar .widget *:first-child {
    margin-top: 0
    }
.builder-module-sidebar .widget *:last-child {
    margin-bottom: 0
    }
.builder-module-sidebar .widget a.rsswidget img {
    display: none
    }
/*********************************************
	Header Module
*********************************************/
.builder-module-header {
    padding: 0.75em 0
    }
.builder-module-header .builder-module-sidebar {
    background: none;
    padding: 0
    }
.builder-module-header .builder-module-element {
    padding: 0.75em 1.5em
    }
.site-title, .site-title a, .site-title a:hover, .site-tagline, .site-tagline a, .site-tagline a:hover {
    color: #262626;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    height: auto;
    margin: 0;
    padding: 0;
    text-decoration: none
    }
.site-title a:hover, .site-tagline a:hover {
    color: #000
    }
.site-title {
    font-size: 2em;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0
    }
.site-tagline {
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    margin: 0.5em 0 0 0
    }
.site-tagline, .site-tagline a {
    color: #666
    }
/*********************************************
	Navigation Module
*********************************************/
.builder-module-navigation {
    background: #FFF;
    display: block;
    font-size: 1em;
    line-height: 2;
    width: 100%
    }
.builder-module-navigation .builder-module-element {
    padding: 0
    }
.builder-module-navigation ul {
    display: block;
    float: left;
    margin: 0;
    padding: 0
    }
.builder-module-navigation ul * {
    margin: 0
    }
.builder-module-navigation li {
    padding: 0
    }
.builder-module-navigation li a, .builder-module-navigation .current_page_item li a, .builder-module-navigation .current-cat li a {
    background: #FFF;
    color: #333;
    font-size: 1em;
    font-weight: bold;
    padding: 0.5em 1em;
    text-decoration: none
    }
.builder-module-navigation .current_page_item a, .builder-module-navigation .current-cat a, .builder-module-navigation .current-menu-item a {
    background: #333;
    color: #FFF
    }
.builder-module-navigation li a:hover {
    background: #333;
    color: #FFF
    }
/* second level stuff */
.builder-module-navigation li ul {
    border: 0.1em solid #C9C9C9;
    border-bottom: 0;
    width: 14em
    }
.builder-module-navigation li li {
    border-bottom: 0.1em solid #C9C9C9;
    width: 14em
    }
.builder-module-navigation li li a {
    float: none
    }
.builder-module-navigation li ul ul {
    margin: -3.1em 0 0 14em
    }
/*********************************************
	Widget Bar Module
*********************************************/
.builder-module-widget-bar-background-wrapper {
    background: #DDD;
    padding: 0.75em
    }
.builder-module-widget-bar-background-wrapper.builder-module-before-widget-bar-background-wrapper {
    padding-bottom: 0;
    margin-bottom: 0
    }
.builder-module-widget-bar-background-wrapper.builder-module-after-widget-bar-background-wrapper {
    padding-top: 0
    }
.builder-module-widget-bar .builder-module-sidebar {
    padding: 0
    }
.builder-module-widget-bar .widget {
    padding: 0.75em
    }
/*********************************************
	Footer Module
*********************************************/
.builder-module-footer-background-wrapper {
    background: transparent
    }
.builder-module-footer .builder-module-element {
    color: #333
    }
.builder-module-footer .single .builder-module-element, .builder-module-footer .left .builder-module-element {
    padding-top: 0
    }
.builder-module-footer .single .builder-module-element, .builder-module-footer .right .builder-module-element {
    padding-bottom: 0
    }
.builder-module-footer .builder-module-element .alignright {
    text-align: right
    }
.builder-module-footer .builder-module-element a {
    color: #333;
    text-decoration: none
    }
.builder-module-footer .builder-module-element a:hover {
    text-decoration: underline
    }
/*********************************************
	Image Module
*********************************************/
.builder-module-image-background-wrapper {
    background: transparent
    }
.builder-module-image .builder-module-element {
    font-size: 0;
    margin: 0
    }
.builder-module-image .builder-module-element img {
    margin: 0
    }
/*********************************************
	HTML Module
*********************************************/
.builder-module-html .builder-module-element > *:first-child {
    margin-top: 0
    }
.builder-module-html .builder-module-element > *:last-child {
    margin-bottom: 0
    }
/*********************************************
	Content Module
*********************************************/
.builder-module-content .builder-module-element {
    overflow: hidden
    }
.builder-module-content .hentry {
    margin-bottom: 1.5em
    }
.entry-title, .entry-title * {
    margin: 0;
    padding: 0
    }
.hentry .thumbnail-wrap {
    display: none
    }
.hentry .date {
    display: none
    }
.entry-title {
    clear: both;
    color: #262626;
    font-size: 1.9em;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 0.56em
    }
.entry-title a {
    color: #262626;
    font-size: 1em;
    text-decoration: none
    }
.entry-title a:hover {
    color: #AAA
    }
.hentry .entry-meta {
    display: block
    }
.hentry .entry-meta a {
    font-style: italic;
    text-decoration: none
    }
.hentry .entry-meta a:hover {
    text-decoration: underline
    }
.hentry .entry-footer {
    display: block
    }
.hentry .entry-footer img {
    max-width: none
    }
.hentry .entry-attachment .attachment {
    text-align: center
    }
.hentry .edit-entry-link {
    clear: both;
    margin: 0 0 1.5em 0
    }
.entry-content {
    clear: both;
    margin-top: 1.5em
    }
.loop-title {
    font-size: 1.75em;
    line-height: 1.7;
    margin-top: 0;
    margin-bottom: 0.875em
    }
/*********************************************
	Style images and galleries
	.hentry is used instead of .page or .post
	as it applies to all content types
*********************************************/
.hentry .gallery a, .hentry .gallery dt, .hentry .gallery img {
    font-size: 0;
    line-height: 0;
    margin: 0
    }
.hentry .gallery-item {
    background: #F3F3F3;
    border: 1px solid #CFCFCF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 1.5em 1.5em 0;
    padding: 5px;
    text-align: left;
    vertical-align: top;
    width: 150px
    }
.hentry .gallery-item img {
    border: 0;
    margin: 0;
    padding: 0
    }
.hentry .gallery-caption {
    line-height: 1;
    margin: 0;
    padding: 10px 5px 5px 5px
    }
.hentry .gallery + * {
    margin-top: 0
    }
.hentry img {
    background: #F3F3F3;
    border: 1px solid #CFCFCF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px
    }
.hentry .alignright {
    margin: 0 0 1.5em 1.5em
    }
.hentry .alignleft {
    margin: 0 1.5em 1.5em 0
    }
.hentry .aligncenter {
    margin: 0 auto 1.5em auto
    }
.hentry .wp-caption {
    background: #F3F3F3;
    border: 1px solid #CFCFCF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px
    }
.hentry .wp-caption img {
    background: transparent;
    border: none;
    padding: 0
    }
.hentry .wp-caption-text {
    line-height: 1;
    margin: 0;
    padding: 10px 5px 5px 5px
    }
/*********************************************
	Post Meta Styles, if needed
*********************************************/
.entry-header {
    clear: both;
    /* we need this so floats in the post are cleared */
    }
.entry-footer {
    border-top: 0.1em solid #D7D7D7;
    clear: both;
    /* we need this so floats in the post are cleared */
    margin-bottom: 3em;
    padding-top: 1.4em
    }
.entry-footer .alignright {
    margin-bottom: 1.5em
    }
.entry-footer .categories, .entry-footer .tags {
    background: url(images/category-bg.png) -2px 3px no-repeat;
    padding: 0 0 0 1.5em
    }
.entry-footer .comments {
    background: url(images/comments-bg.png) -2px 2px no-repeat;
    padding: 0 0 0 1.5em
    }
.EXIF table {
    margin: 1.5em auto
    }
.photometa h4 {
    margin: 0;
    padding: 0;
    text-align: center
    }
.photometa ul {
    list-style-type: none
    }
/*********************************************
	Previous/Next Page Navigation
*********************************************/
.loop-utility {
    clear: both;
    /* To clear any floats */
    }
/*********************************************
	Comment Styles
*********************************************/
#comments {
    margin: 3em 0 1.5em 0;
    padding: 0
    }
#comments ol.commentlist {
    background: transparent;
    margin: 1.5em 0;
    padding: 0
    }
#comments ul.children {
    margin: 0 1.5em
    }
#comments .vcard {
    line-height: 1;
    margin-bottom: 0.5em
    }
#comments .vcard .avatar {
    display: block;
    float: left;
    margin: 0 0.75em 0 0
    }
#comments .comment-meta {
    margin-bottom: 1.5em
    }
#comments li.comment {
    border: 1px solid #999;
    clear: both;
    list-style-type: none;
    margin: 1.5em 0;
    overflow: hidden
    }
#comments li .comment-body {
    margin: 1.5em
    }
#comments blockquote {
    margin: 1.5em
    }
#respond {
    margin-top: 3em;
    overflow: visible !important
    }
.comment #respond {
    border: 1px solid #999;
    margin: 1.5em 1.5em 1.5em 1.5em;
    padding: 0 1.5em 1.5em 1.5em
    }
#respond h3 {
    margin-bottom: 0
    }
#respond .cancel-comment-reply a {
    display: block;
    margin: 0
    }
#commentform label {
    margin-left: 1em
    }
#commentform input[type="text"] {
    width: 20em
    }
#commentform input, #commentform textarea {
    margin: 0
    }
#commentform #comment {
    width: 100%
    }
#commentform .comment-submit-wrapper {
    margin-bottom: 0
    }
/*********************************************
	Text elements
*********************************************/
p img.left {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0
    }
p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em
    }
blockquote {
    color: #666;
    font-size: 1.2em;
    font-style: italic;
    margin: 1.5em;
    padding: 0
    }
/* To prevent nested blockquotes from increasing in size */
blockquote blockquote {
    font-size: 100%
    }
strong {
    font-weight: bold
    }
em, dfn {
    font-style: italic
    }
dfn {
    font-weight: bold
    }
sup, sub {
    height: 0;
    line-height: 1.5;
    position: relative;
    vertical-align: baseline
    }
sup {
    bottom: 1ex
    }
sub {
    top: 0.5ex
    }
abbr, acronym {
    border-bottom: 1px dotted #666
    }
address {
    font-style: italic
    }
del {
    color: #666
    }
pre {
    margin: 1.5em 0;
    white-space: pre
    }
big {
    font-size: 1.2em;
    line-height: 1
    }
/*********************************************
	Lists
*********************************************/
ul, ol {
    list-style-position: outside;
    margin: 0 0 0 3em;
    padding: 0
    }
.entry-content > ul, .entry-content > ol {
    margin-top: 1.5em;
    margin-bottom: 1.5em
    }
ul ul, ul ol, ol ul, ol ol {
    margin-left: 1.6em
    }
li {
    margin: 0;
    padding: 0
    }
li > * {
    margin-top: 0
    }
li *:last-child {
    margin-bottom: 0
    }
li > p + ul {
    margin-top: -1.5em
    }
ul {
    list-style-type: disc
    }
ol {
    list-style-type: decimal
    }
dl {
    margin: 0 0 1.5em 0
    }
dl dt {
    font-weight: bold
    }
dd {
    margin-left: 1.5em
    }
dd + dd {
    margin-top: 1.5em
    }
/*********************************************
	Tables
*********************************************/
table {
    background: #F3F3F3;
    margin-bottom: 1.5em
    }
table, td, th {
    border: 1px solid #CFCFCF;
    border-collapse: collapse
    }
th {
    background: #E8E8E8;
    font-weight: bold;
    line-height: 1.5
    }
th, td, caption {
    padding: 0.75em
    }
tr:nth-child(2n) th {
    background: #F6F6F6
    }
tr:nth-child(2n) td {
    background: #FFF
    }
tfoot {
    font-style: italic
    }
caption {
    background: #EEE
    }
/*********************************************
	Misc classes
*********************************************/
.small {
    font-size: 0.8em;
    line-height: 1.875;
    margin-top: 1.875em;
    margin-bottom: 1.875em
    }
.large {
    font-size: 1.2em;
    line-height: 2.5;
    margin-top: 1.25em;
    margin-bottom: 1.25em
    }
.hide {
    display: none
    }
.quiet {
    color: #666
    }
.loud {
    color: #000
    }
.highlight {
    background: #FF0
    }
.added {
    background: #060;
    color: #FFF
    }
.removed {
    background: #900;
    color: #FFF
    }
.first {
    margin-left: 0;
    padding-left: 0
    }
.last {
    margin-right: 0;
    padding-right: 0
    }
.top {
    margin-top: 0;
    padding-top: 0
    }
.bottom {
    margin-bottom: 0;
    padding-bottom: 0
    }
/*********************************************
	Default styling for forms
*********************************************/
label {
    font-weight: bold
    }
fieldset {
    border: 0.1em solid #CCC;
    margin: 0 0 1.5em 0;
    padding: 1.4em
    }
legend {
    font-size: 1.2em;
    font-weight: bold
    }
/*********************************************
	Form fields
*********************************************/
input[type=text], input[type=password], input.text, input.title, textarea, select {
    font-size: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em
    }
input[type=text], input[type=password], input.text, input.title, textarea {
    background-color: #FFF;
    border: 1px solid #999;
    padding: 5px
    }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {
    border-color: #666
    }
textarea {
    width: 30em;
    height: 20em
    }
input[type=checkbox], input[type=radio], input.checkbox, input.radio {
    /*	position: relative;
    	top: .25em;*/
    }
.search-text-box {
    margin-bottom: 0
    }
.search-submit-button {
    margin: 0 !important;
    padding: 0.2em 0.5em
    }
/*********************************************
	Success, notice and error boxes
*********************************************/
.error, .notice, .success {
    border: 2px solid #ddd;
    margin-bottom: 1em;
    padding: 0.8em
    }
.error {
    background: #FBE3E4;
    border-color: #FBC2C4;
    color: #8a1f11
    }
.notice {
    background: #FFF6BF;
    border-color: #FFD324;
    color: #514721
    }
.success {
    background: #E6EFC2;
    border-color: #C6D880;
    color: #264409
    }
.error a {
    color: #8a1f11
    }
.notice a {
    color: #514721
    }
.success a {
    color: #264409
    }
/*********************************************
	Widget Styling
*********************************************/
.widget_rss li {
    margin-bottom: 1.5em
    }
.widget_rss .rsswidget {
    display: block;
    margin: 0
    }
.widget_rss .rss-date {
    display: block;
    font-style: italic;
    margin-bottom: 1.5em
    }
.widget_rss .rssSummary {
    margin: 1.5em 0
    }
/*********************************************
	Social Tabs
*********************************************/
#social-tags {
    left: auto;
    margin-right: 0;
    margin-left: auto;
    overflow: hidden;
    padding-top: 10px;
    position: fixed;
    right: 0;
    width: 95px;
    height: 100%
    }
#social-tags a {
    margin: 0;
    position: relative;
    right: -50px
    }
#social-tags a:hover {
    right: 0
    }
/*********************************************
	The Obligatory WP Styles
*********************************************/
.alignright {
    margin-left: 1.5em
    }
.alignleft {
    margin-right: 1.5em
    }
.hentry img.wp-smiley {
    border: none
    }
/************ CUSTOM STYLES BEGIN ***********************/
body {
    background: #fff url(images/light-bg.jpg) repeat 0 0
    }
.builder-container-outer-wrapper {
    margin: 0
    }
#builder-module-52cc612b3b143 .builder-module-element, .builder-module-1-outer-wrapper .builder-module-element {
    padding: 0
    }
#builder-module-52cc612b3b143-outer-wrapper, #builder-module-52cc612b3b181-outer-wrapper, .builder-module-widget-bar, .builder-module-1-outer-wrapper {
    overflow: visible !important
    }
.builder-module-background-wrapper, .builder-module-sidebar {
    background: transparent
    }
#builder-module-52cc612b3b181-outer-wrapper {
    padding-bottom: 0
    }
#builder-module-52cc612b3b143-background-wrapper, #builder-module-52cc612b3b181-background-wrapper, #builder-module-52cc5cbca242b-background-wrapper, .builder-module-1-background-wrapper, .builder-module-last-background-wrapper, #builder-module-52d02bfe034bf-background-wrapper .builder-module-column-1-outer-wrapper, .widget-title-wrapper {
    background: #121111 url(images/dark-bg.jpg) repeat 0 0;
    margin: 0;
    color: #fff
    }
#builder-module-52cee14c3a060-background-wrapper, .builder-module-before-content-background-wrapper {
    background: #121111 url(images/content-top.jpg) repeat center top
    }
#builder-module-52cee14c3a0a1-background-wrapper, .builder-module-after-content-background-wrapper {
    background: #121111 url(images/content-bottom.jpg) repeat center top;
    margin: 0
    }
/********** FONTS ***********/
@font-face {
    font-family: "Lane D";
    src: url(LANE_D.eot?) format("eot"), url(LANE_D.woff) format("woff"), url(LANE_D.ttf) format("truetype"), url(LANE_D.svg#laned) format("svg");
    font-weight: normal;
    font-style: normal
    }
body {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 12px
    }
h1, h2, h3, h4 {
    font-family: "Lane D", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase
    }
a, a:visited {
    color: #d0372e;
    text-decoration: none
    }
a:hover {
    color: #262626;
    text-decoration: underline
    }
#builder-module-52cc612b3b181 .builder-module-sidebar .widget, #builder-module-52cc5cbca242b .builder-module-sidebar .widget, .builder-module-last-background-wrapper .builder-module-sidebar .widget {
    color: #fff !important
    }
#builder-module-52cc612b3b181 .builder-module-sidebar .sidebar .left .widget-wrapper, .builder-module-widget-bar .widget-wrapper {
    overflow: visible !important
    }
#builder-module-52cc612b3b181 .widget-title, #builder-module-52d02bfe034bf .widget-title, #builder-module-52cc5cbca242b .widget-title, #builder-module-5333068303b7c .widget-title, #builder-module-5333069f51d36 .widget-title, #builder-module-533306ae428d2 .widget-title, #builder-module-533306c220c1d .widget-title, #builder-module-52d02bd464d99 .widget-title, .builder-module-last-background-wrapper .builder-module-sidebar .widget .widget-title a, .builder-module-sidebar h4.widget-title {
    color: #fff !important;
    text-transform: uppercase;
    font-family: "Lane D", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    padding: 8px 25px
    }
/******** FEELIN SOCIAL **********/
div.social {
    background: url(images/feelinsocial-bg.jpg) no-repeat;
    height: 39px;
    width: 251px;
    margin-left: 68%;
    padding: 0 20px
    }
div.social h4.title {
    float: left;
    font-family: "Lane D", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 10px
    }
div.social a.fb {
    background: url(images/icon-fb.png) no-repeat;
    width: 10px;
    height: 18px;
    display: block;
    margin: 8px;
    float: right
    }
div.social a.fb:hover {
    background: url(images/icon-fb-hover.png) no-repeat
    }
div.social a.twitter {
    background: url(images/icon-twitter.png) no-repeat;
    width: 22px;
    height: 16px;
    display: block;
    margin: 8px;
    float: right
    }
div.social a.twitter:hover {
    background: url(images/icon-twitter-hover.png) no-repeat
    }
div.social a.untappd {
    background: url(images/icon-untappd.png) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    margin: 8px;
    float: right
    }
div.social a.untappd:hover {
    background: url(images/icon-untappd-hover.png) no-repeat
    }
div.social a.instagram {
    background: url(images/icon-instagram.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin: 8px;
    float: right
    }
div.social a.instagram:hover {
    background: url(images/icon-instagram-hover.png) no-repeat
    }
/****** LOGO *****/
a.logo {
    background: url(images/blackoaklogo.jpg) no-repeat;
    display: block;
    height: 152px;
    width: 270px;
    /*margin: 10px auto;*/
    float: left;
    position: relative;
    top: -58px;
    left: 27px;
    margin-bottom: -20px
    }
/********* MENUS ***********/
ul#menu-main-left-side, ul#menu-main-right-side {
    list-style: none;
    margin: 0;
    margin-top: 70px
    }
ul#menu-main-right-side {
    /*margin-right: -50px; */
    }
ul#menu-main-left-side li {
    display: inline;
    float: left
    }
ul#menu-main-right-side li {
    display: inline;
    float: right
    }
ul.menu li a {
    display: block;
    margin: 10px 14px;
    color: #fff;
    font-family: "Lane D", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none
    }
ul#menu-main-right-side li.kenscorner a {
    background: url(images/btn-kenscorner.png) no-repeat;
    display: block;
    height: 80px;
    width: 197px;
    text-indent: -9999px;
    margin-top: -15px
    }
ul#menu-main-left-side li a:hover, ul#menu-main-right-side li a:hover {
    color: #d0372e
    }
/******* SUBMENUS ****/
ul.menu li {
    position: relative;
    /* hey Submenu ULs, appear below! */
    }
ul.menu ul {
    list-style: none;
    margin: 0;
    /* Appear just below the hovering list */
    padding: 0;
    width: 273px;
    /* specify the width. */
    position: absolute;
    /* needed */
    z-index: 500;
    /* specify the order */
    left: -90px
    }
ul.menu li ul li:first-child {
    background: url(images/dropdown-top.png) no-repeat top center;
    padding-top: 25px
    }
ul.menu li ul li:last-child {
    background: url(images/dropdown-bottom.png) no-repeat bottom center;
    padding-bottom: 25px
    }
ul.menu li ul {
    top: 27px;
    border-left: 3px solid #121111;
    border-right: 7px solid #121111
    }
ul.menu li ul.sub-menu li a {
    padding: 20px 15px;
    background: #fff;
    color: #121111;
    text-align: center;
    display: block;
    width: 243px;
    margin: 0
    }
ul.menu li ul.sub-menu li a:hover {
    background: #fff url(images/acorn-black.png) no-repeat 20px center
    }
ul.menu ul ul {
    top: 0;
    left: 100%;
    /* Position the sub menus to right. */
    }
ul.menu ul li {
    float: none;
    /* umm.. Appear below the previous one. mmkay? */
    width: 273px
    }
/* Drop Down! */
/* Hide all the dropdowns (submenus) */
ul.menu ul, ul.menu li:hover ul ul, ul.menu ul li:hover ul ul {
    display: none
    }
/* Display the submenus only when li are hovered */
ul.menu li:hover ul, ul.menu ul li:hover ul, ul.menu ul li ul li:hover ul {
    display: block
    }
ul.menu li * a:hover {
    color: #d0372e
    }
/********* sub-menu animation ********/
@-moz-keyframes animate-ken {
    0% {
        -moz-transform: rotate(0deg);
        } 25% {
        -moz-transform: rotate(3deg);
        } 50% {
        -moz-transform: rotate(-3deg);
        } 75% {
        -moz-transform: rotate(3deg);
        } 100% {
        -moz-transform: rotate(0deg);
        }
    }
@-webkit-keyframes animate-ken {
    0% {
        -webkit-transform: rotate(0deg);
        } 25% {
        -webkit-transform: rotate(3deg);
        } 50% {
        -webkit-transform: rotate(-3deg);
        } 75% {
        -webkit-transform: rotate(3deg);
        } 100% {
        -webkit-transform: rotate(0deg);
        }
    }
.kenscorner:hover {
    -webkit-animation-name: animate-ken;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: animate-ken;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite
    }
/************ SLIDESHOW *******************/
#pb_slideshow_rslider-1 .nivo-prevNav, #pb_slideshow_rslider-1 .nivo-nextNav {
    text-indent: -9999px;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0 !important;
    border: 0 !important
    }
#pb_slideshow_rslider-1 .nivo-prevNav {
    background: url(images/arrow-left.png) no-repeat !important;
    width: 39px;
    height: 39px
    }
#pb_slideshow_rslider-1 .nivo-nextNav {
    background: url(images/arrow-right.png) no-repeat !important;
    width: 39px;
    height: 39px
    }
.nivo-caption {
    background: url(images/caption-bg.png) no-repeat bottom left !important;
    width: 371px !important;
    /* height: 120px !important; */
    opacity: 0.9 !important;
    left: -10px !important;
    bottom: -23px !important;
    font-family: "Lane D", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 15px 25px 25px !important;
    font-size: 16px
    }
#builder-module-52cc612b3b181 .widget-wrapper #pb_slideshow_rslider-container-1 .nivo-controlNav {
    background: url(images/slideshow-bullet-bg.png) no-repeat 500px bottom;
    /* height: 43px; */
    text-align: right;
    margin-top: -43px;
    z-index: 7;
    position: relative;
    padding: 15px 0 0 0
    }
#builder-module-52cc612b3b181 #pb_slideshow_rslider-container-1 .nivo-controlNav a {
    background: url(images/acorn-white.png) no-repeat;
    width: 15px;
    height: 17px;
    padding: 5px;
    margin: 5px 10px 0 0
    }
#builder-module-52cc612b3b181 #pb_slideshow_rslider-container-1 .nivo-controlNav a.active {
    background: url(images/acorn-red.png) no-repeat
    }
/*********** INSTAGRAM WIDGET *************/
.widget_easy_instagram_widget_base h4.widget-title {
    background: url(images/icon-instagram-white.png) no-repeat center left;
    padding-left: 30px;
    display: block;
    margin-left: 10px
    }
.easy-instagram-thumbnail-wrapper img {
    border: 5px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
.easy-instagram-thumbnail-caption {
    font-size: 100% !important;
    font-weight: normal !important;
    font-style: italic
    }
/************ MAIN CONTENT BLOCKS ***************/
#builder-module-52d02bfe034bf .builder-module-column-1-outer-wrapper .widget-background-wrapper {
    background: url(images/content-sideangle.jpg) no-repeat;
    padding-left: 1em !important
    }
.builder-module-column-1-outer-wrapper.left .sidebar.left .widget-wrapper-left {
    padding-right: 1em
    }
.loop-content .hentry .entry-content h4 {
    color: #d0372e
    }
.hentry img {
    background: #121111
    }
/************ EVENTS WIDGET *************/
#em_widget-2 {
    padding-left: 1.5em;
    padding-top: 0
    }
.widget_em_widget ul {
    list-style: none;
    margin: 0;
    padding-top: 30px
    }
.widget_em_widget ul li {
    width: 255px;
    margin: 10px auto;
    text-align: center;
    font-size: 12px
    }
.widget_em_widget ul li a {
    font-family: "Lane D", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #121111
    }
.widget_em_widget ul li a:hover {
    color: #d0372e;
    text-decoration: none
    }
.widget_em_widget ul li:hover {
    background: url(images/sidebar-brackets.png) no-repeat center center;
    color: #d0372e
    }
.widget_em_widget ul li ul {
    padding-top: 0
    }
.widget_em_widget ul li ul li {
    margin: 0;
    font-style: italic
    }
.widget_em_widget ul li ul li:hover {
    background: none
    }
.widget_em_widget ul li.all-events-link {
    margin-top: 30px;
    background: #121111 url(images/dark-bg.jpg) repeat 0 0;
    width: 100%;
    padding: 10px 0;
    color: #fff
    }
.widget_em_widget ul li.all-events-link a {
    color: #fff;
    font-size: 10px
    }
.widget_em_widget ul li.all-events-link a:hover {
    color: #d0372e
    }
.widget_em_widget ul li.all-events-link:hover {
    color: #d0372e
    }
.event.hentry img, .post-12.hentry img {
    background: none;
    border: none;
    padding: 0
    }
/********* TWITTER WIDGET ***********/
ul.really_simple_twitter_widget {
    list-style: none;
    margin: 0
    }
ul.really_simple_twitter_widget li img {
    margin: 0 5px 0 0;
    float: left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
    }
/******** MAILCHIMP WIDGET **********/
.widget_mc4wp_widget input[type="text"] {
    background: url(images/input-large.png) no-repeat;
    height: 33px;
    width: 282px;
    border: 0;
    font-family: Georgia, Times New Roman, Times, serif;
    color: #d0372e;
    font-size: 12px
    }
.widget_mc4wp_widget input[type="email"] {
    background: url(images/input-small.png) no-repeat;
    height: 38px;
    width: 207px;
    border: 0;
    font-family: Georgia, Times New Roman, Times, serif;
    color: #d0372e;
    font-size: 12px
    }
.widget_mc4wp_widget input[type="submit"] {
    background: url(images/btn-ok.png) no-repeat;
    height: 36px;
    width: 58px;
    border: 0;
    cursor: pointer;
    margin-left: 20px
    }
/*********** WIDGET TITLES & ICONS *********/
.widget_em_widget h4.widget-title {
    background: url(images/icon-events.png) no-repeat center left;
    padding-left: 40px !important;
    display: block;
    margin-left: 10px
    }
#it_widget_content-2 h4.widget-title {
    background: url(images/icon-map.png) no-repeat center left;
    padding-left: 24px !important;
    display: block;
    margin-left: 10px
    }
#builder-module-52cc5cbca242b .builder-module-sidebar .widget-wrapper.left .widget h4.widget-title, #builder-module-5333068303b7c .builder-module-sidebar .widget-wrapper.left .widget h4.widget-title, #builder-module-5333069f51d36 .builder-module-sidebar .widget-wrapper.left .widget h4.widget-title, #builder-module-533306ae428d2 .builder-module-sidebar .widget-wrapper.left .widget h4.widget-title, #builder-module-533306c220c1d .builder-module-sidebar .widget-wrapper.left .widget h4.widget-title, #builder-module-52d02bd464d99 .builder-module-sidebar .widget-wrapper.left .widget h4.widget-title, #builder-module-53399d170d7de .builder-module-sidebar .widget-wrapper.left .widget h4.widget-title {
    background: url(images/icon-twitter-white.png) no-repeat center left;
    padding-left: 10px !important
    }
#builder-module-52cc5cbca242b .builder-module-sidebar .widget-wrapper.middle .widget h4.widget-title, #builder-module-5333068303b7c .builder-module-sidebar .widget-wrapper.middle .widget h4.widget-title, #builder-module-5333069f51d36 .builder-module-sidebar .widget-wrapper.middle .widget h4.widget-title, #builder-module-533306ae428d2 .builder-module-sidebar .widget-wrapper.middle .widget h4.widget-title, #builder-module-533306c220c1d .builder-module-sidebar .widget-wrapper.middle .widget h4.widget-title, #builder-module-52d02bd464d99 .builder-module-sidebar .widget-wrapper.middle .widget h4.widget-title, #builder-module-53399d170d7de .builder-module-sidebar .widget-wrapper.middle .widget h4.widget-title {
    background: url(images/icon-news.png) no-repeat center left;
    padding-left: 30px !important
    }
#builder-module-52cc5cbca242b .builder-module-sidebar .widget-wrapper.right .widget h4.widget-title, #builder-module-5333068303b7c .builder-module-sidebar .widget-wrapper.right .widget h4.widget-title, #builder-module-5333069f51d36 .builder-module-sidebar .widget-wrapper.right .widget h4.widget-title, #builder-module-533306ae428d2 .builder-module-sidebar .widget-wrapper.right .widget h4.widget-title, #builder-module-533306c220c1d .builder-module-sidebar .widget-wrapper.right .widget h4.widget-title, #builder-module-52d02bd464d99 .builder-module-sidebar .widget-wrapper.right .widget h4.widget-title, #builder-module-53399d170d7de .builder-module-sidebar .widget-wrapper.right .widget h4.widget-title {
    background: url(images/icon-contact.png) no-repeat center left;
    padding-left: 30px !important
    }
/****** WIDGETS ******/
/****** TABLE STUFF *******/
table img {
    max-width: none;
    border: none !important;
    padding: 0 !important;
    background: none !important
    }
table.beerstore img, .post-12.hentry img {
    border: none;
    padding: 0;
    background: none
    }
/******** MOBILE STUFF *******/
@media all and (max-width: 870px) {
    a.logo {
        margin: 10px auto;
        float: none;
        position: inherit
        }
    div.social {
        margin: 0 auto
        }
    #em_widget-2-background-wrapper {
        margin-top: 2em
        }
    .nivo-caption {
        position: relative !important;
        left: 0 !important;
        bottom: 0 !important
        }
    .left .builder-module-element {
        padding-bottom: 0
        }
    .hentry .entry-footer {
        display: none
        }
    }