/*HTML Elements*/
html, table tr td {
font: 12px Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
body {
text-align: center;
margin: 0 auto;
}
body.college { background: #333 url('../images/col_bg.jpg') repeat-x top; }
#kontainer {
width: 779px;
margin: 10px auto 0px auto;
padding: 10px 6px 0px 7px;
text-align: left;
}
body.college #kontainer { background: transparent url('../images/college_body_bg.png') no-repeat top; }
a {
color: #FFF;
}
a:link, a:visited {
text-decoration: none !important;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: #224C2F;
}
img {
border: none!important;
}
map {
border: none;
}
ul {
}
ul li {
list-style: circle;
text-decoration: none;
}
ul li a {
text-decoration: none;
}
ol {
}
ol li {
}
h1, h2, h4, h5 {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
letter-spacing: -.05em;
margin: 0;
padding: 0;
line-height: 1em;
}
h1 {
font-size: 25px;
color: #F22B30;
}
h2 {
font-size: 19px;
color: #FFFFFF;
}
h3 {
font-family: Tahoma, Arial, "MS Trebuchet", sans-serif;
font-size: 14px;
margin-bottom: 0px;
padding-bottom: 0px;
}
h4 {
color: #660000;
font-size: 16px;
}
h5 {
font-size: 20px;
}
p {
color: #FFFFFF;
}
.sIFR-replaced h1 {
color: #3A990D;
}
.sIFR-alternate {
display: none;
position: relative;
left: -9999px;
}
/*DOM Specific*/
div#podcast {
position: relative;
z-index: 9999;
margin-top: -4px;
}
div#logo {
position: relative;
z-index: 999;
margin: 20px 0 0 25px;
width: 239px;
height: 73px;
/*background: transparent url('../images/Logo.png') no-repeat;*/
}
/*------------ Site Navigation --------- */
div#nav {
text-align: center;
position: relative;
z-index: 80;
margin: 35px 0px 10px 20px;
padding-top: 60px;
width: 740px;
height: 57px;
}
body.college div#nav {
display: block;
background: transparent url('../images/college_nav_clear.png') no-repeat;
}
body.college div#nav ul, body.corp div#nav ul {
padding: 0;
margin-top: 20px;
padding-left: 100px;
}
body.college div#nav ul li, body.corp div#nav ul li {
padding: 0px;
margin: 0 30px;
display: inline;
/*text-indent: -99999999px;*/
}
body.college div#nav ul li a, body.corp div#nav ul li a {
float: left;
cursor:pointer;
height:29px!important;
text-indent:-9999px;
z-index:1800;
margin-right: 30px;
}
body.college div#nav ul li a.music, body.corp div#nav ul li a.music {
background:transparent url('../images/coll_music.png') no-repeat scroll 0pt;
width: 65px;
}
body.college div#nav ul li a.comedy, body.corp div#nav ul li a.comedy {
background:transparent url('../images/coll_comedy.png') no-repeat scroll 0pt;
width: 81px;
}
body.college div#nav ul li a.speakers {
background:transparent url('../images/coll_speakers.png') no-repeat scroll 0pt;
width: 98px;
}
body.corp div#nav ul li a.games {
background:transparent url('../images/coll_games.png') no-repeat scroll 0pt;
width: 97px;
}
body.college div#nav ul li a.novelty, body.corp div#nav ul li a.novelty {
background:transparent url('../images/coll_novelty.png') no-repeat scroll 0pt;
width: 81px;
}
body.college div#nav ul li a.concerts {
background:transparent url('../images/coll_concerts.png') no-repeat scroll 0pt;
width: 97px;
}
body.corp div#nav ul li a.variety {
background:transparent url('../images/coll_variety.png') no-repeat scroll 0pt;
width: 97px;
}
body.private div#nav {
display: block;
}
div#spotlight {
float: left;
width: 472px;
margin: 0px 0px 0px 20px;
padding: 10px 10px 10px 10px;
}
body.subpage div#spotlight {
background: #F8F5E8 url('../images/sub_bg_top.jpg') repeat-x top!important;
color: #000!important;
width: 440px;
padding-top: 18px;
padding-bottom: 18px;
margin: -10px 0px 0px 35px;
min-height:400px;
}
body.subpage div#spotlight p {
color: #000!important;
}
body.subpage div#spotlight a {
color: #2868C4!important;
}
body.subpage div#spotlight a:hover {
color: #183F76!important;
}
body.college div#spotlight, body.corp div#spotlight { background: transparent url('../images/spotlight_top_ie.png') no-repeat top; }
div#spotlight h1#h1_spotlight {
position: absolute;
display: block;
width: 142px;
height: 51px;
margin: 0px;
padding: 0px;
text-indent: -99999px;
background: transparent url('../images/h1_spotlight.png') no-repeat;
}
div#spotlight div.spotlight_artist {
margin-top: 10px;
height: 122px!important;
}
div#spotlight div.spotlight_artist div.artist_name {
width: 260px;
text-align: center;
height: 122px!important;
background: transparent url('../images/name_shadow.png') no-repeat center bottom;
}
div#spotlight div.spotlight_artist div.artist_name h2 {
padding-top: 60px;
padding-bottom: 0px;
margin-bottom: 0px;
height: 2px;
}
div#spotlight div.spotlight_artist div.artist_name h2 span {
display: none;
}
div#spotlight div.spotlight_artist table {
float: right;
margin: 0px 10px 0px 0px;
}
div#spotlight div.spotlight_footer {
margin-left: -10px;
width: 492px;
height: 14px;
background: transparent url('../images/spotlight_footer.png') no-repeat;
}
body.subpage div.spotlight_footer {
background-image: none !important;
}
div#news {
float: right;
display: block;
width: 244px;
padding-bottom: 100px;
height: auto;
margin: 14px 20px 10px 0px;
background: #0066cc url('../images/col_news_bottom.png') no-repeat bottom ;
}
div#news_top {
position: relative;
top: -14px;
width: 244px;
height: 14px;
background: transparent url('../images/col_news_top.png') ;
}
div#news p {
padding-top: 0px;
margin-top: 0px;
}
div#news a{
color:#000;
}
div#news h2#artist_news {
display: block;
margin: 0px 0px 15px 0px;
padding: 0px;
width: 101px;
height: 25px;
text-indent: -9999px;
background: transparent url('../images/col_art_news_header.png') no-repeat ;
}
div#news_content {
padding: 0px 20px 0px 20px;
}
/*------------ Splash Page ----------------*/
body.splash{
background: #fff url('../images/splash_bg.jpg') repeat-x top;
}
body.splash ul li{
display: inline;
margin: 3px;
padding: 0px;
}
body.splash #kontainer {
background: transparent url('../images/splash_konbg.jpg') no-repeat;
width: 780px;
height: 688px;
position:absolute;
top:50%;
left:50%;
margin:-344px 0px 0px -390px;
padding: 10px 6px 0px 6px;
text-align: center;
}
body.splash #footer {
width: 789px;
height: 70px;
position:absolute;
top:50%;
left:50%;
margin: 344px auto auto -394px;
padding: 10px 6px 0px 6px;
text-align: center;
}
body.splash ul{
margin: 275px 0px 0px 0px;
padding: 0px;
list-style: none;
}
/*----------- Corporate Page ----------------------*/
body.corp{
background: #20334b url('../images/corp_bg.jpg') repeat-x top;
}
body.corp div#nav{
display: block;
background: transparent url('../images/corp_nav_clear.png') no-repeat;
}
body.corp div#footer { background: transparent url('../images/college_body_bg_footer.png') no-repeat top center; }
body.corp #kontainer { background: transparent url('../images/college_body_bg.png') no-repeat top; }
body.college div#nav {
display: block;
background: transparent url('../images/college_nav_clear.png') no-repeat;
}
/*------------ Artist Browser only --------- */
#artistbrowser {
float: left;
width: 492px;
height: 130px;
background: url('../images/col_artist_bg.png') no-repeat top;
margin: 0px 0px 10px 20px;
overflow: auto;
}
#artistbrowser li {
list-style: none;
}
#pb-artistbrowsercontainer {
position: relative;
width: 492px;
height: 105px;
margin: 0 auto;
overflow: hidden;
}
#pb-artistslider { top: 4px; left: 0; width: 2700px; height: 130px; position: absolute; margin: 0; padding: 0; }
#pb-artistslider li { float: left; width: 95px; height: 60px; position: relative; top: 0; }
#pb-artistslider li a:link,#pb-artistslider li a:visited {
float: left;
width: 100%;
padding-top: 20px;
overflow: hidden;
color: #000;
text-indent: 6px;
font-size: 11px;
text-align: center;
background-position: 50% 100%;
background-repeat: no-repeat;
}
#pb-artistslider li a:hover { text-decoration: none; color: #fff; }
#pb-artistslidertrack { position: absolute; top: 110px; left: 10px; width:470px; height:19px; overflow: hidden; visibility: hidden; }
#pb-cat1, #pb-cat2, #pb-cat3, #pb-cat4 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; }
#pb-cat1 { left: 15px; }
#pb-cat2 { left: 154px; }
#pb-cat3 { left: 210px; }
#pb-cat4 { left: 320px; }
#pb-artistsliderhandle { position: absolute;
width: 13px;
height: 3px;
cursor: pointer;
z-index: 155;
}
#pb-artistsliderhandleimage {
position: absolute;
width: 13px;
height: 3px;
background-color: #FFF;
cursor: pointer;
z-index: 5;
}
#pb-leftarrow {
position: absolute;
left: 0px;
top: 47px;
width: 16px;
height: 26px;
background: transparent url('../images/col_art_larrow.png') no-repeat;
z-index: 150;
cursor: pointer;
}
#pb-rightarrow {
position: absolute;
left: 477px;
top: 47px;
width: 16px;
height: 26px;
background: transparent url('../images/col_art_rarrow.png') no-repeat;
z-index: 150;
cursor: pointer;
}
/*------------ Close : Artist Browser --------- */
div#footer {
margin: 0px auto;
padding: 10px 6px 0px 7px;
text-align: center;
width: 789px;
height: 70px;
font: 100% "Helvetica-Neue Lt", "Helvetica Neue Lt Std", "Helvetica Neue", "Helvetica", Verdana, sans-serif;
}
body.college div#footer { background: transparent url('../images/college_body_bg_footer.png') no-repeat top center; }
div#footer ul {
width: 769px;
padding: 0px;
margin-left: 27px;
text-align: center;
margin-top: 18px;
float: left;
height: 31px;
}
div#footer ul li {
display: inline;
}
div#footer ul li a {
float: left;
cursor:pointer;
height:27px;
text-indent:-9999px;
z-index:1800;
margin-right: 2px;
}
div#footer ul li a#tab_calendar {
width: 180px;
background: transparent url('../images/tab_calendars.png');
}
div#footer ul li a#tab_contact {
width: 181px;
background: transparent url('../images/tab_contactus.png');
}
div#footer ul li a#tab_artseekrep {
width: 182px;
background: transparent url('../images/tab_artseekrep.png');
}
div#footer ul li a#tab_about {
width: 181px;
background: transparent url('../images/tab_aboutus.png');
}
div#footer p {
font: 10px Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
padding-bottom: 10px;
}
div#footer p span {
color: #00CCFF;
}
/*Other Overrides*/
.right {
float: right;
}
.left {
float: left;
}
.clear {
clear: both;
}
.newspic {
padding:5px 10px 5px 0px;
}
.newslink {
color:#fff ;
}
a.newslink:visited {
color:#ff7c0f;
}
/*Jcarousel*/
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list{ z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 95px; height: 60px; }
.jcarousel-container {
display: block;
position: relative!important;
width: 492px!important;
height: 105px!important;
margin: 0 auto;
overflow: hidden;
}
.jcarousel-clip {
display: block;
width: 492px;
height: 105px;
left: 0px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
z-index: 20;
}
.jcarousel-clip ul#pb-artistslider { margin-left: 8px; }
.jcarousel-clip ul#pb-artistslider li a.last { padding-right: 8px!important; }
div.jcarousel-prev {
position: absolute;
left: 0px;
top: 47px;
width: 16px!important;
height: 26px!important;
background: transparent url('../images/col_art_larrow.png') no-repeat;
z-index: 150;
cursor: pointer;
z-index: 300;
display: none;
}
div.jcarousel-prev-disabled { background-image: none; }
div.jcarousel-next {
position: absolute;
left: 477px;
top: 47px;
width: 16px;
height: 26px;
background: transparent url('../images/col_art_rarrow.png') no-repeat;
z-index: 150;
cursor: pointer;
z-index: 300;
display: none;
}
div.jcarousel-next-disabled { background-image: none; }