//<style>
/*
* Project Name:            Beerpassion Theme
* Project Description:     Theme for Elgg 1.8
* Author:                  Dieter De Weirdt - TrendsCo.
* License:                 GNU General Public License (GPL) version 2
* Website:                 http://trendsco.com
* Contact:                 info@trendsco.com
*
* File Version:            1.0
* Last Updated:            16/5/2013
*/

/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size: medium;
}
*/

/* TODO: remove css rules when activating responsive */
.hidden-desktop { display: none; visibility: hidden;}
/* END TODO */

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

html {
height:100%;
}
body {
font-family: 'Karla', Candara, sans-serif;
height:100%;

}


label.error{
width:200px;
color:#ff0000;
}
body.profile {
float: none; margin: 0;}

h1, h2, h3 { font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; color:#000; }
h1 { font-size: 34px; line-height: 40px; margin: 0 0 15px 0; }
h1.actie { font-size: 30px;  text-transform: none; font-style: italic; font-family: 'Karla', Candara, sans-serif; text-align: center; border-bottom: solid 1px #000; padding-bottom: 10px; margin-bottom: 15px;  }
h2 { font-size: 26px; line-height: 30px; margin: 0 0 10px 0;}
h3 { font-size: 16px; line-height: 22px; color: #aa8c01; margin: 0 0 5px 0;}
h4 { font-size: 16px; font-weight: normal; line-height: 22px; margin: 0 0 5px 0; border-bottom: solid 1px #aa8c01; color: #000; }
a:hover h4 { color: #aa8c01; }

/* Fix for input sizes */
input, textarea {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
/* Hidden elgg bootstrap fix */
.hidden { visibility: visible;}

p { margin: 0 0 18px 0;}
a { color: #aa8c01; }
a:hover { color: #333;}
.extra { color: #888; font-size: 12px; }
.extra a { color: #888; }
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
}
ul.thumbnails { margin: 15px 0; }
ul.thumbnails li { margin-bottom: 10px; text-align: center; }

#comments { clear: both;}
#countrySelectbox { display: inline-block; width: 220px; }

header { margin: 0 0 20px 0;}
header .container { position: relative;}
header h1 a {
width: 260px; height: 80px; display: block; background: url(/img/Bierpassie.png) no-repeat left center; text-indent: -9999em; margin: 35px 0 0 0;
}

header h2 {
font-size:16px;
float:left;
margin-top:20px;
margin-left:0px;
text-transform:uppercase;
}

header nav { border-bottom: solid 1px #333;
position: absolute; bottom: 0; left: 0; width: 100%;}
header .nav { margin: 0;}
header .subnav { margin: 35px 0 0 0; }
.elgg-search-header {
    display: inline-block;
    float: right;
    position: relative; bottom: 0; right: 0; margin: 42px 0 0 10px;
    height: 12px;
}
.elgg-search input[type=text] {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #AAA;
color: #666;
font-weight: normal;
padding: 0px 4px 0px 26px;
background: transparent url("/img/icon-help.png") no-repeat 3px 3px;
width: 130px;
}
.elgg-search input[type=text]:focus, .elgg-search input[type=text]:active {
    background-color: white;
    background-position: 3px 3px;
    border: 1px solid white;
    color: #333;
}
.elgg-input-radio { margin: 0 10px 0 0;}
.elgg-input-radios.elgg-horizontal { margin-left: 0;}
.elgg-input-radios.elgg-horizontal li label { display: inline; margin: 0 15px 0 0; }
.elgg-input-radios.elgg-horizontal li label input { margin: 0 10px 0 0; }


.elgg-output {
margin: 0 0 10px 0;
}
.nav-pills a {
font-family: 'Oswald', Helvetica, sans-serif;
font-size: 17px;
text-transform: uppercase;
color: #333;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {

color: #aa8c01;
background-color: #fff;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
color: rgb(85, 85, 85);
cursor: default;
border-width: 1px;
border-style: solid;
border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
}

.nav-pills .elgg-menu-item-home { text-indent: -9999em; width: 24px; margin: 0 10px;  background: url(/img/Home.png) no-repeat center center; }
.nav-pills > .elgg-menu-item-home.active > a, .nav-pills > .elgg-menu-item-home > a:hover, .nav-pills > .elgg-menu-item-home > a:focus {
background: url(/img/HomeActive.png) no-repeat center center;
}

.subnav a { font-family: 'Karla', Candara, sans-serif; text-transform: none; color: #666; margin: 0; font-size: 14px; }
.subnav a i { margin-right: 5px;}
.nav-pills.subnav > .active > a, .nav-pills.subnav > .active > a:hover, .nav-pills.subnav > .active > a:focus {
    color: #aa8c01;
    background-color: #fff;
}

.dropdown-menu { margin-top: 0;}

.btn-primary { background-color: #b59c24;
    background-image: -moz-linear-gradient(top, #b59c24, #937901);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b59c24), to(#937901));
    background-image: -webkit-linear-gradient(top, #b59c24, #937901);
    background-image: -o-linear-gradient(top, #b59c24, #937901);
    background-image: linear-gradient(to bottom, #b59c24, #937901);
    background-repeat: repeat-x;
    border-color: #937901 #937901 #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb59c24', endColorstr='#ff937901', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #ffffff;
    background-color: #937901;
}

.navbar-inner { padding-left: 0; padding-right: 0;}

select {
width:auto;
}
.alerts { display: none;}
.navbar .nav { margin: 0; }
.navbar .nav > li > a { padding: 10px 10px 10px 11px; }
.navbar .nav > li > a:hover {
color: rgb(85, 85, 85);
text-decoration: none;
background-color: rgb(229, 229, 229);
}
.dropdown-menu > li > a:hover, .dropdown-submenu:hover > a {
color: rgb(85, 85, 85);
text-decoration: none;
background: rgb(229, 229, 229);
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #b59c24;
    background-image: -moz-linear-gradient(top, #b59c24, #937901);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b59c24), to(#937901));
    background-image: -webkit-linear-gradient(top, #b59c24, #937901);
    background-image: -o-linear-gradient(top, #b59c24, #937901);
    background-image: linear-gradient(to bottom, #b59c24, #937901);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
dl { background: #000; color: #fff; font-family: 'Oswald', Helvetica, sans-serif; font-weight: 300; padding: 18px; font-size: 16px; margin: 18px auto;
overflow: hidden; }
dl dt { font-weight: normal; text-transform: uppercase; color: #aaa; clear: both;
float: left;  }
dl dd { font-weight: normal; margin: 0 0 10px 0;
float: right; }
dl a, dl .elgg-list > li a { color: #fff; text-decoration: underline; padding: 0; border: none;}
dl a:hover, dl .elgg-list > li a:hover { color: #aa8c01; border: none;}
dl .elgg-list { margin: 0;}
dl .elgg-list > li { margin: 0 0 2px 0; }
.submitMenu {display: inline-block}

.elgg-list { border-top: none; margin: 5px 0; clear: both; }
.elgg-list > li { border-bottom: none; line-height: inherit; margin: 0 0 12px 0; }
.elgg-list > li a { color: #333; text-decoration: none; padding: 0 0 2px 0; border-bottom: solid 1px #CCC; }
.elgg-list > li a:hover { color: #aa8c01; border-bottom: solid 1px #dab717;}
.elgg-list > li.more a { color: #aa8c01; border-bottom: solid 1px #dab717;}
.elgg-list > li.more a:hover { color: #dab717; border-bottom: solid 1px #dab717;}
.elgg-list > li a.withImage { border-bottom: none; padding: 0;}

.thumbnail {
clear: left; margin: 0 auto;
overflow: hidden;}
.thumbnail .image { float: left; margin: 0 15px 10px 0;  }
.span4 .thumbnail .image {
float: none;
margin: 0 auto;
text-align: center;}

.list_item { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.grid_item { border: 1px solid #ddd; padding: 5px; text-align: center; margin: 0 0 10px;}
.grid_item h4 { border: none;}



body.beer .thumbnails a img ,
body.brewery .thumbnails a img { max-height: 200px;}

a.beer, a.brewery { display: block; padding: 10px; border: solid 1px #ccc;  text-align: center; margin: 0 0 15px 0; height: 230px; position: relative; overflow: hidden;  }
a.brewery { height: 200px; }
a.beer h2, a.brewery h2 { font-size: 19px; }
a.beer img, a.brewery img { }
a.beer:hover, a.brewery:hover { border: solid 1px #aaa; text-decoration: none; }


a.beer.likes_view { border: none; color: #333; text-align: left; }
a.beer.likes_view h3 { border-bottom: solid 1px #aa8c01; }
a.beer.likes_view:hover h3 { color: #333; }

.elgg-form-tc-firstTimeGuidance-favourites li { padding: 10px; border: solid 1px #ccc; text-align: center; margin: 0 0 10px 0; }
.elgg-form-tc-firstTimeGuidance-favourites li img { max-height: 170px; margin: 0 0 10px 0; }
.elgg-form-tc-firstTimeGuidance-search { border-bottom: solid 1px #ddd; padding: 0 0 15px 0;}

.elgg-form-tc-firstTimeGuidance-search label {display: none; }
a.play_video { position: relative; margin: 0 0 0 0; text-align: center; display: block; color: #333;  }
a.play_video img { margin: 0 0 5px 0; }
a.play_video i { display: block; position: absolute; left: 50%; top: 50%; background: url(/img/play_video.png) no-repeat center center;
    width: 36px; height: 36px; margin: -18px 0 0 -18px; z-index: 999; }
a.play_video:hover i { background: url(/img/play_video_hover.png?3) no-repeat center center; }
.span7 a.play_video { max-width: 240px; margin: 0 0 0 15px; }

.darkBox { background: #000; color: #fff; padding: 20px; }
.darkBox h1 { color: #fff; }
.darkBox h2 { color: #aa8c01; margin: 5px 0; }
.darkBox a:hover { color: #fff;}
.darkBox a.btn { background: #aa8c01; color: #fff;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.darkBox a.btn:hover { background: #dab717; color: #333; }

.darkBox.largeBanner { background: #000 url(/img/featureBannerBg.jpg) no-repeat bottom right; margin: 0 0 18px 0; font-size: 17px; }

footer { background: #000; margin: 0 auto; overflow: hidden; color: #AAA; margin: 20px 0 0 0; padding: 30px 0; }
footer h3 { color: #AAA; }
footer ul { margin: 0;}
footer a { color: #fff; }
footer a:hover { color: #dab717; }
footer .elgg-icon-report-this { display: none; margin: 30px 0 0 0;}

footer .stats  { list-style-type: none; color: #AAA;
    float: right;}
footer .stats li { list-style-type: none; float: left; text-align: center; margin: 0 0 15px 5px; padding: 10px; background-color: #222; border-radius: 3px; text-shadow: 0 1px 1px #000; }
footer .stats li span { display: block; font-size: 30px; color: #FFF; line-height: 35px; }

footer .poweredby {
    clear: right; text-indent: -9999em; background: url(/img/sitebytrendsco.png) no-repeat center center; width: 100px; height: 30px;
}

.elgg-menu-footer {
    float: none; }
.elgg-menu-footer li { display: block; float: none; }
.elgg-menu-footer > li:after { content: ""; padding: 0;}

footer .elgg-menu-footer-alt {
    clear: left; }

.form-actions {
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
background-color: transparent;
border-top: none;
}

/* EVENT MANAGER */

.event_manager_event_list_icon_month {
background: #aa8c01; border: 1px solid #aa8c01;
}
.event_manager_event_list_icon_day {
border-bottom: 1px solid #aa8c01;
border-left: 1px solid #aa8c01;
border-right: 1px solid #aa8c01;
}

.event_manager_event_view_image {
    float: left;
    padding: 0px;
    margin: 0 10px 5px 0;
    background: #FFFFFF;
    border: 0px solid #FFF;
}

/* TASTING */
.tc_tasting .owner_icon {
    float: left; margin: 0 10px 0 0; }
/* ELGG COMMENTS*/
.elgg-form-comments-add fieldset { background: #eee; padding: 10px; }
.elgg-form-comments-add fieldset legend { font-size: 18px; margin-bottom: 0px;  }
.elgg-form-comments-add fieldset a.withImage { width: 50px; height: 50px;
float: left; display: block; overflow: hidden; margin: 0 15px 0 0 ;}



/* ELGG LIKES */
.elgg-list-likes { margin: 0 auto 15px auto; overflow: hidden; }
.elgg-list-likes .elgg-item {
float: left; width: 24%; margin: 0 1% 1% 0; }
.elgg-list-likes .elgg-item a { border: none;}

/* RIVER STYLE */

.elgg-form-rivertalk-save .elgg-riverbox { background: #eee; padding: 10px 10px 10px 0; }
.elgg-form-rivertalk-save .elgg-riverbox .elgg-body { overflow: visible;}
.elgg-form-rivertalk-save .elgg-riverbox label { margin-left: 60px; font-size: 15px; }
.elgg-form-rivertalk-save .elgg-riverbox textarea { width: 80%; height: 40px; margin: 0 10px 0 5px; }
.elgg-riverbox #addUrlView,
.elgg-riverbox #addPhotoView { width: 80%; margin: 0 0 0 60px; }
.elgg-riverbox #addUrlView #preview { margin: 0 auto 10px auto; overflow: hidden; border: solid 1px #ddd; padding: 5px;}
.elgg-form-rivertalk-save .elgg-riverbox .btn-toolbar {width: 80%; margin: 0 10px 0 60px; padding-right: 12px; background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); padding: -1px;}
.elgg-form-rivertalk-save .elgg-riverbox .btn-toolbar .btn { border-top: none; border-bottom: none;}
.elgg-form-rivertalk-save .elgg-riverbox .btn-toolbar .pull-right {
    position: relative; left: 12px;}

.elgg-river-item form { height: 60px;}
.elgg-river-responses { margin: 10px 0 15px 0;}
.elgg-river-responses .elgg-river-comments-tab {
float: none; color: #666; font-size: 90%;}
.elgg-river-responses .elgg-river-comments { margin: 0; border-bottom: solid 1px #ddd;}

.elgg-river .elgg-item { border-bottom: solid 1px #DDD; padding: 7px 0; margin: 0; }
.elgg-river-item { padding: 0; }
.elgg-river-item #preview { border: solid 1px #ddd; background: #eee; padding: 10px; margin: 5px auto; overflow: hidden;  }
.elgg-river-item #preview img {
    float: left; margin: 0 15px 0 0; }
.elgg-river .elgg-image { width: 50px; height: 50px;}
.elgg-medium-image { width: 100px; height: 100px;}
.elgg-small-image { width: 50px; height: 50px;}
.elgg-river .elgg-item a img { width: 50px; }
.elgg-river-attachments, .elgg-river-message, .elgg-river-content {
border-left: 0px solid #FFF;
font-size: 100%;
line-height: 1.3em;
margin: 8px 0 5px 0;
padding-left: 0px;
font-style: italic;
}
.elgg-river-timestamp { font-size: 90%; color: #888; }
.elgg-list .elgg-menu-river a,
.elgg-list .elgg-menu-annotation a { border-bottom: none;}

/* SMALL ITEMS */
.elgg-river .grouped-item .elgg-river-attachments,
.elgg-river .grouped-item .elgg-river-responses{ display: none; }
.elgg-river .grouped-item { margin-left: 55px;}

/*
.elgg-river-layout #elgg-river-selector {  position: relative; top: -190px;}
.elgg-river-layout .elgg-list-river {  position: relative; top: -50px;}
*/

/* PROFILE FORM */
.elgg-form-profile-edit label { display: block;
float: left; width: 25%; margin: 0 15px 0 0; }
.elgg-form-profile-edit .elgg-input-access { margin: 0 0 0 20px; }
.elgg-form-profile-edit div fieldset { border: solid 1px #DDD; padding: 15px; }

/* DASHBOARD */
.dashboard .row { margin-bottom: 20px;}
.dashboard .thumbnails { margin-left: 0px;}

/* SIMPLE PAGE TEMPLATE FOR LOGIN/REGISTER */
body.simple { background: #eee; text-align: center; }
body.simple .container { max-width: 800px; margin: 0 auto; overflow: hidden; text-align: left;  }
body.simple .container .content { background: #fff; padding: 20px; border: solid 1px #ddd; }
body.simple .container .social_connect_site_connect {  border-bottom: solid 1px #ddd; }
body.simple .container .elgg-menu { margin: 10px 0;}
body.simple .container .elgg-form-login,
body.simple .container .elgg-form-account {
max-width: inherit;
}
body.simple .submitMenu {display: block; }
body.simple .form-horizontal .form-actions {
padding-left: 220px;
}
.pagination-centered>ul>li{
    padding: 0px;
    border: none;
    text-align: center;
    margin: 0 0 10px 0;
}

.frontpageBanner{
width:200px;
height:200px;
overflow: hidden;
position: absolute;
}
.frontpageBannerText{
margin-top: 130px;
overflow: hidden;
position: absolute;
}
.vspan12 {
height: 940px;
}

.vspan11 {
height: 860px;
}

.vspan10 {
height: 780px;
}

.vspan9 {
height: 700px;
}

.vspan8 {
height: 620px;
}

.vspan7 {
height: 540px;
}

.vspan6 {
height: 460px;
}

.vspan5 {
height: 380px;
}

.vspan4 {
height: 300px;
}

.vspan3 {
height: 220px;
}

.vspan2 {
height: 140px;
}

.vspan1 {
height: 60px;
}


/*
@media (max-width: 979px) {
header nav { border-bottom: none;
position: relative; width: 100%; }
header nav li {
clear: left; }
}
*/