/* THE VERA PROJECT CSS */ /* GENERAL -------------------------------------- */ body {background-color:#000; margin:0px; padding:0px;} #wrapper {float:center; width:900px; margin-left:100px; margin-top:20px; border:none; background-color:transparent;} #header {width:900px; height:100px; margin-top:0px; margin-bottom:0px;} #headerLeft {width:670px; margin-top:0px; padding:0px; float:left;} #headerRight {float:right; width:215px; margin-top:59px;} #rssBug {float:left; margin-right:15px; margin-bottom:10px;} .divHoriz {margin-bottom:20px; margin-top:10px;} .sidebarPromo {margin-bottom:15px; margin-top:5px;} #footAddress {text-align:center; margin-bottom:100px; margin-top:100px; color:#fff; font-family:Georgia, Garamond, serif; font-size:13px; font-weight:normal; line-height:22px;} #footAddress a {text-decoration:none; color:#f06;} #footAddress a:hover {text-decoration:underline;} .signupText {font-size:12px; margin-top:5px; font-style:italic;} #coltitles { margin-left:0px; margin-bottom:5px; margin-top:5px; font-weight: normal; text-transform: uppercase; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:14px; } /* SUB NAV -------- */ #subNav {width:900px; height:30px; margin-top:50px; padding-top:5px; background:url(../images/bg_subNav.gif) no-repeat; text-align:center; color:#fff; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:10px; letter-spacing:.1em; font-weight:bold; line-height:22px;} #subNav a {text-decoration:none; color:#0cf;} #subNav a:hover {text-decoration:none; color:#fff;} /* SEARCH -------- */ #topbar_search {white-space: nowrap; float:left; width: 210px; margin-left:0px;} #topbar_search input.search-submit {margin: 0 0 0 3px;} input.top-search {width:150px; height:24px; background:url(../images/bg_search.gif) no-repeat; padding: 4px 0px 0 10px; font-weight:bold; border:0; color:#666; float:left;} input.search-submit {float:left; width:34px; height:28px; background:url(../images/b_search.gif) no-repeat; border:0; text-indent:-9999px; cursor:pointer; margin-left:0px;} form.top-search {margin: 10px 0 30px 0; color:#a9a9a9;} /* SIGNUP -------- */ #signup { white-space: nowrap; float:left; width: 205px; margin-left:0px;} #signup input.signup-submit {margin: 0 0 0 5px;} #signupTitle {margin-left:0px; margin-bottom:5px;} input.signup-box {width:150px; height:24px; background:url(../images/bg_search.gif) no-repeat; padding: 4px 0px 0 10px; font-weight:bold; border:0; color:#666; float:left; margin-bottom:5px;} input.signup-submit {float:right; width:25px; height:28px; background:url(../images/b_signupArrow.gif) no-repeat; border:0; text-indent:-9999px; cursor:pointer;} form.signup-box {margin: 0px 15px 5px 0; color:#333;} /* HOME EVENT DATES -------- */ ul#dates {list-style-type: none;} ul#dates {margin: 0 0 0 -40px;} ul#dates li {padding: 0px 0; font-size: 12px; line-height: 1.2em; margin-left:0px; margin-top:20px;} ul#dates li img {margin: 5px 0 0 0;} .event-date {width:50px; padding-top:8px; padding-bottom:5px; margin-bottom:5px; background:url(../images/bg_dates.gif) no-repeat;} .event-day {color:#000; font-size:25px; text-align:center; height:26px; line-height: .8; margin-right:10px; padding:0;} .event-month {color:#000; font-size:12px; text-align:center; height:11px; margin-top:0px; margin-right:10px; padding:0;} .event-info {width:130px; margin-left: 55px; margin-top:-47px; padding:0;} /* HOME -------------------------------------- */ #HomeContent {width:900px; margin:0px 0px 0px 0px; padding-bottom:55px;} #HomeMedia {margin-top:50px;} #HomeLeftTitle {margin-bottom:5px;} #HomeLeftCol {width:200px; float:left; color:#fff; font-family:Georgia, Garamond, serif; font-size:14px; font-weight:normal; line-height:18px;} #HomeLeftCol a {text-decoration:none; color:#0cf;} #HomeLeftCol a:hover {text-decoration:underline;} #HomeMidCol .borders {border-left: 1px solid #333; border-right: 1px solid #333;} #HomeMidCol {width:470px; float:left; color:#fff; font-family:Georgia, Garamond, serif; font-size:14px; font-weight:normal; line-height:22px;} #HomeMidCol a {text-decoration:none; color:#0cf;} #HomeMidCol a:hover {text-decoration:underline;} #HomeMidCol #blogrollTitle {margin-left:15px; margin-bottom:15px;} #HomeMidCol .blogEntry {margin-left:15px; margin-right:20px;} #HomeRightCol {width:205px; float:left; margin-left:15px; margin-right:0px; color:#fff; font-family:Georgia, Garamond, serif; font-size:12px; font-weight:normal; line-height:17px;} #HomeRightCol a {color:#0cf; text-decoration:none;} #HomeRightCol a:hover {text-decoration:underline;} .EntryTitle {color:#fff; font-size:18px; line-height:20px; margin-bottom:2px;} .EntryDate {color:#0cf; font-size:16px; font-style:normal; line-height:20px; margin-bottom:3px;} .EntryLink {color:#fff; font-size:12px; line-height:25px; margin-top:10px; margin-bottom:35px;} /* SHOWS -------------------------------------- */ #ShowsContent {width:900px; margin:0px 0px 0px 0px; padding-bottom:55px;} #ShowsLeftTitle {margin-bottom:5px;} #ShowsLeftCol {width:670px; float:left; color:#fff; font-family:Georgia, Garamond, serif; font-size:14px; font-weight:normal; line-height:22px;} #ShowsLeftCol a {text-decoration:none; color:#0cf;} #ShowsLeftCol a:hover {text-decoration:underline;} #ShowsLeftCol .rightBorder {border-right: 1px solid #333;} #ShowsRightCol {width:205px; float:left; margin-left:15px; margin-right:0px; color:#fff; font-family:Georgia, Garamond, serif; font-size:15px; font-weight:normal; line-height:17px;} #ShowsRightCol a {color:#0cf; text-decoration:none;} #ShowsRightCol a:hover {text-decoration:underline;} /* SHOW PREVIEWS -------------------------------------- */ /* .classEntry {margin-bottom:70px;} */ .previewTitle {font-size:22px; color:#f06; margin-top:20px; margin-bottom:5px;} /* .classBtn {float:left; margin-right:10px; margin-top:10px;} */ /* .entryPhoto {border:3px solid #333; margin-top:10px; margin-bottom:10px;} */ /* SHOWS DATES -------- */ #ShowsDates {padding: 0px 0; font-size: 14px; line-height:.05em; margin-left:0px; margin-top:20px; margin-bottom:0px;} .show-entry {border-bottom:0px dashed #949594; padding-bottom:0px; margin-bottom:10px;} .show-date {float:left; background-color:transparent; width:50px; height:45px; padding-top:8px; background:url(../images/bg_dates.gif) no-repeat;} .show-day {color:#000; font-size:25px; text-align:center; margin-right:10px; padding:0;} .show-month {color:#000; font-size:12px; text-align:center; height:11px; margin-top:7px; margin-bottom:2px; margin-right:10px; padding:0;} .showBox-black {background:#000; margin-right:5px; margin-left:53px; height:50px;} .showBox-gray {background:#1f1f1f; margin-right:5px; margin-left:53px; height:50px;} .show-description {color:#fff; padding-top:9px; width:480px; margin-left:20px; float:left;} .show-description p {border:0px; text-align:left; margin-top:5px;} .show-tix {float:right; width:65px; padding-top:17px; padding-right:30px; text-align:right;} /* PROGRAMS -------------------------------------- */ #ProgramsContent {width:900px; margin:0px 0px 0px 0px; padding-bottom:55px;} #ProgramsLeftTitle {margin-bottom:5px;} #ProgramsLeftCol {width:200px; float:left; color:#fff; font-family:Georgia, Garamond, serif; font-size:14px; font-weight:normal; line-height:22px;} #ProgramsLeftCol a {text-decoration:none; color:#0cf;} #ProgramsLeftCol a:hover {text-decoration:underline;} #sideNav {margin-top:60px; margin-right:15px; text-align:right; color:#fff; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:11px; letter-spacing:.2em; font-weight:bold; line-height:14px;} #sideNav a {text-decoration:none; color:#0cf;} #sideNav a:hover {text-decoration:none; color:#fff;} #sideNav .sideDivider {margin-top:0px; margin-bottom:3px;} #ProgramsMidCol .borders {border-left: 1px solid #333; border-right: 1px solid #333;} #ProgramsMidCol {width:470px; float:left; color:#fff; font-family:Georgia, Garamond, serif; font-size:14px; font-weight:normal; line-height:22px;} #ProgramsMidCol a {text-decoration:none; color:#0cf;} #ProgramsMidCol a:hover {text-decoration:underline;} #ProgramsMidCol .midTitle {margin-left:15px; margin-bottom:15px; color:#fff; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:18px; letter-spacing:0em; font-weight:normal; line-height:22px;} #ProgramsMidCol .contentEntry {margin-left:15px; margin-right:20px;} #ProgramsRightCol {width:205px; float:left; margin-left:15px; margin-right:0px; color:#fff; font-family:Georgia, Garamond, serif; font-size:14px; font-weight:normal; line-height:17px;} #ProgramsRightCol a {color:#0cf; text-decoration:none;} #ProgramsRightCol a:hover {text-decoration:underline;} .titleRightCol {margin-top:20px;} .sidebarBtn {margin-bottom:20px;} .EntryTitle {color:#fff; font-size:18px; line-height:20px; margin-bottom:2px;} .EntryDate {color:#0cf; font-size:16px; font-style:normal; line-height:20px; margin-bottom:3px;} .EntryLink {color:#fff; font-size:12px; line-height:25px; margin-top:10px; margin-bottom:35px;} /* GENERAL PAGES -------------------------------------- */ #GenContent {width:900px; margin:0px 0px 0px 0px; padding-bottom:55px;} #GenContent .leftTitle {margin-left:0px; margin-bottom:15px; color:#fff; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:18px; letter-spacing:0em; font-weight:normal; line-height:22px;} #GenLeftCol {width:650px; float:left; color:#fff; font-family:Georgia, Garamond, serif; font-size:14px; font-weight:normal; line-height:22px;} #GenLeftCol a {text-decoration:none; color:#0cf;} #GenLeftCol a:hover {text-decoration:underline;} #GenLeftCol .rightBorder {border-right: 1px solid #333; padding-right:20px;} #GenLeftCol_sm {width:654px; float:left; color:#fff; font-family:Georgia, Garamond, serif; font-size:14px; font-weight:normal; line-height:22px;} #GenLeftCol_sm a {text-decoration:none; color:#0cf;} #GenLeftCol_sm a:hover {text-decoration:underline;} #GenRightCol .leftBorder {border-left: 1px solid #333; padding-left:15px;} #GenRightCol {width:205px; float:left; margin-left:15px; margin-right:0px; color:#fff; font-family:Georgia, Garamond, serif; font-size:14px; font-weight:normal; line-height:17px;} #GenRightCol a {color:#0cf; text-decoration:none;} #GenRightCol a:hover {text-decoration:underline;} .genTitle {font-size:26px; color:#f06; margin-top:20px; margin-bottom:5px;} .inlineBtn {float:left; margin-right:10px; margin-bottom:20px;} /* CLASS PAGES -------------------------------------- */ .classEntry {margin-bottom:70px;} .classTitle {font-size:22px; color:#f06; margin-top:20px; margin-bottom:5px;} .classBtn {float:left; margin-right:10px; margin-top:0px; margin-bottom:5px;} .entryPhoto {border:3px solid #333; margin-top:10px; margin-bottom:10px;} /* BLOG -------------------------------------- */ #BlogSpacer {height:80px;} .blogEntry {margin-bottom:60px; margin-top:0px;} .blogTitle {font-size:22px; color:#f06; margin-top:0px; margin-bottom:2px;} .blogDate {font-size:13px; font-style:italic; color:#0cf; margin-bottom:0px;} .blogLinks {float:left; margin-right:10px; margin-top:10px; color:#fff; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:10px; letter-spacing:.1em; font-weight:bold; line-height:10px;} .blogLinks a {text-decoration:none; color:#0cf;} .blogLinks a:hover {text-decoration:none; color:#fff;} .tweetItem { } /* BLOG -------------------------------------- */ #StoreSpacer {height:80px;} /* TOP NAVIGATION -------------------------------------- */ #NavSpacer {height:30px;} ul {margin:0;} #nav { background:transparent url(../images/navTop.gif) no-repeat 0 0; height:40px; border:0px solid #000; width:900px; float:left; text-indent:-9999px; position:relative; padding:0px; margin-left:0px; margin-top:20px; margin-bottom:0px; } #nav a {outline:none;} #nav li { margin-left:0; } #buttons { height:40px; position:relative; } #buttons li {list-style: none; position:absolute;} #buttons li, #buttons a {height:40px; display:block; top:0;} #button1 {left: 0; width: 71px;} #button2 {left: 71px; width: 65px;} #button3 {left: 136px; width: 114px;} #button4 {left: 249px; width: 96px;} #button5 {left: 344px; width: 133px;} #button6 {left: 476px; width: 104px;} #button7 {left: 579px; width: 72px;} #button8 {left: 650px; width: 54px;} #button9 {left: 703px; width: 63px;} #button10 {left: 765px; width: 59px;} #button11 {left: 823px; width: 78px;} #button1 a:hover {background: transparent url(../images/navTop.gif) 0 -40px no-repeat;} #button2 a:hover {background: transparent url(../images/navTop.gif) -71px -40px no-repeat;} #button3 a:hover {background: transparent url(../images/navTop.gif) -136px -40px no-repeat;} #button4 a:hover {background: transparent url(../images/navTop.gif) -249px -40px no-repeat;} #button5 a:hover {background: transparent url(../images/navTop.gif) -344px -40px no-repeat;} #button6 a:hover {background: transparent url(../images/navTop.gif) -476px -40px no-repeat;} #button7 a:hover {background: transparent url(../images/navTop.gif) -579px -40px no-repeat;} #button8 a:hover {background: transparent url(../images/navTop.gif) -650px -40px no-repeat;} #button9 a:hover {background: transparent url(../images/navTop.gif) -703px -40px no-repeat;} #button10 a:hover {background: transparent url(../images/navTop.gif) -765px -40px no-repeat;} #button11 a:hover {background: transparent url(../images/navTop.gif) -823px -40px no-repeat;} #button1 a#on {background: transparent url(../images/navTop.gif) 0 -80px no-repeat;} #button2 a#on {background: transparent url(../images/navTop.gif) -71px -80px no-repeat;} #button3 a#on {background: transparent url(../images/navTop.gif) -136px -80px no-repeat;} #button4 a#on {background: transparent url(../images/navTop.gif) -249px -80px no-repeat;} #button5 a#on {background: transparent url(../images/navTop.gif) -344px -80px no-repeat;} #button6 a#on {background: transparent url(../images/navTop.gif) -476px -80px no-repeat;} #button7 a#on {background: transparent url(../images/navTop.gif) -579px -80px no-repeat;} #button8 a#on {background: transparent url(../images/navTop.gif) -650px -80px no-repeat;} #button9 a#on {background: transparent url(../images/navTop.gif) -703px -80px no-repeat;} #button10 a#on {background: transparent url(../images/navTop.gif) -765px -80px no-repeat;} #button11 a#on {background: transparent url(../images/navTop.gif) -823px -80px no-repeat;} /* FOOTER NAVIGATION -------------------------------------- */ #footerNav { background:transparent url(../images/navFooter.gif) no-repeat 0 0; height:42px; border:0px solid #000; width:900px; float:left; text-indent:-9999px; position:absolute; left:50%; padding:0px; margin-left:-450px; margin-top:50px; margin-bottom:0px; } #footerNav a {outline:none;} #footerNav li { margin-left:0; } #btnsFooter { height:42px; position:relative; } #btnsFooter li {list-style: none; position:absolute;} #btnsFooter li, #btnsFooter a {height:42px; display:block; top:0;} #btnFooter1 {left: 0; width: 71px;} #btnFooter2 {left: 71px; width: 65px;} #btnFooter3 {left: 136px; width: 114px;} #btnFooter4 {left: 249px; width: 96px;} #btnFooter5 {left: 344px; width: 133px;} #btnFooter6 {left: 476px; width: 104px;} #btnFooter7 {left: 579px; width: 72px;} #btnFooter8 {left: 650px; width: 54px;} #btnFooter9 {left: 703px; width: 63px;} #btnFooter10 {left: 765px; width: 59px;} #btnFooter11 {left: 823px; width: 78px;} #btnFooter1 a:hover {background: transparent url(../images/navFooter.gif) 0 -42px no-repeat;} #btnFooter2 a:hover {background: transparent url(../images/navFooter.gif) -71px -42px no-repeat;} #btnFooter3 a:hover {background: transparent url(../images/navFooter.gif) -136px -42px no-repeat;} #btnFooter4 a:hover {background: transparent url(../images/navFooter.gif) -249px -42px no-repeat;} #btnFooter5 a:hover {background: transparent url(../images/navFooter.gif) -344px -42px no-repeat;} #btnFooter6 a:hover {background: transparent url(../images/navFooter.gif) -476px -42px no-repeat;} #btnFooter7 a:hover {background: transparent url(../images/navFooter.gif) -579px -42px no-repeat;} #btnFooter8 a:hover {background: transparent url(../images/navFooter.gif) -650px -42px no-repeat;} #btnFooter9 a:hover {background: transparent url(../images/navFooter.gif) -703px -42px no-repeat;} #btnFooter10 a:hover {background: transparent url(../images/navFooter.gif) -765px -42px no-repeat;} #btnFooter11 a:hover {background: transparent url(../images/navFooter.gif) -823px -42px no-repeat;} #btnFooter1 a#on {background: transparent url(../images/navFooter.gif) 0 -84px no-repeat;} #btnFooter2 a#on {background: transparent url(../images/navFooter.gif) -71px -84px no-repeat;} #btnFooter3 a#on {background: transparent url(../images/navFooter.gif) -136px -84px no-repeat;} #btnFooter4 a#on {background: transparent url(../images/navFooter.gif) -249px -84px no-repeat;} #btnFooter5 a#on {background: transparent url(../images/navFooter.gif) -344px -84px no-repeat;} #btnFooter6 a#on {background: transparent url(../images/navFooter.gif) -476px -84px no-repeat;} #btnFooter7 a#on {background: transparent url(../images/navFooter.gif) -579px -84px no-repeat;} #btnFooter8 a#on {background: transparent url(../images/navFooter.gif) -650px -84px no-repeat;} #btnFooter9 a#on {background: transparent url(../images/navFooter.gif) -703px -84px no-repeat;} #btnFooter10 a#on {background: transparent url(../images/navFooter.gif) -765px -84px no-repeat;} #btnFooter11 a#on {background: transparent url(../images/navFooter.gif) -823px -84px no-repeat;} /* SOCIAL COMMUNITY NAVIGATION -------------------------------------- */ #socialNav { background:transparent url(../images/navCommunity.gif) no-repeat 0 0; height:25px; border:0px solid #000; width:480px; float:left; text-indent:-9999px; position:absolute; left:50%; padding:0px; margin-left:-240px; margin-top:50px; margin-bottom:0px; } #socialNav a {outline:none;} #socialNav li { margin-left:0; } #socIcons { height:25px; position:relative; } #socIcons li {list-style: none; position:absolute;} #socIcons li, #socIcons a {height:25px; display:block; top:0;} #socIcon1 {left: 0; width: 95px;} #socIcon2 {left: 95px; width: 116px;} #socIcon3 {left: 211px; width: 107px;} #socIcon4 {left: 318px; width: 86px;} #socIcon5 {left: 404px; width: 76px;} #socIcon1 a:hover {background: transparent url(../images/navCommunity.gif) 0 -25px no-repeat;} #socIcon2 a:hover {background: transparent url(../images/navCommunity.gif) -95px -25px no-repeat;} #socIcon3 a:hover {background: transparent url(../images/navCommunity.gif) -211px -25px no-repeat;} #socIcon4 a:hover {background: transparent url(../images/navCommunity.gif) -318px -25px no-repeat;} #socIcon5 a:hover {background: transparent url(../images/navCommunity.gif) -404px -25px no-repeat;} /* SIGNUP -------------------------------------- */ #subscribe {color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-top:5px; width:80px; float:left;} #unsubscribe {color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-top:5px; width:75px; float:left;} #signup form input.action_subscribe {width:12px; height:14px; margin-top:0px; border:none; vertical-align:middle;} #signup form input.action_unsubscribe {width:12px; height:14px; margin-top:0px; border:none; vertical-align:middle;} #formArea {color:#fff; width:189px; height:110px; background-color:#000000; border:none; text-align:left; padding-left:0px; margin-top:0px;} #textfieldText {color:#e2e2e2; height:19px; width:180px; border:none; margin-top:5px; margin-bottom:4px; background-color:#333; background-repeat:no-repeat; background-position:left top; padding-top:2px; padding-left:3px;} #formArea form input.button {height:18px; width:62px; border:none; margin-left:122px; padding-top:0px; padding-left:0px;} IMG.newsletterSignup {margin-bottom:15px;} /* FOOTER */ #bottomNav {width:1024px; height:45px; margin:647px 0px 0px 0px; text-align:center; background-image:url(../images/bottomNavRule.jpg); background-repeat:no-repeat; background-position:center top; vertical-align:bottom;} #bottomNavNews {width:999px; height:200px; margin:0px 0px 0px 0px; text-align:center; background-image:url(../images/waves.png); background-repeat:no-repeat; background-position:center top; vertical-align:bottom;} #bottomNavShows {width:999px; height:200px; margin:0px 0px 0px 0px; text-align:center; background-image:url(../images/waves.png); background-repeat:no-repeat; background-position:center top; vertical-align:bottom;} #clear {clear:both;} /* RIGHT COL TITLES */ .right_col_title {font-family:Sans-Serif;} /* SEARCH RESULTS PAGE */ .searchResult {margin-bottom:18px;}