.tech,
.debug
{xdisplay: none;}

/*
* {-webkit-opacity: 0.999999;}

#non_footer {-moz-opacity: 0.999999;}

p {opacity: 0.999999;}
*/

/*
=general
---------------------------------------------- */

body {
    margin: 0;
    padding: 0;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%; /* 12px */
    line-height: 158.3%; /* 19px */
    background: #fff url('/images/bg-page-shadow.png') repeat-x 0 0 scroll;
    color: #cbcbcb;
}

table, tr, td, input, select, textarea, ul, ol {
    font-size: 100%;
    vertical-align: top;
}

table {
    border: none;
    margin: 0;
    padding: 0;
}

th {
    text-align: left;
    font-weight: normal;
}
sup {vertical-align: top;}
/* =fieldset */
fieldset { border: none; }

.hidefromjs {
    visibility: hidden;
}

.hide {
    position: absolute;
    left: -999em;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {display: inline-block;} /* for IE7 */


/*
=page structure
---------------------------------------------- */

/* sticky footer: http://themaninblue.com/writing/perspective/2005/08/29/ */

html {height: 100%;}
body {height: 100%;}

#non_footer {
    position: relative;
    min-height: 100%;
    background: transparent url('/images/bg-page.png') repeat-y 0 0;
    width: 944px;
    margin-left: 25px;
}

* html #non_footer {height: 100%;}

#leftcol, #navcol, #content {
    padding-bottom: 16em; /* gap from content copy to footer */
}

#footer {
    position: relative;
    margin-top: -13em;
}

/* end of sticky footer */

#content {
    width: 544px;
    margin: 0 0 0 34px;
    position: relative;
    float: left;
}

#banner {
    padding-top: 26px;
    padding-bottom: 0 !important;
    position: relative;
}

#banner img {display: block;}

#banner div.banner_blue {
    background: transparent url('/images/bg-blue-banner.png') no-repeat 100% 100%;
    font-size: 1.667em; /*20*/
    color: #fff;
    padding: 16px 33px 30px 18px;
    line-height: 1em;
    display: inline;
    position: absolute;
    bottom: -12px;
    z-index: 2121212121;
}

#banner div.banner_blue_end {
    background: transparent url('/images/bg-blue-banner-left.png') no-repeat 0 100%;
    padding: 33px 3px;
    position: absolute;
    left: -6px;
    bottom: -12px;
}
    
.break_margin {position: relative; left: -6px;}
/* currently unused
.break_padding {position: relative; left: -18px;}
*/


#leftcol {
    width: 152px;
    float: left;
    text-align: right;
    padding-top: 27px;
}

#navcol {
    width: 188px;
    background: transparent url('/images/bg-nav.png') no-repeat 0 0;
    float: left;
    text-align: right;
    margin-left: 26px;
    padding-top: 27px;
}

#footer {
    background: #1b0016 url('/images/bg-footer.gif') repeat-x 0 0;
    padding: 1em 18px 3em;
    position: relative;
    margin-left: 425px;
    width: 508px; /*544px*/
    min-height: 9em;
}


/*
=headers
-----------------------------------------------------*/

h1, h2 { font-family: 'Lucida Grande', Helvetica, 'Arial', 'Verdana', sans-serif; }

h1 a, h2 a { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; }

h1 {
    font-size: 1.833em; /*22px*/
    font-weight: normal;
    color: #ff9c00;
}

/* image replaced headings */

div#banner h1 {
    text-indent: -999em;
    margin: 0;
    padding: 0;
    height: 64px;/*default height for internal pages (not homepage)*/
}

h1#homepage {
    width: 394px;
    height: 96px !important;
    background: transparent url('/images/h1-home.png') no-repeat 0 0;
}

h1#artist {
    width: 107px;
    background: transparent url('/images/h1-artists.png') no-repeat 0 0;
}

h1#news {
    width: 107px;
    background: transparent url('/images/h1-news.png') no-repeat 0 0;
}

h1#about_us {
    width: 204px;
    background: transparent url('/images/h1-about-us.png') no-repeat 0 0;
}

