/* --------------------------------------------- South Carolina Philharmonic Screen Style Sheet author: Cyberwoven version: 2010.05 ----------------------------------------------- */ body { font:normal 12px/20px Arial, Helvetica, sans-serif; color:#43484c; margin:0; padding:0; background:#fbfdf6; text-align:center;} a {color:#0282c4; text-decoration:none; } a:hover {color:#0282c4; text-decoration:underline;} h3 {font: Arial, Helvetica, "Myriad Pro", "Trebuchet MS" sans-serif; font-size:20px; margin:20px 0 4px 0; padding:0; color:#004e76; text-transform: uppercase;} h4 {padding: 0; margin:0; list-style:none; text-transform:uppercase; font-size:18px; font-weight:bolder; color:#15b5bb; padding-bottom:10px; } h5 {font:bold 14px/18px Arial, Helvetica, "Myriad Pro", "Trebuchet MS" sans-serif; margin:14px 0 2px 0; padding:0; color:#004e76} h6 {font:bold 12px/14px Arial, Helvetica, "Myriad Pro", "Trebuchet MS" sans-serif; margin:12px 0 2px 0; padding:0;} p {margin:0 0 15px 0; padding:0;} blockquote {font-size:13px; line-height: 19px; margin:20px 0 20px 30px; padding:20px 30px; background:#f8f9eb; height:auto; width:180px; color:#787878; font-style:italic; float:right; clear:both; } fieldset {margin:0; padding:0; display:block; border:none;} .textbox {border:1px solid #333; background:none; padding:2px 5px;} textarea {border:1px solid #333; background:none; padding:2px 5px;} img {float:right; margin:0 0 10px 10px; padding:0; border:5px solid #dbdcc6;} a:hover img {} hr {background:#dbdcc6; height:8px; margin:1em 0 1em 0; border:none; clear:both; } /* 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:#004e76;} 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;} .linkbutton {display:inline-block; clear:both; padding:3px 5px; font-weight:bold; border:1px solid #dbdcc6; margin:10px 0; text-decoration:none; float:right;} .linkbutton:hover {text-decoration:none; background:#dbdcc6; border-color:#43484c;} ul.pager {display:block; margin:0 !important; padding:15px 0 !important; list-style:none;} ul.pager li {display:inline; margin:0 !important; padding:0 5px 0 0 !important; background:none !important; line-height:18px;} ul.pager li a, ul.pager li strong, ul.pager li span {display:inline-block; padding:0 8px; color:#43484C; background:#fbfdf6; border:1px solid #dbdcc6; text-decoration:none;} ul.pager li strong {border-color:transparent; background:none; padding-left:0;} ul.pager li a:hover {background:#15B5BB; border:1px solid #15B5BB; color:#000;} ul.pager li span {background:#fbfdf6; border-color:#15B5BB; color:#fff;} /* Layout Blocks ----------------------------------------------- */ a.skiplink {display:block; position:absolute; top:0; left:0; font-size:1px; text-indent:-9999px;} #header {height:110px; margin:0;} #header h1 {margin:0; padding:10px 0 0 0px;} #header h1 a {display:block; width:204px; height:138px; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-9999px; outline:none; position:absolute; } #header h1 a:hover { background-position: 0 -138px; } ul.mainnav { position:absolute; top:95px; right:0; margin:0; padding:0; list-style:none; text-transform:uppercase; z-index:85; } ul.mainnav li {display:inline; margin:0; padding:0; font-weight:bold; font-style:normal;} ul.mainnav li a {margin-left:40px; color:#004e76; text-decoration:none; font-size:14px; height:16px; font-weight:bold;} ul.mainnav li a:hover {text-decoration:none; color:#0282c4; border-bottom:#56b6b9 5px solid;} ul.mainnav li.active a, ul.mainnav li.active a:hover {text-decoration:none; color:#0282c4; border-bottom:#56b6b9 5px solid;} ul.headernav { position:absolute; top:40px; right:0; margin:0 0 0 30px padding:0; list-style:none;} ul.headernav li {display:inline; margin:0; padding:0;} ul.headernav li a {margin:0 0 0 30px; padding:0; text-decoration:none; line-height:16px; font-size:12px;} ul.headernav li a:hover {text-decoration:underline;} ul.headernav li.active a {color:#56b6b9; text-decoration:underline;} .searchbox {position:absolute; top:58px; right:0; width:235px; text-align:left;} .searchbox .textbox {width:120px; margin:0 5px;} #footer {clear:both; padding:20px 0 0 0; margin:60px 0 0 0; font-size:13px; position:relative; top:-30px; right:0;} #footer a {text-decoration:none;} ul.footernav {margin:0; padding:20px 0 0 0; list-style:none; text-transform:uppercase; font-weight:bolder;} ul.footernav li {display:inline; margin:0; padding:0;} ul.footernav li a {display:block; float:left; padding:0 2px; margin:0 10px 0 0; color:#004E76;} ul.footernav li a:hover {text-decoration:none; color:#0282c4; border-bottom:#56b6b9 5px solid;} ul.footernav li.active a {text-decoration:none; color:#0282c4; border-bottom:#56b6b9 5px solid; } .glyph { background:url(../images/logoglyph.png) 0 0 no-repeat; width:46px; height:74px; float:left; display:block; padding-right:8px; margin-top:0px; } #footer a.cyberwoven {color:#cbcbb3;} #footer a.cyberwoven:hover {text-decoration:none;} #footer a.cyberwoven:hover span {color:#cb5201; text-decoration:underline;} #social ul { margin:0; padding:0; } #social li {list-style:none; position:absolute; } #facebook {top:125px; left:870px; margin:0; } #facebook a { background:url(../images/facebookicon.png) no-repeat; width:32px; height:32px; text-indent:-9999px; display:block; } #facebook a:hover { background-position:0 -32px; display:block; } #facebookbubble { background:url(../images/bubble.png) 0 0 no-repeat; width:165px; height:105px; position:absolute; top:-10px; left:755px; font:Arial, Helvetica, sans-serif; padding:18px 0 0 0; margin:0; text-align:center; display:none; } #facebookbubble span { color:#0066CC; font-size:16px; font-weight:bolder;} #twitterbubble { background:url(../images/bubble.png) 0 0 no-repeat; width:165px; height:105px; position:absolute; top:-10px; left:800px; font:Arial, Helvetica, sans-serif; padding:18px 0 0 0; margin:0; text-align:center; display:none;} #twitterbubble span { color:#33CCFF; font-size:16px; font-weight:bolder;} #twitter { top:125px; left:920px; margin:0;} #twitter a {background: url(../images/twittericon.png) 0 0 no-repeat;width:32px; height:32px; text-indent:-9999px; display:block; } #twitter a:hover { background-position:0 -32px; display:block; } #sponsor ul { margin:0; padding:0;} #sponsor li {list-style:none; position:absolute;} .columbia { top:125px; left:325px; margin:0; } .columbia a {background: url(../images/columbia_logo.jpg) 0 0 no-repeat; width:129px; height:57px; text-indent:-9999px; display:block; } .columbia a:hover { background-position:0 -57px; display:block; } .arts { top:125px; left:460px; margin:0;} .arts a {background: url(../images/SCarts_logo.jpg) 0 0 no-repeat; width:70px; height:57px; text-indent:-9999px; display:block; } .arts a:hover { background-position:0 -57px; display:block; } .council { top:125px; left:545px; margin:0;} .council a {background: url(../images/culturalcouncil_logo.jpg) 0 0 no-repeat; width:135px; height:57px; text-indent:-9999px; display:block; } .council a:hover { background-position:0 -57px; display:block; } .richland { top:125px; left:690px; margin:0;} .richland a {background: url(../images/richland_logo.jpg) 0 0 no-repeat; width:54px; height:57px; text-indent:-9999px; display:block; } .richland a:hover { background-position:0 -57px; display:block; } .city { top:125px; left:755px; margin:0; position:absolute;} .city a {background: url(../images/city_logo.jpg) 0 0 no-repeat; width:59px; height:57px; text-indent:-9999px; display:block; } .city a:hover { background-position:0 -57px; display:block; } /* Homepage Specific ----------------------------------------------- */ body.home .content {width:100%; height:auto;} body.home .container {width:960px; margin:0 auto; text-align:left; position:relative; background: url(../images/pagebgn.jpg) 0 40px no-repeat; } #homeflash {display:block; width:688px; height:793px; float:left; margin:20px 0 0 0; } #homeflash .noflash {position:relative; width:688px; height:793px; } .caption {display:none; } .noflash a.upcoming { display:block; background:url(../images/upcoming/upcoming1_8bit.png) 0 0 no-repeat; width:688px; height:488px; margin:-20px 0 0 0; text-indent:-9999px;} .noflash a.upcomingsmall1 {display:block; background: url(../images/upcoming/upcoming2_lp.png) 0 -112px no-repeat; width:688px; height:112px; text-indent:-9999px; } .noflash a:hover.upcomingsmall1 { background-position: 0 0; } .noflash a.upcomingsmall2 {display:block; background: url(../images/upcoming/upcoming3_lp.png) 0 -112px no-repeat; width:688px; height:112px; text-indent:-9999px; } .noflash a:hover.upcomingsmall2 { background-position: 0 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;} div.homeinfo { position:absolute; left:770px; top:370px; width:192px;} div.homeinfo a {display:block; text-decoration:none; } div.homeinfo a:link h3{color:#004e76;} div.homeinfo a:hover h3 {color:#0282c4;} div.homeinfo a p {color:#004E76; margin:0px;} div.homeinfo a:hover p {color:#004E76; text-decoration:none;} div.homeinfo a span { background:#fbfdf6; display:block; height:7px; margin-top:15px;} div.homeinfo a:hover span {background:#56b6b9; margin-top:15px;} body.home .copyright { color:#cbcbb3; text-transform:uppercase; font-size:11px; font-weight:bold; padding:10px 0 10px 0; margin:10px 0 90px 0;} /* Internal Pages ----------------------------------------------- */ body.internal .container {width:960px; height:auto; margin:0 auto; text-align:left; position:relative; top:0; left:0; } body.internal .content { border-top:#dbdcc6 solid 1px; position:relative; top:55px; left:0; margin-bottom:55px;} body.internal .center { width:540px; min-height:745px; height:auto !important; height:745px; position:relative; top:10px; left:180px; margin:0; padding:0} body.internal h2 {font: bolder Arial, Helvetica, "Myriad Pro", "Trebuchet MS" sans-serif; font-size:36px; margin:0; padding:10px 0 10px 0; color:#cbcbb3; letter-spacing:-2px; line-height:37px; } body.internal div.homeinfo { position:absolute; left:770px; top:185px; width:190px;} body.internal div.homeinfo a {display:block; text-decoration:none; } body.internal div.homeinfo a:hover {color:#0282c4;} body.internal div.homeinfo a p {color:#002b3e; margin:0px;} body.internal div.homeinfo a:hover p {color:#002b3e; text-decoration:none;} body.internal div.homeinfo a span { background:#fbfdf6; display:block; height:7px;} body.internal div.homeinfo a:hover span {background: #56b6b9;} .intro {font-size:14px; font-weight:bolder; color:#43484c; letter-spacing:-0.02em; } body.internal .center span {font-size:13px; font-weight:bolder; color:#43484c; letter-spacing:-0.02em; } body.internal .center h3 { text-transform:none; } body.internal .copyright { color:#cbcbb3; text-transform:uppercase; font-size:11px; font-weight:bold; padding:10px 0 10px 0; margin:10px 0 10px 0;} body.internal .facemusic { background:url(../images/internalfooter.jpg) 0 0 no-repeat; width:972px; height:120px;} body.internal span.bottomnav {background: #15b5bb; display:block; height:8px;} body.internal div.homeinfo h4 {padding: 0; margin:0; list-style:none; text-transform:uppercase; font-size:20px; font-weight:bolder; color:#15b5bb; padding-bottom:10px; } body.internal div.homeinfo h4 a{padding: 0; margin:0; list-style:none; text-transform:uppercase; font-size:36px; font-weight:bolder; color:#15b5bb; padding-bottom:10px; } body.internal div.homeinfo h4 a:hover{color:#0282c4;} body.internal ul.nav {font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; font-weight:bold; list-style:none; padding:0; margin:0; text-transform:uppercase; color:#004e76; line-height:15px; } body.internal ul.nav li {font-style:normal; letter-spacing:normal; list-style:none; color:#00a9ff;} body.internal ul.nav li a {color:#004e76; padding:0 0 15px 0; margin:0;} body.internal ul.nav li.active a {color:#0282c4; text-decoration:none; padding:0 0 15px 0; margin:0; line-height:15px; } body.internal ul.nav li.active ul li a {color: #0282c4; font-style:normal; text-transform:none; font-weight:100; } body.internal ul.nav li.active ul li a:hover {color: #15B5BB; } body.internal ul.nav li.active ul li.active a {color:#004E76; } /*body.internal ul.nav { margin:5px 0 5px 0; padding:0; } body.internal .nav ul li a {text-transform:none; color:#00a9ff; padding:0; margin:0; } body.internal .nav ul li a:hover { text-decoration:none; padding:0; margin:0; } body.internal .nav ul li.active {color:#00a9ff; text-decoration:underline; padding:0; margin:0; } body.internal .nav ul li.active a {color:#00a9ff; text-transform:none; padding:0; margin:0; } body.internal .nav ul li.active a:hover {color: #C00; text-transform:none; padding:0; margin:0; } */ body.theconductor #bgimage {background:url(../images/bgn/internalImage4.jpg) no-repeat; width:450px; height:745px; position:absolute; top:166px; left:-260px; } body.internal #bgimage {width:450px; height:745px; position:absolute; top:166px; left:-260px; } .bg1 {background:url(../images/bgn/internalImage.jpg) no-repeat;} .bg2 {background:url(../images/bgn/internalImage2.jpg) no-repeat;} .bg3 {background:url(../images/bgn/internalImage3.jpg) no-repeat;} .bg4 {background:url(../images/bgn/internalImage4.jpg) no-repeat;} .bg5 {background:url(../images/bgn/internalImage5.jpg) no-repeat;} .bg6 {background:url(../images/bgn/internalImage6.jpg) no-repeat;} .bg7 {background:url(../images/bgn/internalImage7.jpg) no-repeat;} /*Protected */ .loginform { } /* 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 22px 10px 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 #333; background:none;} ul.photogallerylist li a.gallerythumb {display:block; position:absolute; top:5px; left:0; width:50px; height:50px; border:2px solid #333;} 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;} #rss { display:block; margin:0; position:absolute; right:20px; top:15px; } #rss a { display:block; padding:6px 30px 0 0; min-width:24px; min-height:24px; color:#a7a7a7; font-size:11px; font-style:italic; text-indent:-9999px; background:url(../images/rss_icon.png) no-repeat 100% 50%; } #rss a:hover { text-indent:0; } /* Calendar ---------------------------------------------- */ table.calendarheader { background:#fbfdf6; font:bolder 28px/32px Arial, Helvetica, sans-serif; color:#0282c4; padding:5px 0 12px 0; text-transform:uppercase;} h6.toggle_calendar a { text-indent:-9999px; } table.calendarbox { margin-top:5px; margin-bottom:30px; } table.calendarbox td { border-top:solid 1px #b5b4b1; border-bottom:solid 1px #b5b4b1; } table.calendarbox td.today { background:#ebebd3; border:#004e76 solid 2px; } table.calendarbox table.calendarheader td { border:none; } div#content table.calendarbox td h5 { color:#444; margin:5px; line-height:12px; } div#content table.calendarbox td.today h5 { color:#111; font-weight:bold; font-size:1em; color:#004E76; } div#content table.calendarbox td.othermonth h5 { color:#999; } div#content table.calendarbox td ul { padding:0; margin:0 5px;} div#content table.calendarbox td li { list-style:disc; color:#024365; margin:10px;} div#content table.calendarbox td li a {color:#004e76;} div#content table.calendarbox td li a:hover {color:#0282c4; text-decoration:underline;} .categoryselector .dropdown {margin:20px 0 20px 0;} table.calendarheader .nextprevmonth { background-color:#fbfdf6;} table.calendarheader .nextprevmonth a {color:#fbfdf6; } table.calendarheader .nextprevmonth a:hover { background:#fbfdf6;} /*--------Event Page-------------*/ .eventblock {border-bottom:#dbdcc6 solid 1px; padding:0 0 10px 0; margin:0 0 10px 0; width:540px; } body.internal .center span.eventdate {color:#15B5BB; text-transform:uppercase; padding:0;} h4.eventtitle {font-size:16px; padding:0; margin:0; } .eventdate {color:#15B5BB; } body.events .categoryselector {float:none; margin:20} .eventinfo {padding:5px 0 7px 0;} /*---------- News -------------- */ a.newsback {float:right; color:#004e76; padding:10px 10px 0 10px; height:28px;} .newsback a:visited { color:#15B5BB;} a.eventsback {float:left; color:#004e76; padding:10px 10px 0 10px; height:28px; } .eventsback a:visited { color:#15B5BB;} body.news h4.articletitle { font-size:16px; } body.news p.articlepreview { border-bottom:#dbdcc6 solid 1px; padding:0 0 15px 0; } body.internal .center span.articledate .month{padding:0 0 10px 0; text-transform:uppercase; color:#15B5BB;} body.internal .center span.articledate .day{padding:0 0 10px 0; text-transform:uppercase; color:#15B5BB;} body.internal .center span.articledate .year{padding:0 0 10px 0; text-transform:uppercase; color:#15B5BB;} /* Form Builder ---------------------------- */ fieldset.searchform { padding-left:15px;} fieldset.searchform label { position:absolute; left:-9999px; } fieldset.searchform input { width:300px; } fieldset.searchform input[type="submit"] { margin:15px 0 10px 5px; padding:2px 22px 2px 34px; width:auto; background-position:left -5px; } div.formrow {display:block; margin:0 0 10px 0; clear:both;} div.formrow label {display:block; clear:both; width:170px; text-align:right; float:left; margin:0 5px 0 0; padding:5px 8px 5px 12px; font-size:13px; color:#0067ac;} div.formrow label.required {background:#edf7fa url(../images/required-stripe.gif) no-repeat 0 0;} div.formrow input.textbox {display:block;background:#FFFFFF; width:200px; border:1px solid #ccc; margin:0 10px 0 0; font-size:12px; line-height:20px; padding:5px 5px; } div.formrow textarea {display:block; width:350px; height:125px; border:1px solid #ccc; margin:0 10px 0 0;} div.formrow span {display:block; padding-left:195px; margin:0; clear:left; font-size:11px; color:#555; font-style:italic;} div.formrow span.error {display:inline; padding-left:0; font-style:normal;} div.formrow span.error div {display:block; padding-left:195px;} div.formrow select {margin:4px 0 0 0;} input.formsubmit {clear:left; margin:20px 0 50px 171px; cursor:pointer; padding:2px 25px; display:block; float:left; font-size:14px; line-height:20px; border:1px solid #dbdcc6; background:#fbfdf6; color:#004E76;} input.formsubmit:hover {border:1px solid #; background:#dbdcc6; color:#0282C4; } div.formrow table {position:relative; left:-4px; margin:0; padding:0; text-align:left; border-spacing:0;} div.formrow table tr.even td {background:none;} div.formrow table tr td {padding:0 0 2px 0; line-height:14px; border:none; margin:0;} div.formrow table tr td label {display:inline; width:auto; text-align:left; float:none; margin:0; padding:0 0 0 5px; background:none; color:#333; font-size:12px;} .searchform div.formrow {height:75px; width:600px; padding-top:10px;} .searchform div.formrow .textbox {float:left; margin-right:5px;} .searchform div.formrow input.formsubmit {clear:none; float:left; margin:-1px 0 0 0; padding:4px 15px;} div.checkbox input {float:left; margin:0 6px 0 196px; clear:left;} div.checkbox label {float:left; clear:none; background:none; color:#333; padding:0; margin:0; text-align:left; font-size:12px;} /* 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 */ } /* Enotes -----------------------------------------------------*/ .internal a.musiclink img {clear:both; float:none; display:inline; margin:0; padding:0; border:0;}