/*------------------------------------------- Structural Styles -------------------------------------------*/ #contentshell_left {float: left; width: 220px;} #contentshell_right {float: left; width: 717px;} #contentshell_fullpage {float: left; width: 937px;} .ljf .landingad1 {} .ljc .landingad1 {display: none;} .lpa .landingad1 {display: none;} .ljf .landingad2 {display: none} .ljc .landingad2 {} .lpa .landingad2 {display: none} .ljf .landingad3 {display: none} .ljc .landingad3 {display: none} .lpa .landingad3 {} /* Content Left - Side Bar - Join Us */ .joinus {position: relative; padding-bottom: 10px; height: 70px;} .lpa .joinus {background: url('../images/shared/ljf_joinusbg.jpg') no-repeat; height: 100px;} .ljf .joinus {background: url('../images/shared/ljf_joinusbg.jpg') no-repeat; height: 100px;} .ljc .joinus {background: url('../images/shared/ljf_joinusbg.jpg') no-repeat; height: 100px;} .ljc .joinus h4 {padding: 8px 0; text-align: center; font-family: Georgia, serif; text-transform: uppercase; color: #707070; font-size: 90%; font-weight: bold;} .lpa .joinus h4 {padding: 8px 0; text-align: center; font-family: Georgia, serif; text-transform: uppercase; color: #707070; font-size: 90%; font-weight: bold;} .joinus h4 img {margin: 1px 5px 0 5px;} .joinus ul {margin-top: 5px;} .joinus ul li {margin: 0 0 -6px 0; padding: 0; position: relative; list-style-type: none; float: left; text-align: center;} .ljf .joinus ul li.ljc {display: none;} .ljc .joinus ul li.ljf {display: none;} .lpa .joinus ul li.ljc {display: none;} .joinus ul li.last {width: 178px;} .ljf .joinus h4 {border-top: 0; border-bottom: 0; padding: 10px 0 2px 0; text-align: center; font-family: Georgia, serif; text-transform: uppercase; color: #707070; font-size: 90%; font-weight: bold;} /*------------ Section Image ------------*/ .sectionimage {position: relative; width: 918px; height: 226px; z-index: 0; margin-left: 19px; padding-top: 15px;} /*------------ Section Title ------------*/ /*IE 6 Hack*/ * html .sectionimage {margin-left: 19px;} .sectiontitle {position: relative; float: left; margin: -144px 0 0 36px; z-index: 10; width: 185px; height: 79px; background: url('../images/shared/sectiontitlebg.jpg') 0 0px no-repeat; color: #fff;} /*IE 6 Hack*/ * html .sectiontitle {margin-left: 18px;} .sectiontitle h1 {position: absolute; color: #fff; width: 140px; bottom: 15px; left: 23px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; letter-spacing: 0px; font-size: 140%;} /*------------ Side Bar ------------*/ .sidebar {width: 185px; margin: 15px 0 20px 36px;} /*IE 6 Hack*/ * html .sidebar {margin-left: 36px;} .sidebar img {margin-bottom: 5px;} .sidebar p {margin: 0;} p.sidebartext {padding: 15px; background: #c3d8d9;} .sidebartext p {padding: 15px !important; background: #c3d8d9;} .sidebar a img {border: 0;} .sidebartext {padding: 15px; background: #c3d8d9;} .sidebartext ul {padding: 0; margin: 10px 0 0 15px;} .sidebartext ul li {margin: 0; padding: 0;} .sidebartext a {font-weight: bold; border-bottom: 1px dotted;} /*------------ Tertiary Nav ------------*/ #tnav {float: left; position: relative; width: 177px; margin: -65px 0 0 36px; background: #fff; border-left: 7px solid #807e7a; z-index: 9; color: #333; padding-bottom: 5px;} /*IE 6 Hack*/ * html #tnav {margin-left: 18px;} #tnav ul {margin: 0 16px 10px 16px; padding-top: 20px; padding-bottom: 20px;} #tnav ul li {position: relative; margin: 0; list-style: none; top: 0; border-bottom: 1px solid #9e9b97; font-size: 95%;} #tnav ul li a {padding: 6px 0 6px 1px; display: block; border: 0;} /*IE 7 Hack*/ html*#tnav ul li a {border: 0;} #tnav ul li a:hover {background: #f4f4f4; color: #777;} #tnav ul li a.current {color: #333; background: 0;} #tnav ul li a.activeparent {color: #333; background: 0;} #tnav ul li ul {margin: 3px 0 5px 15px; padding: 0 0 5px 0;} /*IE 6 Hack*/ * html #tnav ul li ul {margin: 0 0 10px 15px;} /*IE 7 Hack*/ html*#tnav ul li ul {]margin: 0 0 10px 15px;} #tnav ul li ul li {list-style-type: disc; border: 0; color: #999;} /*IE 6 Hack*/ * html #tnav ul li ul li {padding: 0; line-height: 0;} #tnav ul li ul li a {padding: 0; margin: 0; text-transform: none; line-height: 1.1;} #tnav ul li ul li a.current {color: #333; background: 0;} #tnav ul li ul li a.activeparent {color: #333; background: 0;} /*IE 6 Hack*/ * html #tnav ul li ul li a {line-height: 1.6;} /*IE 7 Hack*/ html*#tnav ul li ul li a {]line-height: 1.6;} #tnav ul li ul li a:hover {background: none; color: #777;} /*------------ Page Title ------------*/ .pagetitle {position: relative; margin: -65px 0 0 0; z-index: 8; width: 717px; height: 65px;} /*IE 6 Hack*/ * html .pagetitle {width: 716px;} .ljf .pagetitle {background: url('../images/ljf/pagetitlebg.png');} .ljc .pagetitle {background: url('../images/ljc/pagetitlebg.png');} .lpa .pagetitle {background: url('../images/lpa/pagetitlebg.png');} .pagetitle h2 {margin: 0 0 0 20px; padding-top: 20px; color: #fff; font-size: 24px;} /*------------ Page Content ------------*/ .pagecontent {position: relative; width: 675px; margin: 20px 0 20px 40px; padding: 0 0 30px 0; font-size: 90%;} .pagecontent a:hover {} .pagecontent a {font-weight: bold;} /*------------ Content Shell Right with Two Columns ------------*/ #contentshell_right .pagecontent .colleft {float: left; width: 390px;} #contentshell_right .pagecontent .colright {float: left; width: 250px; margin-left: 20px;} #contentshell_right .pagecontent .catalog_item .colleft {float: left; width: 390px;} #contentshell_right .pagecontent .catalog_item .colright {float: left; width: 250px; margin-left: 20px;} /*------------ Content Shell Right with Two Columns - Dotted ------------*/ #contentshell_right .pagecontent .colleft_dot {float: left; width: 410px; border-right: 2px dotted #ccc; padding: 0 10px 50px 0;} #contentshell_right .pagecontent .colright_dot {float: left; width: 200px; margin-left: 20px;} #contentshell_right .pagecontent .colright_dot img {width: 200px;} /*------------ Full Page Content ------------*/ #contentshell_fullpage .pagetitle {position: relative; margin: -65px 0 0 40px; z-index: 8; width: 897px; height: 65px; background: url('../images/ljf/pagetitlebg.png');} .ljf #contentshell_fullpage .pagetitle {background: url('../images/ljf/pagetitlebg.png');} .ljc #contentshell_fullpage .pagetitle {background: url('../images/ljc/pagetitlebg.png');} .lpa #contentshell_fullpage .pagetitle {background: url('../images/lpa/pagetitlebg.png');} #contentshell_fullpage .pagecontent {margin-left: 19px; margin-top: 10px; width: 917px;} /*------------ Bread Crumbs for Full Page Content ------------*/ .breadcrumbs {background: url('../images/shared/breadcrumbsbg.png') repeat-x; height: 22px; padding: 9px 0 0 3px; margin: 0 0 20px 0;} /*------------ Full Page Content with Three Columns ------------*/ #contentshell_fullpage .pagecontent #colleft {float: left; width: 232px;} #contentshell_fullpage .pagecontent #colleft img {width: 232px;} #contentshell_fullpage .pagecontent #colleft p {font-size: 90%; line-height: 120%; padding: 2px 0; color: #888; margin-bottom: 15px;} #contentshell_fullpage .pagecontent #colmid {float: left; width: 330px; margin: 0 30px 0 25px; padding-bottom: 30px;} #contentshell_fullpage .pagecontent #colmid h3.medium {color: #666; font-size: 90%;} #contentshell_fullpage .pagecontent #colright {float: left; width: 300px;} #contentshell_fullpage .pagecontent #fullcol {width: 330px; margin: 0 30px 0 25px; padding-bottom: 30px;} #contentshell_fullpage .pagecontent #colmid h3 {margin: 0 0 7px 0; padding: 0;} /*------------ Artist Profile - Performance Date ------------*/ #performancedate {background: #d3ecf5; padding: 10px;} #performancedate h4 {border-top: 5px solid #0d6889; border-bottom: 5px solid #0d6889; padding: 2px 0; text-align: center; font-family: Georgia, serif; text-transform: uppercase; color: #0d6889; font-size: 105%; font-weight: bold; margin-bottom: 15px;} #performancedate .timestamp {font-size: 120%; text-transform: uppercase; color: #000; font-weight: bold; text-align: center;} #performancedate .buytickets {text-align: center; margin: 15px 0 10px 0;} /*------------ Artist Profile - Website ------------*/ #artistwebsite {border-top: 2px dotted #aeaca9; border-bottom: 2px dotted #aeaca9; padding: 4px 0 4px 5px; margin: 15px 0;} #artistwebsite h3 {color: #2c2c2c; padding: 0; margin: 5px 0 4px 0; text-transform: none; font-weight: normal; font-size: 16px;} #artistwebsite p {padding: 0 0 3px 0; margin: 0;} #artistwebsite2 {background: #d3ecf5; padding: 10px; margin: 0 0 15px 0;} #artistwebsite2 h3 {color: #2c2c2c; padding: 0; margin: 5px 0 4px 0; text-transform: none; font-weight: normal; font-size: 16px;} #artistwebsite2 p {padding: 0 0 3px 0; margin: 0;} /*------------ Artist Profile - Video & Audio ------------*/ #artistvideo {margin: 0; padding: 0;} #artistvideo h3 {font-size: 12px; color: #2c2c2c;} #artistaudio {margin: 15px 0; padding: 0;} /*------------ Line-Up ------------*/ #lineupnav {border-bottom: 2px dotted #aeaca9; margin: 0 0 10px 0;} /*IE 7 Hack*/ html*#lineupnav {padding-bottom: 1px;} #lineupnav img {margin-right: 2px;} .lineup {position: relative; display: block; clear: both; margin: 0 0 15px 0;} .lineup ul {margin: 10px 0 0 -16px; padding: 0;} .lineup ul li {list-style-type: none; display: inline-block; padding-bottom: 15px; margin: 0 0 0 15px; vertical-align: top;} /*IE 7 Hack*/ html*.lineup ul li {]display: inline;} .lineup ul li .artistpic {width: 204px; height: 136px; overflow: hidden; border: 4px solid #908f8d;} .lineup ul li .artistpic img {} .lineup ul li .artistname {font-size: 105%; font-weight: bold; padding-top: 5px; width: 204px;} .lineup ul li .artistname a {font-size: 105%; font-weight: bold; padding-top: 5px; width: 204px;} .lineup ul li .aritisttime {} .ljc .lineup ul li .aritisttime {display: none;} /*------------ Calendar ------------*/ .calendar-event {position: relative; width: 100%;} .calendar-event h1 {} .calendar-event .event-image img {position: relative; float: left; width: 200px; margin: 0 15px 15px 0; border: 3px solid #bcbab8; padding: 0;} .when {margin: 0;} .calendar-date-from {line-height: 140%; display: inline;} .calendar-date-to {line-height: 140%; display: inline;} .location {line-height: 140%;} .time {line-height: 140%;} .label {float: left; display: block; width: 40px; font-size: 90%; font-weight: bold; color: #000;} .label2 {float: left; display: block; width: 70px; font-size: 90%; font-weight: bold; color: #000;} .calendar-details {padding: 10px 0 20px 0; line-height: 140%;} .calendar-details p {margin-bottom: 0; line-height: 140%;} .calendar-fields {} .calendar-returnlink {clear: both; float: left; margin-top: 0; text-transform: uppercase; font-size: 80%; font-weight: bold;} .calendar-details-title {display: none;} .calendar-summary {line-height: 130%;} .calendar-summary-title {display: none;} .calendar-morelink {font-weight: bold; font-size: 80%; line-height: 130%; white-space: nowrap; text-transform: uppercase;} #inteventslist {position: relative; width: 95%;} #inteventslist .item {position: relative; clear: both; display: block; float: left; margin-bottom: 25px;} /*IE 7 Hack*/ html*#inteventslist .item {]position: relative; ]clear: both; ]display: block; ]float: none; ]margin-bottom: 25px; ]margin-top: 10px;} #inteventslist .item .dateblock {float: left; display: block; color: #8a5338; padding: 0; width: 105px;} /*IE 7 Hack*/ html*#inteventslist .item .dateblock {]padding-right: 20px;} #inteventslist .item .dateblock .calendar-date-from {display: inline; line-height: 130%; font-family: Georgia, serif; font-size: 130%;} #inteventslist .item .dateblock .calendar-date-to {display: inline; line-height: 130%; font-family: Georgia, serif; font-size: 130%; white-space: nowrap;} #inteventslist .item .dateblock .time {line-height: 130%; margin: 0;} #inteventslist .item .eventsummary {display: block; float: left; width: 480px; margin-left: 20px; padding: 0 0 0 20px; border-left: 2px dotted #ccc;} /*IE 7 Hack*/ html*#inteventslist .item .eventsummary {width: 440px;} #inteventslist .item .eventsummary .image {float: left; width: 95px; padding: 0; border: 3px solid #bcbab8; margin: 0 15px 18px 0; overflow: hidden;} #inteventslist .item .eventsummary img {width: 95px; padding: 0;} #inteventslist .item .eventsummary h2 {font-size: 140%;} #inteventslist .item .eventsummary h2 a {font-weight: normal;} #inteventslist .item .location {line-height: 150%; display: inline;} #inteventslist .item .dateblock2 {display: block; padding: 0;} #inteventslist .item .dateblock2 .calendar-date-from {display: inline;} #inteventslist .item .dateblock2 .calendar-date-to {display: inline;} #inteventslist .item .dateblock2 .time {display: inline; margin: 0;} #inteventslist .item .eventsummary2 {display: block; padding: 0;} #inteventslist .item .eventsummary2 .image {float: left; width: 95px; padding: 0; border: 3px solid #bcbab8; margin: 15px 15px 18px 0; overflow: hidden;} #inteventslist .item .eventsummary2 img {width: 95px; padding: 0;} #inteventslist .item .eventsummary2 h2 {font-size: 140%;} #inteventslist .item .eventsummary2 h2 a {font-weight: normal;} /*------------ Gallery ------------*/ .gallery ul {margin: 0; padding: 0; width: 100%; text-align: left;} .gallery ul li {position: relative; width: 150px; height: 90px; overflow: hidden; margin: 0 0 9px 9px; padding: 0; list-style-type: none; float: left;} /*IE 6 Hack*/ * html .gallery ul li {margin: 0 0 6px 6px;} .gallery ul li img {width: 150px;} .albumlist ul {margin: 0; padding: 0; width: 100%; text-align: left;} .albumlist ul li {position: relative; width: 190px; margin: 0 25px 9px 0; padding: 0; list-style-type: none; float: left;} /*IE 6 Hack*/ * html .albumlist ul li {margin: 0 0 6px 6px;} .albumlist ul li .image {width: 190px; height: 120px; overflow: hidden;} .albumlist ul li img {width: 190px;} .albumlist ul li p.albumname {font-size: 95%; font-weight: bold; margin-top: 5px; line-height: 100%;} album_content {margin: 0 0 20px 0;} /*------------ Contact Form ------------*/ #contactform {margin: 0; padding: 0;} #contactform .fieldset input {display: block; margin: 0; padding: 0; width: 265px} #contactform .fieldset select {display: block;} #contactform .fieldset textarea {display: block !important;} #contactform .fieldset {margin-bottom: 10px;} #contactform .fieldset_zip {margin-bottom: 5px; padding-top: 5px;} #contactform .fieldset_zip input {display: block; width: 100px;} #contactform .fieldset_select {margin-bottom: 10px; padding-top: 5px;} #contactform .fieldset_checkboxset {padding-top: 13px;} #contactform fieldset {padding-bottom: 25px;} #contactform .submit {padding-top: 20px;} .captcha {padding-bottom: 4px;} #contactform .checkbox label {white-space:nowrap;} #contactform .req {color: #990000;} #contactform ul li {color: #990000;} #contactform .error {color: #990000;} /*------------------------------------------- Google Maps -------------------------------------------*/ #CGGoogleMaps0 {margin: -8px -10px 0 5px; padding: 0; border: 4px solid #ccc;} input.gmapTextBox {width: 110px;} #gmapmarker {width: 200px;} /*------------------------------------------- Mailing List -------------------------------------------*/ .pagecontent .mailinglist {margin: 0 0 20px 0;} .pagecontent .mailinglist form {margin: 0; padding: 0;} .pagecontent .mailinglist input#search_field {position: relative; float: left; width: 200px; background: #fff; color: #838282; border: 1px solid #838282; margin: 0 3px 0 0; padding: 4px 3px 4px 6px; font-size: 90%;} .pagecontent .mailinglist input#search_submit {position: relative; float: left; margin: 0; padding: 0; border: 0;} /*------------------------------------------- Tables --------------------------------------------*/ table.tickets {border-collapse: collapse; margin: 0 0 0 0; font-size: 12px; border: none; color: #333; background: #def4fd; width: 100%;} table.tickets th {background: #0d6889; text-align: center; color: #fff; font-family: Georgia, serif; font-size: 100%; font-weight: normal;} table.tickets td {padding: 5px 10px 0 10px; margin: 0 3px 0 0; vertical-align: top; border-right: 2px dotted #fff;} table.tickets td.first {padding-left: 0;} table.tickets td.last {border: 0;} table.nofrills {border-collapse: collapse; margin: 0 0 0 0; font-size: 12px; border: none;} table.nofrills td {padding: 1px 20px 0 0; margin: 0; vertical-align: top;} table.videos {border-collapse: collapse; margin: 0 0 0 0; font-size: 12px; border: none;} table.videos td {padding: 1px 20px 10px 0; margin: 0; vertical-align: top;} table.style1 {border-collapse: collapse; margin: 5px 0 20px 0; font-size: 12px; border: none; color: #333; background: #fefefe;} table.style1 th {background: #0f2e3d; text-align: left;} table.style1 th, th a {font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-transform: uppercase; letter-spacing:0.1em; color: #fff; font-weight: bold; border: none; font-size: 10px; padding: 6px 10px;} table.style1 td {padding: 6px 10px 6px 10px; vertical-align: top; border-bottom: 1px solid #ccc;} table.sponsors {border-collapse: collapse; margin: 0 0 0 0; font-size: 12px; border: none;} table.sponsors td {padding: 1px 20px 0 0; margin: 0; vertical-align: middle; text-align: center;} table.sponsors tr td a:link {color: #666666;} table.sponsors tr td a:visited {color: #666666;} table.press {border-collapse: collapse; margin: 0 0 20px 0; padding-top: 0; font-size: 12px; border: none; color: #333; background: #fefefe; width: 100%;} table.press th {background: #807e7a; text-align: left;} table.press th, th a {font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-transform: uppercase; letter-spacing:0.1em; color: #fff; font-weight: bold; border: none; font-size: 9px; padding: 4px 10px;} table.press td {padding: 6px 10px 6px 10px; vertical-align: top; border-bottom: 1px solid #ccc;} table.press td.doc {padding-left: 0; width: 450px;} table.press td.icon {padding-right: 0;} ul.wrappinglist {margin: 0 25px 0 0;} ul.wrappinglist li {list-style-type: none; margin: 0; display: inline; line-height: 180%;} ul.wrappinglist li:before {content: " / "; color: #a8a8a8;} ul.wrappinglist li:first-child:before {content: "";} ul.wrappinglist li a {font-weight: bold;} /*IE7*/html*ul.wrappinglist li {]padding-right: 8px; ]font-size: 100%;} /*IE6*/* html ul.wrappinglist li {padding-right: 10px;}