h1#tickets {
    width: 200px;
    background: transparent url('/images/h1-tickets.png') no-repeat 0 0;
}

h1#programme {
    width: 136px;
    background: transparent url('/images/h1-programme.png') no-repeat 0 0;
}

h1#venues {
    width: 109px;
    background: transparent url('/images/h1-venues.png') no-repeat 0 0;
}

h1#sponsors {
    width: 117px;
    background: transparent url('/images/h1-sponsors.png') no-repeat 0 0;
}

h1#mailing_list {
    width: 216px;
    background: transparent url('/images/h1-mailing-list.png') no-repeat 0 0;
}

div#free-banner h1 {
    text-indent: -999em;
    margin: 0;
    padding: 0;
    margin-left: -1.1em;
    height: 26px;/*default height for internal pages (not homepage)*/
    width: 77px;
    background: transparent url('/images/free-box.png') no-repeat 0 0;
}

h2 {
    color: #ff9000;
    font-size: 1.333em;/* 16px */
    margin-bottom: 0.5em;
    font-weight: normal;
    margin-top: 1.375em;
}

h2.new_section {
    border-top: 1px solid #76456f;
    padding-top: 1em;
    margin: 1.2em 0;
}

hr + h2 {margin-top: 1em;}
h2:first-child {margin-top: 0;}

h2 em {
    font-style: normal;
    font-size: 11px;
}

h3 {
    font-weight: normal;
    color: #f82b4d;
    font-size: 1.083em;/*13*/
    margin: 0.5em 0;
    line-height: 2em;
}


div.col1 > :first-child,
div.col2 > :first-child {
margin-top: 0;
}


h4 { font-size: 11px; }

h5 { }


/*
=links
-----------------------------------------------------*/
a img, img { border: 0; }

a {
    text-decoration: none;
    color: #00c6ff; /*link blue*/
    outline: none;
}

.content_padding a:hover, .content_padding a:focus, .content_padding a:active { 
    color: #cbcbcb;
    background: transparent url('/images/link-underline.gif') repeat-x 0 100%;
}


/*
=general_content
-----------------------------------------------------*/
ul { margin: 0 0 1.5em 0; }

ol { margin: 0 0 1.5em 20px; }

dl {margin-top: 0;}

#content ol li {
    margin: 0;
    background: none;
}

ul {
    list-style: none;
    padding: 0;
}

.content_padding ul li {
    padding-left: 13px;
    background: transparent url('/images/bullet-list.gif') 0 50% no-repeat;
}

.content_padding ul.pale li {color: #968593;}

p { margin: 0 0 .727em; }

hr {
    height: 1px;
    border: 0;
    margin: 1.5em 0;
    background: transparent url('/images/bg-hr.png') no-repeat 0 0;
}


/*
=left column (#leftcol)
---------------------------------------------- */
a.logo {
    background: transparent url('/images/logo-wellington-jazz-festival.png') no-repeat 100% 0;
    display: block;
    width: 101px;
    height: 122px;
    outline: none;
    width: 152px
}

#leftcol ul {
    margin-top: 68px;
    background: transparent url('/images/bg-leftcol-links.png') no-repeat 0 0;
    line-height: 1.182em;
    padding-top: 1px;
}

#leftcol ul li {
    padding: 0;
    margin: 0;
    background: transparent url('/images/bg-leftcol-links.png') no-repeat 0 100%;
}

#leftcol ul li.current,
#leftcol ul li.current a:hover  {
    background: transparent url('/images/bg-left-nav-current.png') no-repeat 0 100%;
}

#leftcol ul li.current a {
    padding-right: 11px;
    color: #11060f;
}

#leftcol ul li a {
    color: #006f9e;
    font-size: 0.917em;/*11*/
    padding: 4px 0 6px;
    display: block;
}

#leftcol ul li a:hover {
    color: #11060f;
    background: transparent url('/images/bg-left-nav.png') no-repeat 0 100%;
}



/*
=nav column (#navcol)
---------------------------------------------- */


div#navcol ul.image{
    height: 268px;/*295px*/
    margin-bottom: 0;
}

