/*
Theme Name: Kona Brewing
Theme URI: http://konabrewingco.com/
Template: cbparent
Description: A custom theme for Kona Brewing
Author: Roundhouse
Author URI: http://roundhouseagency.com
Version: 1.2
*/

/*
 * Reset
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font: inherit;
  vertical-align:baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

b { font-weight: bold; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none;outline: none;}

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */

/*
 * fonts
 */
@font-face {
    font-family: 'Aktuelle';
    src: url('fonts/aktuelle-kona.eot');
    src: local('☺'), url('fonts/aktuelle-kona.woff') format('woff'), url('fonts/aktuelle-kona.ttf') format('truetype'), url('fonts/aktuelle-kona.svg#webfont06hygDrW') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OptiSportScript';
    src: url('fonts/opss-kona.eot');
    src: local('☺'), url('fonts/opss-kona.woff') format('woff'), url('fonts/opss-kona.ttf') format('truetype'), url('fonts/opss-kona.svg#webfontjTsk38lB') format('svg');
    font-weight: thin;
    font-style: normal;
}

@font-face {
    font-family: 'Hadriano';
    src: url('fonts/hadriano-bold-kona.eot');
    src: local('☺'), url('fonts/hadriano-bold-kona.woff') format('woff'), url('fonts/hadriano-bold-kona.ttf') format('truetype'), url('fonts/hadriano-bold-kona.svg#webfont5f17cgJ7') format('svg');
    font-weight: bold;
    font-style: normal;
}

body { font:13px/1.231 sans-serif; font-size:small; }

select, input, textarea, button { font:99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }


/*
 * minimal base styles
 */


body, select, input, textarea {
  color: #663606;
  font-family: Georgia, serif;
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

html { overflow-y: scroll; }

a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


ul, ol {
    margin-left: 2em;

    list-style-type: none;
}
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

.clickable, label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
label.no-click{cursor: auto;}

button, input, select, textarea { margin: 0; }

input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }

img { -ms-interpolation-mode: bicubic; }



/*
 * Non-semantic helper classes
 */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.hidden { display: none; visibility: hidden; }

.visuallyhidden {
    border: 0 !important;
    clip: rect(0, 0, 0, 0);
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after, .clear { clear: both; }
.clearfix { zoom: 1; }

.alignleft {float: left;margin: 0 8px 0 0;}
.alignright {float: right;}

 /* Primary Styles
    Author: Roundhouse
 */
html {
    background: transparent url(images/lava.png) repeat;
}

body {
    background: transparent url(images/bg.jpg) 0 0 repeat;
    width: 100%;
    height: 100%;
}

    #container {width: 100%;}

    .container {
        position: relative;
        width: 840px;
        margin: auto;
    }

    #container > header {
        padding: 6px 0;

        background: transparent url(images/husk_tile.png) repeat-x;

        text-align: center;

    }

        #container > header nav {
            display: block;
            height: 95px;
            width: 945px;
            margin: 0 auto;
            /*display: -webkit-box;
            -webkit-box-align: center;
            -webkit-box-pack: center;

            display: -moz-box;
            -moz-box-align: center;
            -moz-box-pack: center;

            display: box;
            box-align: center;
            box-pack: center;*/
        }

            nav .menu {
                padding: 0 4px;

                border: 1px solid #dfd5c8;
                border-width: 1px 0;
            }

                nav .menu > li {
                    position: relative;
                    display: inline-block;

                }

                    nav .menu a {
                        display: block;
                        padding: 4px;

                        color: #663606;

                        font: bold 13px/13px 'Hadriano',serif;
                        text-transform: uppercase;
                        text-decoration: none;
                    }

                    nav ul.sub-menu a {
                        font: bold 10px/12px 'Hadriano',serif;
                    }
                    nav ul.sub-menu .sub-menu a {
                        padding: 1px 0;
                        color: #4A792E;
                    }

                    nav .menu li:hover > a, nav .menu li a:hover {color: #988d5f;}

                    nav .menu .current-menu-parent > a, nav .menu .current-menu-parent:hover > a, nav .menu .current-menu-parent > a:hover, nav .menu .current-menu-item > a, nav .menu .current-menu-item:hover > a, nav .menu .current-menu-item > a:hover {color: #f47a20;}

                nav li > ul {
                    position: absolute;
                    top: 20px;
                    z-index: 200;
                    display: none;
                    width: 190px;
                    padding: 5px 22px 20px 17px;

                    background: transparent url(images/menu_bg.png) no-repeat bottom left;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    -o-background-size: cover;
                    -ms-background-size: cover;
                    background-size: cover;

                    font-size: 10px;
                    line-height: 14px;
                    text-align: left;

                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -o-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    box-sizing: border-box;
                }
                nav li > ul ul{background: none;position: relative;padding: 0px;margin: 0px;top:0;margin-top:-3px;padding-left: 10px;}
                nav li > ul ul a{color: #4a792e;}
                nav li:hover ul, nav li:focus ul {display: block;}

            #left-nav-menu {display:block;margin-left: 12px;float:left;margin-top: 30px;z-index: 999;}

            #left-nav-menu ul.sub-menu {
                text-align: right;
            }

                #left-nav-menu > li > ul {
                    right: -10px;
                }

            #right-nav-menu {display:block;margin-right: 12px;float:left;margin-top: 30px;z-index: 999;}

                #right-nav-menu > li > ul {
                    left: 0;
                }



            #logo {
                display: block;
                float: left;
                margin: 0 6px;
            }

                #logo a {
                    display: inline-block;
                }

            header nav .fill {
                display: block;
                float: left;
                height: 12px;
                margin-top: 35px;
                width: 94px;

                background: transparent url(images/tattoo-horiz.png) repeat-x right;
            }

            #right-nav-menu .fill {background-position: left;}

    #main {
        padding-bottom: 40px;
    }

    body > footer {
        height: 100%;
        padding: 60px 0 70px;

        background: transparent url(images/lava.png) repeat;

        color: #a08c63;


        font: 12px/16px 'Hadriano';
        text-transform: uppercase;
        text-align: center;

        position: relative;
        top: 40px;
    }

    #footer div#brush {
        background: transparent url(images/husk_tile.png) repeat-x;
        width: 100%;
        height: 30px;
        position: absolute;
        top: 0;
        left: 0;
    }

        body > footer * {
            display: inline;
            vertical-align: middle;
        }

        body > footer label {
            font: normal 24px/25px 'OptiSportScript',script;
            letter-spacing: 1px;
            text-transform: none;
        }

        body > footer input {
            margin: 0 8px;
            padding: 2px 8px;

            background: #472706;
            color: #a08c63;

            font: 12px/16px 'Hadriano';
            text-transform: uppercase;

            border: 1px solid #a08c63;
        }
        #elistForm span{cursor: pointer;}

/* home */
.home #container {
    background-color: transparent;
    background-image: url(images/bg.jpg) repeat, url(images/light.png) no-repeat top center;
}

