/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

a img {
  border: none; }

.clearfix {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

@-ms-viewport {
  width: device-width; }
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

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

body {
  font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  color: #eeeeee;
  background: black url(../img/page-bg-tile.png) 0 0 repeat-x; }

h1, h2, h3, h4, h5, h6, p, ul, ol {
  padding: 0 0 1em 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: #21acff; }

h1 {
  font-size: 22px; }

h2 {
  font-size: 22px; }

h3 {
  font-size: 16px; }

h4 {
  font-size: 16px; }

h5, h6 {
  font-size: 16px; }

p, ul, ol {
  font-size: 16px;
  line-height: 1.6;
  padding: 0 0 1.6em 0;
  font-weight: 300; }

a {
  color: #aab9ce;
  text-decoration: none; }
  a:focus {
    outline: none; }

blockquote p {
  font-size: 18px;
  font-style: italic; }

.wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 0; }

.page {
  background: #121212; }

.col-main {
  width: 65.625%;
  float: right; }
  .col-main ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 22px; }
  .col-main ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 30px; }
  .col-main img {
    width: 100%;
    height: auto; }

.col-side {
  width: 34.375%;
  float: left; }
  .col-side img {
    width: 100%;
    height: auto; }

.col-main .col-padding {
  padding: 0 0 35px 15px; }

.col-side .col-padding {
  padding: 0 35px 35px 35px; }

.content {
  padding: 45px 35px 35px 0; }

.page-header {
  position: relative; }
  .page-header img {
    display: block;
    width: 100%;
    height: auto; }

.branding {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 50%;
  background: url(../img/header-shadow.png) 0 0 repeat-y;
  background-size: 100% auto;
  height: 100%;
  max-height: 385px; }
  .branding h2 {
    margin: 19% 0 0 25%;
    padding: 0;
    width: 45.83333%;
    max-width: 220px;
    height: 43.11688%;
    max-height: 166px;
    background: url(../img/brian-setzer-branding.png) 0 0 no-repeat;
    background-size: 100% auto;
    text-indent: -9999em;
    cursor: pointer; }

.ie8 .branding h2 {
  background: url(../img/brian-setzer-branding-ie8.png) 0 0 no-repeat; }

.toggle-nav {
  display: none;
  padding-bottom: 10px; }

.toggle-nav span {
  width: 34px;
  height: 34px;
  margin: 10px auto 0;
  border-radius: 7px;
  cursor: pointer;
  background: #333333 url(../img/menu-icon.png) center center no-repeat;
  display: block; }

.main-nav {
  max-width: 960px;
  margin: 0 auto; }
  .main-nav ul {
    padding: 0;
    background: black;
    border-top: #666666 1px solid;
    text-transform: uppercase;
    font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
    font-size: 0;
    background: #1c1c1c url(../img/nav-bg-tile.png) 0 0 repeat-x; }
  .main-nav li {
    font-size: 14px;
    display: inline-block;
    background: #1c1c1c url(../img/nav-bg-tile.png) 0 0 repeat-x;
    border-bottom: transparent 4px solid;
    -webkit-transition: border-bottom 0.1s linear;
    -moz-transition: border-bottom 0.1s linear;
    -ms-transition: border-bottom 0.1s linear;
    -o-transition: border-bottom 0.1s linear;
    transition: border-bottom 0.1s linear; }
    .main-nav li.social img {
      max-width: 24px;
      width: 100%;
      height: auto;
      vertical-align: middle; }
    .main-nav li.social a {
      padding: 8px; }
    .main-nav li.current-menu-item, .main-nav li:hover {
      border-bottom: #21acff 4px solid; }
  .main-nav a {
    color: #eeeeee;
    border-right: black 1px solid;
    padding: 8px 15px;
    display: inline-block; }

.home li.home,
.about li.about,
.tour-dates li.tour-dates,
.news li.news,
.single li.news,
.images li.images,
.videos li.videos,
.discography li.discography {
  border-bottom: #21acff 4px solid; }

.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1400; }
  .sticky .main-nav {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); }

footer.page-footer {
  clear: both;
  padding: 15px 0 45px;
  background: black;
  color: #eeeeee;
  text-transform: uppercase; }
  footer.page-footer a {
    color: #666666;
    line-height: 1; }
    footer.page-footer a:hover {
      text-decoration: underline; }
  footer.page-footer ul {
    font-size: 0;
    padding: 0;
    font-weight: 400; }
  footer.page-footer li {
    font-size: 11px;
    display: inline;
    padding: 0 16px;
    color: #666666;
    border-right: #666666 1px solid; }
    footer.page-footer li.first {
      padding: 0 12px 0 0; }
    footer.page-footer li.last {
      border: none;
      padding: 0 12px 0 11px; }

.footer-nav {
  float: left; }

article.sidebar-news {
  padding: 0 0 25px 0; }
  article.sidebar-news h3 {
    padding: 0 0 8px 0; }
    article.sidebar-news h3 a {
      color: #21acff; }

.sb-widget {
  padding: 0 0 45px 0;
  width: 100%;
  max-width: 288px; }

.sb-widget.news {
  padding: 0 0 15px 0; }

.guitar-promo {
  display: block;
  border: #666666 1px solid;
  margin: 0 0 10px 0;
  max-width: 288px; }

.content .guitar-promo img {
  display: block;
  margin: 0; }

.sb-widget p.caption {
  max-width: 288px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0;
  font-weight: 400; }

#email_signup label,
#email_signup input,
#email_signup select {
  display: block;
  margin: 0 0 7px 0; }
#email_signup label {
  font-size: 12px;
  text-transform: uppercase; }
#email_signup input[type=text] {
  width: 96%;
  padding: 2%;
  margin-bottom: 17px;
  font-size: 14px; }