div#navcol ul.image li a span {
    position: relative;
    left: -999em !important;
}

div#navcol ul.image li a {
    background: transparent url('/images/nav.png') no-repeat 0 0;
    display: block;
    height: 32px;
}

div#navcol ul.image li#home a {background-position: 0 0;}
div#navcol ul.image li#home a.current {background-position: -376px 0;}
div#navcol ul.image li#home a:hover {background-position: -188px 0;}

div#navcol ul.image li#artists a {background-position: 0 -32px;}
div#navcol ul.image li#artists a.current {background-position: -376px -32px;}
div#navcol ul.image li#artists a:hover {background-position: -188px -32px;}

div#navcol ul.image li#programme a {background-position: 0 -64px;}
div#navcol ul.image li#programme a.current {background-position: -376px -64px;}
div#navcol ul.image li#programme a:hover {background-position: -188px -64px;}

div#navcol ul.image li#tickets a {background-position: 0 -96px;}
div#navcol ul.image li#tickets a.current {background-position: -376px -96px;}
div#navcol ul.image li#tickets a:hover {background-position: -188px -96px;}

div#navcol ul.image li#venues a {background-position: 0 -128px;}
div#navcol ul.image li#venues a.current {background-position: -376px -128px;}
div#navcol ul.image li#venues a:hover {background-position: -188px -128px;}

div#navcol ul.image li a {
    
}

div#programme_coming {
    line-height: 1.667em;/*20*/
    height: 71px;/*81px*/
    background:  url('/images/bg-programme-coming.png') no-repeat 0 0;
    color: #11060f;
    padding: 10px 10px 0 0;
}

div.website_by {
    margin-top: 70px;
    position: relative;
}

div#jukebox-wrapper {
    overflow:hidden; 
    height:162px;
}

div#jukebox-wrapper-popup {
    overflow:hidden; 
    height:290px;
    border: 20px solid #fff;
}


/*
=main column (#content)
---------------------------------------------- */

div.content_padding {
    padding: 0 18px;
}

p.quote {
    color: #ff9c00;
    font-size: 1.083em; /*13*/
}

p.quote span {
    color: #968593;
    font-size: 0.923em; /*12*/
}

p.link a {
    color: #00c6ff;
    background: transparent url('/images/bullet-link.gif') no-repeat 0 3px;
    padding-left: 10px;
}

p.link a:hover {
    color: #ffffff;
    background: transparent url('/images/bullet-link.gif') no-repeat 0 -97px;
}

p.url {
    font-size: 0.917em;/*11*/
    color: #979797;
}

p span.small {
    color: #968593;
    font-size: 0.917em;
}

p.pdf {
    position: relative;
    left: -26px;
}
p.pdf a, p.pdf a:hover {
    background: transparent url('/images/icon-pdf.png') no-repeat 0 0;
    display: inline;
    padding: 3px 6px 5px 25px;
    font-size: 0.917em;
}