#home-caps object {
    position: relative;
    top: -50px;
    left: 25px;
}
#download-music{
    background: url(images/downloadmusic-ukuRight.png) top center no-repeat;
    display: block;
    width: 241px;
    height: 155px;
    text-indent: -9999px;
    text-transform: uppercase;
    margin-left: -30px;
    margin-top: 10px;
}
#sweeps2 {
	display: block;
	width: 400px;
	height: 125px;
	text-indent: -9999px;
	text-transform: uppercase;
	margin-left: -100px;
	margin-top: 10px;
}
#download-music:hover{
    background: url(images/downloadmusic-ukuRight-hover.png) top center no-repeat;
}

    #home-heroes {
        position: relative;
        overflow: visible !important;
        width: 799px;
        width: 840px;
        height: 354px;
        margin-bottom: 20px;

        background: transparent url(images/home-photo-bg.png) no-repeat;
    }

        body.home .home-hero {
            display: none;
            position: absolute;
            padding: 17px 15px;
            top: 0;
            left: 50px;
            width: 803px;
            height: 400px;
            overflow: visible !important;
            float:right;
            background-color: transparent !important;
        }

            body.home .home-hero h1 {
                position: absolute;
                z-index: 5;
                top: 50px;
                left: 250px;
                color: #ffffff;
                margin: 0;
                padding: 0;
                display: block;
                font: 74px/70px 'OptiSportScript';
                white-space: nowrap;

                /*-ms-filter: Shadow(Color=#333333, Direction=50, Strength=3);
                filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
                -ms-filter: glow(color=#333333,strength=3);
                filter: progid:DXImageTransform.Microsoft.glow(color=#333333,strength=3);
                */
                FILTER: Glow(color=#333333,strength=3);
                line-height: 75px;
                overflow: visible;
                height: 200px;
                width: 300px;
            }

            .home-hero h1 span {
                    position: absolute;
                    top: 70px;
                    left: 100px;

                    display: block;

                    color: #ffe449;

                    font: bold 14px 'Hadriano';
                    letter-spacing: 2px;
                    text-transform: uppercase;
                    text-shadow: none;
                    line-height: 14px;
                    overflow: visible;
                }


            body.home .home-hero p {
                position: absolute;
                z-index: 5;
                top: 200px;
                left: 260px;
                width: 213px;

                color: #ffd646;

                font: bold 12px 'Hadriano';

                text-transform: uppercase;
                text-align: center;

                FILTER: Glow(color=#333333,strength=3);
            }

            body.home .home-hero-product {
                position: absolute;
                z-index: 15;
                display: block;
                overflow: visible;
                text-align: center;
                top: 50px;
                left: 450px;
                width: 200px;
                height: 369px;
                padding: 0 70px;
                background: url(images/longboard-leaves.png) no-repeat 25px 135px;
                filter: none !important;  
                opacity: none !important;  
                -moz-opacity: none !important;
                -ms-filter: none !important;

                /*text-indent: -9999em;*/
            }

            body.home .home-hero-photo {
                position: absolute;
                z-index: 1;
                top: 0px;
                left: 0px;
                width: 803px;
                height: 351px;
            }

            body.home .home-hero-map {
                position: absolute;
                z-index: 20;
                left: -20px;
                top: 100px;
            }

            /* longboard */
            #home-longboard h1 {
                text-shadow: -2px -2px 2px #bb8d00, 2px -2px 2px #bb8d00, -2px 2px 2px #bb8d00, 2px 2px 2px #bb8d00;
            }

                #home-longboard h1 span {
                    left: 120px;
                }

            #home-longboard p {

                text-shadow: -2px -2px 2px #3e6575, 2px -2px 2px #3e6575, -2px 2px 2px #3e6575, 2px 2px 2px #3e6575;
            }

            #home-longboard-bottle {

                background: url(images/longboard-bottle.png) no-repeat top center, url(images/longboard-leaves.png) no-repeat center 130px;
            }


            /* firerock */
            #home-fire-rock h1 {
                text-shadow: -2px -2px 2px #9c3821, 2px -2px 2px #6F3A3F, -2px 2px 2px #6F3A3F, 2px 2px 2px #6F3A3F;
            }

                #home-fire-rock h1 span {
                    left: 120px;
                }

            #home-fire-rock p {

                    text-shadow: -2px -2px 2px #5f3737, 2px -2px 2px #5f3737, -2px 2px 2px #5f3737, 2px 2px 2px #5f3737;
            }

            #home-firerock-bottle {
                top: 0;
                right: 0;
                width: 266px;
                height: 369px;

                background: url(images/firerock-bottle.png) no-repeat top center, url(images/longboard-leaves.png) no-repeat center 130px;
            }


            /* pipeline */
            #home-pipeline h1 {

                text-shadow: -2px -2px 2px #f47a20, 2px -2px 2px #f47a20, -2px 2px 2px #f47a20, 2px 2px 2px #f47a20;
            }

                #home-pipeline h1 span {
                    right: 31px;

                    color: #92d4d7;
                }

            #home-pipeline p {

                    color: #004a59;

                    text-shadow: -2px -2px 2px #a1ccd4, 2px -2px 2px #a1ccd4, -2px 2px 2px #a1ccd4, 2px 2px 2px #a1ccd4;
                    Filter: Glow(color=#ffffff,strength=3);
            }

            #home-pipeline-bottle {
                background: url(images/pipeline-bottle.png) no-repeat top center, url(images/longboard-leaves.png) no-repeat center 130px;
            }


            /* big wave */
            #home-big-wave h1 {

                text-shadow: -2px -2px 2px #FF6307, 2px -2px 2px #FF6307, -2px 2px 2px #FF6307, 2px 2px 2px #FF6307;
            }

                #home-big-wave h1 span {

                    color: #D8DA85;
                }

            #home-big-wave p {

                    color: #004a59;

                    text-shadow: -2px -2px 2px #D8DA85, 2px -2px 2px #D8DA85, -2px 2px 2px #D8DA85, 2px 2px 2px #D8DA85;
            }

            #home-big-wave-bottle {
                background: url(images/pipeline-bottle.png) no-repeat top center, url(images/longboard-leaves.png) no-repeat center 130px;
            }


            /* wailua */
            #home-wailua h1 {

                text-shadow: -2px -2px 2px #db8d00, 2px -2px 2px #db8d00, -2px 2px 2px #db8d00, 2px 2px 2px #db8d00;
            }

                #home-wailua h1 span {
/*                  right: 15px;*/

                    color: #0ACFD5;
                }

            #home-wailua p {
                width: 238px;

                top: 200px;
                left: 240px;

                color: #33efff;

                text-shadow: -2px -2px 2px #2d5c21, 2px -2px 2px #2d5c21, -2px 2px 2px #2d5c21, 2px 2px 2px #2d5c21;
            }

            #home-wailua-bottle {
                background: url(images/wailua-bottle.png) no-repeat top center, url(images/longboard-leaves.png) no-repeat center 130px;
            }


            /*end home content*/

    #home-buckets {
        position: relative;
        padding-bottom: 40px;
    }

        .home-bucket {
            display: inline-block;
            float: left;
            overflow: visible;

            font: 12px/16px 'Hadriano';
        }

            .home-bucket h2 {
                font: 26px/25px 'OptiSportScript',script;
                letter-spacing: 1px;
                text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
            }

        #home-news {
            width: 200px;
            margin: 0 15px 0 20px;
        }

            #home-news header {
                display: inline-block;
                padding: 2px 6px 0;
                margin-bottom: 4px;

                font-size: 11px;
                text-transform: uppercase;
                text-align: center;

                border: 1px solid rgba(102,54,6,0.2);
                border-width: 1px 0;
            }

            .no-rgba #home-news header {
                border: 1px solid rgb(102,54,6);
                border-width: 1px 0;
            }

                #home-news h3 {display: inline-block;}

            #home-news p {margin: 8px;}

        #home-weather {
            text-align: center;
        }

            #home-weather h2 {
                position: relative;
                left: 0;

                font-size: 22px;
                text-align: left;

                -webkit-transform: rotate(-4.7deg);
                -moz-transform: rotate(-4.7deg);
                -o-transform: rotate(-4.7deg);
                -ms-transform: rotate(-4.7deg);
                transform: rotate(-4.7deg);
            }

                #home-weather h2 span {
                    display: block;
                    margin-left: 20px;

                    color: #b0a079;

                    font-size: 30px;
                }

            #weather {
                display: inline-block;
                margin: 0 0 0 -20px;
            }



                #weather li {
                    margin: 0;
                    padding: 2px 4px;

                    font-style: italic;
                    font-weight: bold;
                    font-size: 11px;
                    letter-spacing: .5px;
                    text-align: center;

                    border-bottom: 1px solid rgba(102,54,6,0.2);
                }

                .no-rgba #weather li {
                    border-bottom: 1px solid rgb(102,54,6);
                }

                    #weather span {
                        display: inline-block;
                        margin: 0 auto;

                        background-image: url(images/weather_sprite.png);

                        text-indent: -9999em;

                    }

                    #weather .rain {
                        width: 32px;
                        height: 26px;

                        background-position: -4px -0px;
                    }

                    #weather .showers {
                        width: 39px;
                        height: 29px;

                        background-position: -1px -26px;
                    }

                    #weather .cloudy {
                        width: 41px;
                        height: 21px;

                        background-position: -0px -59px;
                    }

                    #weather .partly-sunny {
                        width: 37px;
                        height: 21px;

                        background-position: -3px -88px;
                    }

                    #weather .mostly-sunny {
                        width: 36px;
                        height: 26px;

                        background-position: -4px -115px;
                    }

                    #weather .sunny {
                        width: 24px;
                        height: 24px;

                        background-position: -8px -143px;
                    }

        #home-caps {
            position: absolute;
            top: 38px;
            left: 372px;

            height: 125px;
            width: 140px;

        }

            #home-caps .cap-wrapper {
                position: relative;
                display: block;
                height: 116px;
                width: 116px;

            -webkit-perspective: 1000;
            }

            #home-caps .cap {
                position: absolute;
                height: 100%;
                width: 100%;
                z-index: 100;

            -webkit-transition: -webkit-transform 1s;
            -webkit-transform-style: preserve-3d;
            -webkit-transform-origin: bottom center;
            }

            .cap.flipped {
             -webkit-animation-name: flip;
             -webkit-animation-duration: 1s;
             -webkit-animation-direction: normal;
             -webkit-animation-timing-function: ease-in-out;
          }

            @-webkit-keyframes flip {
             0% {
               -webkit-transform: translateY(0) rotateX(0);
             }
             50% {
               z-index: 999999;
               -webkit-transform: translateY(-150%) rotateX(180deg);

             }
             100% {
               -webkit-transform: translateY(0) rotateX(360deg);
             }
            }


            #home-caps .cap .front {
                padding: 36px 0;

                color: #444;
                background: transparent url(images/cap-bottom.png) no-repeat;

                font: 12px/16px 'Hadriano',serif;
                text-indent: 0;
                text-align: center;
                text-transform: uppercase;

                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
            }

                #home-caps .cap .front span {
                    display: block;

                    font: 18px 'OptiSportScript',script;
                    text-transform: none;
                    letter-spacing: 1px;
                }

                .cap .back {
                    display: none;

                    background: transparent url(images/cap-pipeline.png) no-repeat;
                }

          .cap .face {
            position: absolute;
            width: 100%;
            height: 100%;

            -webkit-backface-visibility: hidden;
            -webkit-background-size: 116px;

          }
          .face.back {
            display: block;
            -webkit-transform: rotateX(180deg);
            -webkit-box-sizing: border-box;
          }

        #home-aloha {
            position: absolute;
            right: 0;
            top: 50px;
            width: 270px;
        }
        /* Old Aloha Section
        #home-aloha a{color: #663606}

            #home-aloha h1 {
                margin: 0 0 .35em -20px;

                font-size: 30px;

                -webkit-transform: rotate(-4.7deg);
                -moz-transform: rotate(-4.7deg);
                -o-transform: rotate(-4.7deg);
                transform: rotate(-4.7deg);
            }

            #home-aloha p {}

            #home-aloha img {
                border: 2px solid #ffffff;

                box-shadow: 0 2px 5px rgba(62,35,9,0.46);
            }

            #home-aloha .alignleft {
                float: left;
                margin: 0 10px 10px 0;
            }*/

