/* Web Fonts from fontspring.com */
@font-face {
    font-family:'FerraraRegular';
    src:url('../fonts/Ferrara-Regular-webfont.eot?iefix') format('embedded-opentype'),
         url('../fonts/Ferrara-Regular-webfont.woff') format('woff'),
         url('../fonts/Ferrara-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Ferrara-Regular-webfont.svg#webfont4wHO4fW2') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'FerraraBold';
    src:url('../fonts/Ferrara-Bold-webfont.eot?iefix') format('embedded-opentype'),
         url('../fonts/Ferrara-Bold-webfont.woff') format('woff'),
         url('../fonts/Ferrara-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Ferrara-Bold-webfont.svg#webfontC8PGWPUs') format('svg');
    font-weight: normal;
    font-style: normal;}

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; outline:0; font-size:100%; font-family:"Lucida Grande",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; vertical-align:baseline;}
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {display: block;}
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;}

html {-webkit-text-size-adjust: 100%;}
body {background:#007f7f; color:#fff; line-height:1.5em;}
img {-ms-interpolation-mode:bicubic; image-rendering: -webkit-optimize-contrast;} /* ?? */
::-moz-selection {background:#c6c;}
::selection {background:#c6c;}
audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-mute-button, audio::-webkit-media-controls-timeline-container, audio::-webkit-media-controls-timeline, audio::-webkit-media-controls-volume-slider, audio::-webkit-media-controls-rewind-button {cursor:pointer;}
audio::-webkit-media-controls-current-time-display {color:#0f9;}
audio::-webkit-media-controls-time-remaining-display {color:#0f9;}
#logo {margin:0; padding:10px 6px 6px 8px; width:100%; background:#000; display:block; box-sizing:border-box;}
#logo img {margin:0; display:block; width:100%; max-width:464px; height:auto;}
#logo img.print {display:none;}
.screen {display:block;}
#nav {width:100%; margin:0; padding:0; list-style:none; clear:both; float:left; background:url(../pix/linkbg.gif) right -50px repeat;}
#nav li, #navpix li {display:inline-block; width:50%; margin:0; padding:0;}
#nav a:link, #nav a:visited, #nav .nolink, #navpix a:link, #navpix a:visited, #navpix .nolink {display:block; font-size:0.9em; line-height:2.2em; margin:0; padding:0 6px; color:#0c9; text-decoration:none; cursor:pointer; background:url(../pix/linkbg.gif) left -50px repeat #00616e; border-left:2px solid #0b8;}
#nav a:hover, #navpix a:hover {color:#9f9; background:url(../pix/linkbg.gif) right top repeat; border-left:2px solid #f80;}
#nav .nolink, #navpix .nolink {cursor:default; color:#040; background:url(../pix/nolinkbg.gif) left top repeat #007f7f;}
#nav a:hover span.triangle {color:#f80;}
#nav a.mac {display:none;}
#nav a.pc {display:block;}
#main {position:relative; width:94%; max-width:60em; margin:0 auto; clear:both; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
#main p {font-size:.85em;}
#main ul li.none {list-style-type:none;}
ul.news li h2, ul.perfs li h2, ul.wide li h2 {font-size:1em;}
#main ul li {font-size:0.85em; line-height:1.8em;}
#main ul ul li {font-size:1em; list-style-type:circle;}
#main ul ol li {font-size:1em; clear:none; margin-top:0.5em;}
#main ol {padding-left:0.5em;}
#main ol li {font-size:.8em; list-style-type:decimal;}
ul.news h2 {margin:10px 0 6px 0;}
ul.news li {font-size:0.85em; line-height:inherit; text-indent:0; margin:0 0 1em 0;}
.news li span.hide {column-count:1;}
ul.news li li {margin:0 0 0 1em;}
ul.news a, ul.news p {font-size:1em; text-align:left;}
.news ul.spacetop {margin:.5em 0 0 0;}
.mac {display:none;}
.pc {display:block;}
.screen {display:block;}
.print {display:none;}
a:link, a:visited {color:#0c9; font-size:1em; text-decoration:none;}
a.credit {color:#004545; font-size:0.8em; text-decoration:none; display:block; line-height:1.3em; margin:0 1.5em 0 0; padding:0; text-align:left; text-indent:0;}
a:hover, a.credit:hover {color:#9f9;}
a:active, a.credit:active {color:#cfc;}
p.credit {color:#033; font-size:0.8em; line-height:1.5em; display:block; clear:both; text-decoration:none; text-indent:0;}
.credit span {display:inline}

h1 {color:#0f9; font-weight:normal; font-size:1.5em; line-height:1.2em; font-family:FerraraBold,georgia-bold,times-bold,"times new roman",serif; letter-spacing:0; padding:1.2em 0 .25em 0; text-shadow: 1px 1px 0 #000; filter: dropshadow(color=#000000, offx=1, offy=1); -webkit-hyphens:none; -moz-hyphens:none; hyphens:none;}
h1.normal {font-family:FerraraRegular,georgia,"times new roman",times,serif; text-shadow:none; filter: dropshadow(color=#ffffff, offx=0, offy=0);}
h1 .normal {font-weight:normal; letter-spacing:0; font-family:FerraraRegular,georgia,"times new roman",times,serif; text-shadow:none; filter: dropshadow(color=#00ff99, offx=0, offy=0);}
h2 {color:#0f9; font-weight:bold; font-size:.8em; line-height:1.4em; padding:8px 0 0 0; clear:both; text-transform:none;}
h2.big {color:#0f9; font-weight:bold; font-size:1em; line-height:1.4em; padding:8px 0 0 0; clear:both; text-transform:none;}
h3 {color:#9f9; font-size:0.75em; line-height:1.2em; clear:both;}
h4 {margin:1em 0 4px 0; color:#9f9; font-size:0.9em; text-indent:0;}
hr {border:0; height:0; border-top:1px solid #fff; border-bottom:1px solid #000;}
.green {border:0; border-top:1px solid #6fc; border-bottom:1px solid #000;}
p {text-indent:2em;}
p.first {text-indent:0;}
p.sample {text-indent:0; line-height:1.3em;}
p.sub {text-indent:0; border-top:2px solid #0f9; border-bottom:1px solid #000; padding:.4em 0; margin-bottom:.7em;}
sup {font-size:0.7em; vertical-align:super; line-height:1em;}
ul, li {list-style:disc; font-size:1em; margin-left:1em; line-height:1.5em;}
ul.nojs {display:block; padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:6px; line-height:1.3em;}
.wide {margin:4px 0 8px 16px; padding:0; list-style-type:disc; clear:both; }
.wide li.none {list-style-type:none;}
.wide li {font-size:0.8em; line-height:1.8em;}
.wide ul li {font-size:1em; list-style-type:circle;}
li.leftnav {padding:0; margin:0;}
.this {margin:0 0 1em 0; padding:0;}
.caps {text-transform:uppercase;}
.digit {display:inline-block; margin:0 1em .5em 0; padding:0; height:2.3em; width:2.3em;}
.digit a, .digit .nolink, .digit .nolink2 {display:inline-block; color:#fff; background:#963; border-radius:50%; padding:.3em 1em; margin:0; font-size:0.9em; text-decoration:none;}
.digit a.link2, .digit .nolink2 {padding:.3em .7em;}
.digit .nolink, .digit .nolink2 {cursor:default; color:#000;}
.digit a:hover {background:#f80;}
.initial {float:left; margin: 0.15em 0.2em 0 -0.4em; height: 3em;}
.initial span {font:normal 3.5em/1em Georgia, Times, "Times New Roman", serif; color:#0f9; text-shadow: 1px 1px 0 #000; filter: dropshadow(color=#000000, offx=2, offy=1);}
.last {padding-bottom:1.5em;}
img.last {padding-bottom:0;}
.last1 {padding-bottom:0;}
.leftnav {color:#0fc; font-size:0.8em; font-weight:bold; line-height:1.2em; margin:0; padding:0; list-style:none; display:none;}
.leftnav a {border-left:6px solid #0fc; padding-left:4px; color:#0fc; font-size:1em; font-weight:bold; clear:both; line-height:1.2em; text-decoration:none; white-space:nowrap;}
.leftnav a:hover {border-left:6px solid #fff; color:#cff;}
.alignrt {text-align:right;}
.both {clear:both;}
.center {text-align:center; text-indent:0;}
.current {border-left:6px solid #0c9; padding-left:4px; color:#0c9;}
.cvr {font-size:0.8em; line-height:1.5em; color:#0c9; margin:12px 0; border-top:1px solid #000; border-bottom:1px solid #000; padding:6px 0;}
.fff {color:#fff;}
.grn {color:#0f9;}
.grn2 {color:#0c8;}
.jollygroup {width:100%; margin:0 auto 0.2em auto; font-size:0.95em; line-height:1.3em;}
.jollygroup img {width:100%;}
.just {text-align:left;}
.nobr {white-space:nowrap; }
.smallgreen {font-size:0.85em; color:#0c9;}
.topspace {padding-top:1em;}
.bottomspace {padding:0 1em 1em 0; float:left;}
.space {padding:1em 0;}
.triangle {font-size:1.15em; font-family:arial, impact, "Times New Roman", calabri, "Courier New", sans-serif; line-height:1em;}
.aro {width:1.5em; height:1em; padding:0; margin:0; position:relative; top:0.3em;}
.arrow-right {width:0; height:0; border-top:0.4em solid transparent; border-bottom:0.5em solid transparent; border-left:0.9em solid #0f9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.arrow-left {width:0; height:0; border-top:0.4em solid transparent; border-bottom:0.5em solid transparent; border-right:0.9em solid #0f9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a .arrow-right {position:relative; top:-0.2em; left:0;}
a .arrow-left {position:relative; top:-0.2em; right:0.4em;}
a:hover .arrow-right {border-left-color:#f80;}
a:hover .arrow-left {border-right-color:#f80;}
#biopic {width:300px; margin:.5em auto .5em auto; display:block}
#biopic img {width:300px; height:462px;}
.left {margin:4px 10px 0 0; float:left; clear:left; display:inline;}
.right {margin:6px 0 6px 10px; float:right;}
li .right p {text-align:right; width:100%;}
img.stars {vertical-align:text-bottom;}
.leftcol2 #bands div {font-size:0.95em; margin-top:1em;}
.leftcol p, .leftcol2 h2 {font-size:1em; color:#0f9}
.leftcol2 h2.normal {font-weight:normal; font-size:.85em; line-height:1.5em; margin-top:.5em; color:#fff}
.nohyphens, .perfs, .data {-webkit-hyphens:none; -moz-hyphens:none; hyphens:none;}
audio {border-top:1px solid #0f9; border-bottom:1px solid #0f9; border-radius:0; width:282px; margin-right:8px; display:inline-block; box-sizing:content-box;}
audio:hover, audio:active {overflow:visible;border-top:1px solid #000; border-bottom:1px solid #000;}
.copyrt {color:#055; font-size:0.7em; line-height:1.5em; margin:0.8em 0; display:block; clear:both; text-decoration:none; text-indent:0;}
.index {font-size:0.9em; line-height:1.6em; margin:1em 0 0 0; text-indent:0.2em;}
.listen audio {font-size:1em;}
.listen {margin:.5em .5em 1em 0; width:246px;}
.first3 {color:#0c9; font-size:0.9em; line-height:1.4em; text-indent:0; clear:both; margin:1em 0 10px 0; border:0;}
.small {font-size:0.9em;}
a.border {font-size:1em;}
a.border:link img, a.border:visited img {border:#007f7f solid 2px; display:block; margin-top:8px;}
a.border:hover img {border:#f80 solid 2px;}
a.text:link, a.text:visited {color:#fff; font-size:1em; text-decoration:underline; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none;}
a.text:hover {color:#9f9; text-decoration:underline;}
a.text:active {color:#fff; text-decoration:underline;}
a.underline:link, a.underline:visited {color:#0c9; font-size:1em; text-decoration:underline; cursor:pointer;}
a.underline:hover {color:#9f9;}
a.underline:active {color:#ccffcc; text-decoration:none;}
#all {width:300px; margin:1em auto 1em auto; display:block;}
#kdf img {width:300px; height:auto;}
#kfc {width:210px; height:auto; border:0; vertical-align:top; padding:0; margin:0 0 0.5em 0;}
#nav1 {width:300px; margin:.7em 0 0 0; padding:0;}
#nav1 li {margin:0; padding:0; display:inline;}
#nav1 a:link, #nav1 a:visited {font-size:0.9em; line-height:1em; color:#0c9; text-decoration:none; cursor:pointer; background:url(../pix/linkbg.gif) left -50px no-repeat; width:47.3%; float:left; margin:0; padding:8px 0 10px 2%; border-left:2px solid #055;}
#nav1 a:hover {color:#9f9; text-decoration:none; cursor:pointer; background:url(../pix/linkbg.gif) left top no-repeat; border-left:2px solid #f80;}
/*#nav1 a.mac {display:none;}
#nav1 a.pc {display:inline-block;}*/
#reviews {width:300px; color:#6fc; font-size:1em; line-height:1.5em; text-indent:0; padding:1em 0 0 0;}
#reviews p {font-size:0.9em; text-indent:0; padding:0;}
#reviews p span {display:none;}
#reviews .smallgreen {font-size:0.8em; line-height:1.2em; margin:0.2em 0 1em 0; color:#0c9; text-indent:0.15em;}
#review-left {width:330px; color:#6fc; font-size:1em; line-height:1.5em; text-indent:-5px; padding:1em 0 1em 5px;}
audio#home {width:300px; border:0; border-top:1px solid #0f9; border-bottom:1px solid #0f9; border-radius:0;}
audio#home:hover, audio#home:focus, audio#home:active {border-top:1px solid #000; border-bottom:1px solid #000;}
#sample {position:relative; padding-bottom:6em; clear:both; z-index:0; width:275px; outline:none;} /* ?? */
#sample span {display:none;}
#sample:hover span {width:275px; font-size:0.8em; line-height:1.5em; color:#0f9; font-weight:normal; position:absolute; top:2.7em; left:0; display:block; z-index:0; padding-left:1px;}
.pic {float:left; width:48.5%; margin:1.5% 1.5% 0 0; padding:0;}
.pic1, .pic2 {width:100%; display:block;}
.pic500 {float:left; width:500px; margin:1% 1.5% 0 0; padding:0;}
.pic img {width:100%; height:auto;}
.pic-solo img {display:inline-block; width:100%; max-width:800px; margin:1.5% 0 0 0; padding:0;}
.third {width:30%; max-width:288px; max-height:288px; height:auto; display:inline-block; margin-right:3%; vertical-align:top; margin-top:0.8em;}
.twothirds {width:67%; max-width:643px; height:auto; display:inline-block; vertical-align:top; margin-top:0.8em;}
.news p {text-indent:0; clear:left; color:#fff; line-height:1.6em;}
.vid {width:100%; max-width:60em; margin:1em auto 0 auto; position:relative; clear:both;}
.figure, iframe {display:block; padding:0; margin:0; background:#006c6c;}
.figure {position:relative; padding-bottom:56.25%; padding-top:0; height:0; width:100%; max-width:60em; margin:0 auto;}
.figure iframe {position:absolute; top:0; left:0; width:100%; max-width:60em; height:100%; max-height:660px;}
.center {text-indent:0; text-align:center; color:#fff;}
.rightphoto p {text-align:right; font-size:1em; line-height:1.5em; margin:0 0 1em 0;}
.leftphoto {float:none; margin:0.5em 8px 0 0; font-size:1em; display:inline-block;}
.rightphoto {float:right; margin:0.5em 0; font-size:1em; display:inline-block;}
.leftphotosmall {margin:0.5em 2em 0.5em 0; font-size:1em; display:block;float:left}
.nax5 {clear:left;}
.rightphotosmall {float:right; margin:0.5em 1em 0.5em 0; font-size:1em;}

.leftphoto img, .rightphoto img {margin:0 0 6px 0; vertical-align:bottom;}
.leftphoto p {text-indent:0; font-size:1em; line-height:1.5em; margin:0 0 1em 0;}
.rightphoto p.credit, .leftphoto p.credit {font-size:1em; line-height:1.5em; margin:-2px 0 0 0; display:block; clear:both; text-decoration:none; color:#033; text-align:right;}
.v289 {width:100%; max-width:483px; height:auto; display:block; margin:0 auto;}
.w350 {width:100%; max-width:350px; height:auto; display:block; margin:0 auto 1em auto;}
.w450 {width:100%; max-width:450px; height:auto; display:block; margin:0 auto 1em auto; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none;}
.w500 {width:100%; max-width:500px; height:auto; display:block; margin:0 auto 1em auto; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none;}
.large {width:100%; max-width:960px; height:auto; display:block; margin:0 auto 4px auto;}
ul.news .right {float:none; display:block; margin:0;}
.right img {width:250px; height:246px;}
.data {color:#9f9; font-size:0.85em; line-height:1.5em; text-indent:0; margin:0; clear:both;}
.data a:link, .data a:visited {font-size:1em; color:#0e9;}
.data a:hover {font-size:1em; color:#9f9;}
.indent {margin:10px 0 14px 18px;}
.blurb {color:#ffc; font-size:1.2em; font-weight:bold;}
#recs div {display:inline-block; width:160px; margin:0 12px 1em 0; line-height:1em; vertical-align:top;}
#recs a {font-size:0.75em; width:144px; line-height:1.3em; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none;}
#recs img {margin-bottom:3px;}
#asqpic {float:left; margin:0 0.75em 0 0;}
#picplus {float:left; margin:10px 0 0.75em 0; clear:both; border:0; width:100%;}
#recs {width:100%; display:inline-block; padding:1em 0 10px 0;}
#recs h2 {padding:0.5em 0 10px 0; text-transform:none;}
.asqcaption {display:inline-block; margin:0; font-size:1em;}
.asqcaption p {line-height:1.6em; text-indent:0;}

.ruletop {border-top:1px solid #0c9; padding-top:0.9em;}
.rulebottom {border-bottom:1px solid #0c9; color:#fff; padding-bottom:1em;}
#insta {display:inline-block; margin:6px 1em 0 0; width:121px; height:36px; padding:0; overflow:hidden; vertical-align:top;}
#ytube {display:inline-block; margin: 5px 1em 0 0; width:122px; height:29px; padding:0; overflow:hidden; vertical-align:top;}
#fbook {display:inline-block; margin:0 1em 0 0; width:120px; height:44px; padding:0; overflow:hidden; vertical-align:top; border-radius:6px; border-collapse: separate;}
#twit {display:inline-block;  margin:6px 1em 0 0; width:47px; height:47px; padding:0 6px 0 0; overflow:hidden; vertical-align:top;}
#scloud {display:inline-block;  margin:8px 1em 0 0; width:72px; height:45px; padding:0 6px 0 0; overflow:hidden; vertical-align:top;}
a.ytube {display:inline-block; background:url(../pix/kdf-sprite1000alt.svg) -378px -29px no-repeat; background-size:500px 94px}
a.ytube:hover {display:inline-block; background:url(../pix/kdf-sprite1000alt.svg) -378px 0 no-repeat; background-size:500px 94px}
a.fbook {display:inline-block; background:url(../pix/kdf-sprite1000alt.svg) -122px -3px no-repeat; padding:0; overflow:hidden; border-radius:6px; background-size:500px 94px}
a.fbook:hover {display:inline-block; background:url(../pix/kdf-sprite1000alt.svg) -122px -48px no-repeat; padding:0; overflow:hidden; border-radius:6px; background-size:500px 94px}
a.insta {display:inline-block; background:url(../pix/kdf-sprite1000alt.svg) 0 -36px no-repeat; background-size:500px 94px}
a.insta:hover{display:inline-block; background:url(../pix/kdf-sprite1000alt.svg) 0 0 no-repeat; background-size:500px 94px}
a.twit {display:inline-block; background:url(../pix/kdf-sprite1000alt.svg) -243px -47px no-repeat; background-size:500px 94px}
a.twit:hover {display:inline-block; background:url(../pix/kdf-sprite1000alt.svg) -243px 0 no-repeat; background-size:500px 94px}
a.scloud {display:inline-block; background:url(../pix/kdf-sprite1000alt.svg) -299px -47px no-repeat; background-size:500px 94px}
a.scloud:hover {display:inline-block; background:url(../pix/kdf-sprite1000alt.svg) -299px -2px no-repeat; background-size:500px 94px}
#subscribe {margin-top:0.5em; border-top:1px solid #0c9; padding-top:2px; clear:both;}
form {padding:8px 0 12px 0;}
form input {margin:0 0 8px 0; display:block; background:#cfc; border:#0c9 solid 3px; border-radius:3px; font-size:0.85em;}
form input:hover {background:#fff; border:#f80 solid 3px;}
fieldset {border:#c0c0c0 solid 1px; margin:0 2px; padding:0.35em 0.425em 0.75em 0.625em;}
#email, #fullname {width:15.9em; font-size:1em;}
input[type="submit"] {margin-top:1.5em;}
form .in {display:inline;}
form label {color:#fff; font-size:0.75em; line-height:1.8em; margin:0; padding:0;}
form .text {display:inline;}
.col1 {margin:0 4em 6px 0; display:inline-block; width:250px; vertical-align:top;}
.col1 h2, .col2 h2 {margin:2px 0 6px 0; text-transform:none;}
.col2 {margin:2px 10px 1.5em 0; display:inline-block;}
.photoctr {width:63%; height:auto; margin:0 auto; padding:1% 0; display:block; vertical-align:top; box-sizing:border-box;}
.photoleft {width:33%; height:auto; padding:1% 2.9% 2% 0; display:block; vertical-align:top;}
.photort {width:63%; height:auto; margin:o auto; padding:1% 0; display:inline-block; vertical-align:top; box-sizing:border-box;}
.photoleft img, .photort img, .photoctr img {width:100%; height:auto;}
.photoleft p, .photort p, .photoctr p {text-indent:0; clear:left; color:#fff; line-height:1.6em;}
#pic {width:100%; height:auto; padding:1% 0;}
#pic span {color:#00c0c0;}
#pic p.center {text-align:center; text-indent:0; padding:0 0 1em 0; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none;}
#pic img {width:100%; height:auto;}
#pic .v634, #pic .v707 {width:66%; height:auto; margin:0 auto 0.3em auto; display:block;}
#back-next {font-size:2.5em; margin:0.7em -0.25em 0.25em 1em; position:absolute; right:0; top:0;}
#back-next span.one, #back-next span.two {font-family:arial, impact, "Times New Roman", calabri, "Courier New", sans-serif;}
#back-next span.one {padding-right:0.3em;}
#back-next span.two {padding-left:0.3em;}
#back-next span.none {color:#229c66; cursor:default;}
#group {width:100%; max-width:60em; margin:1em 0 0 0;}
#group img {margin:0 2% 2% 0; width:23.5%;}
#group img.last, #group a.last {margin:0 0 2% 0; padding:0;}
#video li, #video2 li {padding:.3em 0; list-style-type:decimal; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none;}
#video+h2 {font-size:1em; padding:.8em 0 .2em 0;}
#video a, #video2 a {color:#0e9; line-height:1.7em;}
#video a:hover, #video2 a:hover {color:#9fc;}
video {width:100%; height:auto; margin:0 auto; position:relative; border:0; outline:none;}
.video {width:100%; height:auto; max-width:960px; max-height:540px; position:relative; margin:1em auto 0.45em auto; background:#006c6c;}
#nav li {display:inline-block; width:auto; margin:0; padding:0;}
#nav li.none {font-size:1.5em; line-height:0.5em; border-left:0; padding:0 6px; color:#093; background:none;}
.gradient {background:url(../pix/linkbg.gif) right -50px repeat; margin:0; padding:0; text-align:center;}
.gradient #nav ul {margin:0;}
.gradient li.last {border-right:2px solid #0b8; padding:0; width:auto;}
#nav ul li.first a:link, #nav ul li.first a:visited {font-size:1.5em; line-height:0.5em; border-left:0; padding:0 6px; color:#0f9; background:none;}
#nav ul li.next a:link, #nav ul li.next a:visited {font-size:1.5em; line-height:0.5em; border-left:0; padding:0 6px; color:#0f9; background:none;}
#navpix li {display:inline-block; width:auto; margin:0; padding:0;}
#navpix li.none {font-size:1.5em; line-height:0.5em; border-left:0; padding:0 6px; color:#093; background:none;}
#navpix ul li.first a:link, #nav ul li.first a:visited {font-size:1.5em; line-height:0.5em; border-left:0; padding:0 6px; color:#0f9; background:none;}
#navpix ul li.next a:link, #navpix ul li.next a:visited {font-size:1.5em; line-height:0.5em; border-left:0; padding:0 6px; color:#0f9; background:none;}
#lso img {margin-left:auto; margin-right:auto; width:100%; max-width:650px; padding-top:0; margin-top:.5em;}
#lso img.vertical {width:50%; height:auto;}
.caption {font-size:.85em; line-height:1.5em; margin:3px 0 10px 0; width:100%; text-indent:0;}
.caption-vertical {font-size:.8em; line-height:1.5em; margin:3px 0 10px 0; width:52%;}
.caption-li {display:inline;}
div.li .caption-li {width:50%; float:left; margin-top:0}
div.li .caption-lirt {width:100%; float:right;}
ul.news li span {width:500px;}
#lso {margin-left:auto; margin-right:auto; width:100%; max-width:650px; padding-top:0; margin-top:1em; clear:both;}

#news h2 {font-size:1em; margin:1em 0 .5em 0; color:#0f9;}
p {font-size:.9em; text-indent:2em;}
b {font-weight:bold; color:#afc;}
#news {position:relative; width:94%; max-width:500px; margin:0 auto; clear:both; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
img.bargemusic {width:100%; margin:0 auto 1em auto; display:block;}
.caption {font-size:.85em; text-indent:0; text-align:center; line-height:1.5em; margin:1em 0 .4em 0;}
.caption span.credit, .caption1 span.credit, .caption2 span.credit, .caption3 span.credit  {font-size:.9em; color:#000; text-indent:0; display:inline; clear:none; white-space:nowrap; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none;}

.group .news1 p, .alt .news1 p, .group div p {text-size:.8em; text-align:justify;}
.news1 p.caption1, .news1 p.caption, .news2 p.caption {font-size:.85em; text-align:center; line-height:1.5em; margin:1em 0 .5em 0; display:block;}
.caption2 {display:none;}
#news .group p.caption3 {font-size:.85em; text-align:center; line-height:1.5em; margin:1em 0 .4em 0;}
#news ul {margin:.5em 1em 1em 1em;}
#news li ul li {list-style: circle; font-size:.9em;}
.news1 img, .news2 img {margin:0; width:100%; height:auto;}
.news1 {width:100%; height:auto; display:block; margin:1.5% 0 0 0;}
.news2 {width:100%; height:auto; display:block; margin:1.5% 0 0 0;}
.news1 span {color:#f90;}
.news2 span {color:#0f0;}

.star5 {display:inline-block; width:80px; height:18px; padding:0; overflow:hidden; background:url(../pix/stars.png); background:url(../pix/stars.svg), linear-gradient(transparent, transparent); background-position:0 1px; background-repeat:no-repeat; background-size:350px 20px; vertical-align:baseline;}
	.star4 {display:inline-block; width:65px; height:18px; padding:0; overflow:hidden; background:url(../pix/stars.png); background:url(../pix/stars.svg), linear-gradient(transparent, transparent); background-position:-90px 1px; background-repeat:no-repeat; background-size:350px 20px; vertical-align:baseline;}
	.star3 {display:inline-block; width:48px; height:18px; padding:0; overflow:hidden; background:url(../pix/stars.png);  background:url(../pix/stars.svg), linear-gradient(transparent, transparent); background-position:-165px 1px; background-repeat:no-repeat; background-size:350px 20px; vertical-align:baseline;}
	.star3-5 {display:inline-block; width:58px; height:18px; padding:0; overflow:hidden; background:url(../pix/stars.png); background:url(../pix/stars.svg), linear-gradient(transparent, transparent); background-position:-293px 1px; background-repeat:no-repeat; background-size:350px 20px; vertical-align:baseline;}

@media screen and (min-width:30em) {
#biopic {float:right; margin:.5em 0 0 1em;}
#biopic img {width:300px; height:462px;}
#logo {margin:0; width:100%; background:#000; display:block;}
#nav li {display:inline-block; margin:0; padding:0; width:auto;}
#nav li a {display:inline-block; padding:0 0.5em;}
#nav li .nolink, #nav li a:link, #nav li a:visited {width:auto; border-right:0; border-left:2px solid #0b8;}
#nav li a:hover {width:auto; border-right:0; border-left:2px solid #f80;}
#sample, #sample:hover span, audio#home {width:275px;} /* ?? */
.digit {display:none;}
.jollygroup {width:90%; margin:0 auto 0.2em auto;}
.leftnav {display:inline-block;}
.leftnav a {padding:0 1.2em 0 4px; color:#0fc;}
.leftphotosmall {float:left; display:inline;}
.nax5 {clear:none;  display:inline;}
li.current {padding:0 1.2em 0 4px; color:#0c9; display:inline; white-space:nowrap;}


.leftnav ul, .leftnav .smallgreen {display:none;}
.listen audio {font-size:0.9em;}
.listen {line-height:1em; color:#fff; margin:.5em 0 0 0; padding:0; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; clear:none;}
.listen i, .listen span {line-height:1.8em; color:#fff; padding:0; font-size:0.9em;}
ul.news .right {float:right; display:inline;}
.right img {width:330px; height:auto; margin:6px 0 6px 10px;}
#twit {display:inline-block;  margin:-2px 1em 0 0; width:47px; height:47px; padding:0 6px 0 0; overflow:hidden; vertical-align:top;}
#scloud {display:inline-block;  margin:-4px 1em 0 0; width:72px; height:45px; padding:0 6px 0 0; overflow:hidden; vertical-align:top;}
.news li ul.hide {column-count:2;}
#main ol li {font-size:.9em; line-height:1.3em}
#main ol li a {font-size:1em;}
.pic1, .pic2 {display:inline-block; width:48.4%; vertical-align:top; margin:2% 2% 0 0;}
.pic2 {margin:2% 0 0 0}
}

/*  2-col index  */
@media screen and (min-width:46.875em) {
a.credit {display:inline;}
ul.news {width:96%}
.news li span.hide {column-count:2;}
#main {width:94%; margin:0 auto;}
#concerts {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-top:1em;}
h2.break, li.break {-webkit-column-break-before: always; -moz-column-break-before: always; -moz-page-break-before: always; break-before: column;}
#pic img {border-left:10px solid #535699; border-right:10px solid #a37f71; box-sizing:border-box;}
.jollygroup {width:70%; margin:0 auto 0.2em auto;}
.last1 {padding-bottom:1.5em;}
.photoleft img, .photort img {border-left:10px solid #535699; border-right:10px solid #a37f71; box-sizing:border-box;}
.lefttext {max-width:458px;}
.leftcol2 {max-width:700px;}
#kfc {width:auto; height:auto; border:0; vertical-align:top; padding:0; margin:0 0 0.5em 0;}
#sample, #sample:hover span, audio#home {width:250px; margin-bottom:5em;} /*??*/
#nav1 a:link, #nav1 a:visited {font-size:0.9em; line-height:1em; color:#0c9; text-decoration:none; cursor:pointer; background:url(../pix/linkbg.gif) left -50px no-repeat; display:block; margin:0; padding:8px 0 10px 10px; width:264px;}
#nav1 a:hover {color:#9f9; text-decoration:none; cursor:pointer; background:url(../pix/linkbg.gif) left top no-repeat; display:block;}
#nav1 a.mac {display:none;}
#nav1 a.pc {display:block;}
p.summary {padding-bottom:3em;}
#reviews {position:absolute; top:60px; left:720px;}
#reviews p {color:#6fc; font-size:1em; line-height:1.5em; text-indent:-5px; padding:0 0 0 0.5px;}
#reviews p span {display:block;}
#reviews .smallgreen {font-size:0.8em; line-height:1.2em; margin:0.2em 0 1em 0; color:#0c9; text-indent:0.15em;}

#news {width:80%; max-width:68em; margin:0 auto; display:block;}
#news {width:60em; margin:0 auto; display:block;}
.group .news1 .caption, .news2 .caption2 {font-size:.85em; text-align:right; line-height:1.5em; margin:0 0 .5em 0; display:block;}
.alt .news1 .caption {font-size:.85em; text-align:left;}
.group .news1 .caption1 {display:none;}
.caption2 span.credit {font-size:.9em; color:#000; text-indent:0;}
.group .caption3 {font-size:.85em; text-align:center; line-height:1.5em; margin:1em 0 .5em 0;}
.caption3 span.credit {font-size:.9em; color:#000; text-indent:0;}
.alt .caption {font-size:.8em; text-align:left; line-height:1.5em; margin:1em 0 .5em 0;}
img.bargemusic {width:80%; margin:.2em auto 1.2em auto; display:block;}

.news1 img, .news2 img {margin:.4px 0 1em 0;}
.news1 p {font-size:1em; margin:0 0 1em 0;}
.news2 img.nospace {margin:4px 0 0 0;}
.news1 {float:left; width:48.5%; height:auto; margin:0 1.5% 0 0; padding:0;}
.news2 {float:right; width:48.5%; height:auto; margin:0 0 0 1.5%; padding:0;}
.news1 img {width:100%; height:auto;}
.news2 img {width:100%; height:auto;}
.group, .alt {clear:both;}
.alt .news1 {float:right; width:48.5%; height:auto; margin:0 0 0 1.5%; padding:0;}
.alt .news2 {float:left; width:48.5%; height:auto; margin:0 1.5% 0 0; padding:0;}
.alt .news1 img {width:100%; height:auto;}
.alt .news2 img {width:100%; height:auto;}
li.col {padding-bottom:1.5em;}
#all {position:relative; top:10px; left:0; width:656px; margin-left:auto; margin-right:auto; position:relative;}
#kdf {position:absolute; top:82px; left:275px; border:0; z-index:50; width:380px; height:auto;}
#kdf img {width:380px; height:auto; margin:0;}
#reviews {display:block; width:656px; clear:both; position:absolute; top:690px; left:0;}
#reviews p {color:#6fc; font-size:.9em; line-height:1.5em; text-indent:-5px; padding:0; vertical-align:top; text-align:justify;}
#reviews p.two {display:block; text-indent:0;}
#reviews .smallgreen {font-size:0.8em; line-height:1.2em; margin:0.2em 0 1em 0; color:#0c9; text-indent:0.15em;}
.rightphoto {float:right; margin:0.5em 0 0.5em 1em; padding:0 0 2em 0; font-size:1em;}
.leftphoto {float:left; margin:0.5em 1em 0.5em 0; font-size:1em;}
br.both {display:none;}
#main ol li {font-size:1em; line-height:1.3em}
#main ol li a {font-size:1em;}
}

@media screen and (min-width:64.0625em) {    /*44em ??  46.875em ??  was 46.875  coordinate with nav.css? */
.just {text-align:justify;}
.rightphoto {float:right; margin:0.5em 0 0.5em 1em; padding:0 0 2em 0; font-size:1em;}
.rightphoto p {text-align:right; font-size:1em; line-height:1.5em; margin:0;}
.leftphoto p {text-indent:0; font-size:1em; line-height:1.5em; margin:0}
#sample, #sample:hover span, audio#home {width:300px;} /* ?? */
.jollygroup {width:80%; margin:0 auto 0.2em auto;}
.leftnav {border-left:0; display:block; width:18em;}
.leftnav ul {display:block; list-style:disc; font-size:0.8em; margin:0 0 0 1em;}
.leftnav ul.space2 {display:block; list-style:disc; font-size:0.8em; margin:0 0 2em 1em;}
.leftnav ul.spacetop {margin:3px 0 0 1em;}

.leftnav a {padding:0 1.2em 0 4px; color:#0fc;}
.leftnav .current {padding:0 1.2em 0 4px; color:#0c9;}

.leftnav a {border-left:0; padding-left:0; color:#0fc;}
li.current {border-left:0; margin:0; padding:0 0 2px 0; color:#0c9;  display:block;} 
.leftnav a:hover, .leftnav a:hover .smallgreen {border-left:0; padding-left:0; color:#fff;}
.leftnav .smallgreen {display:block; line-height:1em}
.leftnav a i {padding:0;}
.leftcol, .leftcol2, .leftcol2 #bands div {display:inline-block; vertical-align:top;}
.leftcol {max-width:300px;}
.leftcol2 {max-width:450px;}
.leftcol2 div#bands div {width:210px; margin:1em 0 0.5em 0; padding-right:6px; font-size:0.95em; line-height:1.4em; display:inline-block;}
.leftcol2 div#bands div.one {margin-right:0.5em;}
.this {display:inline-block; outline:none;}
ul.lso2 {padding-left:160px;}
.indent {margin:10px 0 14px 18px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none;}

#all {position:relative; top:60px; left:0; width:1000px; margin-left:auto; margin-right:auto; border:0;}
#reviews {position:absolute; top:60px; left:720px; width:300px;}
#reviews p {color:#6fc; font-size:1em; line-height:1.5em; text-indent:-5px; padding:0 0 0 0.5px; text-align:left;}
#kdf {position:absolute; top:82px; left:275px; border:0; z-index:50; width:425px; height:635px;}
#kdf img {width:425px; height:635px; margin:0 0 4px 0;}
.news1 img, .news2 img {margin:.4px 0 1em 0;}
.news1 p {font-size:1em; margin:0 0 1em 0;}
.news2 img.nospace {margin:4px 0 0 0;}
.news1 {float:left; width:48.5%; height:auto; margin:0 1.5% 0 0; padding:0;}
.news2 {float:right; width:48.5%; height:auto; margin:0 0 0 1.5%; padding:0;}
.news1 img {width:100%; height:auto;}
.news2 img {width:100%; height:auto;}
.group, .alt {clear:both;}
.alt .news1 {float:right; width:48.5%; height:auto; margin:0 0 0 1.5%; padding:0;}
.alt .news2 {float:left; width:48.5%; height:auto; margin:0 1.5% 0 0; padding:0;}
.alt .news1 img {width:100%; height:auto;}
.alt .news2 img {width:100%; height:auto;}
li.col {padding-bottom:1.5em;}
}