p.pdf span {color: #968593;}

p.ticket_booking {
    font-size: 0.917em;/*11*/
    margin-top: 1em;
    margin-top: -1px;
    position: relative;
    left: -4px;
clear: both;
}

p.ticket_booking a {
    background: transparent url('/images/bg-tickets-listing.png') no-repeat 0 0px;
    padding-left: 27px;
}

p.ticket_booking a:hover {
    background: transparent url('/images/bg-tickets-listing.png') no-repeat 0 -100px;
    color: #cbcbcb;
    text-decoration: none;
}

p.listen-to a {
    background: transparent url('/images/artist-sound-icon.png') no-repeat 0 2px;
    padding-left: 20px;
}

p.listen-to a:hover {
    background: transparent url('/images/artist-sound-icon.png') no-repeat 0 2px;
        color: #cbcbcb;
    text-decoration: none;
}

p span.highlight { color: #f82b4d; }

div.col1, div.col2 {
    width: 236px;
    font-size: 0.917em;
}
div.col1 {float: left;}
div.col2 {float: right;}

.col1 h3, .col2 h3 {
    background: transparent url('/images/bg-h2-short.png') no-repeat 0 100%;
    font-size: 1.182em;
}

.col1 p span, .col2 p span {
    font-size: 0.846em;
    color: #968593;
}

.col1 dt, .col2 dt {float: left;}



/* Specifics (just below main photo) */

div.specifics {
    font-size: 0.917em;
    margin-top: 0px;
    width: 544px;
    height: 24px;
    margin-bottom: 14px;
}

div.specifics div {
    float: left;
    padding: 2px 18px 3px;
    background: #5f1259 url('/images/bg-specifics.png') repeat-y 100% 0;
    margin-right: 1px;
}

div.specifics div.book_tickets {
    padding-left: 2px;
}

div.specifics div.book_tickets a {
/*    background: transparent url('/images/bg-book-tickets.png') no-repeat 0 0;
    padding-left: 22px;*/
    background: transparent url('/images/bg-tickets-listing.png') no-repeat 0 0;
    padding-left: 27px;
    padding-bottom: 3px;
}

div.specifics div.book_tickets a:hover {
    color: #cbcbcb;
    background-position: 0 -100px;
}

/* Place holder for the flash image on top */
div.topImage { height:320px; width:544px; background-color:#000; }

/* Gary changed his mind about a background on this */
div.specifics div.book_tickets {background: none;}


/*
=listing page
---------------------------------------------- */

div.listing {
    background-color: #170c15;
    width: 326px;/*544*/
    padding: 10px 200px 0 18px;
    min-height: 122px;/*134px (incl. borders)*/
    position: relative;
    margin-bottom: 23px;
    border-top: 1px solid #33212f;
    border-bottom: 1px solid #170c15;
}

div.listing_hover {
    background-color: #181117;
    border-color: #5f1259;
    cursor: pointer;
}

div.listing h2 a {color: #ff9000; font-size:16px;}
div.listing h2 a:hover {text-decoration: none;}
div.listing_hover h2 a {color: #f82b4d;}

div.listing h2 {
    background: none;
    border: none;
    margin: 0 0 0.313em;
    line-height: 1.2em;
}

div.listing div.show-data {
    opacity: 0.999999;
    color:#907f8e;
}

div.listing div.show-data span.show-time {
    color:#ff3a57;
}

div.listing div.show-data span.country {
    color:#ef8701;
}

div.listing div.show-data span.country img {
    position:static; 
    margin-bottom:-4px; 
    margin-left:-2px;
}

div.listing img {
    position: absolute;
    right: 0;
    top: 12px;
}

div.listing a.read_on {font-size: 0.917em;/*11*/}

div.listing a.read_on:hover {
    color: #cbcbcb;
    background: transparent url('/images/link-underline.gif') repeat-x 0 100%;
}

div#ticket-booking-alert {
    background: transparent url('/images/ticket-alert-box.png') no-repeat 0 0;
    width: 561px;
    height: 134px; 
    margin: -8px;
    position:absolute;
    padding: 40px 28px;
    top:0px;
    z-index: 21212121;
    color: #26bfff;
    font-size: 13px;
}

div#ticket-booking-alert hr {
    height: 1px;
    border: 0;
    margin: 0;
    background: transparent url('/images/ticket-alert-box-hr.png') no-repeat 0 0;
}

div#ticket-booking-alert p.main {
    margin:0;    
    margin-bottom:5px;
    color: #d5d5d5;
}

div#ticket-booking-alert p.main a {
    background: transparent url(/images/bullet-link.gif) no-repeat 0 4px;
    padding-left:10px;
}

div#ticket-booking-alert p.main a:hover {
    background: transparent url(/images/bullet-link.gif) no-repeat 0 -96px;
    padding-left:10px;
    color: #ffffff; 
}

div#ticket-booking-alert p.small {
    margin:0;
    margin-top: 5px;
    padding-left:0;
    font-size: 11px;
}

div#ticket-booking-alert p.small a:hover {
    color: #ffffff; 
}

/* Pagination */

div.pagination {
    background: transparent url('/images/pagination-underline.png') no-repeat 0 100%;
    position: absolute;
    top: 45px;
    right: 0;
    height: 2.4em;
    font-size: 0.917em;
    width: 100%; /* only required for Safari to display background image */
}