/* sub pages */
#page-content {}

#page-content #contact-contact-us{
    width: 145px;
    height: 58px;
    background: url(images/btn-contactUs.png) center center no-repeat;
    display: block;
    position: absolute;
    top: 480px;
    right: 450px;
}
#page-content #contact-contact-us:hover{
    background: url(images/btn-contactUs-hover.png) center center no-repeat;
}
#page-content #contact-press-inquires{
    width: 204px;
    height: 59px;
    background: url(images/press-inquiries.png) center center no-repeat;
    display: block;
    position: absolute;
    top: 479px;
    right: 240px;
}
#page-content #contact-press-inquires:hover{
    background: url(images/press-inquiries-hover.png) center center no-repeat;
}
    #page-content #contact-donation-request {
        width: 225px;
        height: 58px;
        background: url(images/request-a-donation.png) center center no-repeat;
        display: block;
        position: absolute;
        top: 479px;
        right: 0px;
    }
    #page-content #contact-donation-request:hover{
        background: url(images/request-a-donation-hover.png) center center no-repeat;
    }
    #page-content > header {
        display: block;
        margin: 0 0 20px 0;
    }

        #page-content h1 {
            color: #663606;

            font: 41px/26px 'OptiSportScript';
            text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
            letter-spacing: 1px;

            -webkit-transform: rotate(-1.4deg);
            -moz-transform: rotate(-1.4deg);
            -o-transform: rotate(-1.4deg);
            transform: rotate(-1.4deg);

            padding-bottom: 20px;
        }

        #main h1 {
            /*margin-top: 10px;*/
        }

            #page-content h1 span {
                display: block;
                color: #f47a20;
                font-size: 30px;
            }
            .bg-contact-us #page-content h1 span {
             padding: 5px 155px;
            }

        #page-content h3 {
            width: 48%;
            float: right;

            color: #663606;

            font: 22px/26px 'OptiSportScript';
            letter-spacing: .5px;


        }


            #page-content .wp-caption img {

            }

            #page-content .wp-caption-text {
                display: block;
                max-width: 85%;
                padding: 2px 6px 0;
                margin: 0 auto 4px;

                font: 10px/16px 'Hadriano',serif;
                text-transform: uppercase;
                text-align: center;

                border: 1px solid rgba(102,54,6,0.2);
                border-width: 1px 0;

            }

            .no-rgba #page-content .wp-caption-text {
                border: 1px solid rgb(102,54,6);
                border-width: 1px 0;
            }

    #post-content {
        clear: right;

    }

    .page-about #post-content {
        -webkit-column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-count: 2;
        -moz-column-gap: 40px;
        column-count: 2;
        column-gap: 40px;
        overflow: hidden;
    }

        #post-content h2 {
            /*float: right;*/

            color: #663606;

            font: 19px/21px 'OptiSportScript';
            letter-spacing: 1px;

            -webkit-column-span: all;
            -moz-column-span: all;
            -o-column-span: all;
            -ms-column-span: all;
            column-span: all;
        }
        #post-content .award h2 {
          font-size: 28px;
          line-height: 28px;
          text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;
       }
        #post-content h3 {
            width: auto;
            float: none;

            color: #89c040;

            font: 36px/32px 'OptiSportScript';
            text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
            letter-spacing: 1px;

            -webkit-transform: rotate(-2.3deg);
            -moz-transform: rotate(-2.3deg);
            -o-transform: rotate(-2.3deg);
            -ms-transform: rotate(-2.3deg);
            transform: rotate(-2.3deg);
        }

        #post-content h4 {
            /*clear: right;*/
            color: #f47a20;

            font: 26px/48px 'OptiSportScript';
            text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
            letter-spacing: 1px;

            -webkit-column-break-after: avoid;
        }

        #post-content h5 {
            color: #663606;

            font: 19px/21px 'OptiSportScript';
            letter-spacing: 1px;

            -webkit-column-break-after: avoid;

        }

        #post-content h5 {
            color: #532d07;

            font: 12px 'Hadriano';
            text-transform: uppercase;

            border: 1px solid #dcd4c8;
            border-width: 1px 0;
        }

        #post-content p {
            margin: 25px 0 2em 8px;

            font-size: 11px;
            line-height: 16px;

            -webkit-column-break-inside: avoid;
            -webkit-column-break-before: avoid;
        }

/* contact */
.page-contact-us {}

    .page-contact-us #main {}

        .page-contact-us #page-content {
            position: relative;
            min-height: 500px;

            /*background: transparent url(images/contact-map.png) no-repeat 65px 49px;*/
        }

            .page-contact-us #page-content > header {}

            .contact-pub-wrapper {

                position: absolute;
            }

                .contact-pub {
                    position: relative;
                    z-index: 2;
                    width: 273px;
                    height: 283px;
                    padding: 20px 50px 30px 35px;

                    background: transparent url(images/contact-paper.png) no-repeat;
                    -webkit-background-size: contain;

                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -o-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    box-sizing: border-box;

                }

                    .contact-pub h2 {
                        color: #80b93f;

                        font: 26px 'OptiSportScript';
                    }

                    .contact-pub p, .contact-pub a {
                        color: #663606;

                        font-size: 11px;
                        line-height: 13px;
                        text-decoration: none;
                        letter-spacing: .5px;
                    }

                    .contact-pub .phone {
                        margin-bottom: 1em;
                        color: #a29460;
                    }

                    .contact-pub .hours {
                        color: #f47a20;

                        font-style: italic;
                    }



                    .contact-pub .hours span {
                        display: inline-block;
                        margin-right: 5px;

                        color: #532d07;

                        font: 10px 'Hadriano';
                        text-transform: uppercase;

                        border: 1px solid #dcd4c8;
                        border-width: 1px 0;
                    }

                .contact-flower {
                    position: absolute;
                    z-index: 1;
                    display: block;
                    height: 105px;
                    width: 129px;
                    background: transparent url(images/contact-flower.png) no-repeat;

                    text-indent: -9999em;
                }

                .contact-path {
                    position: absolute;
                    z-index: 3;
                    display: block;

                    text-indent: -9999em;
                }

                .contact-spot {
                    position: absolute;
                    z-index: 4;
                    display: block;
                    height: 10px;
                    width: 10px;

                    background: #ff6307;

                    text-indent: -9999em;

                    border: 2px solid #fff;

                    -webkit-transform: rotate(45deg);
                }

            .contact-google {
                background: url("images/map-It.png") no-repeat scroll left top transparent;
                bottom: -29px;
                display: block;
                height: 50px;
                position: absolute;
                right: 39px;
                text-indent: -9999px;
                text-transform: uppercase;
                width: 94px;
                z-index: 100;
            }
            .contact-google:hover, .contact-google.hover{
                background: url("images/map-It-hover.png") no-repeat scroll left top transparent;
            }

            #contact-koko-marina-pub {
                top: 212px;
                left: 72px;
            }

                #contact-koko-marina-pub .contact-pub {
                    width: 240px;
                    height: 236px;

                    -webkit-transform: rotate(-0.5deg);
                }

                #contact-koko-marina-pub .contact-flower {
                    top: -13px;
                    left: -59px;

                    -webkit-transform: matrix(-1, 0, 0, -1, 0px, 0px);
                }


                #contact-koko-marina-pub .contact-path {
                    top: -32px;
                    right: 38px;
                    height: 49px;
                    width: 109px;

                    background: transparent url(images/contact-koko-path.png) no-repeat;
                }

                #contact-koko-marina-pub .contact-spot {
                    top: -15px;
                    right: -13px;

                }



            #contact-kona-pub-brewery {
                top: 72px;
                right: 40px;
            }

                #contact-kona-pub-brewery .contact-pub {

                    -webkit-transform: rotate(0.5deg);
                }

                #contact-kona-pub-brewery .contact-flower {
                    top: -27px;
                    left: -70px;
                }

                #contact-kona-pub-brewery .contact-path {
                    bottom: -3px;
                    left: -110px;
                    height: 176px;
                    width: 135px;

                    background: transparent url(images/contact-kona-path.png) no-repeat;
                }

                #contact-kona-pub-brewery .contact-spot {
                    bottom: -13px;
                    left: 40px;
                }

