body {
  background: #fff url(../images/bg.jpg) center top repeat-y;
  color: #000;
  font-family: pt_sansregular;
}
body b { font-family: pt_sansbold; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-family: antonioregular; text-transform: uppercase; }

:focus { outline: 0; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

a { color: #03a7b1; }

nav#main {
  margin: 28px auto 0 auto;
  width: 980px;
  height: 112px;
}

nav#main .home {
  float: left;
}

nav#main .home a {
  display: block;
  width: 290px;
  height: 112px;
  text-indent: -999em;
  background: url(../images/nav-inverse.png) no-repeat 0 0;
}
nav#main .home a:hover {
  background-position: 0 -112px;
}

nav#main .content {
  float: left;
  width: 690px;
  height: 112px;
}

nav#main .top_line {
  width: 690px;
  height: 42px;
}

nav#main ul { margin: 0; padding: 0; list-style: none; }

nav#main .top_line ul li { float: left; }

nav#main .top_line ul li.account_login a {
  display: block;
  width: 496px;
  height: 42px;
  background: url(../images/nav-inverse.png) no-repeat -291px 0;
  text-indent: -999em;
}
nav#main .top_line ul li.account_login a:hover {
  background: url(../images/nav-inverse.png) no-repeat -291px -112px;
}

nav#main .top_line ul li.account_logout {
  display: block;
  width: 535px; /*495px; */
  text-align: right;
}

nav#main .top_line ul li.account_logout .text {
  font: 12px pt_sansregular;
  text-transform: uppercase;
  padding-top: 14px;
  padding-left: 25px;
  padding-right: 25px;
  float: right;
  display: block;
}
nav#main .top_line ul li.account_logout .text a { text-decoration: none; }
nav#main .top_line ul li.account_logout .text a:hover { text-decoration: underline; }

nav#main .top_line ul li.account_logout .sep {
  width: 1px;
  height: 42px;
  background: url(../images/nav-inverse.png) no-repeat -627px 0px;
  float: right;
  display: block;
}

nav#main .top_line ul li.facebook a {
  display: block;
  width: 50px;
  height: 42px;
  background: url(../images/nav-inverse.png) no-repeat -786px 0;
  text-indent: -999em;
}
nav#main .top_line ul li.facebook a:hover {
  background-position: -786px -112px;
}

nav#main .top_line ul li.twitter a {
  display: block;
  width: 32px;
  height: 42px;
  background: url(../images/nav-inverse.png) no-repeat -836px 0;
  text-indent: -999em;
}
nav#main .top_line ul li.twitter a:hover {
  background-position: -836px -112px;
}

nav#main .top_line ul li.youtube a {
  display: block;
  width: 43px;
  height: 42px;
  background: url(../images/nav-inverse.png) no-repeat -868px 0;
  text-indent: -999em;
}
nav#main .top_line ul li.youtube a:hover {
  background-position: -868px -112px;
}

nav#main .top_line ul li.gplus a {
  display: block;
  width: 39px;
  height: 42px;
  background: url(../images/nav-inverse.png) no-repeat -911px 0;
  text-indent: -999em;
}
nav#main .top_line ul li.gplus a:hover {
  background-position: -911px -112px;
}

nav#main .top_line ul li.instagram a {
  display: block;
  width: 29px;
  height: 42px;
  background: url(../images/nav-inverse.png) no-repeat -950px 0;
  text-indent: -999em;
}
nav#main .top_line ul li.instagram a:hover {
  background-position: -950px -112px;
}

nav#main .bottom_line {
  width: 690px;
  height: 70px;
}
nav#main .bottom_line ul li { float: left; }

nav#main .bottom_line ul li.about a {
  display: block;
  width: 101px;
  height: 70px;
  background: url(../images/nav-inverse.png) no-repeat -291px -42px;
  text-indent: -999em;
}
body.section_about nav#main .bottom_line ul li.about a,
nav#main .bottom_line ul li.about a:hover {
  background-position: -291px -154px;
}

nav#main .bottom_line ul li.discography a {
  display: block;
  width: 155px;
  height: 70px;
  background: url(../images/nav-inverse.png) no-repeat -392px -42px;
  text-indent: -999em;
}
body.section_discography nav#main .bottom_line ul li.discography a,
nav#main .bottom_line ul li.discography a:hover {
  background-position: -392px -154px;
}

nav#main .bottom_line ul li.gear_merch a {
  display: block;
  width: 147px;
  height: 70px;
  background: url(../images/nav-inverse.png) no-repeat -547px -42px;
  text-indent: -999em;
}
body.section_gear_merch nav#main .bottom_line ul li.gear_merch a,
nav#main .bottom_line ul li.gear_merch a:hover {
  background-position: -547px -154px;
}