div.bottom_pagination {
    position: relative;
    top: -0.818em;
}

.pagination ul {
    float: right;
    margin-right: 18px; 
}

.pagination ul li {float: left;}

.pagination ul li a {
    background: transparent url('/images/pagination-divider.gif') no-repeat 100% 0;
    padding: 2px 7px;
}

.pagination ul li a:hover {text-decoration: underline;}
.pagination a.current {color:#544452;}
.pagination a.current:hover {text-decoration: none;}

.pagination li.previous {
    background: transparent url('/images/pagination-back.gif') no-repeat 0 55%;
    padding-left: 8px;
}

.pagination li.next {
    background: transparent url('/images/pagination-next-active.gif') no-repeat 100% 55%;
    padding-right: 8px;
}

.pagination li.next a {
    background-image: none;
}


/*
=mailing list
---------------------------------------------- */
div#signup ul {
    padding: 0;
    background: transparent url('/images/bg-hr.png') no-repeat 0 0;
    margin: 6px 0 10px;
}

div#signup li {
    clear: both;
    background: transparent url('/images/bg-hr.png') no-repeat 0 100%;
    list-style: none;
    padding: 6px 0;
    overflow: hidden;
}

div#signup label {
    float: left;
    width: 64px;
}

div#signup input.text {
    float: left;
    border: 1px solid #64355d;
    padding: 2px 4px;
    background: transparent;
    color: #cbcbcb;
    margin-right: 16px;
}

form {margin: 0;}
div#signup li.error {color: #ff002d;}
div#signup li.error input.text {border: 1px solid #ff002d;}
div#signup li span {display: none;}

div#signup li.error span {
    font-size: 0.917em;
    display: block;
}


/*
=sponsors page
---------------------------------------------- */
div#sponsored_by {
    margin-top: 3em;
    position: relative;
}

div.sponsor_logos {
    width: 508px;
    margin-left: 18px;
    background: #fff;
}

.sponsor_logos h2 {
color: #11060f;
font-size: 1.083em;
margin: 1em 0 0;
}

div.sponsor_logos .col1,
div.sponsor_logos .col2 {
    padding: 12px 0;
}

div.sponsor_logos a img {margin: 15px 18px;}

div.sponsor_logos .col1 p,
div.sponsor_logos .col2 p {
    font-size: 1.091em;
}

div.sponsor_logos .col1 li,
div.sponsor_logos .col2 li {
    color: #555;
    font-size: 1.091em;
    background: none;
    padding-left: 0;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}



/*
=footer
---------------------------------------------- */

#sponsor_ani {
    width: 188px;
    height: 69px;
    margin-top: 12px;
}
#footer ul.footer_links {
    width: 222px;
    position: absolute;
}

#footer li a {
    font-size: 0.917em;/*11*/
    padding: 2px 0 4px;
    color: #fff;
    display: block;
    background: transparent url('/images/bg-footer-links.png') no-repeat 0 100%;
}

#footer li.current {
    background: transparent url('/images/bullet-footer.gif') 0 0.75em no-repeat;
}

#footer li.current a {
    padding-left: 13px;
    color: #ff9000;
}
#footer li.current a:hover {color: #ff9000;}

#footer li a:hover {color: #ff9000;}

#footer ul.credits {
    font-size: 0.833em;/*10*/
    color: #968593;
    position: absolute;
    top: 14px;
    right: 18px;
}

/*
=news
---------------------------------------------- */
h3.news {
    font-weight: normal;
    color: #f82b4d;
    font-size: 1.083em;/*13*/
    margin: 0 0;
    line-height: 0.5em;
}

/*
=venues
---------------------------------------------- */

div#map {
    border: 4px solid #464646;
    width:500px;
    height:276px;
    margin-bottom:20px;
}

div#videoContainer {
    margin:20px 0;
    border: 4px solid #1E1E1E;
    width:500px;
    height:311px;
}

/*
=debug
---------------------------------------------- */
.tech { clear: both; margin-top: 9em;color: #555 !important;}
.debug { clear: both; text-align: center;}