/* page donations */
.page-donations #post-content p {
    margin: 0 0 8px 8px;
    font-size: 14px;
    line-height: 18px;
}

/* our beers */

.page-our-beers #page-content > header, .page-our-beers #post-content {
    width: 100%;
    float: left;
    clear: left;
}

.page-our-beers #page-content > header {
    position: relative;
    left: -30px;
    width: 400px;
}

    .page-our-beers #page-content h1 {font-size: 52px;}

        .page-our-beers #page-content h1 span {
            margin: 12px 0 12px 15px;
            color: #4f8700;

            text-shadow: none;
        }

    .page-our-beers #page-content .beer {
        display: inline-block;
        width: 20%;
        float: left;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;

        margin-top: -50px;
    }

    .page-our-beers #page-content .beer-first {
        position: absolute;
        top: 10px;
        right: 40px;
        display: block;
        width: 440px;
        height: 250px;

    }
    .page-our-beers .beer-first a{
        position: relative;
        display: block;
    }
    .page-our-beers #page-content #beer-longboard-lager.beer {
        margin-top: 0;
    }



        .page-our-beers #page-content .beer a {
            color: inherit;

            text-decoration: none;
        }

        .page-our-beers .beer .bottle {
            position: inherit;
            display: block;
            width: 123px;
            height: 191px;
            margin: auto;
            z-index: 10;

            background: transparent url(images/longboard-leaves.png) no-repeat center 55px;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            -ms-background-size: contain;
            background-size: contain;
        }

        .page-our-beers .beer-first .bottle {
            z-index: 2;
            width: 177px;
            height: 280px;
            position: relative;
            margin: 0;
            display: block;
            background: transparent url(images/longboard-leaves.png) no-repeat center 35px;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            -ms-background-size: contain;
            background-size: contain;
        }

            .page-our-beers .beer .bottle img {
                display: block;
                max-height: 191px;
                margin: auto;
            }

            .page-our-beers .beer-first .bottle img {
                position: absolute;
                left: 28px;
                max-height: none;
                max-width: 135px;
                z-index: 100;
            }

            .page-our-beers .beer .beer-hero {
                position: absolute;
                right: 0;
                top: -10px;
                z-index: 1;
                display: none;
                width: 340px;
                padding: 8px;

                background-repeat: no-repeat;

                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                -ms-background-size: cover;
                background-size: cover;

                -webkit-transform: rotate(-2.3deg);

                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
            }

            .page-our-beers .beer-first .beer-hero {display: block;}

    .page-our-beers .beer figcaption {
        text-align: center;
    }

    .page-our-beers .beer-first figcaption {
        position: absolute;
        width: 270px;
        right: 0;
        bottom: 25px;

    }

        .page-our-beers #page-content .beer figcaption h3 {
            width: auto;
            float: none;
            margin: .5em 0 .25em;

            font-size: 21px;
            letter-spacing: 1px;
            text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
        }

        .page-our-beers #page-content .beer-first figcaption h3 {
            font-size: 28px;
        }

        .page-our-beers .beer figcaption p {
            font-size: 12px;
        }

            .page-our-beers .beer figcaption p span {
                display: block;

                color: #F47A20;

                text-transform: uppercase;
            }

        #beer-row{
          width: 976px;
          text-align: center;
        }

/* beer single */

.beer-hero {
    position: relative;
}


    .beer-hero .beer-hero-bottle {
        position: absolute;

        top: 44px;
        z-index: 2;
            display: block;
            margin: auto;
            padding: 0 25px;

            background: transparent url(images/longboard-leaves.png) no-repeat center 125px;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            -ms-background-size: contain;
            background-size: contain;

    }

        .beer-hero .beer-hero-bottle img {

        }

    .beer-hero .beer-hero-photo {
        position: relative;
        z-index: 1;
        display: block;
        max-width: 585px;

        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        -ms-background-size: contain;
        background-size: contain;

        -webkit-transform: rotate(-1.74deg);
        -moz-transform: rotate(-1.74deg);
        -o-transform: rotate(-1.74deg);
        transform: rotate(-1.74deg);

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;

    }

    #page-content .beer-hero .beer-hero-photo h1 {
        position: absolute;

        color: #ffffff;

        font: 74px/70px 'OptiSportScript';
        white-space: nowrap;

        -webkit-transform: rotate(0);
    }

        #page-content .beer-hero .beer-hero-photo h1 span {
            display: block;
            color: #ffe449;
            font: bold 14px 'Hadriano';
            letter-spacing: 2px;
            text-transform: uppercase;
            text-shadow: none;
            position: absolute;
            right: 8px;
            top:70px;
        }

    #beer-longboard-lager .beer-hero .beer-hero-photo h1 {
        top: 12%;
        right: 14%;

        text-shadow: -2px -2px 2px #ca9500, 2px -2px 2px #ca9500, -2px 2px 2px #ca9500, 2px 2px 2px #ca9500;
    }

            #beer-longboard-lager .beer-hero .beer-hero-photo h1 span {
                position: absolute;
                right: -30px;
                color: #ffe400;
            }


        .beer-hero .beer-hero-photo img {
            display: block;
            max-width: 585px;

            background-repeat: no-repeat;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            -ms-background-size: contain;
            background-size: contain;
        }

    .kona_beer .post-content {
        position: absolute;
        left: 275px;
        top: 255px;
        max-width: 300px;
    }

        .kona_beer h4 {
            font: 32px/48px 'OptiSportScript';
            text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
            letter-spacing: 1px;
        }

    .kona_beer aside {
        width: 200px;
        float: right;
        clear: right;
    }

        #food-pairings {

            color: #38a7af;

            font: italic 12px/16px Georgia,serif;

            position: relative;
            top: -35px;
            left: -20px;
        }

            #food-pairings header, #main-pub h6{
                display: inline-block;
                margin-left: -12px;
                padding: 0 4px;

                color: #532d07;

                font: 12px 'Hadriano';
                text-transform: uppercase;

                border: 1px solid #dcd4c8;
                border-width: 1px 0;
            }


            #food-pairings p {
                margin: 1em 0;
            }

        #beer-specs {

        }

            #beer-specs h4 {
                color: #f47a20;

                font-size: 28px;
            }

            #beer-specs .specs-wrapper {
                height: 215px;
                width: 275px;
                padding: 15px 27px 20px 16px;

                background: transparent url(images/beer-specs-bg.png) no-repeat;
                color: #f6d4bb;

                font: 12px/16px Georgia;
                text-transform: uppercase;

                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;

                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                -ms-background-size: cover;
                background-size: cover;
            }

                dl.specs-list  {
                    color: #BE8359;

                    font: 12px/16px Georgia;
                    text-transform: uppercase;
                }

                #beer-specs dl {
                    font-size: 10px;
                    height: 100%;
                    width: 100%;
                    padding: 7px 10px 8px 13px;

                    border: 4px double #f3a164;

                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -o-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .specs-list dt {
                        display: block;
                        float: left;

                        color: #9a4e17;

                        font-weight: bold;

                    }

                    .specs-list dd {
                        color: #F6D4BB;
                        display: block;
                        text-indent: 5px;
                    }
                    .specs-list dd.darker {
                        color: #BE8359;
                    }