nav#main .bottom_line ul li.road a {
  display: block;
  width: 91px;
  height: 70px;
  background: url(../images/nav-inverse.png) no-repeat -694px -42px;
  text-indent: -999em;
}
body.section_road nav#main .bottom_line ul li.road a,
nav#main .bottom_line ul li.road a:hover {
  background-position: -694px -154px;
}

nav#main .bottom_line ul li.news a {
  display: block;
  width: 93px;
  height: 70px;
  background: url(../images/nav-inverse.png) no-repeat -785px -42px;
  text-indent: -999em;
}
body.section_news nav#main .bottom_line ul li.news a,
nav#main .bottom_line ul li.news a:hover {
  background-position: -785px -154px;
}

nav#main .bottom_line ul li.media a {
  display: block;
  width: 103px;
  height: 70px;
  background: url(../images/nav-inverse.png) no-repeat -878px -42px;
  text-indent: -999em;
}
body.section_media nav#main .bottom_line ul li.media a,
nav#main .bottom_line ul li.media a:hover {
  background-position: -878px -154px;
}

.subsection_nav {
  font: 17px antonioregular,pt_sansregular;
  text-transform: uppercase;
  margin: 10px auto 10px auto;
  padding: 0 0 10px 0;
  width: 980px;
  border-bottom: 1px solid #b0b2b4;
}
.subsection_nav .left_text { float: left; }
.subsection_nav .right_text { float: right; }

#content {
  margin: 23px auto 0 auto;
  width: 980px;
}

#content #featured_banners { float: left; width: 763px; margin-right: 17px; }
#content #featured_banners ul { margin: 0; padding: 0; list-style: none; }
#content #featured_banners .small_items li.item_group { width: 251px; height: 141px; float: left; }
#content #featured_banners .small_items li.item_group .item { float: left; width: 251px; height: 141px; margin-right: 3px; }
#content #featured_banners .small_items li.item_group .item:nth-child(3) { margin-right: 0px; }
#content #featured_banners .small_items li.item_group .item img.play { padding: 60px 10px 10px 180px; opacity: 0.45; }
#content #featured_banners .small_items li.item_group .item a:hover img.play { padding: 60px 10px 10px 180px; opacity: 1; }

#content #road { float: left; width: 200px; position: relative; top: -8px; }
#content #road h2 { font: 30px antonioregular; margin: 0 0 5px 0; padding: 0 0 13px /*23px*/ 0; border-bottom: 3px solid #d9d9d9; }
#content #road .dates .item { border-top: 1px solid #898989; font: 15px "pt_sansbold"; padding: 7px 0 5px 0; /*padding: 11px 0 9px 0;*/ }
#content #road .dates .item .date { float: left; font-size: 14px; width: r0%; color: #898989; }
#content #road .dates .item .buy { float: right; text-transform: uppercase; font-size: 12px; width: 40%; color: #898989; text-align: right; display: none; background: url(../images/arrow-black-sm.png) no-repeat right 3px; padding-right: 13px; }
#content #road .dates .item .buy a { color: #000; text-decoration: none; }
#content #road .dates .item .buy a:hover { color: #898989; }
#content #road .dates .item .city { clear: left; text-transform: uppercase; }
#content #road .dates .item .venue { font-family: pt_sansregular; }
#content #road .dates .item:hover .date { color: #000; }
#content #road .dates .item:hover .buy { color: #000; display: block; }
#content #road .dates .item:hover .city { color: #898989; }
#content #road .dates .item:hover .venue { color: #898989; }
#content #road .dates { border-bottom: 1px solid #898989; }
#content #road .all-dates { border-top:3px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; text-align: right; margin: 5px 0 5px 0; padding: 11px 0 9px 0;  }
#content #merch { width: 200px; float: left; }

#footer {
  padding-top: 20px;
  border-top: 1px solid #b0b2b4;
  width: 980px;
  margin: 20px auto;
  font-size: 12px;
  color: #aeaeae;
  text-align: center;
}
#footer a { color: #515151; text-decoration: none; }

div.sep { border-bottom: 1px solid #898989; margin-bottom: 20px; padding-bottom: 20px; }

/* REVIEWS */
#reviews { font: 13px/1.5em arial,helvetica,sans-serif; width: 100%; }
#reviews .author { font-size: 15px; }
#reviews .author, #reviews .venue_date, #reviews .rank, #reviews .date { padding: 10px 5px; color: #fff; background-color: #333399; line-height: 1.2em; }
#reviews .author .name { font-size: 12px; }
#reviews .review_text { font-size: 15px; padding: 10px 0 20px 0; }

.mfp-title { position: absolute; padding: 5px; }