html body {
  background-color: #000;
  background-image: url(2024/bg-circles.jpg);
  background-attachment: Fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 120%;
  color: #fff;
  font-family: pt_sansregular,helvetica,arial,sans-serif;
}

:root {
  --link_color: #ca0088;
  --link_hover: #dc4310;
}

a { color: var(--link_color); }
a:hover { color: var(--link_hover); }
.half { display: inline-block; vertical-align: middle; width: 50%; }

.quote { display: inline-block; vertical-align: middle; width: 33%; margin-top: 20px; font: italic 20px georgia; box-sizing: border-box; padding: 15px; }

#page { width: 1000px; margin: 0 auto; }
table.dates, table.tour { xwidth: 90%; }
table.dates th, table.tour th { font: bold 12px arial; text-align: left; }
table.dates td, table.tour td { font: 12px arial; padding: 5px; }
table.dates tr:nth-child(even), table.tour tr:nth-child(even) { background-color: #aaa; }
#nav { width: 1000px; position: relative; font-family: antonioregular,helvetica,arial,sans-serif;  text-align: center; background: #000; }
#nav #years { margin: 0; padding: 0; }
#nav #years a { transition: all 0.2s; }
#nav #years li.home a {  background: var(--link_color); }
#nav #years li { display: inline-block; width: 7.1%;  }
#nav #years li a { display: inline-block; color: #ccc;  text-decoration: none; padding: 10px; font-size: 23px; background: #000; }
#nav #years li a:hover { background: var(--link_hover); color: #000; }

.vip .inside { padding-left: 40px; }
.vip ul { margin: 0; padding: 0 0 0 15px; }

.tour { font: 12px pt_sansregular,helvetica,arial,sans-serif; position: relative; display: table; text-transform: uppercase; }
.tour a {
  text-decoration: none;
  -o-transition:.5s; -ms-transition:.5s;
  -moz-transition:.5s; -webkit-transition:.5s;
  transition:.5s;
}
body div.tour a:hover { color: var(--link_hover); }
div.tour .item { position: relative; border: 1px solid; display: table-row; }
div.tour .item > div { display: table-cell; vertical-align: middle; padding: 10px; }
div.tour .icons { xwidth: 30px; white-space: nowrap; }
div.tour .date { xwidth: 100px; white-space: nowrap; }
div.tour .location { xwidth: 150px; white-space: nowrap; }
div.tour .venue { max-width: 470px; text-align: left; }
div.tour .extra .venue { font-size: 13px; text-transform: none; text-align: left; padding-top: 0; }
div.tour .onsale_dates { xwidth: 100px; font-size: 12px; text-align: right; }
div.tour .onsale_dates .inside { padding-right: 5px; white-space: nowrap; }
div.tour .onsale_dates .onsale { display: block; }
div.tour .tickets { xwidth: 100px; white-space: nowrap; }
/*  .tour div { position: relative; top: 50%; transform: translateY(-50%); }*/
div.tour .tickets a {
  float: left;
  padding: 5px 10px;
  border: 1px solid;
  text-decoration: none;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  background-color: var(--link_color);
  color: #fff;
}
body div.tour .tickets a { margin-right: 5px; }
body div.tour .tickets a:last-child { margin-right: 0px; }
body div.tour .tickets a:hover { background: var(--link_hover); color: #fff; }
body div.tour .odd { background: #000; }
body div.tour .even { background: #333; }

#content { 
}
.clear { clear: both; height: 0; width: 0; padding: 0; margin: 0; }