/* draft only */
.page-draft-only-beers #post-content {
    margin-top: -60px;
}
.page-draft-only-beers #post-content p img {
    margin-top: -35px;
}

    .page-draft-only-beers #post-content h4 {
        clear: none;

        font-size: 24px;
        line-height: 26px;

        text-shadow: none;
    }

        .page-draft-only-beers .beer {
            position: relative;
            width: 50%;
            padding: 20px 30px 0 125px;
            float: left;
            clear: right;

            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;

        }

            .page-draft-only-beers .beer .draft-small-logo {
                position: absolute;
                top: 12px;
                left: 0;
            }

            .page-draft-only-beers .beer h4 {
                margin-left: -12px;

                font: 32px/38px 'OptiSportScript',script;
                letter-spacing: 1px;
                text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
            }


        /*
        .home-hero {
            position: relative;
            padding: 17px 15px;
        }

            .home-hero h1 {
                position: absolute;
                z-index: 5;
                top: 75px;
                left: 265px;
            }

                .home-hero h1 span {
                    position: absolute;
                    bottom: -8px;
                    right: -30px;

                    display: block;

                    color: #ffe449;

                    font: bold 14px 'Hadriano';
                    letter-spacing: 2px;
                    text-transform: uppercase;
                    text-shadow: none;
                }


            .home-hero p {
                position: absolute;
                z-index: 5;
                top: 185px;
                width: 213px;

                color: #ffd646;

                font: bold 12px 'Hadriano';

                text-transform: uppercase;
                text-align: center;
            }

            .home-hero-product {
                position: absolute;
                z-index: 15;
                display: block;
                top: 49px;
                left: 491px;
                width: 266px;
                height: 369px;


                text-indent: -9999em;
            }

            .home-hero-photo {
                position: absolute;
                z-index: 1;
                padding: 17px 18px;
            }

            #home-longboard h1 {
                text-shadow: -2px -2px 2px #bb8d00, 2px -2px 2px #bb8d00, -2px 2px 2px #bb8d00, 2px 2px 2px #bb8d00;
            }

                #home-longboard h1 span {
                }

            #home-longboard p {
                left: 260px;

                text-shadow: -2px -2px 2px #3e6575, 2px -2px 2px #3e6575, -2px 2px 2px #3e6575, 2px 2px 2px #3e6575;
            }

            #home-longboard-bottle {

                background: url(images/longboard-bottle.png) no-repeat top center, url(images/longboard-leaves.png) no-repeat center 130px;
            }

            #home-longboard .home-hero-photo {background: transparent url(images/home-longboard-bg.png) no-repeat;}


            */

            .single-kona_beer .geko {
                position: absolute;
                top: 125px;
                left: 100px;
                background: transparent;
                width: 150px;
                height: 150px;
            }

            .page-contact-us .geko {
                position: absolute;
                bottom: 0;
                left: 225px;
                z-index: 99;
                width: 150px;
                height: 150px;
            }

            .single-konapubs .geko {
                position: absolute;
                top: 115px;
                right: 0;
                z-index: 99;
                width: 150px;
                height: 150px;
            }

            .home .geko {
                position: absolute;
                bottom: 0;
                right: 50px;
                z-index: 99;
                width: 150px;
                height: 150px;
                filter: none !important;
            }

            .page-about .geko {
                position: absolute;
                left: 225px;
                top: 185px;
                z-index: 99;
                width: 150px;
                height: 150px;
            }

            .page-our-beers .geko {
                position: absolute;
                right: -80px;
                bottom: 50px;
                z-index: 99;
                width: 150px;
                height: 150px;
            }

            .geko object {
                background: transparent;
            }
            .geko embed {
                background: transparent;
            }

            .home #bottle-fire-rock .geko {
                bottom: 50px;
                right: 75px;
            }

            .home #bottle-wailua .geko {
                bottom: 100px;
                right: 50px;
            }

            .home #bottle-pipeline .geko {
                right: 50px;
                bottom: 10px;
            }
.nav-new-item a span { color: red; }


/* news */


#news-attachments { margin: 0; }

    #news-attachments li {
        padding: 3px 0;

        font: 11px/16px Georgia,'Times New Roman',Times,serif;
        text-transform: uppercase;
    }
#news-links {
    margin-top: 20px;
}

        #news-attachments .date {
            display: block;
            width: 100px;
            margin-right: 20px;
            float: left;

            color: #f47a20;

            font-weight: bold;
            text-align: right;
        }

        #news-attachments a {
            display: inline-block;
            padding-left: 24px;

            background: transparent url(images/pdficon.gif) no-repeat left center;
            color: #663606;

            text-decoration: none;
        }


.page-news #post-content h3{
    color: #663606;
    font-size: 28px;
}

.page-news #post-content p{
    line-height: 20px;
    margin-bottom 8px;
    font-size: 12px;
}
.page-news h2{
    color: #BDB38F;
    font: 25px/26px 'OptiSportScript';
    -moz-transform: rotate(-1.4deg);
    transform: rotate(-1.4deg);
    -webkit-transform: rotate(-1.4deg);
    text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;
    margin: 60px 0 10px 150px;

}
.page-news #press-releases{
    width: 650px;
    float : right;
}
body.page-news #news-links a{
    color: #BDB38F;
    font: 38px/26px 'OptiSportScript';
    text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;
    text-decoration: none;
}
.page-news #news-links a span{
    border-bottom: 1px solid #663606;
    border-top: 1px solid #663606;
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 11px;
    font-weight: lighter;
    overflow: hidden;
    color: #663606;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
}
.page-news #news-links{
    position: relative;
}
.page-news #news-links li{
    position: absolute;
    display: block;
}
.page-news #link-awards{
    background: url(images/arrow-left-green.png) bottom left no-repeat;
    height: 45px;
    padding-left: 10px;
    left: 0;
    top: 40px;
}
.page-news #link-press-kit{
    top: 100px;
    background: url(images/arrow-right-green.png) bottom right no-repeat;
    height: 50px;
    width: 130px;
}

.page-news #press-email{
    position: relative;
    left: -15px;
    margin-top: 30px;
    background: url(images/press-inquiries.png) center center no-repeat;
    display: block; text-indent: -9999px;
    text-transform: uppercase;
    width: 204px;
    height: 59px;
}
.page-news #press-email:hover {
    background: url(images/press-inquiries-hover.png) center center no-repeat;
}
/*@Awards@*/
div#awardColumnLeft {
    float: left;
    width: 350px;
    margin-top: 20px;
}
div#awardColumnRight {
    float: right;
    width: 350px;
    margin-top: 20px;
}
div.award {
    margin: 30px 20px 0 0;
    width: 400px;
    overflow: hidden;
}

div.award img {
    float: left;
}

#post-content div.awards h2 {
    font: 26px/30px 'OptiSportScript';
    text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;
    width: 280px;
    float: right;
}

div.award ul li {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    margin: 0 0 20px 0;
}

div.award ul {
    width: 280px;
    float: right;
    padding: 0;
    margin: 0;
}

div.award ul li em {
    color: #F47A20;
    padding-right: 1px;
}

div.award ul li span {
    text-transform: none;
    font-style: italic;
    font-weight: normal;
}

/**@@ Alohas @@**/
#aloha-submit-form #aloha-image iframe{
    width: 400px !important;
    height: 120px !important;
}
#aloha-submit-form legend{
    display: none;
}

table#alohas {
    margin: 0;
    padding: 0;
    text-align: left;
}
.page-your-aloha table#alohas{
    margin-top: 130px;
}
table#alohas td {
    display: block;
    float: left;
    width: 390px;
    padding: 8px 30px 10px 0;
    margin: 0;
    overflow: hidden;
}
table#alohas h6 {
    font: 26px/24px 'OptiSportScript';
    text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;
    width: 250px;
    float: right;
}

table#alohas p {
    width: 245px;
    float: right;
    line-height: 11px;
    margin: 0;
}

table#alohas img {
    float: left;
    border: 1px solid #000;
    padding: 2px;
}

img#headerImg {
    position: absolute;
    right: 0;
    top: 0;
}

img.flower {
    position: absolute;
    top: 50px;
    left: -30px;
}

#post-content p.green {
    color: #4F8700;
    font: 21px/18px 'OptiSportScript';
    width: 250px;
    position: relative;
    left: 65px;
}

.page-aloha #page-content h1 {
    font: 60px/30px 'OptiSportScript';
    position: relative;
    top: 30px;
    left: 20px;
}
#aloha-submit-form-wrapper{
    display:none;
}
#aloha-submit-form{
    width: 520px;
    background: #F4F1D5;
    font: 12px Arial,Helvetica,sans-serif;
    padding-top: 15px;
    overflow: hidden;
}
#aloha-submit-form input, #aloha-submit-form textarea{
    width: 480px;
    font: 12px Arial,Helvetica,sans-serif;
}

#aloha-submit-form input#tdomf_form1_send{
    width: 170px;
    border: none;
    background: #ccc;
    padding: 5px;
}
#aloha-submit-form textarea{
    height: 95px;
}
form#tdomf_upload_inline_form p{
    display: none;
}
#aloha-submit-form label, #aloha-submit-form p{
    color:#663606;
}
#aloha-submit-form p{
    margin: 5px;
    font-size: 12px;
}U
#aloha-submit-form p strong{
    font-size: 14px;
}
#aloha-submit-form h2, #aloha-submit-form #tdomf_form1_preview{
    display: none;
}
#aloha-submit-form #aloha-image{
    height: 120px;
}
#aloha-submit-form legand{
    display: none;
}

