/* --------------------------------------------- Stockton Screen Style Sheet author: Cyberwoven version: 2009.01 ----------------------------------------------- */ body { font-family: Arial, Helvetica, sans-serif; color: #363636; font-size: 12px; line-height: 1.5em; margin:0; padding:0; background:#808084; text-align:left; } a {color:#007472; outline: none;} a:hover {text-decoration:underline; } h2 {font:normal 32px/45px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#930;} h3 {font:normal 18px/20px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:20px 0 4px 0; padding:0;} h4 {font:bold 14px/20px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:15px 0 2px 0; padding:0;} p {margin:0 0 15px 0; padding:0;} blockquote {margin:20px 30px; padding:20px 30px; background:#eee; border:1px solid orange; border-width:1px 0;} fieldset {margin:0; padding:0; display:inline; border:none;} .textbox {border:1px solid #333; background:none; padding:2px 5px;} textarea {border:1px solid #333; background:none; padding:2px 5px;} /* Reusables ----------------------------------------------- */ .hidden {display:none;} .alt {display:none;} .clear { clear: both; display: block; overflow: hidden; width: 0; height: 0; } table.data {text-align:left;} table.data th {padding:2px 5px; border-bottom:1px solid #ccc; font-weight:bold; line-height:18px; text-align:left; color:#600;} table.data td {padding:2px 5px; line-height:16px; border-bottom:1px solid #ccc; } table.data tr.even td {background-color:#eee;} .floatleft {float:left;} .floatright {float:right;} .nofloat {float:none !important;} a.linkbutton {margin: 0px; line-height: 26px; font-weight: bold; text-transform: uppercase; font-size: 14px; text-decoration:none; color:#007472; border: 1px solid #007472; background: none; padding: 5px 10px 5px 10px;} a.linkbutton:hover {background: #007472; color: #FFFFFF;} /* Layout Blocks ----------------------------------------------- */ .container {width:960px; margin:0 auto; text-align:left; position:relative; background-color:#808084} a.skiplink {display:none;} #header {height:140px;} #header h1 { margin:0; padding:0; } #header h1 a { background:url(../images/logo_lg.jpg) no-repeat; display:block; float:left; font-size:1px; outline:none; width:340px; height:140px; text-indent:-9999px; } #header h1 a:hover {background-position: 0 -140px; } ul.headernav {display:block; position:relative; float:left; width:615px; margin:55px 0 0 0; padding:0; list-style:none;} ul.headernav li {display:inline; } ul.headernav li a {display:inline-block; width:205px; height:35px; float:left; text-decoration:none; font-size:1px; text-indent:-9999px} ul.headernav li.about a {background:url(../images/headernav_a.jpg) no-repeat 20px 1px; } ul.headernav li.about a:hover {background-position:20px -69px; } ul.headernav li.concerts a {background:url(../images/headernav_a.jpg) no-repeat -200px 0; } ul.headernav li.concerts a:hover {background-position:-200px -70px; } ul.headernav li.outreach a {background:url(../images/headernav_a.jpg) no-repeat -400px 0; } ul.headernav li.outreach a:hover {background-position:-400px -70px; } ul.headernav li.symphony a {background:url(../images/headernav_a.jpg) no-repeat 20px -35px; } ul.headernav li.symphony a:hover {background-position:20px -105px; } ul.headernav li.tickets a {background:url(../images/headernav_a.jpg) no-repeat -190px -35px; } ul.headernav li.tickets a:hover {background-position:-190px -105px;} ul.headernav li.support a {background:url(../images/headernav_a.jpg) no-repeat -410px -35px; } ul.headernav li.support a:hover {background-position:-410px -105px; } #footer {display:block; font-family: Arial, Helvetica, sans-serif; position:relative; float:left; width:960px; height:70px; margin:60px 0px 0px 0px; padding: 10px 0px 0px 0px; list-style:none; top:18px; clear: both; background-color: #4a4a4e;} #footer a {text-decoration:none; color: #97d7fd;} #footer a:hover {text-decoration:underline; } ul.footernav {float:left; margin:0 0 0 0; padding:0; list-style:none; font-size:11px; color:#fff;} ul.footernav links{float: right;} /*.col1 { width:138px; } .col2 { width:311px; } .col3 { width:311px; } .col4 { width:138px; }*/ ul.footernav li {font-size:11px; line-height:19px; margin:0px 0 0 21px; padding:0; float: left;} ul.footernav li a {text-decoration:none; font-weight: bold;} a.cyberwoven:hover {text-decoration:none !important;} a.cyberwoven:hover span {text-decoration:underline;} li.facebook {list-style: none;margin:0px;} li.facebook a {display:block; width:33px; height:33px; background:url(../images/facebookicon.gif) no-repeat; text-indent:-9999px;} #facebookbubble { width:148px; height:124px;display:none;position:absolute; top: 0px; left: 0px; margin: -120px 0 0 0;} /* Homepage Specific ----------------------------------------------- */ body.home .content {width:100%; } #content {display:block; float:left; position:relative; width:960px; height:400px; margin:0; padding:0;} #homeflash {background:url(../images/flashreplace.jpg) no-repeat 0 0;} #homeflash.flash-replaced{background: none; } .homeintro {width:960px; height:400px; float:left; margin:0;} body.home ul.headlines {margin:0; padding:0; list-style:none; z-index:100; border:none;} body.home ul.headlines li {margin:0; padding:0; font-size:11px; font-weight:bold; color:#000; background:none;} body.home ul.headlines li span {color:#6b6b6b; font-weight:normal; padding-right:10px;} body.home ul.headlines li a {text-decoration:none; font-weight:normal;} body.home ul.headlines li a:hover {text-decoration:underline;} body.home #mainnav {display: block; position: relative; float: left; width:960px; height:87px;} body.home #mainnav ul.mainnav {display:block; position:relative; float:left; width:960px; margin:20px 0 35px 0; padding:0; list-style:none; background-color:808084;} body.home #mainnav ul.mainnav li {display:inline;} body.home #mainnav ul.mainnav li a {display:inline-block; width:320px; height:87px; float:left; text-decoration:none; font-size:1px; text-indent:-9999px;} body.home #mainnav ul.mainnav li a.buytickets {background:url(../images/launchpad1.jpg) no-repeat 0 0; } body.home #mainnav ul.mainnav li a.buytickets:hover {background-position:0 -87px; } body.home #mainnav ul.mainnav li a.calendar {background:url(../images/launchpad2.jpg) no-repeat 0 0 } body.home #mainnav ul.mainnav li a.calendar:hover {background-position:0 -87px; } body.home #mainnav ul.mainnav li a.symphony101 {background:url(../images/launchpad3.jpg) no-repeat 0 0} body.home #mainnav ul.mainnav li a.symphony101:hover {background-position:0 -87px; } /* Internal Page ----------------------------------------------- */ body.internal{text-align:left;} body.internal #mainnav {margin: 0px 0px 20px 0px;} body.internal #mainnav {display: block; position: relative; width:960px; height:29px; clear: both;} body.internal #mainnav ul.mainnav {display:block;width:960px; margin:0px; padding:0; list-style:none;} body.internal #mainnav ul.mainnav li {float:left; padding: 0px;} body.internal #mainnav ul.mainnav li:hover {background-color: rgba(151, 215, 253, 0.4);} body.internal #mainnav ul.mainnav li a {display: block; width:298px; height:29px; text-decoration:none; text-transform: uppercase; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; padding: 21px 0px 10px 22px;} body.internal #mainnav ul.mainnav li a:hover {background-position: -320px 0px !important;} body.internal #mainnav ul.mainnav li a.buytickets {background:url(../images/mainnav_li-1.gif) no-repeat top left;} body.internal #mainnav ul.mainnav li a.calendar{background:url(../images/mainnav_li-2.gif) no-repeat top left;} body.internal #mainnav ul.mainnav li a.symphony101 {background:url(../images/mainnav_li-3.gif) no-repeat top left;} body.internal #footer {top:0px;} #topbg {} #top {display: block; width: 960px; margin: 0px auto;} #middlebg{background:url(../images/middlebg.jpg) repeat-x top left; background-color: #e5e7eb; clear: both;} #middlebgimage{background:url(../images/middlebg_image.jpg) no-repeat top center;} #footer {display: block; width: 960px; margin: 0px auto; float: none;} #internalcontent{background:url(../images/internalcontent_bg.jpg) repeat-y top left; width: 960px; margin: 0px auto;} #sidebar{font-family: Arial, Helvetica, sans-serif; position:relative; float:left; width: 276px; padding: 10px 22px 10px 22px; background:url(../images/sidebar_bg.jpg) no-repeat top left; min-height:611px; height:auto !important; height:611px;} #sidebar h2{color: #00e3df; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; margin: 20px 0px 10px 0px; padding: 0px;line-height: 95%;} #sidebar h2 a{color: #00e3df; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; margin: 0px 0px 10px 0px; padding: 0px; text-decoration: none;} #sidebar h2 a:hover{text-decoration:underline;} #submenu ul.submenulinks{list-style:none; padding: 0px; margin: 0px} #submenu ul.submenulinks li{} #submenu ul.submenulinks li:hover { background-color: rgba(151, 215, 253, 0.4);} #submenu ul.submenulinks li a{color: #FFF; text-decoration: none; text-transform:uppercase; background:url(../images/sidebar_dotdivider.png) no-repeat bottom left; padding:5px 0px 10px 5px; font-size:14px; display: block; font-weight: bold;} #submenu ul.submenulinks li a:hover{} #submenu ul.submenulinks li.selected a{color: #fff200; background: none; font-weight: bold;} #submenu ul.submenulinks li.selected:hover{background: none !important; background-color: none !important;} #submenu ul.submenulinks li.selected ul.selectedlink {list-style: none; padding: 0px 0px 0px 10px;} #submenu ul.submenulinks li.selected ul.selectedlink li {margin: 0px; padding: 0px;} #submenu ul.submenulinks li.selected ul.selectedlink li a{color: #fff200; text-transform: capitalize; font-size: 13px; padding: 0px; font-weight: normal;} #submenu ul.submenulinks li.selected ul.selectedlink li a:hover{text-decoration: underline;} #submenu ul.submenulinks li.selected ul.selectedlink li a.selected{color: #fff988; background:url(../images/noteicon.gif) no-repeat right;} #submenu ul.submenulinks li.selected ul.selectedlink li a.selected:hover{text-decoration: none;} #upcomingconcerts {font-size: 14px; color: #FFF;} #upcomingconcerts h3{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; margin:0px;} #upcomingconcerts .concert {background:url(../images/sidebar_dotdivider.png) no-repeat bottom left; padding: 5px 0px 1px 5px; display: block;} #upcomingconcerts .concert:hover {background-color: rgba(151, 215, 253, 0.4);} #upcomingconcerts .concert .date{float: left;} #upcomingconcerts .concert a.moreinfo {color: #fff200; text-decoration: none;} #upcomingconcerts .concert a.moreinfo:Hover {text-decoration: underline;} #pagecontent {float: left; width: 600px; padding:20px 20px 10px 20px; background:url(../images/pagecontent_bg.jpg) no-repeat top left; min-height:611px; height:auto !important; height:611px; clear: none;} #pagecontent img{float: left; margin: 0px 20px 20px 0px;} #pagecontent p{font-family: Arial, Helvetica, sans-serif; color: #363636; font-size: 12px; line-height: 1.5em;} #pagecontent .pullquote{clear: left; float: left; width: 140px; margin: 0px 20px 5px 0px;} #pagecontent .pullquote p{color: #f15c22; font-family: Arial, Helvetica, sans-serif;} #pagecontent .pullquote p.quotetext{font-size: 14px; line-height: 1.2em;} #pagecontent .pullquote p.quotecredit{font-size: 12px; text-align: right;} #pagecontent h2{font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; color: #2e495d; font-size: 30px; margin: 0px;} #pagecontent h3{font-family: Arial, Helvetica, sans-serif; font-style: italic; color: #000; font-size: 20px; margin: 0px 0px 20px 0px;} #pagecontent h4{font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #007472; font-size: 20px; margin: 0px 0px 20px 0px; line-height: 1.25em;} /* List Style */ #pagecontent ul{font-family: Arial, Helvetica, sans-serif; color: #363636; font-size: 14px; list-style-type: square; padding: 10px 10px 10px 40px; border-top: 7px solid #808084; border-bottom: 3px solid #999999; background-color: rgba(250, 250, 255, 0.4);} #pagecontent ul li{margin: 0px 0px 5px 0px;} #pagecontent ol{font-family: Arial, Helvetica, sans-serif; color: #363636; font-size: 14px; padding: 10px 10px 10px 40px; border-top: 7px solid #808084; border-bottom: 3px solid #999999; background-color: rgba(250, 250, 255, 0.4);} #pagecontent ol li{margin: 0px 0px 5px 0px;} /* Table Style */ #pagecontent table{font-size:12px; text-align:center; border-collapse:collapse; border-top:7px solid #808084; border-bottom:3px solid #808084; margin: 10px 0px 10px 0px;;} #pagecontent table th{font-family: Georgia, "Times New Roman", Times, serif font-size:13px; font-weight:bold;background-color: rgba(250, 250, 255, 0.4); border-right:1px solid #808084; border-left:1px solid #808084; border-bottom:1px solid #808084; text-transform: uppercase; color:#007472; padding:8px;} #pagecontent table tr:hover td{background-color: rgba(151, 215, 253, 0.4);} #pagecontent table td{font-family: Arial, Helvetica, sans-serif; background-color: rgba(250, 250, 255, 0.4); border-right:1px solid #808084; border-left:1px solid #808084; color:#363636; padding:8px; min-width:125px;} #pagecontent strong{font-weight: bold; color: #363636; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} /* Specialty Pages ----------------------------------------------- */ ul.photogallery {margin:0; padding:0; list-style:none; overflow:auto;} ul.photogallery li {display:inline; margin:0; padding:0;} ul.photogallery li a img {float:left; margin:0 7px 7px 0;} ul.photogallerylist {display:block; margin:15px 0; padding:0;} ul.photogallerylist li {display:block; position:relative; float:left; width:260px; margin:0 10px 10px 10px; padding:5px 0 5px 70px; min-height:60px; height:auto !important; height:60px; border-bottom:1px dashed orange; background:none;} ul.photogallerylist li a.gallerythumb {display:block; position:absolute; top:5px; left:0; width:50px; height:50px; border:2px solid orange;} ul.photogallerylist li a.gallerythumb:hover {border-color:#f60;} ul.photogallerylist li a.gallerythumb img {width:50px; height:50px; border:none; margin:0; padding:0;} /* Contact Page ----------------------------------------------- */ #submenu.contactsubmenu p.addresstitle{color: #fff; margin: 0px; font-size: 15px; font-weight: bold;} #submenu.contactsubmenu p.address{font-family: Arial, Helvetica, sans-serif; color: #fff; margin: 0px; font-size: 13px;} #submenu.contactsubmenu p.letter{color: #000; font-weight: bold; font-size:14px; margin: 0px 10px 0px 0px; float: left;} #submenu.contactsubmenu p.number{font-family: Arial, Helvetica, sans-serif; color: #000; font-size:13px; margin: 0px;} #submenu.contactsubmenu p.hourstitle{text-transform: uppercase; font-size:14px; margin: 0px;} #submenu.contactsubmenu p.hours{font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 10px; font-size: 12px;} #submenu.contactsubmenu p.exception{font-family: Arial, Helvetica, sans-serif; color:#000000; margin: 0px 0px 0px 10px; font-size: 11px; width: 200px; line-height: 1.2em;} #submenu #mainboxoffice{padding: 10px; border: 1px dotted #333333;} #submenu #deltaboxoffice{margin: 20px 0px 0px 0px; padding: 10px; border: 1px dotted #333333;} #pagecontent.contact {margin-bottom: 50px;} .contact label {float:left; display: block; width:270px; margin:18px 10px 2px 1px; display:block; font-family: Arial, Helvetica, sans-serif; color: #363636; font-size: 12px; background:url(../images/dark_dotdivider.png) no-repeat bottom left;} .contact label.required { font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#000;} .contact label span.required { float:right; margin:-27px 0 0 0; color:#007472; font-weight:normal; font-style:italic; font-family:georgia, "times new roman", "times", serif;} .contact label, .contact input { line-height:26px;} .contact input, .contact textarea {font-size:14px; padding:7px 2px 8px 2px; margin: 16px 0 1px 0;background:url(../images/inputbg.png) no-repeat 0 -32px; border:0 none;} .contact input:focus { background:url(../images/inputbg.png) no-repeat 0 0px; } .contact input.textbox { width:300px;} .contact textarea:focus { background:url(../images/textareabg.png) no-repeat 0 0; } .contact textarea {display:block; width:300px; height:111px; margin-bottom:20px; overflow:hidden; float:left; background:url(../images/textareabg.png) no-repeat 0 -126px; border: none;} * html .contact textarea {float: left !important; width: 100px !important; clear: none !important;} .contact #messagesubjectbuttons {width: 250px; float: right; margin: 0px 18px 0px 0px; padding: 5px 40px 10px 10px;} * html .contact #messagesubjectbuttons {width: 240px; margin-right: 9px;} .contact #messagesubjectbuttons .contactradio {float: left; margin: 0px 10px 0px 0px;} .contact #messagesubjectbuttons .contactradio input{background: none;} .contact #messagesubjectbuttons p{font-family: Arial, Helvetica, sans-serif; color: #363636; font-size: 12px; margin: 0px;} .contact #emaillist {float: right; margin: 20px 18px 20px 100px;} * html .contact #emaillist {width: 300px; margin-right: 9px;} .contact #emaillist input{float: left; margin: 2px 0px 0px 0px; background: none;} .contact #emaillist label{float: left; margin: 0px 0px 0px 0px; line-height: 1.5em; padding: 0px 0px 5px 0px; background: none; width: 300px;} .contact .errorMessage { color:#a2aae0 !important; font-size:11px;} .contact .errorMessage.textarea {clear:both; display:block; padding:0 0 0 210px;} .contact a.submit {display: block; line-height: 26px; width: 140px; text-align: center; margin-left:365px; font-weight: bold; text-transform: uppercase; font-size: 14px; text-decoration:none; color:#007472; border: 1px solid #007472; background: none;} .contact a.submit:hover {background: #007472; color: #FFFFFF;} /* News Page ----------------------------------------------- */ #news_box table.newsTable tr.pager td{background:none; font-size: 18px; text-align: left; min-height:10px; height:auto !important; height:10px;} #news_box table.newsTable tr.pager td span{display: inline; margin: 0px 10px 0px 0px;} #news_box table.newsTable tr.pager td a{display: inline; clear: none; float: none; font-size: 18px; margin: 0px 10px 0px 0px;} #news_box table.newsTable td { display: block; width: 560px !important; font-family: Arial, Helvetica, sans-serif; background:url(../images/newsarticle_divider.png) repeat-x bottom left; margin:0px !important; padding:10px 5px 25px 5px; clear: left; border-left: none; border-right: none;} #news_box table.newsTable td:hover { background-color: rgba(151, 215, 253, 0.4);} #news_box table.newsTable td a {display: block; float: left; text-decoration: none; font-size: 14px; color: #007472; margin: 0px; padding: 0px;} #news_box table.newsTable td a:hover {text-decoration: underline;} #news_box table.newsTable td span.date {margin:0 20px 6px 0px !important; } #news_box table.newsTable td span.date span.month {clear: none; float: left; font-size:12px; padding:4px 8px 4px 8px; text-align:center; background:#f15c22; color:#e8e2d3; font-weight:bold !important; text-transform:uppercase;} #news_box table.newsTable td span.date span.day {clear: none; float: left; line-height:24px; color: #000000; margin: 0px 30px 0px 5px; padding: 0px; font-size: 24px;} /* Article Page ----------------------------------------------- */ #news_box ul { margin:0px; padding: 0px; list-style: none;} /* Calendar List Page ----------------------------------------------- */ #concerts_table table {clear: both; border: none !important;} #concerts_table table tr.pager td{background:none; font-size: 18px; text-align: left; min-height:10px; height:auto !important; height:10px;} #concerts_table table tr.pager td span{display: inline; margin: 0px 10px 0px 0px;} #concerts_table table tr.pager td a{display: inline; clear: none; float: none; font-size: 18px; margin: 0px 10px 0px 0px;} #concerts_table table td { display: block; width: 560px !important; font-family: Arial, Helvetica, sans-serif; background:url(../images/newsarticle_divider.png) repeat-x bottom left; margin:0px !important; padding:10px 5px 25px 5px; clear: left; border-left: none; border-right: none;} #concerts_table table td:hover { background-color: rgba(151, 215, 253, 0.4);} #concerts_table table td a {display: block; float: left; text-decoration: none; font-size: 14px; color: #007472; margin: 0px; padding: 0px;} #concerts_table table td a:hover {text-decoration: underline;} #concerts_table table td span.date {margin:0 20px 6px 0px !important; } #concerts_table table td span.date span.month {clear: none; float: left; font-size:12px; padding:4px 8px 4px 8px; text-align:center; background:#f15c22; color:#e8e2d3; font-weight:bold !important; text-transform:uppercase;} #concerts_table table td span.date span.day {clear: none; float: left; line-height:24px; color: #000000; margin: 0px 30px 0px 5px; padding: 0px; font-size: 24px;} /* Calendar page ----------------------------------------------- */ a.togglecalendar {float: left;} .dropdown{display: block; width: 165px; margin: 0px 0px 0px 230px;} table.calendarbox {margin:0px !important; border-bottom: 2px solid #808084 !important;} * html table.calendarbox{width: 600px !important;} #pagecontent table.calendarbox tr td{background: none !important; min-width: 0px;} #pagecontent table.calendarbox tr:hover td{background: none !important;} table.calendarheader{background: none !important; border: none !important;} table.calendarheader tr{background: none !important;}table.calendarheader td{background: none !important; border: none !important; font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 24px; text-align: center !important;} table.calendarheader a{text-decoration: none;} table.calendarheader a:hover{text-decoration: underline;} th.dayheaders {border:1px solid #808084 !important;} table.calendarbox h5{padding: 0px !important; margin: 0px !important;} table.calendarbox td.othermonth{border: none !important; padding: 10px 0px 0px 10px !important; color: #999999 !important;} table.calendarbox td.normalday{border: none !important; padding: 10px 0px 0px 10px !important; background: rgba(250, 250, 255, 0.4) !important; width: 70px;} table.calendarbox tr:hover td.normalday{background: rgba(250, 250, 255, 0.4) !important;} table.calendarbox td.normalday a{color: #007472;} table.calendarbox tr:hover td:hover.normalday{background: rgba(151, 215, 253, 0.4) !important;} table.calendarbox td ul{border: none !important; padding: 0px !important; list-style: none !important; background: none !important; margin: 0px !important;} table.calendarbox td ul li{margin: 0px !important; padding: 0px !important} table.calendarbox td.today{border: 1px solid #808084; padding: 10px 0px 0px 10px !important; background: rgba(151, 215, 253, 0.4) !important; width: 70px;} table.calendarbox td.today a{color: #007472;} table.calendarbox tr:hover td.today{background: rgba(151, 215, 253, 0.4) !important;} table.calendarbox td a{font-size: 11px;} a.audio {display: inline-block; width: 23px; height: 16px; font-size: 0px; text-indent: -10000px; background:url(../images/speaker.gif) top left no-repeat;} a.audio:hover {background-position: bottom left;} /* Calendar Event List page ----------------------------------------------- */ /* #pagecontent #concerts_table table{border: none !important; background: none !important; clear: both;} #pagecontent #concerts_table td { display: block; width: 500px !important; font-family: Arial, Helvetica, sans-serif; background:url(../images/newsarticle_divider.png) repeat-x bottom left; margin:0px !important; padding:10px 5px 15px 5px; clear: left; border-left: none; border-right: none;} #pagecontent #concerts_table td:hover { background-color: rgba(151, 215, 253, 0.4);} #pagecontent #concerts_table td a {display: block; float: left; text-decoration: none; font-size: 14px; color: #007472; margin: 0px; padding: 0px;} #pagecontent #concerts_table td a:hover {text-decoration: underline;} #pagecontent #concerts_table td span.date {margin:0 20px 6px 0px !important;} #pagecontent #concerts_table td span.date span.month {clear: none; float: left; font-size:12px; padding:4px 8px 4px 8px; text-align:center; background:#f15c22; color:#e8e2d3; font-weight:bold !important; text-transform:uppercase;} #pagecontent #concerts_table span.date span.day {clear: none; float: left; line-height:24px; color: #000000; margin: 0px 30px 0px 5px; padding: 0px; font-size: 24px;} */ /* Lightbox ----------------------------------------------- */ #lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;} #lightbox a img{border:none;} #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #imageContainer{padding: 10px;} #loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #imageContainer>#hoverNav{left:0;} #imageContainer img {float:none; margin:0; padding:0; border:none;} #hoverNav a{outline: none;} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;} #prevLink {left:0; float:left;} #nextLink {right:0; float:right;} #prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right: 20px;} /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData {padding-top:5px;} /*** END : added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width: 70%; float:left; text-align:left; } #imageData #caption{font-weight:bold;} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;} .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html>body .clearfix {display:inline-block; width:100%;} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* MP3 Player ----------------------------------------------- */ .mp3button { visibility: visible; width: 12; height: 12; } #programnotes p { line-height: 2em; }