#email_signup p {
  color: #21acff;
  font-size: 12px;
  text-transform: uppercase; }

.section {
  padding: 0 0 30px 0; }

article.news {
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: #333333 2px solid; }
  article.news h1 {
    padding: 0 0 8px 0; }
  article.news h2 {
    padding: 0 0 8px 0;
    font-size: 18px; }
    article.news h2 a {
      color: #21acff; }
  article.news p.meta {
    padding: 0 0 18px 0; }

article.news.detail {
  border: none; }

article.video {
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: #333333 2px solid; }
  article.video h2 {
    padding: 0;
    font-size: 18px; }
    article.video h2 a {
      color: #21acff; }

article.discography {
  width: 47%;
  float: left;
  padding: 0 0 30px 0; }
  article.discography h2, article.discography h3 {
    padding: 0 0 15px 0;
    font-size: 18px; }
    article.discography h2 a, article.discography h3 a {
      color: #21acff; }
  article.discography h3 {
    padding: 0; }
  article.discography p, article.discography ol, article.discography ul {
    font-size: 14px; }
  article.discography img {
    max-width: 400px; }

article.discography.right {
  float: right; }

article.image {
  width: 24%;
  padding: 0.5%;
  float: left; }
  article.image img {
    border: none; }

article.tour {
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: #333333 2px solid; }
  article.tour h2 {
    padding: 0 0 18px 0;
    font-size: 18px; }
    article.tour h2 a {
      color: #21acff; }

sup {
  font-size: 10px;
  vertical-align: super; }

.content img {
  border: #333333 1px solid;
  margin: 0 0 15px 0;
  display: block;
  width: 100%;
  height: auto;
  margin-left: -1px; }

.content .gallery-image img {
  margin: 0;
  width: 100%; }

.content .flexslider img {
  max-width: 100%; }

.video-wrapper {
  margin: 0 0 15px 0; }

a.buy-btn {
  width: 50px;
  display: block;
  float: left; }
  a.buy-btn img {
    width: 100%;
    height: auto;
    border: none; }

a.buy-txt {
  display: block;
  float: left;
  margin: 12px;
  font-size: 12px;
  text-transform: uppercase; }
  a.buy-txt:hover {
    text-decoration: underline; }

.gig-dates {
  width: 100%;
  font-size: 14px;
  line-height: 1.4; }
  .gig-dates td {
    padding: 1% 2%; }
    .gig-dates td.tickets {
      padding: 1% 2%;
      text-align: right;
      text-transform: uppercase; }
  .gig-dates tr {
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
    cursor: pointer; }
  .gig-dates tr:hover {
    background: #333333; }

td.date,
td.tickets {
  width: 19%; }

td.venue {
  width: 48%; }

p.meta {
  font-size: 12px;
  padding: 0; }
  .news-article p.meta {
    padding: 0 0 20px 0; }

a.more {
  text-transform: uppercase;
  font-size: 12px; }
  a.more:hover {
    text-decoration: underline; }

h1,
h2.main-title,
.section.home-content h2 {
  padding: 0 0 10px 0;
  margin: 0 0 30px 0;
  border-bottom: #333333 4px solid;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  color: #ebebeb; }

.purchase-wrapper {
  padding: 18px 0 0 0; }
  .purchase-wrapper img {
    margin: 0 !important; }

#page-nav {
  clear: both; }
  #page-nav .pagination_padding {
    padding: 30px 0 0 0;
    border-top: #333333 2px solid; }
  .images #page-nav, .brians-guitars #page-nav {
    padding: 30px 0; }

#page-nav a {
  font-size: 12px;
  text-transform: uppercase; }
  #page-nav a:hover {
    text-decoration: underline; }

.nav-next {
  float: right; }

.nav-prev {
  float: left; }

#header-carousel.flexslider {
  margin: 0;
  border: none; }

.flexslider {
  background: #121212;
  border: none;
  border-radius: 0;
  margin: 0 0 30px 0;
  border: #333333 1px solid; }
  .flexslider ul {
    margin: 0 !important;
    list-style-type: none !important; }
  .flexslider img {
    margin: 0 !important;
    border: none !important; }
  .flexslider li h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 3%;
    font-size: 18px;
    font-weight: 300; }
    .flexslider li h3 a {
      color: #eeeeee;
      display: block; }
      .flexslider li h3 a span {
        display: block;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 12px;
        margin-top: 8px;
        color: #21acff; }

ol.flex-control-nav {
  margin-left: 0 !important; }

.flex-control-paging li a {
  background: #aab9ce; }
  .flex-control-paging li a:hover {
    background: #21acff; }

.flex-control-paging li a.flex-active {
  background: #21acff; }

.flex-direction-nav a {
  height: 60px;
  margin-top: -30px; }

.flex-direction-nav a:before {
  color: #eeeeee; }

.pswp__bg {
  background: rgba(0, 0, 0, 0.85); }

.pswp__caption__center {
  text-align: center; }

.pswp__img {
  border: #333333 1px solid; }

@media only screen and (max-width: 1000px) {
  footer.page-footer {
    padding: 15px 20px 45px; } }
@media only screen and (max-width: 780px) {
  .col-main,
  .col-side {
    width: 100%;
    max-width: 100%;
    float: none;
    padding: 0 0 30px 0;
    clear: both; }

  .col-main .col-padding,
  .col-side .col-padding {
    padding: 0; }

  .content {
    padding: 20px; } }
@media only screen and (max-width: 640px) {
  .nav-wrapper {
    background: #121212; }

  .toggle-nav {
    display: block; }

  .main-nav {
    display: none; }
    .main-nav ul {
      background: black;
      border-top: none; }
    .main-nav li {
      display: block;
      background: none;
      border-bottom: none !important; }
      .main-nav li.current-menu-item, .main-nav li:hover {
        border-bottom: none; }
      .main-nav li.social, .main-nav li.player {
        display: inline-block; }
    .main-nav a {
      padding: 12px 20px; }

  .sticky {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); }

  .gig-dates {
    font-size: 12px; }

  article.discography {
    width: 100%; } }
@media only screen and (max-width: 480px) {
  .branding {
    position: static;
    width: 100%;
    background: none; }
    .branding h2 {
      width: 200px;
      height: 151px;
      margin: 20px auto 10px; }

  article.image {
    width: 49%; }

  ul.footer-nav li {
    display: block;
    padding: 0 0 5px 0;
    border: none; }
    ul.footer-nav li.first, ul.footer-nav li.last {
      padding: 0 0 5px 0; }

  .flexslider {
    margin-bottom: 80px; }

  .flex-direction-nav a {
    top: auto;
    bottom: -65px; }

  h1,
  h2.main-title,
  .section.home-content h2 {
    font-size: 18px; }

  article.tour h2,
  article.news h2,
  article.discography h2,
  article.discography h3,
  .flexslider li h3 {
    font-size: 16px; }

  p, ul, ol {
    font-size: 14px; } }