#aloha-submit-form #aloha-youtube-url, #aloha-submit-form #aloha-image{
    height: 150px;

}
#send-aloha{
    font: 20px/20px 'OptiSportScript';
    background: url("images/arrow-right-orange.png") no-repeat scroll right bottom transparent;
    color: #F47A20;
    cursor: pointer;
    display: block;
    font-size: 28px;
    height: 45px;
    text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;
    text-decoration: none;
    width: 133px;
    height: 38px;
    position: absolute;
    top: 160px;
    left: 230px;
}
#send-aloha:hover{
    font-size: 30px;
}
.bg-your-aloha #post-content #dynamic p{
    color: #4F8700;
    font: 21px/18px 'OptiSportScript';
    position: absolute;
    text-align: center;
    text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;
    width: 200px;
    top: 54px;
    left: 76px;
}
.bg-your-aloha #aloha-photos{
    position: absolute;
    top: -20px;
    right: 0;
}
.bg-your-aloha #aloha-flower{
    position: absolute;
    top: 60px;
    left: -50px;
}
.bg-your-aloha ul#alohas {margin-top: 155px;}
#shadow1 {display: none !important;}
#ajaxProgress1 {display: none !important;}
/**@@ About @@**/
#page-content #about-us h3{
    float:left;
    margin-top: 10px;
}

img.wp-image-37{
    float:left;
    margin: 0 15px 0 0;
}

.clr{
    clear:both;
}

#page-content #about-us #about-top-content img {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

#page-content #about-us {
    margin-top: -25px;
}

/**@@ News @@**/
body.page-news #page-content h6 {
    border-top: 1px solid #CCB9A5;
    border-bottom: 1px solid #CCB9A5;
    display: block;
    overflow: hidden;
    font-weight: lighter;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin: 0 0 10px 90px;
    font-size: 11px;

}

body.page-news #page-content #post-content h1 {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
body.page-news #page-content #inner-header h1 {
    color: #BDB38F;
    font: 33px/26px 'OptiSportScript';
}
body.page-news #page-content #inner-header h1 span {
    color: #BDB38F;
    text-indent: 55px;
}

.page-news #link-press-kit {
    left: 60px;
    top: 170px;
}
#lizard-news{
    top: 50px;
    left: 75px;
}

#news-attachments{
    margin-bottom:30px;
}

.page-news #post-content p {
    margin-bottom: 8px;
}

.page-news h2 {
    margin-top: 50px;
}



/**@@ Brewery @@**/
table#brewerymain {
    position: relative;
    top: -25px;
    left: -50px;
}

.brewery-tour-pic {

}
  .brewery-tour-pic p {
/*    text-indent: -9999px;*/
    color: #72a62a;
    font: 16px/18px 'Hadriano';
    text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
    letter-spacing: 1px;
    padding: 0 0 0 12px;
    margin: -10px 0 0 0;
  }

/**@@ Our Beers @@**/
#post-content .beer {
    text-align: center;
}
#post-content .beer h2 {
    font: 19px/24px 'OptiSportScript';
    text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
}
#post-content .beer p {
    line-height: 14px;
    width: auto;
    font-size: 10px;
    margin: 0;
    padding: 0 3px;
}
#post-content .beer p span{
    color: #F47A20;
    text-transform: uppercase;
    display: block;
}
#post-content #beer-longboard-lager {
    position: absolute;
    top: 0;
    right: 0;
}

.page-our-beers #post-content > p {
    width: 300px;
    position: relative;
    top: -50px;
}

#post-content #beer-longboard-lager img.beer-hero {
    position: absolute;
    display: block;
    top: 10px;
    right: 0;
    width: 335px;
    -webkit-transform: rotate(-4.7deg);
    -moz-transform: rotate(-4.7deg);
    -o-transform: rotate(-4.7deg);
    -ms-transform: rotate(-4.7deg);
    transform: rotate(-4.7deg);
}

#post-content #beer-longboard-lager h2 {
    position: absolute;
    top: 185px;
    right: 25px;
    font: 28px/30px 'OptiSportScript';
    width: 250px;
    text-align: center;
}

#post-content #beer-longboard-lager p {
    position: absolute;
    top: 220px;
    right: 25px;
    width: 250px;
    text-align: center;
    margin: 0;
}

/**@@ Single Beers @@**/

    .single-kona_beer .bg-longboard-lager .beer-hero{position: relative;}
    .single-kona_beer .map{position: absolute;top: 20px;right: 85px;z-index:2;}
    .single-kona_beer .sixer{position: absolute;top: 60px; right:25px;z-index:3;}
    .single-kona_beer .specs-wrapper{    position: absolute; bottom: 90px; left: -20px;display:none;}
    .single-kona_beer #beer-specs{position: relative;z-index: 10;}
    .single-kona_beer #beer-specs h4{
        cursor: pointer;
        height: 57px;
        background: url(images/arrow-left-orange.png) left bottom no-repeat;
    }
    .single-kona_beer #beer-specs h4.awards{float: right;margin-right: 40px;margin-top: -20px;
        background: url(images/arrow-right-green.png) bottom right no-repeat;
    }
    .single-kona_beer  #beer-specs h4 a{color:#90b280;text-decoration: none;}
    .single-kona_beer #beer-specs h4:hover{
       font-size: 30px;
    }
    .single-kona_beer #beer-specs .close{position: absolute; top: 15px; right: 27px;cursor: pointer;}
    .kona_beer aside{width: 205px;}
    .single-kona_beer #page-content h3{width:auto;margin: 20px 0 5px;float:none;font-size: 28px;}
    .single-kona_beer #page-content .beer-hero .beer-hero-photo h1 {
        right: 80px;
        text-shadow: -2px -2px 2px #673D41, 2px -2px 2px #673D41, -2px 2px 2px #673D41, 2px 2px 2px #673D41;
        top: 40px;
        FILTER: Glow(color=#333333,strength=3);
    }
    .single-kona_beer #beer-longboard-lager .beer-hero .beer-hero-photo h1 {
        text-shadow: -2px -2px 2px #B49022, 2px -2px 2px #B49022, -2px 2px 2px #B49022, 2px 2px 2px #B49022;
    }
    .single-kona_beer #beer-fire-rock-pale-ale .beer-hero .beer-hero-photo h1 {
        text-shadow: -2px -2px 2px #6F3A3F, 2px -2px 2px #6F3A3F, -2px 2px 2px #6F3A3F, 2px 2px 2px #6F3A3F;
    }
    .single-kona_beer #beer-pipeline-porter .beer-hero .beer-hero-photo h1, .single-kona_beer #beer-big-wave-golden-ale .beer-hero .beer-hero-photo h1 {
        text-shadow: -2px -2px 2px #FF7A33, 2px -2px 2px #FF7A33, -2px 2px 2px #FF7A33, 2px 2px 2px #FF7A33;
    }
    .single-kona_beer #beer-pipeline-porter .beer-hero .beer-hero-photo h1 span {
        color: #0ACFD5;
    }
    .single-kona_beer #beer-wailua-wheat-ale .beer-hero .beer-hero-photo h1, .single-kona_beer #beer-big-wave-golden-ale .beer-hero .beer-hero-photo h1 {
        text-shadow: -2px -2px 2px #DD940F, 2px -2px 2px #DD940F, -2px 2px 2px #DD940F, 2px 2px 2px #DD940F;
    }
    #beer-longboard-lager .beer-hero .beer-hero-photo h1 span {
        right: -10px;
        top: 60px;
    }

    .single-kona_beer #page-content #beer-wailua-wheat-ale .beer-hero .beer-hero-photo h1 span {
        color: #0ACFD5;
        text-indent: 100px;
    }

    .single-kona_beer #page-content #beer-wailua-wheat-ale .beer-hero .beer-hero-photo h1 {
        right: 100px;
    }

