@charset "UTF-8";
/* Web Solutions 4.0 Mobile Compatible */
*{margin:0;padding:0;border:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;line-height:1.35em}
body>header, body>aside, #content, body>footer{position:relative;overflow:auto}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body{background:#CB2C30}
ul li{list-style:none}
/* text */
body, .text, input{font-family: "nimbus-sans",sans-serif;font-style: normal;font-weight: 300;font-size:15px;color:#333333}
body>footer h1, .welcome h1 {font-family: "adobe-garamond-pro",sans-serif;font-style: normal;font-weight: 400}
a, a *{color:#CB2C30;text-decoration:none}
p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:.7em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
em, i{font-style: italic}
b, strong{font-weight:700}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:1.2em 0}
p{font-size:1em}
h1{font-size:1.6em; margin-bottom:1em; color:#CB2C30; font-weight:700; text-transform:uppercase; line-height:1.2em}
	.artistDetail h1 {margin-bottom: 0}
h1+h2{margin-top:-.7em}
h2{font-size:1.45em; color:#026f76}
h3{font-size:1.3em; color:#000}
h4, th{font-size:1.2em; color:#CB2C30}
h5 {color:#03353e}
h6 {color:#026f76}
h5, h6, h7, h8, h9{font-size:1.1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
table{border-collapse:collapse}
.req{color:#c00}
#content>section{margin:2em 0}
/* level1 list */
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(/images/icons/16x16/bullet.png) no-repeat 0px 2px;background-size: 16px 16px;margin-top:.3em;padding-left:16px}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}
/* level2 list */
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.png) no-repeat -5px 0;padding-left:10px;font-size:.92em;line-height:1.4em;background-size: 16px 16px;}
/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
/* forms */
input{font-size:1em}
input[type="text"],input[type="password"],input[type="tel"], input[type="number"],input[type="email"],input[type="url"], input[type="search"], textarea, select,input[type="button"],input[type="submit"],input[type="reset"]{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{border:1px solid #ccc;}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid #ccc;background:#efefef;padding:3px 5px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus{background-color:#e5e5e5}
textarea{display:block}
select{padding:0}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;background-size:16px 16px;padding:3px 16px 3px 5px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
.button,input[type="button"],input[type="submit"],input[type="reset"], .fancyButton{padding:.5em .6em;line-height:1em;font-weight:400;border-radius:5px; border: solid 1px #ccc;background-color:#fff;color:#993333;cursor:pointer; line-height:1em;
-webkit-box-shadow:inset 0 -10px 0 0 rgba(0,0,0,.1);
box-shadow:inset 0 -10px 0 0 rgba(0,0,0,.1);}
input::-moz-focus-inner {border:0;padding:0;}
input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#f03c5e}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable td{width:50%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{width:100%}
.formTable td{padding:0 0 5px 5px}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable td:first-child{padding:0 5px 5px 0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding:0 0 5px 0}
.subjClass{display:none}
#Captcha label{padding-left:0}
/* HEADER */
body>header{background:#CB2C30 url(/images/m/infinity-mobile-header.png) no-repeat 0 0;background-size:320px 40px;height:40px; width:100%}
body>header>a{height:40px;width:50%;display:block;float:left}
body>header>div{height:40px;background-size:40px 40px;float:right;background-repeat:no-repeat;background-position:0 0}
body>header .menu{width:41px;background-image:url(/images/m/menu.png);border-left:1px solid #fff}
body>header .search{width:40px;background-image:url(/images/m/search.png)}
/* SEARCH/MENU */
body>nav{background:#000}
body>nav>.search{padding:10px;border-bottom:1px solid #4d4d4d;display:table;width:100%}
body>nav>.search form{display:table-row}
body>nav>.search form div{display:table-cell;width:1%}
body>nav>.search form div:first-child{width:99%;padding-right:5px}
body>nav>.search input{height:30px;width:100%}
body>nav a{padding:.4em 10px;color:rgba(255,255,255,.65);line-height:1.15em;display:block;border-bottom:1px solid #4d4d4d}
body>nav a:before{content:"›";padding-left:.5em;float:right;opacity:.4}
body>nav li li{font-size:.9em}
body>nav li.on{background:rgba(255,255,255,.15)}
body>nav .on a{color:rgba(255,255,255,1)}
body>nav .on>ul a{padding-left:25px}
body>nav .on>ul .on a{}
body>nav .on>ul .on>ul a{padding-left:40px}
body>nav .on>ul .on>ul .on a{}
body>nav .on>ul .on>ul .on>ul a{padding-left:40px}
body>nav .on>ul .on>ul .on>ul .on a{background:#f5f5f5;color:#000}


/* Google Search Results page: */
.gsc-control-cse * {
  font-family: nimbus-sans, sans-serif !important;
}

.gsc-wrapper,
form.gsc-search-box,
.gsc-above-wrapper-area {
    margin-inline: 0 !important;
    max-width: 100% !important;
}

.gsc-webResult.gsc-result {
    padding-inline: 0 !important;
}

.gsc-webResult-divider {
    height: 2px !important;
}

.gs-webResult.gs-result a.gs-title:is(:hover, :focus-visible),
.gs-webResult.gs-result a.gs-title:is(:hover, :focus-visible) b,
.gs-imageResult a.gs-title:is(:hover, :focus-visible),
.gs-imageResult a.gs-title:is(:hover, :focus-visible) b {
	color: #000 !important;
}

/* CONTACT BAR */
body>aside{background:#000}
body>aside a{color:#fff;float:right;padding:.3em 10px;display:block}
body>aside a+span{color:#CB2C30;float:left;padding:.3em 10px;display:block; font-weight:bold}
/* Homepage */
.homeShowsWrapper {width:100%; display:block; margin-bottom:1em; float:left}
.homeShowsWrapper .tabs {border-bottom: solid 1px #ccc; display:block; padding-bottom:1px}
.homeShowsWrapper .tabs a.on, .homeShowsWrapper .tabs a.off {padding:.5em 1em; font-weight:700; display:inline-block;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;}
.homeShowsWrapper .tabs a.on {background:#000;color:#fff; margin-right:2px}
.homeShowsWrapper .tabs a.off {background:#cccccc; color:#000}
.homeShowsWrapper article {float:left; width:100%;border-bottom: solid 1px #ccc; padding:1em 0 1em 1em;line-height:1.2em; position:relative}
.homeShowsWrapper article a {width:100%; display:block; height:auto; background:none;float:left}
.homeShowsWrapper article:nth-child(odd) {background:#f1f1f1}
.homeShowsWrapper article div {float:left;padding-right:15px; width:115px}
.homeShowsWrapper article div span {color:#fff; display:block; padding:0 .5em; line-height:20px; font-weight:700; font-size:.78em; text-align:center; border-bottom:solid 1px #fff}
.homeShowsWrapper article div img {max-width:100%; height:auto;vertical-align:middle}

.homeShowsWrapper article:before{content:"›"; font-size:2em;font-weight:700; position:absolute; top:50px; right:10px}
.homeShowsWrapper article:nth-child(odd):before {color:#000}
.homeShowsWrapper article:nth-child(even):before {color:#666}
.homeShowsWrapper article div a:hover { opacity:.8}
.homeShowsWrapper article div+div {float:left;width: calc(100% - 115px)}
.homeShowsWrapper article div+div {padding-right:1em}
.homeShowsWrapper article a div h1 {margin-bottom:0; border:none; color: #666666; background:none;font-weight: 700; line-height:1em; text-transform:none}
.homeShowsWrapper article a div h2 {font-size:.9em; font-weight:300; color:#000; display:inline}
.homeShowsWrapper article a div time {line-height:1.2em; display:block; margin-top:.4em;color: #000;font-size: 0.9em;font-weight: 700;text-transform: uppercase;}
.homeShowsWrapper a.button { display:block; border-radius:4px; font-weight:700; background:#CB2C30; float:left; width:100%; text-align:center; margin-top:1em; padding:.6em; color:#fff; box-shadow:none}

/* SPONSORS BAR ------------------------------ */
.home #content .premiumSponsors, .home #content .welcome, .home #content .quickLinks { width:100%; float:left; margin:1em 0 1em 0}
.home #content .premiumSponsors h1 { text-align:center; margin-bottom:.5em; color:#666666; font-size:.85em}
.premiumSponsors span {display:table; width:100%; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; padding:1em 0}
.premiumSponsors span a {display:table-cell; vertical-align:middle; width:33%; text-align:center; }
.premiumSponsors span a img {width:80%; max-width:100%; height:auto;vertical-align:middle}
.premiumSponsors span a:hover {opacity:.5}

.quickLinks { text-align:center; background-color:#e5e5e5; border-top:solid 10px #000; position:relative}
/*.greenStar {background-image:url(/images/home/green-star@2x.png); background-position: center top; background-repeat:no-repeat; background-size:45px 45px; position: relative; z-index:1; display:block; height:45px; top:-30px}*/
.home #content .quickLinks ul {}
.home #content .quickLinks ul li {background:none}
.quickLinks ul li { border-top: solid 1px #fff;}
.quickLinks ul li:first-child { border:none}
.quickLinks ul li a{ text-transform:uppercase; font-weight:700; color:#000;display:block; padding:.5em; height:30px}

/* WELCOME ------------------------------ */
.home #content .welcome h1 { font-size:1.5em; text-align:center; text-transform:none; color:#000}
.welcome a {float: left; width:100%; position:relative; display:block}
.welcome a img { width:100%; height:auto; margin-bottom:1.5em}
.welcome a span { display:block; color:#fff; text-align:center; text-transform:uppercase; font-weight:700; position:absolute; bottom:50px; left:0; width:100%; border-left:solid 4px #fff; border-right:solid 4px #fff; font-size:1.46em;}

/* CONTENT */
#content{background:#fff;padding:10px;clear:both;word-wrap:break-word}
#content .button, #content .fancyButton { display:inline-block; margin:1em 0}
#content img{max-width:100%;height:auto}
#content .photoright, #content .photoleft{max-width:40%;max-height:40%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
img.phototreatment, .phototreatment img{max-width:100%; max-height:120px}
.phototreatment, .welcome img, .venueCallouts img, .pageCallouts img, .bistroCallouts img, .attractions section img, .hotels section img, .album img {-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.20);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.20); border: solid 4px #fff; margin-bottom:.5em}
.photoright{float:right;margin:0 0 2em 2em;clear:right;-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.20);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.20); border: solid 4px #fff}
.photoleft{float:left;margin:0 2em 2em 0;clear:left;-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.20);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.20); border: solid 4px #fff}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .highlight2{background:#e9e9e4;padding:1em;margin:.7em 0}
#content * h1{font-size:1.2em}
nav.breadcrumb{font-size:.8em}
nav.breadcrumb a{white-space:nowrap;overflow: visible;text-overflow:ellipsis;max-width:35%;display:inline-block;vertical-align:bottom}
nav.breadcrumb a:last-child{}
#content nav.children{margin-top:30px}
#content nav.children ul{background-color:rgba(0,0,0,.1);-webkit-border-radius:4px;border-radius:4px;}
#content nav.children li{background:none;padding:0;margin:0}
#content nav.children a{padding:.4em .6em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#content nav.children li+li a{border-top:1px solid rgba(255,255,255,1)}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;-webkit-border-radius: .5em;border-radius: .5em;color:#fff}

/* Share Icons ------------------------------ */
.shareIcons {width:100%; display: block; line-height: 1em; margin: 0.25rem 0; position:relative; overflow:auto; padding: 4px .5em; border:3px solid #fff;}
.shareIcons p {display: inline-block; vertical-align: middle; text-transform: none; font-weight: normal; font-size:.8rem; width: auto; margin-right: 0.5em; margin-bottom: 0;}
.shareIcons a {display:inline-block; vertical-align: middle; margin:.18rem .3rem 0 0; height:1.2rem; width:1.2rem; background-position:center center; background-repeat:no-repeat; background-size:contain; border-radius:.2rem;}
.shareFacebook{background-color:#3b5998; background-image:url(/images/icons/64x64/facebook.png)}
.shareTwitter{background-color:#00aced; background-image:url(/images/icons/64x64/twitter.png)}
.shareLinkedin{background-color:#007bb6; background-image:url(/images/icons/64x64/linkedin.png)}
.shareGoogle{background-color:#dd4b39; background-image:url(/images/icons/64x64/google-plus.png)}

/* FOOTER */
body>footer{padding:20px 10px 10px 10px;color:#fff; font-size:.84em}
body>footer a{color:#fff}
body>footer>address{ font-style:normal;position:relative;overflow:auto}
body>footer>address>div{float:left;width:50%;}
body>footer>address>div:first-child{}
body>footer hr{border-top-color:#995154}
body>footer>div{margin-bottom:.7em}

body>footer span { color:#fff}
body>footer .social, body>footer section.email {margin:.5em 0 1em 0; width:100%; display:block}
body>footer .social>a { background-color:#adadad; border-radius:50%; width:30px; height:30px; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:30px 30px; margin-right:.4em;}
body>footer a.facebook { background-image:url(/images/icons/custom/facebook.png)}
body>footer a.twitter { background-image:url(/images/icons/custom/twitter.png)}
body>footer a.blog { background-image:url(/images/icons/custom/blog.png)}
body>footer a.youtube { background-image:url(/images/icons/custom/youtube.png)}
body>footer a.instagram { background-image:url(/images/icons/custom/instagram.png)}
body>footer .social>a:hover { background-color:#fff}

body>footer .emailSignup { width:100%;}
body>footer .emailSignup td { width:99%}
body>footer .emailSignup td+td { width:1%}
body>footer .emailSignup input[type="text"] {-webkit-box-shadow: none;box-shadow:none; height:30px; width:100%; font-weight:400; padding-left:.7em;color:#666666; opacity:1; font-size:.85em; background:#fff;
		-webkit-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px; border:none}
body>footer section input[type="image"] {border-radius:0}
body>footer h1 { color:#fff; margin-bottom:.4em}
body>footer a[href^=tel] {color:#fff}

/* ALERT */
.home #content #alertWrapper {position:relative; text-align:center}
#alertApp, #alertApp.alertStatic:hover{background-color:#026f76; border-bottom:1px solid #fff; position:relative; z-index:2; padding:1em; width:100%}
#alertApp .close { position:absolute; right:0; top:0;background:rgba(255,255,255,.5); color:#000; padding:.2em .5em;}
#alertApp .close strong { color:#000}
#alertTitle span {background:#7f9b54; border:none; color:#fff;  font-size:1em; text-align:center; box-shadow:none; margin:0 auto; display:block; border-radius:5px; margin-top:1em; padding:.25em; width:80%}
#alertApp h1{margin-bottom:0;font-size:1.25em; font-weight:400; color:#fff;text-align:center; text-transform:none}
/*#alertTitle span{float:right; opacity:.5}*/
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden;padding:0 10px}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:1000px;}
#alertDesc p{color: rgba(255,255,255,.8);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}

/* The Modal (background) */
.modal {
display: block; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 2; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 3rem 1rem 1rem;
position: relative;
border: 1px solid #ccc;
width: 90%; /* Could be more or less, depending on screen size */
}

.modal-content p {font-size: 1.25em; line-height: 1.5; margin-bottom: 0;}
.modal-content .button {clear:both; display: inline-block; font-size: 1.25em; margin-top:1em;}

/* The Close Button */
.close {
color: rgba(0,0,0,.7);
font-size: 1.75rem;
font-weight: bold;
position: absolute;
top:.5em;
right: .5em;
}

.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

/* CUSTOM STYLES ------------------------------ */

.venueCallouts, .pageCallouts, .attractions, .bistroCallouts, .hotels { position:relative; width:100%; margin:1em 0 2.5em 0}
.venueCallouts a {width:100%; position:relative; display:block}
.venueCallouts a img, .pageCallouts a img, .bistroCallouts div img{ width:100%; height:auto;}
.venueCallouts a span, .bistroCallouts div a span { display:block; color:#fff; text-align:center; text-transform:uppercase; font-weight:700; position:absolute; bottom:40px; left:0; width:100%; border-left:solid 4px #fff; border-right:solid 4px #fff; height:36px; line-height:36px; font-size:1.46em;}
.venueCallouts a:hover span, .bistroCallouts div a:hover span { background:#000}

.pageCallouts a {width:100%; margin-bottom:2em; text-align:center; text-transform:uppercase; font-weight:600; line-height:1em; color:#CB2C30; font-size:1.3em}
.pageCallouts a:nth-child(2n+1) {margin-right:5%}
.pageCallouts a:hover img {opacity:.5}
.pageCallouts a:hover {color:#000}

.bistroCallouts div {width:100%; position:relative; display:block}
#content .bistroCallouts h1 {color:#fff; margin:0; border-bottom:none; padding-left:.5em}
#content .bistroCallouts h2 { font-size:1em; text-transform:none; margin:1em 0 .5em 0}
.attractions, .hotels  {border-top: solid 1px #ccc}
.attractions section, .hotels section {border-bottom: solid 1px #ccc; width:100%; float:left; padding:2em 0}
#content .attractions section img, #content .hotels section img{float:right; margin:0 0 2em 2em; max-width:30%; clear:both /*display:none*/}

.agentsLogin {float:right; width:38%; background:#fff; border:solid 1px #ccc; padding:1.2em 1em 1em 1em; margin:0 0 2em 2em}
.agentsLogin hr { margin:0 0 .2em 0}
#content .agentsLogin h1 {text-transform:none; font-size:1.2em; font-weight:400; line-height:1em; margin-bottom:.2em}
#content .agentsLogin p {padding-bottom:.4em; margin:0; line-height:1em}
#content .agentsLogin p em { font-size:.8em}
.agentsLogin strong {font-size:.85em; display:block}
.agentsLogin input[type="password"] {margin-bottom:.5em}

/* Calendar STYLES ------------------------------ */
.calendar #content nav { background:#fff;-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.2); border:solid 4px #fff;
box-shadow: 0 5px 5px 0 rgba(0,0,0,.2); margin-bottom:2.5em}
.calendar #content nav.breadcrumb { box-shadow:none; margin-bottom:0}
.calendar #content nav div { background:#1F1F1F; padding:0 .5em 0 .5em; line-height:35px}
.calendar #content nav div .button { float:right; margin-top:.5em; margin-left:.5em; background:#666666; border:none; box-shadow:none; color:#fff; line-height:1em; display:none}
.calendar #content nav div .button:hover { background:#fff; color:#000}
.calendar #content nav div .button.on, .calendar #content nav div .button:hover { background:#CB2C30; color:#fff}
.calendar #content nav div h1 { color:#fff; text-transform:none; font-size:1.3em}
.calendar #content nav div+div { background:#fff; padding:0 0 1em 0}
.calendar .formTable select, .calendar .formTable [type="text"] { width:100%; line-height:16px; font-size:.8em;font-weight:400; margin-bottom:.5em}
.calendar .formTable [type="text"] {color:#000; width:100%;}
.calendar .formTable [type="button"]  { background:#CB2C30; width:10%; border:none; color:#fff; padding:.1em .6em; margin-left:3px; line-height:20px}
.calendar .formTable [type="button"]:hover { background:#000}

#content #listView>section { clear:both; margin:1em 0 2em 0; position:relative; overflow: auto}
#content #listView>section>h1 { background:#d9d9d9; color:#000; padding-left:.5em; margin-bottom:0; line-height:26px; font-size:.9em; text-transform:none; border-top: solid 1px #ccc}

#content #listView section article {width:100%;border-top: solid 1px #ccc; padding:1em 0;line-height:1.4em; font-size:.86em; font-weight:400; float:left}
#content #listView section article div {float:left;padding-right:10px; width:110px}
#content #listView section article div span {color:#fff; display:block; line-height:20px; padding:0 .7em;  font-weight:700; font-size:.88em; text-align:center; border-bottom:solid 1px #fff}
#content #listView section article div img {max-width:100%; height:auto;vertical-align:middle}
#content #listView section article div a {display:block;}
#content #listView section article div a+a {margin-top:1em}
#content #listView section article div a:hover {opacity:.8}
#content #listView section article div+div {float:left;width: calc(100% - 110px)}
#content #listView section article div+div a {float:left;font-size:1.05em; margin:0 .5em .5em 0}
#content #listView section article div+div a:hover { opacity:1}
#content #listView section article h1 { margin:0 0 .5em 0; border:none; padding:0; text-transform:none; color:#666666; font-size:1.1em; line-height:1em}
#content #listView section article time { line-height:1.2em; display:block; margin-bottom:.8em; font-size:.9em; text-transform:uppercase; font-weight:bold}
#content #listView section article p { margin-bottom:1.2em}
.sample { background:url(/images/icons/32x32/sound.png) no-repeat left center; background-size:16px 16px; padding-left:16px; color:#000; background-color:#fff}

/* ARTIST DETAILS ------------------------------ */
.showOverview { float:left; width:100%;  margin-bottom:1em; line-height:1.2em; color:#ccc; font-size:.85em;
/*-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.20);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.20)*/}
#content .showOverview article {float:left; width:100%;background:#1f1f1f; padding-bottom:1em}
#content .showOverview article h1 {color:#fff; line-height:36px; border-bottom: solid 4px #fff; text-align:center; margin-bottom:0}
#content .showOverview article section {padding:0 .5em; margin:0 .5em}
#content .showOverview article section+section { border-bottom: solid 1px rgba(255,255,255,.2); border-top:solid 1px rgba(255,255,255,.2)}
#content .showOverview article section+section+section { border:none}
#content .showOverview article>section>h1 {margin-bottom:0; color:#fff; font-size:1.2em;  background:none; border-bottom:none; text-align:left}

#content .showOverview article+div {float:left; width:100%}
#content .showOverview article+div img{width:100%; height:auto;}

.thumbs { margin-bottom:1.5em}
.thumbs a { margin-right:.5em}
.thumbs a:hover { opacity:.7}

#content .connect { float:left;line-height:20px; background:#e9e9e4; padding:.25em .5em; border: solid 1px #d9d9d9; margin:.5em 0 2em 0; width:100%}
#content .connect h1 { color:#000; font-size:1em; display:block;}
#content .connect a { margin-left:10px; float:left}
#content .connect a:hover { opacity:.5}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:1em;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.artistDetail #content iframe { margin-bottom:2em}
.artistDetail #content h2, .artistDetail #content h3  { margin-bottom:.5em}
.artistDetail #content h3 { margin-top:.5em}

.relatedShows { float:left; width:100%;  background:#e9e9e4; padding:1em 1.5em 2em 1.5em;border: solid 1px #d9d9d9;
-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.20);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.20);}
#content .relatedShows h1 { color:#000; font-size:1.4em; margin-bottom:.5em}
.relatedShows a { width:100%;float:left; line-height:1em; margin-bottom:1em}
.relatedShows a img { width:100%; height:auto; margin-bottom:.5em; border: solid 1px #fff;
-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.10);
box-shadow: 0 3px 3px 0 rgba(0,0,0,.10);}
.relatedShows a span { display:block; font-size:.9em}
.relatedShows a:hover img { border: solid 1px #000}

/* colors */
/* Hartford/RED */
span.hartford, .hartford h1, .calendar #content .calendarMonth .hartford h1, a.hartford {background:#CB2C30}
.hartford span  {background: rgba(203, 44, 48, 0.9)}
	#upcoming-shows .hartford span  {background: rgba(203, 44, 48, 0.9)}
.eventsCalendar .hartford span {background: #CB2C30}

/* Norfolk/GREEN */
span.norfolk, .norfolk h1, .sponsorsCallout h1, .calendar #content .eventsCalendar .norfolk h1, .eventsCalendar>.norfolk>span, a.norfolk {background:#026f76}
.norfolk span  {background: rgba(2, 111, 118, 0.9)}
	#upcoming-shows .norfolk span  {background: rgba(2, 111, 118, 0.9)}
.eventsCalendar .norfolk span {background: #026f76}

/* Infinity Present/ORANGE */
span.infinityPresents, .infinityPresents h1, .bistrosCallout h1, .calendar #content .calendarMonth .infinityPresents h1 {background:#03353e}
.infinityPresents span  {background: rgba(191,88,38,.9)}
.eventsCalendar .infinityPresents span {background: rgba(191,88,38,1)}

.homeFeatured #upcoming-shows > h1 {background: #03353e}
.homeFeatured > .bistrosCallout > h1 {background: #026f76}

@media screen and (max-width:350px) {.albumThumb a{width:25%;float:left;line-height:0}}
.albumThumb img{width:100%;height:auto;padding:2px}


@media screen and (-webkit-device-pixel-ratio: 2) {
body>header {background-image:url(/images/m/infinity-mobile-header.png)}
body>header .menu{background-image:url(/images/m/menu@2x.png)}
body>header .search{background-image:url(/images/m/search@2x.png)}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li,.news section article{background-image:url(/images/icons/32x32/bullet.png)}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png)}
select{background-image:url(/images/icons/32x32/select.png)}
}
/* TRANSITIONS */
#alertApp,#alertApp span,#alertDesc{-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out}