/*
Theme Name: Bialek's Music
Theme URL: http://www.ProgressiveOffice.com/
Description: Easily customizable theme with multiple color, font, and layout options. A built in Contact page and Blog page.
Author: Stu Kushner
Author URL: http://www.ProgressiveOffice.com
Version: 1.0
*/

body {
    background: #fff;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    padding: 0;
    margin: 0
}
p {
    padding: 0 0 7px;
    margin: 0
}
@font-face {
    font-family: Copperplate Gothic Bold;
    src: url(css/COPRGTB.eot);
    src: url(css/COPRGTB.eot?) format('☺'), url(css/COPRGTB.woff) format('woff'), url(css/COPRGTB.ttf) format('truetype')
}
#wrapper {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    text-align: center
}
#header-full {
    background: #fff url(images/bg.png) repeat-y top center;
    float: left;
    padding: 0;
    height: 158px;
    width: 100%
}
#header {
    width: 1100px;
    color: #000;
    padding: 0;
    margin: 0 auto;
    height: 158px
}
.logo {
    float: left;
    width: 176px;
    margin-left: 10px;
    height: 158px;
    padding: 10px 0 0;
    border: 0
}
#socialmedia {
    padding: 3px 0 0 3px
}
#socialmedia .facebooklike,
#socialmedia .twitterfollow {
    display: inline-block;
    height: 20px
}
#socialmedia .facebooklike {
    width: 45px
}
#socialmedia .twitterfollow {
    position: relative;
    bottom: -3px
}
#socialmedia .facebooklike .fb_edge_comment_widget {
    display: none
}
#access {
    float: left;
    width: 100%;
    background: #434343;
    padding: 0;
    margin: 0;
    border-bottom: 10px #f3ca02 solid;
    text-align: center
}
#access .menu-main-menu-container {
    text-align: left;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 1126px;
    font-family: Copperplate Gothic Bold, calibri, Arial, verdana;
    font-size: 11pt;
    text-transform: uppercase;
    position: relative;
    z-index: 5
}
#access .menu-main-menu-container ul,
div.menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#access .menu-main-menu-container li,
div.menu li {
    position: relative;
    float: left;
    text-align: center
}
#access a {
    display: block;
    line-height: 35px;
    padding: 0 15px;
    text-decoration: none;
    color: #fff;
    background: #434343
}
#access ul ul {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    float: left;
    width: 150px;
    z-index: 99999;
    list-style: none;
    text-align: left
}
#access ul ul li {
    min-width: 150px
}
#access ul ul ul {
    left: 100%;
    top: 0
}
#access ul ul a {
    background: #f3ca02;
    line-height: 1em;
    padding: 10px;
    width: 150px;
    height: auto;
    text-align: left;
    font-size: 10pt
}
#access li:hover>a,
#access ul ul:hover>a {
    background: #f3ca02;
    color: #434343
}
#access ul li:hover>ul {
    display: block
}
#access ul li.current-menu-item>a,
#access ul li.current-menu-parent>a,
#access ul li.current_page_item>a,
access ul li.current-menu-ancestor>a {
    background: #f3ca02;
    color: #434343;
    padding: 0 26px 0 22px
}
* html #access ul li a:hover,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li.current_page_item a {
    color: #fff
}
#access ul li ul li a,
#access ul.sub-menu li.current_menu_item a,
#access ul.sub-menu li.current_page_item a {
    float: left;
    width: 130px;
    border-width: 0;
    background-color: #f3ca02;
    line-height: 2.5em;
    margin: auto;
    padding: 0 26px 5px 22px;
    text-transform: uppercase;
    height: auto;
    color: #666
}
#page {
    background: #fff url(images/bg.png) repeat-y top center;
    float: left;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center
}
#container {
    color: #434343;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    width: 1100px
}
#container h1.title {
    font-size: 2.8em;
    color: #434343;
    text-transform: capitalize;
    font-family: Copperplate Gothic Bold, Georgia, "Times New Roman", Times, serif;
    padding: 10px 0;
    width: 100%;
    margin: 0;
    font-weight: 400
}
#content {
    width: 780px;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    float: left
}
#content #featured img {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-bottom: 4px;
    -moz-box-shadow: 3px 3px 4px #aaa;
    -webkit-box-shadow: 3px 3px 4px #aaa;
    box-shadow: 3px 3px 4px #aaa
}
#content.ngg-galleryoverview {
    float: left
}
#content-r {
    width: 780px;
    padding: 0;
    margin: 0;
    float: left
}
#content-r #featured img {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-bottom: 4px;
    -moz-box-shadow: 3px 3px 4px #aaa;
    -webkit-box-shadow: 3px 3px 4px #aaa;
    box-shadow: 3px 3px 4px #aaa
}
#content-r.ngg-galleryoverview {
    float: left
}
#sidebar {
    float: right;
    color: #434343;
    width: 280px;
    padding: 10px;
    margin: -10px 0 0 0
}
#sidebar-left {
    float: right;
    color: #434343;
    width: 280px;
    padding: 10px;
    margin: -10px 10px 0 0
}
.widget {
    width: 280px;
    margin-bottom: 15px
}
.widget a {
    text-decoration: none;
    color: #aaa
}
.widget a:hover {
    text-decoration: underline
}
h3.widget-title {
    text-align: center;
    color: #434343;
    font-size: 14pt;
    padding: 0;
    margin: 10px;
    font-family: Copperplate Gothic Bold, calibri, Arial, verdana;
    text-transform: capitalize;
    font-weight: 400
}
h3.widget-title a {
    color: #434343;
    text-decoration: none;
    font-weight: 400
}
.widget .box {
    border: 1px #aaa solid;
    background: #fff;
    padding: 10px 0 0
}
.widget .box strong {
    padding: 10px;
    margin: 15px 0 0
}
.widget .box ul {
    padding: 5px 0;
    margin: 0 15px 15px 25px
}
.widget .box .img img {
    background: #000;
    border: 5px solid #aaa;
    float: right;
    margin: 5px 8px 8px;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000
}
.widget .hbox {
    background: #fff;
    padding: 0;
    color: #434343;
    font-size: 12px;
    overflow-y: scroll;
    height: 235px;
    border: 1px solid #aaa;
    scrollbar-face-color: f3ca02;
    scrollbar-highlight-color: f3ca02;
    scrollbar-3dlight-color: f3ca02;
    scrollbar-darkshadow-color: f3ca02;
    scrollbar-shadow-color: f3ca02;
    scrollbar-arrow-color: ffffff;
    scrollbar-track-color: ffffff
}
.widget:nth-child(2) .hbox{
    height: 435px;
}
.widget .hbox strong {
    padding: 10px;
    margin: 15px 0 0
}
.widget .hbox ul {
    padding: 5px 0;
    margin: 0 15px;
    list-style: none
}
.widget .hbox a.post-title {
    font-size: 12pt;
    color: #000
}
.widget .hbox li a {
    color: #000;
    text-decoration: none;
    font-weight: 700;
    padding: 5px 0
}
.widget .hbox li a:hover {
    text-decoration: underline
}
.widget .hbox li.cat-post-item {
    padding-top: 10px
}
.widget .bbox {
    border: 1px #aaa solid;
    background: #fff;
    padding: 0;
    color: #434343;
    font-size: 12px
}
.widget .bbox strong {
    padding: 10px;
    margin: 15px 0 0
}
.widget .bbox ul {
    padding: 5px 0;
    margin: 0 15px 15px 20px;
    list-style: none
}
.widget .bbox a.post-title {
    font-size: 12pt;
    color: #000;
    font-weight: 700
}
.widget .bbox li a {
    color: #000;
    text-decoration: none;
    font-weight: 700;
    padding: 5px 0
}
.widget .bbox li a:hover {
    text-decoration: underline
}
.hwidget {
    float: left;
    width: 455px;
    height: 119px;
    padding: 20px 0 0
}
.hwidget img {
    margin-right: 5px
}
.hwidget a#FadeIn_Link {
    text-decoration: none;
    font-family: book antiqua, palatino;
    font-size: medium;
    color: #888
}
table.sub-cat {
    width: 1100px;
    margin-left: 17px;
    padding: 0
}
table.sub-cat td h2 {
    margin: 10px 0;
    color: #434343;
    font-family: Copperplate Gothic Bold;
    font-weight: 400
}
.feat-cat {
    float: left;
    width: 220px;
    height: 225px;
    margin-left: 35px;
    padding: 0;
    text-align: center
}
.feat-cat img {
    float: left;
    width: 220px;
    height: 170px;
    border: 0;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    filter: progid: DXImageTransform.Microsoft.Shadow(color='#000000', direction='130', strength='5')
}
.feat-cat h2 a {
    background: 0 0;
    font-size: 14pt;
    color: #434343;
    font-weight: 400;
    font-family: Copperplate Gothic Bold, "Times New Roman", Times, serif;
    text-decoration: none
}
.region-content-bottom {
    margin-top: 15px;
    height: 83px;
    background: #f3ca02;
    border-radius: 1em;
    -moz-border-radius: 1em;
    margin-bottom: 15px;
    width: 830px;
    color: #000;
    font-size: 16pt;
    padding: 0 0 0 15px;
    font-family: Copperplate Gothic Bold
}
.region-content-bottom strong {
    margin-top: 25px;
    float: left;
    text-transform: uppercase
}
.region-content-bottom img {
    margin: 12px 3px 5px
}
.region-content-bottom .memberlinks {
    float: right;
    height: 81px;
    margin: -6px 1px 0 0;
    width: 646px;
    text-align: center;
    background: #fff;
    border-radius: 1em;
    -moz-border-radius: 1em;
    margin-bottom:
}
.region-content-bottom .memberlinks a img {
    margin: 12px 5px 5px;
    border: 0
}
.b-page {
    padding: 15px 0;
    border-bottom: #434343 2px dashed;
    height: 100px
}
.b-page h1 {
    font-family: Copperplate Gothic Bold, palatino;
    font-size: 18pt;
    color: #434343;
    padding: 0;
    margin: 0 0 10px
}
.b-page h1 a {
    color: #434343;
    text-decoration: none
}
.b-page h1 a:hover {
    text-decoration: underline
}
.alignnone {
    margin: 5px 9px 5px 0;
    padding: 0;
    -moz-box-shadow: 3px 3px 4px #aaa;
    -webkit-box-shadow: 3px 3px 4px #aaa;
    box-shadow: 3px 3px 4px #aaa
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}
img.aligncenter,
img.alignleft,
img.alignright {
    margin-bottom: 12px
}
.wp-caption {
    background: #fff;
    padding-top: 4px
}
.wp-caption img {
    margin: 0 auto;
    display: block
}
p.wp-caption-text {
    text-align: center;
    padding: 5px
}
.c_box {
    width: 100%;
    border-radius: 1em;
    -moz-border-radius: 1em;
    margin-bottom: 15px;
    background: #000;
    margin-top: 15px;
    float: left
}
.c_box h3.b_title {
    background: #000;
    margin: -1px 0 0 0;
    padding: 5px 10px 5px 20px;
    color: #fff;
    border-top-left-radius: 1em;
    -moz-border-radius-topleft: 1em;
    border-top-right-radius: 1em;
    -moz-border-radius-topright: 1em;
    font-family: Copperplate Gothic Bold
}
.c_box .b_content {
    border-radius: 1em;
    -moz-border-radius: 1em;
    border: 1px #000 solid;
    background: #fff;
    padding: 0 10px 10px;
    font-family: book antiqua, palatino;
    font-size: small
}
.c_box .b_content strong {
    padding: 10px 0;
    margin: 15px 0 0
}
.c_box .b_content object embed {
    padding: 15px;
    margin: 0 auto
}
.custom-gallery {
    float: left;
    margin: 10px 0;
    padding: 0
}
.custom-gallery img {
    margin: 5px 5px 5px 0;
    padding: 0
}
#footer {
    background: #434343;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 15px 0 0;
    margin: 0 auto
}
#footer a {
    color: #fff;
    text-decoration: underline
}
#footer #footer-content {
    width: 1100px;
    padding: 10px;
    margin: 0 auto
}
.fwidget {
    text-align: left;
    font-size: 11px;
    border-top: 2px solid #fff;
    padding: 15px 0 0;
    margin: 15px 0
}
.button_example {
    border: 1px solid #ffad41;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 32px;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    font-weight: 700;
    color: #FFF;
    background-color: #ffc579;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
    background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
    background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
    background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
    background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
    background-image: linear-gradient(to bottom, #ffc579, #fb9d23);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffc579, endColorstr=#fb9d23);
    text-decoration: none!important
}
.button_example:hover {
    text-decoration: none;
    border: 1px solid #ff9913;
    background-color: #ffaf46;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
    background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
    background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
    background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
    background-image: -o-linear-gradient(top, #ffaf46, #e78404);
    background-image: linear-gradient(to bottom, #ffaf46, #e78404);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffaf46, endColorstr=#e78404)
}
@media screen and (max-width: 1024px) {
    #access .menu-main-menu-container,
    #header {
        width: 100%;
        height: auto
    }
    #header>div {
        float: none;
        display: inline-block;
        vertical-align: middle
    }
    #header-full {
        height: auto
    }
    .hwidget {
        padding-bottom: 30px!important
    }
    #container,
    .advanced-slider,
    .advanced-slider .slide-wrapper {
        width: 100%!important
    }
    #footer #footer-content {
        width: 97%!important;
        padding: 10px 0
    }
    #sidebar {
        width: 35%!important
    }
    #content {
        width: 59%!important
    }
    #content-r {
        width: 68%!important
    }
    iframe {
        width: 100%!important
    }
    #sidebar-left {
        width: 28%
    }
    .widget {
        width: 100%
    }
    #header .textwidget>div {
        padding: 0!important;
        margin-left: 0!important
    }
    table.sub-cat {
        width: 100%;
        margin: 0
    }
}
@media screen and (max-width: 800px) {
    .region-content-bottom {
        height: 211px;
        width: 160%;
        padding: 0 0 0 2px
    }
    .region-content-bottom .memberlinks {
        margin: 7px 1px 0 0;
        width: 100%;
        height: auto
    }
}
@media screen and (min-width: 992px) { 
    #access ul li ul li a,
    #access ul.sub-menu li.current_menu_item a,
    #access ul.sub-menu li.current_page_item a {
        width: 140px !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1124px) { 
    #access a{
        padding: 0px 10px !important;
    }
    #access .menu-main-menu-container{
        text-align: center;
    }
    #access .menu-main-menu-container li, div.menu li{
        float: none !important;
        display: inline-block;
    }
    #access ul li ul li a, #access ul.sub-menu li.current_menu_item a, #access ul.sub-menu li.current_page_item a{
        float: none !important;
    }
}
@media screen and (max-width: 991px) {    
    #menu-main-menu li{
        display: inline-block;
        width: 100%;
    }
    #menu-main-menu li ul, #access ul li ul li a, #access ul.sub-menu li.current_menu_item a, #access ul.sub-menu li.current_page_item a{
        width: 100% !important;
        position: relative !important;
        text-align: center !important;
        top: 0px !important;
    }
    #access ul li ul li a{
        padding: 0px 0px !important;
    }
}
@media screen and (min-width: 768px) {    
    .visible-xs{
        display: none !important;
    }
    .hidden-xs{
        display: block !important;
    }    
}
@media screen and (max-width: 767px) {
    .hidden-xs{
        display: none !important;
    }    
    .visible-xs{
        display: block !important;
    }
    .headImages{
        width: 95% !important;
        display: none !important;
        text-align: center !important;
        margin: 0px auto !important;
    }
    .headImages img{
        margin: 5px 5px !important;
        max-width: 75% !important;
        height: auto !important;
        display: inline-block !important;
    }
    .hwidget{
        padding-bottom: 0px !important;
    }
    #content-r, #sidebar-left, .c_box{
        width: 96% !important;
    }
}
@media screen and (max-width: 603px) {
    #container>div,
    #content-r {
        width: 100%!important;
        padding: 0
    }
    #sidebar>div {
        width: 100%
    }
    .region-content-bottom {
        display: none
    }
    #header>div {
        margin: 0;
        padding: 0;
        width: 100%
    }
    #sidebar-left {
        width: 100%
    }
}
@media screen and (max-width: 533px) {
    .feat-cat {
        clear: both
    }
}
@media screen and (max-width: 320px) {
    .widget {
        width: 100%
    }
/*    #header-full {
        height: 585px
    }*/
    .logo {
        height: 130px
    }
    #access .menu-main-menu-container li,
    div.menu li {
        float: none
    }
}
.glossy-curved-rounded-orange-light .thumbnail-scroller.horizontal {
    margin-top: 0px !important
}
.ngg-gallery-thumbnail-box {
    display: inline-block
}
.advanced-slider .thumbnail-scroller .thumbnail-wrapper {
    margin: 10px;
}
.page-id-11 #container p {
    margin: 0px 8% 15px 8%;
    line-height: 25px;
}
.page-id-11 .ngg-galleryoverview br {
    display: none
}
.page-id-11 .ngg-galleryoverview {
    margin: 0px 8% 15px 8%;
}
#menu-item-335 {
    text-transform: capitalize !important
}
h1#djs {
    display: none !important
}
h2#djNote {
    display: none !important;
}
.category-djs h2#djNote {
    display: block !important;
}
.headImages {
    width: 100%;
    display: inline-flex;
    text-align: left;
    margin-left: -50px;
}
.headImages img {
    float: left;
}
#socialmedia {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.fb_iframe_widget iframe {
    position: relative !important;
    display: inline-block !important;
}
#content{
margin-top:20px !important
}
#sidebar{
margin-top:10px !important
}