/**@@ Single Pubs @@**/

    #main-pub{
        overflow: hidden;
    }
    #main-pub #page-content h1 {
        right: 50px;
        text-shadow: -2px -2px 2px #E08B25, 2px -2px 2px #E08B25, -2px 2px 2px #E08B25, 2px 2px 2px #E08B25;
        top: 40px;color: #FFFFFF;
        font: 50px 'OptiSportScript';
        position: absolute;
        -webkit-transform: rotate(2.8deg);
        -moz-transform: rotate(2.8deg);
        -o-transform: rotate(2.8deg);
        -ms-transform: rotate(2.8deg);
        transform: rotate(2.8deg);

        FILTER: Glow(color=#333333,strength=3);
    }
    #main-pub #page-content h1 span {
        color: #663606;
        text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
        text-align: center;
        display: block;
        font: bold 14px 'Hadriano';
        letter-spacing: 2px;
        text-shadow: none;
        text-transform: uppercase;
        text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;


    }
    #main-pub h2{
        font: 40px 'OptiSportScript';
        text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;
        -webkit-transform: rotate(-2.8deg);
        -moz-transform: rotate(-2.8deg);
        -o-transform: rotate(-2.8deg);
        -ms-transform: rotate(-2.8deg);
        transform: rotate(-2.8deg);
        width: 350px;
        margin-left: -50px;
    }
    #main-pub h4{
        color: #F47A20;
        font: 20px 'OptiSportScript';
        line-height: 20px;
    }
    #main-pub .post-content{
        width: 270px;
        float: left;
    }
    #main-pub h6{
        font-size: 11px;
        margin: 10px 0 5px;
    }
    #main-pub p{
        font-size: 11px;
        line-height: 16px;
        margin-bottom: 15px;
        text-indent: 15px;
        width: 230px;
    }
    #main-pub .pub-info p, #main-pub .pub-info strong{
        clear: both;
        width: 205px;
        text-indent: 0;
        display: block;
        font-size: 11px;
        margin: 0;
    }
    #page-content .pub-hero{
        height: 310px;
        width: 565px;
        position: absolute;
        top: 0;
        right: 0;
        overflow: visible;
    }
    .pub-hero img {
        -webkit-transform: rotate(2.8deg);
        -moz-transform: rotate(2.8deg);
        -o-transform: rotate(2.8deg);
        -ms-transform: rotate(2.8deg);
        transform: rotate(2.8deg);
        position: absolute;
        right: -25px;
        padding-top: 5px;
        top: 0;
    }
    .pub-hero img.map {
        -webkit-transform: rotate(-2.8deg);
        -moz-transform: rotate(-2.8deg);
        -o-transform: rotate(-2.8deg);
        -ms-transform: rotate(-2.8deg);
        transform: rotate(-2.8deg);
        position: absolute;
        top: 110px;
        left: -25px;
    }
    div#pub-beer-to-go div.pub-hero img {
        right: 35px;
    }
    div#pub-beer-to-go div.pub-hero img.map {
        top: 50px;
        left: -25px;
    }
    .pub-info{
        background: url(images/pub_menu.png) no-repeat right 0;
        float: right;
        margin-top: 325px;
        padding-left: 30px;
        width: 535px;
        position: relative;
        padding-bottom: 50px;
    }
    #growler{background: none;}
    #main-pub #location, #main-pub #hours{
        width: 200px;
        float: left;
    }
    #location {
        position: relative;
        z-index: 10;
    }
    #main-pub #hours{
        width: 335px;
    }
    #main-pub .links li div{
        display: none;
        width: 400px;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .email{
        color: #e07d38;
    }
    .email:hover{
        color: #663606;
    }
    #main-pub .phone{
        margin-top: 10px;
        color: #9f9464;
    }
    #main-pub #hours p{
        color: #507e33;
        width: 190px;
    }
    #main-pub #growler #hours p{
        color: #663606;
        width: 100%;
    }
    #main-pub .links{
        position: absolute;
        bottom: 10px;
        right: 0;
    }
    #main-pub .links li{
        float: left;
        width: 150px;
        text-align: right;
    }
    #main-pub .links h4{
        display: block;
        background: url("images/arrow-left-orange.jpg") no-repeat scroll 60px bottom transparent;
        cursor: pointer;
        height: 45px;
        color: #F47A20;
        font-size: 28px;
        text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;
    }
    #main-pub .links .dir h4{
        color: #88afab;
        background: url("images/arrow-left-green.jpg") no-repeat scroll 15px bottom transparent;
    }
    #main-pub .links h4:hover{
        font-size: 30px;
    }

    #main-pub .links li div.pub-dirs {
        background: url(images/bg-pub-directions.png) no-repeat top left;
        font-size: 9px;
        width: 280px;
        padding: 30px 35px;
        position: absolute;
        bottom: 50px;
        left: -100px;
        z-index: 9999;
    }
    #main-pub .links li div.pub-dirs a.google-map {
        font-size: 12px;
        color: #FFFFFF;
        text-transform: uppercase;
        display: block;
        margin-top: 15px;
        padding-top: 5px;
        clear: both;
    }
    #page-content div.pub-info ul.links li.dir div.pub-dirs strong {
        width: auto;
        padding: 5px 0;
    }
    #main-pub .links li div {
        text-align: left;
    }
    #main-pub .links li span.close {
        display: block;
        width: 25px;
        height: 25px;
        cursor: pointer;
        position: absolute;
        right: 45px;
        top: 20px;
        text-indent: -9999px;
    }
    #main-pub .links li div.pub-dirs ul{
        margin-bottom: 10px;
    }
    .bg-kona-pub-brewery #main-pub .links li div.pub-dirs{
        padding-bottom: 36px;
    }
    #main-pub .links li div.pub-dirs ul li {
        list-style: disc;
        text-align: left;
        width: 175px;
        float: none;
    }
    .bg-kona-pub-brewery #main-pub .links li div.pub-dirs ul li {
        width: 202px;
        line-height: 14px;
   }
    #main-pub .links li div.menu-info {
        background: url(images/bg-pub-menu-info.png) no-repeat top left;
        font-size: 9px;
        width: 265px;
        height: 180px;
        padding: 35px;
        position: absolute;
        bottom: 20px;
        left: -20px;
        z-index: 9999;
    }

    #page-content div#pub-koko-marina-pub div.pub-info ul.links li.dir div.pub-dirs {
        background: url(images/bg-pub-directions-small.png) no-repeat top left;
        height: 215px;
        width: 220px;
    }

    #main-pub .links li div.menu-info p {
        width: 250px;
        margin-bottom: 15px;
        line-height: 14px;
    }

    #main-pub .links li div.menu-info span.close {
        right: 20px;
        top: 20px;
    }

    #main-pub .links li div.menu-info ul {
        width: 500px;
        margin-left: 0;
        font-weight: 800;
    }

    #main-pub .links li div.menu-info ul li {
        display: block;
        float: left;
        padding: 0 2px;
        width: auto;
        font-size: 10px;
    }

    #main-pub .links li div.menu-info ul li a {
        color: #FFF;
        text-transform: uppercase;
    }

    .single-kona_beer .post-content em{
        display: block;
        margin-top: 15px;
        font-style: italic;
    }

/**@@ Background Images @@**/

        .bg-awards{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-awards.jpg) center 75px no-repeat;
        }
        .bg-about{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-about.jpg) center 75px no-repeat;
        }
        .bg-our-beers{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-beers.jpg) center 75px no-repeat;
        }
        .bg-longboard-lager, .bg-fire-rock-pale-ale, .bg-pipeline-porter, .bg-big-wave-golden-ale, .bg-wailua-wheat-ale{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-single-beer.jpg)  top center no-repeat;
        }
        .bg-draft-only-beers{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-draft.jpg) center top no-repeat;
        }
        .bg-news{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-news.jpg) center top no-repeat;
        }
        .bg-aloha{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-aloha.jpg) center 120px no-repeat;
        }
        .bg-your-aloha{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-aloha.jpg) center 120px no-repeat;
        }
        .home #container{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-home.jpg) center 320px no-repeat;
        }
        .bg-kona-pub-brewery{
            background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-pub-kona.jpg) center 400px no-repeat;
        }
        .bg-koko-marina-pub{
            background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-pub-koko.jpg) center 400px no-repeat;
        }
        .bg-beer-to-go{
            background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-pub-kona.jpg) center 450px no-repeat;
        }
        .bg-our-pubs{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-pubs.jpg) no-repeat center 450px;
        }
        .bg-contact-us{
           background: url(http://press.cbai.us/konabrewingco/wp-content/themes/konabrewing/images/bg-contact-us.jpg) no-repeat center top;
        }


/**@@ Pub Home @@**/
.page-our-pubs #pubs-home {
    z-index: 0;
}

.page-our-pubs #pubs-home img#pub-large-image {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(2.8deg);
    -moz-transform: rotate(2.8deg);
    -o-transform: rotate(2.8deg);
    -ms-transform: rotate(2.8deg);
    transform: rotate(2.8deg);
    z-index: 1;
}

.page-our-pubs #pubs-home img#pub-small-image {
    position: absolute;
    top: 60px;
    left: 20px;
    -webkit-transform: rotate(-2.8deg);
    -moz-transform: rotate(-2.8deg);
    -o-transform: rotate(-2.8deg);
    -ms-transform: rotate(-2.8deg);
    transform: rotate(-2.8deg);
    z-index: 2;
}

.page-our-pubs #pubs-home img#pub-map-image {
    position: absolute;
    top: 240px;
    left: 300px;
    -webkit-transform: rotate(-2.8deg);
    -moz-transform: rotate(-2.8deg);
    -o-transform: rotate(-2.8deg);
    -ms-transform: rotate(-2.8deg);
    transform: rotate(-2.8deg);
    z-index: 3;
}

.page-our-pubs #pubs-home div#pubs-caps {
    position: absolute;
    top: 58px;
    left: -40px;
    z-index: 4;
}

.page-our-pubs #pubs-home div#post-content {
    margin-top: 210px;
    margin-bottom: 80px;
}

.page-our-pubs #pubs-home h2 {
    color: #F47A20;
    font: 30px/26px 'OptiSportScript';
    text-shadow: -2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF;
}

.bg-our-pubs div#main #page-content #inner-header h1 {
    margin-left: -30px;
}

.bg-our-pubs div#main #page-content #inner-header h1 span {
    font: 21px/26px 'OptiSportScript';
    color: #663606;
    text-indent: 25px;
}

.page-our-pubs #pubs-home #post-content p {
    width: 250px;
    padding-left: 10px;
}

.page-our-pubs #pubs-home p.pubs-invite {
    width: 200px;
    font: 21px/18px 'OptiSportScript';
    color: #4F8700;
    text-align: center;
    position: absolute;
    right: 35px;
    top: 335px;
    text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
}
#pub-map-container{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
}
#pub-map-container a{
   text-indent: -9999px;
   line-height: 0px;
   display: block;
   font-size: 0px;
   position: absolute;
   z-index: 900;
   background-color: #fff;
   opacity: .01;
   filter: alpha(opacity=.1);
}
#pub-map-container #link-koko{

    height: 38px;
    width: 90px;
    top: 340px;
    left: 360px;
}
#pub-map-container #link-kona{
   height: 38px;
    width: 90px;
    top: 383px;
    left: 400px;
}
/*----------------------------- AGE GATE ---------*/
#age-gate{
    display:none;
    background: transparent url(images/lava.png) 0 0 repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:999999;
    font-family: 'Aktuelle';
    color: #af6c1a;
    font-size: 48px;
    text-align: center;

    min-width: 1000px;
}
#age-gate-wrapper{
    background: url(images/age-gate/straw-canvas.jpg) top left repeat-x;
    height: 748px;
    padding-top: 54px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
#age-gate-content{
    position: relative;
    background: url(images/age-gate/map-window.jpg) top center no-repeat;
    width: 900px;
    height: 611px;
    margin: 0px auto;
    padding: 153px 30px 0 0;
}
#age-gate-content p{
    margin-bottom: 20px;
}

#age-gate-yes{
    color: #3a7c2a;
    font-size: 60px;
    background: url(images/age-gate/green-arrow.png) bottom right no-repeat;
    padding: 0 0 11px 20px;
    margin-right: 35px;
}
#age-gate-no{
    color: #f77b20;
    font-size: 60px;
    background: url(images/age-gate/orange-arrow.png) bottom left no-repeat;
    padding: 0 30px 11px 10px;
    margin-left: 35px;
}


#page-404{
    background: url(images/bg-404.jpg) -400px 0 no-repeat;
    height: 570px;
    margin-bottom: -40px;
}
#page-404 .content-404{
    width: 410px;
    margin: 0px auto;
    padding-left: 170px;
    padding-top: 115px;
}
#page-404 h1{
    font: 74px/70px 'OptiSportScript';
    color: #663606;
}
#page-404 h2{
    font: 34px/38px 'OptiSportScript';
    color: #f4791f;
    margin-bottom: 10px;
}
#page-404 p{
    color: #663606;
    padding: 15px 0;
    margin-bottom: -10px;
    font-size: 14px;
    border-top: 1px solid #e0d7cd;
    text-transform: uppercase;
    font-family: 'Hadriano',serif;
}
#page-404 p.bottom{
    border-top: none;
    border-bottom: 1px solid #e0d7cd;
}
#page-404 a{
    color: #f4791f;
}

/**@@ ie8 @**/



/*
 * media queries for responsive design
 * these follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


#sweep-rules{
    position: absolute;
    top: 0px;
    right: 50px;
    display: block;
    width: 216px;
    height: 96px;
    z-index: 30;
}
#sweep-rules img{border:none;    display: block;
    width: 216px;
    height: 96px;}

#mobile-footer-link{
	position: relative;
	text-align: center;
}

#mobile-footer-link a{
	color: #F47A20;
	display: block;
	padding: 4px;
}


/*
  Aloha Series
 */
 .page-aloha-series #post-content h4 { 
     clear: none;
     font-size: 24px;
     line-height: 26px;
     text-shadow: none;
     margin-top: -20px;
 }
 .page-aloha-series #post-content .featured-image {
     overflow: hidden;
     position: relative;
     top: -50px;
 }
 .page-aloha-series #post-content p img { 
     margin-top: -5px;
     float: right;
     padding-left: 20px;
 }

 .page-aloha-series .beer {
     position: relative;
     width: 50%;
     padding: 20px 30px 0 160px;
     float: left;
     clear: right;

     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;

 }

 .page-aloha-series .beer .draft-small-logo {
     position: absolute;
     top: 12px;
     left: 0;
 }

 .page-aloha-series .beer h4 {
     margin-left: -12px;

     font: 32px/38px 'OptiSportScript',script;
     letter-spacing: 1px;
     text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
 }

/*
  Makana Series
 */
.page-makana-series #post-content h4 { 
    clear: none;
    font-size: 24px;
    line-height: 26px;
    text-shadow: none;
    margin-top: -20px;
}

.page-makana-series #post-content .featured-image {
    overflow: hidden;
    position: relative;
    top: -50px;
}
.page-makana-series #post-content p img { 
    margin-top: -5px;
    float: right;
    padding-left: 20px;
}

.page-makana-series .beer {
    position: relative;
    width: 50%;
    padding: 20px 30px 0 160px;
    float: left;
    clear: right;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}

.page-makana-series .beer .draft-small-logo {
    position: absolute;
    top: 12px;
    left: 0;
}

.page-makana-series .beer h4 {
    margin-left: -12px;

    font: 32px/38px 'OptiSportScript',script;
    letter-spacing: 1px;
    text-shadow: -2px -2px 2px #ffffff, 2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px 2px 2px #ffffff;
}

/* Beer Finder - International Map - Added 1.11.2016 */
#international-locations {
    margin: 1em;
}

#international-locations a {
    font-family: 'Hadriano', Times, Serif;
    font-size: 15px;
    font-weight: lighter;
    color: #663606;
}

.international-map-trigger {
    font-family: 'Hadriano', Times, Serif;
    font-size: 15px;
    font-weight: lighter;
    color: #663606 !important;
}
.international-map-trigger h3 {
    width: 100% !important;
}
.international-map-trigger.within-map {
    position: absolute;
    top: 10px;
    left: 531px;
    z-index: 2;
}

.international-map-trigger.within-map:hover h3 {
    color: #988d5f !important;
}

#international-locations a:hover {
    color: #988d5f;
}

#brewfindermain {
    margin-top: 130px !important;
}
#view_buttons {
    top: 55px !important;
}

/*#international-maps-container img:not(.close) {
    position: relative;
    display: block; 
    margin: 0 auto;
    max-width: 1144px;
    width: 100%;
    box-sizing: border-box;
}*/


#international-maps-container .map-container {
    position: relative;
    height: 680px;
    width: 1154px;
    margin: 0 auto;
    border: 40px solid white;
    background: white;
}
#international-maps-container .map-container .detail-map {
    display: none;
    position: absolute;
    z-index: 4;
    top: 0;
    height: 680px;
    width: 1154px;
    margin: 0 auto;
    background: white;
    text-align: center;
}

#international-maps-container .map-container .detail-map .close-map {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

#international-maps-container .map-container .detail-map img {
    height: 100%;
}

#international-maps-container .map-container .map-image {
    position: absolute;
}

#international-maps-container .map-container .map-image.fixed {
    z-index: 2;
}

#international-maps-container .map-container .static-map-bg {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

#international-maps-container .map-container .static-map-bg.fademe, #international-maps-container .e-hotspot.fademe, #international-maps-container .ea-hotspot.fademe, #international-maps-container .sa-hotspot.fademe {
    opacity: .5;
}

#international-maps-container .map-hotspots {
    position: relative;
    z-index: 3;
}

#international-maps-container .map-hotspots a {
    position: absolute;
}

/* EUROPE HOTSPOTS */
#international-maps-container .e-hotspot {
    width: 390px;
    height: 170px;
    display: block;
    top: 120px;
    left: 460px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
#international-maps-container .e-hotspot img {
    position: absolute;
    left: -20px;
    top: -48px;
    pointer-events: none;
}

/* EAST ASIA HOTSPOTS */
#international-maps-container .ea-hotspot {
    width: 240px;
    height: 200px;
    display: block;
    top: 210px;
    left: 730px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

#international-maps-container .ea-hotspot img {
    top: 35px;
    left: -30px;
    pointer-events: none;
}

/* SAUTH AMERICA HOTSPOTS */
#international-maps-container .sa-hotspot {
    top: 320px;
    left: 190px;
    display: block;
    width: 170px;
    height: 150px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

#international-maps-container .sa-hotspot img {
    left: 22px;
    top: 40px;
    pointer-events: none;
}

#international-maps-container .sa-hotspot:hover {
}


#international-maps-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #d17530;
    z-index: 10;
    overflow-y: auto;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}

#international-maps-container.is-visible {
    visibility: visible;
    opacity: 1;
}

#international-maps-container.is-visible .modal-wrapper {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

#international-maps-container .modal-wrapper {
    position: relative;
    width: 100%;
    margin-top: 30px;
    cursor: auto;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#international-maps-container.is-visible .modal-wrapper > div.is-visible {
    visibility: visible;
    opacity: 1;
}


#international-maps-container .modal-wrapper > div {
    position: absolute;
    top: 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    /*border: 4px double #e9a269;*/
    box-sizing: border-box;
}

#international-maps-container .close {
    position: absolute;
    top: -40px;
    right: -40px;
    z-index: 3;
    cursor: pointer;
}