/*
RTR primary CSS document.
AUTHOR: T Morris/ Papercut Media
STRUCTURE:
- Defaults
- Structural Boxes
- Header/Menu/Submenu Styles
- Header
- Main Menu
- SubMenu
- SecondaryNav
- FeatureAblums
- Section/page background image/header/colour adjustments
- Basic Content Styles
- content boxes
- h1/h1 boxHeading styles
- sectionMenu styles
- repeated supplement/column modules - non page/section/colour specific
- Detailed Page/section styles
- Index styles -> see index.css
-
- More to be filled in :-)
/*
/* DEFAULTS */
html, body {
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
margin: 0;
padding: 0;
color: #000;
background-color: #D2D1A0;
}
body {font-size: 62.5%; }
* {
font-size: 1em;
}
div, form{
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd {
line-height:1.1em;
margin:0;
}
ul, ol, dl, li, dt, dd {
font-size: 1em;
list-style: none outside;
}
h1, h2, h3, h4, h5, h6{
padding: 0 0 .2em 0;
}
h1{
font-size: 2.2em;
}
h2{
font-size: 1.8em;
}
h3 {
font-size: 1.6em;
color:#444444;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.3em;
}
h6 {
font-size: 1.2em;
}
p, li, dt, dd {
font-size: 1.2em;
line-height: 1.5em;
}
p, ul, ol, dl {
padding: 0 0 1em 0;
}
li li, li dt, li dd, li p, li h2, li h3,li h4,li h5,
dt li, dt dt, dt dd, dt p, dt h2, dt h3,
dd li, dd dt, dd dd, dd p, dd h2, dd h3{
font-size: 1em;
}
dt{font-weight:bold;}
a {
color:#CE041B;
text-decoration:none;
}
a:hover {text-decoration:underline; }
img, a img {
vertical-align:text-top;
border: none;
}
/* BASE FORMS */
form{ width:450px; padding:0 0 1.5em 0;}
#supplement form{ width:208px; }
form input,
form select,
form textarea,
form fieldset{
font-size: 1.1em;
margin:0;
padding:2px;
background:#EFE4D8;
border:1px solid #D7BCA9;
font-family: arial, helvetica, verdana, trebuchet, sans-serif;
}
form input{ width:200px; }
form select {width:auto;}
form textarea{
height: 60px;
width:220px;
}
form fieldset{
clear:both;
background:#fff;
padding:5px 10px;
width: 420px;
margin:0 0 .5em 0;
}
form label,
form legend {
color:#000;
font-size: 1.2em;
font-weight:bold;
}
form label{
float:left;
width:100px;
margin:2px 0;
}
form fieldset label{
width:90px;
}
form .row,
form ul.multi{
width:450px;
float:left;
padding:2px 0;
}
form fieldset .row,
form fieldset ul.multi{
width:415px;
}
form .loginbutton,
form .submitbutton,
form input#submitbutton{
margin:3px 0 0 100px;
width:auto;
font-weight:bold;
cursor:pointer;
}
form input.gobutton{
width:auto;
padding:0;
background:none;
border:0px solid #DA1105 ;
margin-bottom:2px;
vertical-align: bottom;
}
form h2.warning{ font-size:1.6em;color:#DE041D; }
form .inputError{ margin:6px 0 0 3px;line-height:1em;font-size:11px;color:#DE041D; }
/* STRUCTURAL BOXES */
#wrapper,
#innerWrap,
#subMenu{
float:left;
display:inline;
width:970px;
position:relative;
}
#wrapper{
position:relative;
width:970px;
background: url(../images/bgs/wrapper.png) top left repeat-y;
}
/* #header, #header h1 and #menu divs use a bit of positioning trickery to allow the header div height to be flexible according to the menu, ensure the bg logo for each section sits in the right place in relation to the menu, and also allows the content to rise up to sit above the header bg and just below the menu.
TRANSLATION: Please don't edit these unless you really have to and you are sure you know what you are doing */
#header{
position:relative;
z-index:0;
width:960px;
height:400px;
margin-bottom:-355px;
background: url(../images/bgs/header.jpg) top left repeat-x;
}
#subMenu{
width:207px;
margin-top:214px;
z-index:100;
}
#content{
position:relative;
margin-left:220px !important;
margin-left:217px;
padding-bottom:30px;
width:725px;
z-index:90;
}
#footer{
clear:both;
min-height:40px;
padding:15px 10px;
background: #D2D1A0 url(../images/bgs/footer.gif) top left no-repeat;
}
#userpanel{
background: #ffffff;
padding:12px;
margin:2em 0;
}
/* HEADER/MENU/SUBMENU STYLES */
/* HEADER */
#header h1.logo{
position:absolute;
bottom:0%;
margin:0;
width:370px;
height:400px;
background: url(../images/bgs/logo.jpg) top left repeat-x;
}
#header h1 a {
position:absolute;
text-indent:-20000em;
}
#header h1 a.skiplink {
font-size: 8px;
}
/* MAIN MENU*/
#menu{
position:relative;
text-transform: uppercase;
padding-bottom:375px; /* this padding is important, don't remove it - see notes in #header section */
}
#mainNav{
text-align:center;
background: url(../images/bgs/menu-ul.png) left bottom no-repeat;
padding:8px 0 ;
}
#mainNav li{
color:#fff;
height: 24px;
display: inline;
margin: 0px;
padding:0px;
border-top:4px solid #000;
}
#mainNav .navitem,
#mainNav a {
height: 14px;
margin:0;
}
#mainNav .navitem{
padding:5px 0px 4px 6px;
}
#mainNav a {
color:#fff;
text-decoration:none;
padding:5px 6px 4px 0;
}
#mainNav .active .navitem{
background: #FF1300 url(../images/bgs/menu/activeL.gif) left top no-repeat;
}
#mainNav .active a{
background: #FF1300 url(../images/bgs/menu/activeR.gif) right top no-repeat;
}
#mainNav .navitem:hover{
background: #B30D00 url(../images/bgs/menu/hoverL.gif) left top no-repeat;
}
#mainNav a:hover{
background: #B30D00 url(../images/bgs/menu/hoverR.gif) right top no-repeat;
}
/* SUBMENU */
/* secondaryNav */
#secondaryNav{
padding:0px;
}
#secondaryNav li{
height:42px;
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
background: url(../images/bgs/subMenu/secondaryNav-li.png) top left no-repeat;
}
#secondaryNav li a{
display:block;
color:#DA1105;
height:22px;
padding:12px 10px 8px 10px;
}
#secondaryNav li a:hover{
color:#FF1300;
}
#secondaryNav li.contactNav {
height:42px;
background: url(../images/bgs/subMenu/contactus.png) top left no-repeat;
}
#secondaryNav li.contactNav a{
height:32px;
padding:8px 0px 0px 10px;
}
#secondaryNav li.navFlashMenu{
height:43px;
padding:0px;
background-image: none;
}
#secondaryNav li.navFlashMenu-ie{
height:40px;
}
/* searchBox */
#menuSearch{
height:43px;
padding:12px 0px 18px 10px;
width:197px;
background: url(../images/bgs/subMenu/menuSearch.png) top left no-repeat;
}
#menuSearch label{
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
color:#DA1105;
}
#menuSearch input{
vertical-align:bottom;
}
#menuSearch input#keywords{
width:155px;
padding:2px;
margin-top:3px;
}
#menuSearch input.gobutton{
margin-bottom:2px;
vertical-align: bottom;
}
/* searchBox & mailBuild */
#mailBuild {
padding:14px 0px 18px 0;
width:207px;
background: url(../images/bgs/subMenu/menuSearch.png) left top no-repeat;
}
#mailBuild h3, #mailBuild p{
width:187px;
padding: 0 10px;
background:#fff;
}
#mailBuild p.thanks,
#mailBuild form {
position:relative;
top:5px;
margin-top:-5px;
padding:0 0 13px 10px;
width:197px;
background: url(../images/bgs/subMenu/mailBuild-base.png) right bottom no-repeat;
}
#mailBuild .row{width:auto;}
#mailBuild input{
vertical-align:bottom;
}
#mailBuild input#MailingList_Email{
width:155px;
padding:2px;
margin-right:3px;
}
#mailBuild input#submitbutton{
margin:3px 0 0 0px;
width:auto;
padding:0;
background:none;
border:0px solid #DA1105 ;
margin-bottom:2px;
vertical-align: bottom;
}
#mailBuild {margin-top:-10px;}
#mailBuild label{display:none;}
/* featureAlbums */
#featureAlbums{
margin:28px 0 25px 0 ;
background: #fff;
}
#featureAlbums h2{
position:absolute;
margin-top:-38px;
width:207px;
height:23px;
padding-top:15px;
text-indent:10px;
font-size:1.5em;
text-transform:lowercase;
background: url(../images/bgs/content/top-narrow-canary.png) top right no-repeat;
}
#featureAlbums ul{
position:relative;
top:5px;
padding:2px 0 12px 0;
background: url(../images/bgs/subMenu/featureAlbums.png) bottom right no-repeat;
}
#featureAlbums li{
padding:2px 10px 2px 7px;
line-height:16px;
margin-bottom:1px;
background: url(../images/bgs/subMenu/featAlb-li1.png) top left no-repeat;
}
#featureAlbums li span{
width:190px;
display:block;
background: url(../images/bgs/subMenu/featAlb-arrow.png) top right no-repeat;
}
#featureAlbums li.active span{
background: url(../images/bgs/subMenu/featAlb-arrow-active.png) top right no-repeat;
}
#featureAlbums li span.dgButton{
width:auto;
display:inline;
background-image:none;
}
#featureAlbums li#featureHead2,#featureAlbums li#featureHead4,
#featureAlbums li#featureHead6,#featureAlbums li#featureHead8,
#featureAlbums li#featureHead10,#featureAlbums li#featureHead12,
#featureAlbums li#featureHead14,#featureAlbums li#featureHead16{
background: url(../images/bgs/subMenu/featAlb-li2.png) top left no-repeat;
}
#featureAlbums dl{padding:0;border-bottom:1px solid #fff; }
#featureAlbums dt{
margin:6px 0 0 50px;
line-height:1.2em;
clear:left; }
#featureAlbums dt .inlinepic{
position:absolute;
margin:2px 0 15px -48px;
width:40px !important;
height:40px !important;
}
#featureAlbums dd{
margin-left:50px;
font-size:.95em;
line-height:1.2em;
clear:right; }
/* SECTION/PAGE BACKGROUND IMAGE/HEADER/COLOUR ADJUSTMENTS */
.about #wrapper{ background: url(../images/bgs/wrapper/about.png) top left repeat-y; }
.about #header{ background: url(../images/bgs/header/about.jpg) top left repeat-x; }
.about #header h1.logo{ background: url(../images/bgs/logo/about.jpg) top left no-repeat; }
.about #footer{ background: #D2D1A0 url(../images/bgs/footer/about.gif) top left no-repeat; }
.shows #wrapper{ background: url(../images/bgs/wrapper/shows.png) top left repeat-y; }
.shows #header{ background: url(../images/bgs/header/shows.jpg) top left repeat-x; }
.shows #header h1.logo{ background: url(../images/bgs/logo/shows.jpg) top left no-repeat; }
.shows #footer{ background: #D2D1A0 url(../images/bgs/footer/shows.gif) top left no-repeat; }
.presenters #wrapper{ background: url(../images/bgs/wrapper/presenters.png) top left repeat-y; }
.presenters #header{ background: url(../images/bgs/header/presenters.jpg) top left repeat-x; }
.presenters #header h1.logo{ background: url(../images/bgs/logo/presenters.jpg) top left no-repeat; }
.presenters #footer{ background: #D2D1A0 url(../images/bgs/footer/presenters.gif) top left no-repeat; }
.story #wrapper{ background: url(../images/bgs/wrapper/story.png) top left repeat-y; }
.story #header{ background: url(../images/bgs/header/story.jpg) top left repeat-x; }
.story #header h1.logo{ background: url(../images/bgs/logo/story.jpg) top left no-repeat; }
.story #footer{ background: #D2D1A0 url(../images/bgs/footer/story.gif) top left no-repeat; }
.news #wrapper{ background: url(../images/bgs/wrapper/news.png) top left repeat-y; }
.news #header{ background: url(../images/bgs/header/news.jpg) top left repeat-x; }
.news #header h1.logo{ background: url(../images/bgs/logo/news.jpg) top left no-repeat; }
.news #footer{ background: #D2D1A0 url(../images/bgs/footer/news.gif) top left no-repeat; }
.events #wrapper{ background: url(../images/bgs/wrapper/events.png) top left repeat-y; }
.events #header{ background: url(../images/bgs/header/events.jpg) top left repeat-x; }
.events #header h1.logo{ background: url(../images/bgs/logo/events.jpg) top left no-repeat; }
.events #footer{ background: #D2D1A0 url(../images/bgs/footer/events.gif) top left no-repeat; }
.gigs #wrapper{ background: url(../images/bgs/wrapper/gigs.png) top left repeat-y; }
.gigs #header{ background: url(../images/bgs/header/gigs.jpg) top left repeat-x; }
.gigs #header h1.logo{ background: url(../images/bgs/logo/gigs.jpg) top left no-repeat; }
.gigs #footer{ background: #D2D1A0 url(../images/bgs/footer/gigs.gif) top left no-repeat; }
.gallery #wrapper{ background: url(../images/bgs/wrapper/gallery.png) top left repeat-y; }
.gallery #header{ background: url(../images/bgs/header/gallery.jpg) top left repeat-x; }
.gallery #header h1.logo{ background: url(../images/bgs/logo/gallery.jpg) top left no-repeat; }
.gallery #footer{ background: #D2D1A0 url(../images/bgs/footer/gallery.gif) top left no-repeat; }
.podcasts #wrapper{ background: url(../images/bgs/wrapper/podcasts.png) top left repeat-y; }
.podcasts #header{ background: url(../images/bgs/header/podcasts.jpg) top left repeat-x; }
.podcasts #header h1.logo{ background: url(../images/bgs/logo/podcasts.jpg) top left no-repeat; }
.podcasts #footer{ background: #D2D1A0 url(../images/bgs/footer/podcasts.gif) top left no-repeat; }
.shop #wrapper{ background: url(../images/bgs/wrapper/shop.png) top left repeat-y; }
.shop #header{ background: url(../images/bgs/header/shop.jpg) top left repeat-x; }
.shop #header h1.logo{ background: url(../images/bgs/logo/shop.jpg) top left no-repeat; }
.shop #footer{ background: #D2D1A0 url(../images/bgs/footer/shop.gif) top left no-repeat; }
.freshblast #wrapper{ background: url(../images/bgs/wrapper/freshblast.png) top left repeat-y; }
.freshblast #header{ background: url(../images/bgs/header/freshblast.jpg) top left repeat-x; }
.freshblast #header h1.logo{ background: url(../images/bgs/logo/freshblast.jpg) top left no-repeat; }
.freshblast #footer{ background: #D2D1A0 url(../images/bgs/footer/freshblast.gif) top left no-repeat; }
.sponsor #wrapper,
.subscribe #wrapper{ background: url(../images/bgs/wrapper/sponsor.png) top left repeat-y; }
.sponsor #header,
.subscribe #header{ background: url(../images/bgs/header/sponsor.jpg) top left repeat-x; }
.sponsor #header h1.logo{ background: url(../images/bgs/logo/sponsor.jpg) top left no-repeat; }
.subscribe #header h1.logo{ background: url(../images/bgs/logo/subscribe.jpg) top left no-repeat; }
.sponsor #footer,
.subscribe #footer{ background: #D2D1A0 url(../images/bgs/footer/sponsor.gif) top left no-repeat; }
/* BASIC CONTENT STYLES */
/* content boxes */
#content .banner{
width:712px;
padding:0 5px 9px 0;
text-align:right;
}
#content .banner iframe{
position:relative;
width:468px;
}
#content #feature,
#content #supplement {
margin:44px 0 30px 0;
float:left;
display:inline;
position:relative;
}
#content #feature {
width:482px !important;
width:479px;
margin-bottom:32px;
background: url(../images/bgs/content/feature-white.png) top left repeat-y;
}
#content #supplement { width:237px; }
#content .pad{
position:relative;
width:450px;
padding:0 12px 0 17px;
top:12px;
}
#feature .pad{ background: url(../images/bgs/content/base-wide-white.png) bottom left no-repeat; }
#feature .pad .item .captionBox{float:right;padding:0 0 8px 8px; }
#supplement .module{
width: 237px;
margin-bottom:56px;
padding:0;
background: url(../images/bgs/content/feature-white.png) top left repeat-y;
}
#supplement .pad{
width:208px;
background: url(../images/bgs/content/base-narrow-white.png) bottom left no-repeat;
}
/* h1/h2 'boxHeadings' - coloured round cornered bgs which make the rounded boxes work*/
#content .boxHeading{ /* top level h1/h2 headings with transparent png bgs */
position:absolute;
left:0;
margin-top:-44px;
width: 477px;
height:30px;
padding:14px 0 2px 0;
font-weight:normal;
text-indent:17px;
text-transform:lowercase;
color:#222222;
background: url(../images/bgs/content/top-wide-green.png) top left no-repeat;
}
#content .boxHeading a{ color:#222222;}
/* second level h1/h2 headings with solid gif bgs that form bottom of prev box as well as top of new box */
#content .pad .boxHeading{
position:relative;
margin:0 -12px 0 -17px;
width:479px;
padding-top:31px;
background: url(../images/bgs/content/secondary-boxHeading.gif) top left no-repeat;
}
#content .pad h2.boxHeading{
padding:34px 0 7px 0;
}
#supplement .boxHeading{ /* top level h1/h2 headings for supplement column (narrow transparent png bgs) */
margin-top:-38px;
padding-top:12px;
width: 237px;
height:26px;
background: url(../images/bgs/content/top-narrow-orange.png) top left no-repeat;
}
#supplement h2.boxHeading{ /* top level h1/h2 headings for supplement column (narrow transparent png bgs) */
padding-top:13px;
}
#supplement .pad .boxHeading{
top:-10px;
padding:34px 0 0px 0;
height:22px;
width:237px;
background: url(../images/bgs/content/secondary-boxHeading-narrow.gif) top left no-repeat;
}
/* feature modules styles repeated - non page/section/colour specific */
#feature li{
background:url(../images/icons/bullet.gif) left top no-repeat;
padding-left:18px;
}
#feature .intro {clear:both;}
#feature .intro .mainPic {float:left;width: 220px;margin-bottom:10px;}
/* #feature .intro .mainPic img {width:210px !important; } */
#feature .intro .detail {margin-left:220px;margin-bottom:10px;}
/* supplement modules styles repeated - non page/section/colour specific */
#supplement .pad dl,
#supplement .pad ul{
padding-bottom:12px;
}
/* stepThrough links */
#content .pad .stepThrough{
min-height:20px;
clear:both;
}
#content .pad .stepThrough a,
#content .pad .stepThrough .active{
display:inline;
}
#content .pad .stepThrough a{
padding:0 5px;
color:#000;
text-decoration:underline;
}
#content .pad .stepThrough a.paginate,
#content .pad .stepThrough .active{
padding:0 2px;
}
#feature .pad .stepThrough{ width:450px;}
#supplement .pad .stepThrough{ width:208px;}
/* sectionMenus (about, events & sponsors pages) */
#content #sectionMenu {
margin-top:8px;
float:right;
display:inline;
position:relative;
width:206px;
padding:5px 22px 0 0;
background: url(../images/bgs/content/sectionMenu/sectionMenu.png) top left no-repeat;
}
#content #sectionMenu li {
padding:4px 15px 0 20px;
height:25px;
font-size:1.5em;
display:block;
text-align:left;
background: url(../images/bgs/content/sectionMenu/ul-li.png) top left no-repeat;
}
#content #sectionMenu li.active {
background: url(../images/bgs/content/sectionMenu/active-li.png) top left no-repeat;
}
.sponsor #content #sectionMenu li.active {
background: url(../images/bgs/content/sectionMenu/activeSponsor-li.png) top left no-repeat;
}
.freshblast #content #sectionMenu li.active,
.shop #content #sectionMenu li.active {
background: url(../images/bgs/content/sectionMenu/activeFreshBlast-li.png) top left no-repeat;
}
#content #sectionMenu li a {
color:#fff;
text-transform:uppercase;
text-decoration:none;
}
/* Charts */
#content .Charts dt, #content .Charts dd{padding:0 5px 0 35px;}
#content .Charts dt{font-size:1.1em;
line-height:1.4em;
margin-top:6px;}
#content .Charts dd{
font-weight:normal ;
line-height:1.3em; }
#content .Charts dt span.day{
display:block;
position:absolute;
margin-left:-20px;
width:14px;
line-height:14px;
text-align:center;
color:#fff;
background:#1BC5CA;
}
/* Staff & Presenter page (feature column) */
#feature.people .intro .photo{float:left;width: 220px;margin-bottom:10px;}
/* #feature.people .intro .photo img.widePic{width:210px !important;} */
#feature.people .intro .bio{margin-left:220px;margin-bottom:10px;}
/* Staff & Presenter lists (supplement column only) */
#supplement .People dl a{ color:#000;}
#supplement .People dt{
margin-left:55px;
clear:left; }
#supplement .People dt .imgLink{
margin:0 0 15px -55px;
float:left;}
#supplement .People dt .imgLink img{
width:50px !important;
}
#supplement .People dd{
margin-left:55px;
font-size:1.2em;
line-height:1.3em;
clear:right; }
#supplement .People p.more{
clear:both;text-align:center; }
#supplement .People p.more a{
margin:0 5px; }
/* Calendars on Shows & Gigs (supplement column only) */
#supplement .Calendar{
}
#supplement .Calendar h2.dateNav{
font-size:1.4em;
width:194px;
padding:2px 8px 5px 8px;
text-align:right;
color:#000;
text-transform:capitalize;
}
#supplement .Calendar h2.dateNav strong{
float:left;
}
#supplement .Calendar h2.dateNav a{
color:#2F258B;
}
#supplement .Calendar h2.dateNav a:hover,
#supplement .Calendar .cal a{
color:#000000;
text-decoration:none;
}
#supplement .Calendar .cal a:hover{
color:#fff;
font-weight:bold;
}
#supplement .Calendar .cal{
margin:0 0px 20px 3px;
padding:0;
background:#fff;
border:0px solid #999999;
border-collapse:collapse;
}
#supplement .Calendar .cal th,
#supplement .Calendar .cal td{
text-align:center;
width:28px;
padding:3px 0px;
font-size:1.4em;
border:1px solid #999999;
}
#supplement .Calendar .cal th{
font-size:1.4em;
}
#supplement .Calendar .cal td.on{ background:#BDB9DA; }
/* DETAILED PAGE/SECTION STYLES */
/* POPUP RESTREAM & DOWNLOAD */
body.restream #content, body.download #content{
margin-left:0px !important;
}
/* additional download styles */
.download #feature a{
color:#333333;
text-decoration:underline;
}
.download #feature .mainPic{
float:left;
display:inline;
width: 55px;
margin-bottom:10px;
}
.download #feature .pad .mainPic img{
padding-left:15px;
max-width:50px !important;
height: auto !important
}
.download #feature .pad .detail{ margin-left: 70px;width:390px;}
.download #feature .pad .detail dl { padding-bottom:.5em;}
.download #feature .pad .detail dl dt,
.download #feature .pad .detail dl dd{
color:#666666;
font-size:1.1em;
font-weight:normal;
}
.download #feature .pad .detail dl dd.showName,
.download #feature .pad .detail dl dt{
float:left;
display:inline;
width:auto;
padding-right:4px;
}
.download #feature .pad .detail dl .publishDate { color: #1A6E30;}
/* index page styles/alterations - see separate index.css file */
/* shows/schedule styles/alterations - see separate shows.css file*/
/* stories styles/alterations - see separate stories.css file*/
/* about pages styles/alterations */
/* rounded corners for top/bottom of boxes/columns */
.about #feature .pad{
min-height: 350px; }
.about #feature .boxHeading{
background: url(../images/bgs/content/top-wide-aqua.png) top left no-repeat;
color:#023A3B; }
.about #feature .pad .boxHeading{
background: url(../images/bgs/content/about/secondary-boxHeading.gif) top left no-repeat;
color:#3E400C;}
.about #supplement .boxHeading{
background: url(../images/bgs/content/top-narrow-green.png) top left no-repeat; }
/* presenters pages styles/alterations */
/* rounded corners for top/bottom of boxes/columns */
.presenters #feature .boxHeading{ background: url(../images/bgs/content/top-wide-purple.png) top left no-repeat; }
.presenters #feature .pad .boxHeading{ background: url(../images/bgs/content/presenters/secondary-boxHeading.gif) top left no-repeat;}
.presenters #supplement .boxHeading{ background: url(../images/bgs/content/top-narrow-purple.png) top left no-repeat; }
.presenters .interview .question{ font-weight:bold; font-size: 1.3em; padding-bottom:.1em;}
.presenters #feature .bio .showList li{
background-image:none;
padding-left:0px;
}
.presenters #feature .recentShows { padding:0 5px;}
.presenters #feature .recentShows dt{
width: 150px;
float:left;
display:inline;
}
.presenters #feature .recentShows .title{ font-size:1.3em;border-bottom: 1px solid #F37D4F;}
.presenters #feature .recentShows a{ font-size:1.1em;}
.presenters #feature .recentShows .topTrack {
padding:2px 0 2px 170px;
background:url(../images/icons/toptrack.gif) 150px 2px no-repeat;
}
.presenters #feature .recentShows .topTrack h3{line-height:1.4em}
.presenters #feature .recentShows .topTrack .artist {
font-size:1em;
}
/* news section styles/alterations */
/* rounded corners for top/bottom of boxes/columns */
.news #feature .boxHeading{ background: url(../images/bgs/content/top-wide-orange.png) top left no-repeat; }
.news #feature .pad .boxHeading{ background: url(../images/bgs/content/news/secondary-boxHeading.gif) top left no-repeat;}
.news #supplement .boxHeading{ background: url(../images/bgs/content/top-narrow-orange.png) top left no-repeat; }
.news #supplement .newsList dd{padding-bottom:.7em;}
/* events section styles/alterations */
/* rounded corners for top/bottom of boxes/columns */
.events #feature .boxHeading{ background: url(../images/bgs/content/top-wide-red.png) top left no-repeat; }
.events #feature .pad .boxHeading{ background: url(../images/bgs/content/events/secondary-boxHeading.gif) top left no-repeat;}
.events #supplement .boxHeading{ background: url(../images/bgs/content/top-narrow-red.png) top left no-repeat; }
.events #supplement .eventsList dd{padding-bottom:.7em;}
.events #feature .detail dt{
float:left;
display:inline;
padding-right:5px;
}
.events #feature .summary {clear:both;}
/* sponsor section styles/alterations */
/* rounded corners for top/bottom of boxes/columns */
.sponsor #feature .boxHeading{ background: url(../images/bgs/content/top-wide-orange.png) top left no-repeat; }
.sponsor #feature .pad .boxHeading{ background: url(../images/bgs/content/sponsor/secondary-boxHeading.gif) top left no-repeat;}
.sponsor #feature .intro .mainPic{float:right;width: 210px;padding-left:10px;}
.sponsor #feature .intro .detail{margin-left:0;margin-bottom:10px;}
.sponsor #supplement .boxHeading{ background: url(../images/bgs/content/top-narrow-orange.png) top left no-repeat; }
.sponsor #supplement .newsList dd{padding-bottom:.7em;}
.sponsor #supplement #download{text-align:center;position:relative;margin-top:-38px;}
/* gigs section styles/alterations */
/* rounded corners for top/bottom of boxes/columns */
.gigs #feature .boxHeading{ background: url(../images/bgs/content/top-wide-blue.png) top left no-repeat; }
.gigs #feature .pad .boxHeading{ background: url(../images/bgs/content/gigs/secondary-boxHeading.gif) top left no-repeat;}
.gigs #supplement .boxHeading{ background: url(../images/bgs/content/top-narrow-blue.png) top left no-repeat; }
/* text/colour base styles for section */
.gigs #content .boxHeading,
.gigs #content .boxHeading a{ color:#D5D3E8;}
.gigs #feature h2{ color:#2F258B;}
/* gallery pages styles/alterations */
.gallery #content #feature,
.gallery #supplement .module { background: url(../images/bgs/content/feature-grey.png) top left repeat-y; }
.gallery #feature .pad{ background: url(../images/bgs/content/base-wide-grey.png) bottom left no-repeat;}
.gallery #supplement .pad{ background: url(../images/bgs/content/base-narrow-grey.png) bottom left no-repeat; }
/* rounded corners for top/bottom of boxes/columns */
.gallery #content .boxHeading,
.gallery #content .boxHeading a{ color:#CCCCCC; }
.gallery #feature .boxHeading{ background: url(../images/bgs/content/top-wide-black.png) top left no-repeat; }
.gallery #supplement .boxHeading{ background: url(../images/bgs/content/top-narrow-black.png) top left no-repeat; }
/* feature column styles */
.gallery #feature .pad{padding-bottom:2em;}
.gallery #feature .galleryList li {
float:left;
width: 148px;
height:148px;
border:1px solid #CCCCCC;
text-align:center;
background: #999999;
background-image:none;
padding-left:0px;
}
.gallery #feature .pad .stepThrough{text-align:center;}
.gallery #feature .pad .stepThrough a,
.gallery #feature .pad .stepThrough span{display:inline;padding: 2px;}
.gallery #feature .pad .stepThrough a{color:#000;text-decoration:underline;}
/* supplement column styles */
.gallery #supplement a{color:#000;}
.gallery #supplement li{
margin-left:55px;
clear:left; }
.gallery #supplement li .gallerypic{
margin:0 0 10px -55px;
float:left;}
.gallery #supplement li .gallerypic img{
width:50px !important;
}
/* subscribe section styles/alterations */
/* rounded corners for top/bottom of boxes/columns */
.subscribe #feature .boxHeading{ background: url(../images/bgs/content/top-wide-aqua.png) top left no-repeat; }
.subscribe #feature .pad .boxHeading{
background: url(../images/bgs/content/subscribe/secondary-boxHeading.gif) top left no-repeat;}
.subscribe #supplement .boxHeading{
background: url(../images/bgs/content/top-narrow-aqua.png) top left no-repeat; }
.subscribe #supplement .rateList{
position:relative;
width:212px;
margin-right:-5px;
margin-top:-.7em;
}
.subscribe #supplement .rateList dt{
clear: both;
padding-top:.7em;
}
.subscribe #supplement .rateList dd.cost,
.subscribe #supplement .rateList dd.notes{
width:135px;
float:left;
display:inline;
}
.subscribe #supplement .rateList dd.notes{
font-size:1.05em;line-height:1.1em;
}
.subscribe #supplement .rateList dd.cartLink{
position:absolute;left:140px;
}
/* podcasts section styles/alterations */
.podcasts #supplement{background: url(../images/bgs/content/feature-white.png) top left repeat-y;}
/* rounded corners for top/bottom of boxes/columns */
.podcasts #feature .boxHeading{background: url(../images/bgs/content/top-wide-canary.png) top left no-repeat;}
.podcasts #feature .pad .boxHeading{ background: url(../images/bgs/content/podcasts/secondary-boxHeading.gif) top left no-repeat;}
.podcasts #supplement .boxHeading{ background: url(../images/bgs/content/top-narrow-canary.png) top left no-repeat; }
.podcasts #supplement .pad .boxHeading{
background: url(../images/bgs/content/podcasts/secondary-boxHeading-narrow.gif) top left no-repeat;
}
.podcasts #feature .podcastCategories a{
color:#333333;
text-decoration:underline;
}
.podcasts #feature .podcastCategories dt{
border-top:1px solid #F2DAB1;
padding-top:12px;
}
.podcasts #feature .podcastCategories dt.category{
float:left;
display:inline;
width: 100px;
font-size:1.2em;
color: #DB941F ;
}
.podcasts #feature .podcastCategories dd.category{
margin-left:100px;
}
.podcasts #feature .podcastCategories dl.podcastList{
width:347px;
float:left;
display:inline;
padding:0;
}
.podcasts #feature .podcastCategories dl.podcastList dt{
font-size:1.4em;
line-height:1em;
padding-bottom:.2em;
font-weight:normal;
}
.podcasts #feature .podcastCategories dl.podcastList dd{
position:relative;
width:240px;
}
.podcasts #feature .podcastCategories dl.podcastList dd span.subLink,
.podcasts #feature .liveStream a{
padding:2px 5px 3px 20px;
background: url(../images/icons/restreamOrange.gif) 0px 0px no-repeat;
}
.podcasts #feature .podcastCategories dl.podcastList dd span.subLink {
position:absolute;
left:255px;
padding:0px 5px 3px 20px;
}
/* shop section styles/alterations */
/* rounded corners for top/bottom of boxes/columns */
.shop #feature .boxHeading{ background: url(../images/bgs/content/top-wide-pink.png) top left no-repeat; }
.shop #feature .pad .boxHeading{ background: url(../images/bgs/content/shop/secondary-boxHeading.gif) top left no-repeat;}
.shop #supplement .boxHeading{ background: url(../images/bgs/content/top-narrow-pink.png) top left no-repeat; }
/* feature column styles */
.shop #feature .pad{padding-bottom:2em;}
/* multiple item list page */
.shop #feature .productList li {
float:left;
position:relative;
padding:0px;
width: 148px;
font-weight:bold;
text-align:center;
border:1px solid #ffffff;
background: #F4D4E7;
background-image:none;
}
.shop #feature .productList li .productImg img{
position:relative;
border:1px solid #666666;
}
.shop #feature .productList li .dgButton{
position:absolute;
top:0;right:0;
}
.shop #feature .productList li .editButton{
right:15px;
}
.shop #feature .productList li span.cost,
.shop #feature .productList li span.cartlink{
position:absolute;
top: 128px;left:6px;
}
.shop #feature .productList li span.cartlink{
left:72px;
}
.shop #feature .productList li a{color:#E55CB7;}
/* single item detail page */
.shop #feature .shopItem{
text-align:center;
background: #F4D4E7;
padding:5px 0px;
}
.shop #feature .tickets{
float:left;
width:440px;
padding:10px 0 10px 10px;
text-align:left;
}
.shop #feature .shopItem .mainImage {
text-align:center;
padding-bottom:5px;
}
.shop #feature .tickets .mainImage {float:right;padding-right:10px;}
.shop #feature .shopItem .mainImage img{
border:1px solid #666666;
}
.shop #feature .shopItem h2{
color:#993399;
}
.shop #feature .shopItem p{padding-bottom:.5em;}
.shop #feature .shopItem dl{padding-bottom:.2em;}
.shop #feature .tickets dl{float:left;width:auto;}
.shop #feature .shopItem dl dt,
.shop #feature .shopItem dl dd{
display:inline;
padding:0 5px;
}
.shop #feature .tickets dl dt,
.shop #feature .tickets dl dd{
float:left;
padding:0;
}
.shop #feature .shopItem dl dt{padding-right:0px;}
.shop #feature .tickets dl dt{clear:left;width:60px;}
.shop #feature .shopItem dl dd{padding-left:0px;}
.shop #feature .tickets dl dd{width:130px;}
.shop #feature .tickets dl dl dt,
.shop #feature .tickets dl dl dd{float:none;display:block;width:100%;}
.shop #feature .shopItem .cartlink a,
.shop #feature .tickets dl.cost a{
font-weight:bold;
color:#E55CB7;
}
/* supplement column styles */
.shop #supplement a{color:#000;}
.shop #supplement .productCategories li .categorypic img{
border:1px solid #666666;
vertical-align:middle;
margin:0 8px 8px 0;
width:50px !important;
height: auto ;}
/* shopping cart styles */
/* Shop Form adjustments */
form .creditType label,
form .creditExpiry label,
form .creditCVC label {
width:auto;
float:none;
}
form .creditType input {
width:auto;
background:none;
border:0px;
}
form .creditCVC input {
width:auto;
}
form .creditType label,
form .creditExpiry select {
margin-right:10px;
}
form .smallprint {
clear:both;
}
/* cart table styles (table also used on events side column) */
#content table.cart{
border-collapse:collapse;
clear:both;
width:445px;
margin-bottom:5px;
}
#content table.cart th,
#content table.cart td{
border-top:1px solid #DB70AE;
font-size:1.1em;
text-align:left;
padding:2px;
}
#content table.cart th{
font-size:1.2em;
}
table.cart td.cartsubfoot,
table.cart td.cartsubresult{
font-weight:bold;
}
.shop #content dl.order{
width: 445px;
float: left;
clear:both;
}
.shop #content dl.order dt{
float: left;
clear:left;
width: 120px;
font-weight: bold;
}
.shop #content dl.order dd{
float: left;
width:300px;
}
/* supplement mini cart styles (also used on events) */
#supplement #cartList .pad{
padding:0 10px 15px 15px;
width:212px;
}
#supplement #cartList form{
width:212px;
padding:0;
}
#supplement table.cart{
width:212px;
}
#supplement form table input{
margin-top:0px;
}
#supplement img.checkout,
#supplement .formbutton,
#supplement form input{
width:auto;
padding:0 0 0 3px;
border:0px;
background:none;
margin:6px 3px 0 0;
vertical-align:top;
}
#supplement #cartList input{
text-align:center;
}
#supplement #cartList table.cart input{
background:#EFE4D8;
border:1px solid #D7BCA9;
}
/* freshblast section styles/alterations */
.freshblast #supplement{background: url(../images/bgs/content/feature-white.png) top left repeat-y;}
/* rounded corners for top/bottom of boxes/columns */
.freshblast #feature .boxHeading{ background: url(../images/bgs/content/top-wide-purple.png) top left no-repeat; }
.freshblast #feature .pad .boxHeading{ background: url(../images/bgs/content/freshblast/secondary-boxHeading.gif) top left no-repeat;}
.freshblast #supplement .boxHeading{ background: url(../images/bgs/content/top-narrow-purple.png) top left no-repeat; }
/* footer styles */
#footer p {text-align:right; }
#footer p .copyright{float:left; }
/* footNav */
#footerNav{
position:absolute;
text-align:center;
width:650px;
padding:0px 150px 0 150px;
}
#footerNav li{
line-height: 1em;
display: inline;
padding:2px 6px;
}
#footerNav a {
color:#000000;
text-decoration:underline;
}
/* spacing styles for management pages */
.fldMsg {
background-color: red;
color: white;
}
.fieldProperties {
border: 1px solid #97001C;
margin: 10px;
padding: 5px;
}
.manage #content dl {
border: 1px dashed #ccc;
padding-bottom:0;
}
.manage #content dd {
margin-left: 20px;
}
.manage #content dt {
margin-right: 20px;
}
.manage #content dl.orderList {
border: 0px dashed #ccc;
padding-bottom:12px;
line-height:1.1em;
}
.manage #content dl.orderList dt{
border-top: 1px dashed #ccc;
padding-top:3px;
margin-right:0;
}
.manage #content dl.orderList dd{
padding-bottom:3px;
}
.manage #feature dl.orderList dd.date{
float:left;display:inline;width:150px;
}
.manage #feature table {
font-size: 1.2em;
padding:10px 0;
width:450px;
}
.manage #feature table .price,
.manage #feature table .qty,
.manage #feature table .lineTotal,
.manage #feature table .cartsubfoot,
.manage #feature table .cartsubresult{
text-align:right;
}
.manage #feature table .product{
width:150px;
}
.manage #feature table .price,
.manage #feature table .qty,
.manage #feature table .lineTotal{
width:100px;
}
.manage #feature .newButton {
display:block;
padding-bottom: 12px;
}
/* good old clearfix hack to solve some ie float issues*/
.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 */
}
/* dreamgirl CMS styles*/
.buttonContainer
{
display: inline;
overflow: visible;
}
#dgInlineFeedback {
width: 259px;
height: 242px;
color: #000;
background: url(../dreamgirl/images/success.png)!important;
background: url(../dreamgirl/images/success.gif);
}
#dgProgressDiv
{
position: absolute;
bottom: 0px;
left: 10px;
width: 241px;
height: 241px;
z-index: 2000;
background-image: url(../dreamgirl/images/dreaming.gif);
}
.dgInlineForm {
width: 500px;
border: 0px;
/* margin:12px 0 0 -200px; */
margin:12px 0 0 0;
left:0;
position: absolute;
visibility: visible;
overflow: hidden;
z-index:100;
}
iframe {
position:absolute;
width: 500px;
border: 0px;
padding: 0px;
margin: 0px;
}
.dgInlineButton {
border: 0px;
background-color: transparent;
}
.dgInlineButtonActivated {
opacity: 0.5;
}
.dgActiveElement {
border: 1px dashed #eebddc;
z-index:100 !important;
}
.dgInactiveElement {
background-color: transparent;
}
.dgButtonLink {
border: 0px;
margin-right: 3px;
}
/* IMPORTANT! sIFR import styles for screen & print media */
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
@media screen {
/* These are standard sIFR styles... do not modify */
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... add and alter as necessary for individual site */
/* Letter spacing can be used to make the browser text metrics match up with the sIFR text metrics... settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/* .sIFR-active #mainNav .navitem, */
.sIFR-active #menuSearch label,
.sIFR-active #content #sectionMenu li,
.sIFR-active .shows #supplement .viewProgram,
.sIFR-active .boxHeading {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
}
/*
.sIFR-active #mainNav{
padding:4px 0 0 0;
}
.sIFR-active #mainNav li{
font-size:1.7em;
padding:0 8px;
letter-spacing:1px;
}
*/
.sIFR-active #menuSearch {
padding-top:10px;
}
.sIFR-active #menuSearch label{
font-size:19px;
height:19px;
padding:0 0 2px 2px;
margin:0;
}
.sIFR-active #content #sectionMenu li{
font-size:20px;
padding:2px 15px 0 20px;
height:28px;
}
.sIFR-active .shows #supplement .viewProgram{
font-size:23px;
padding:10px 0 5px 7px;
}
.sIFR-active #content .boxHeading {
font-size:25px;
padding-top:12px;
}
.sIFR-active #content .pad .boxHeading {
padding-top:29px;
}
.sIFR-active #supplement .boxHeading,
.sIFR-active #content h2.boxHeading {
font-size:23px;
padding-top:10px;
}
.sIFR-active #content #colFeat h2.boxHeading {
font-size:28px;
padding-top:12px;
}
.sIFR-active .shows #supplement h2.long{
font-size:18px;
padding-top:12px;
padding-bottom:0px;
}
/* set some headings to position relative to fix weird safari issue */
.sIFR-active #feature .boxHeading,
.sIFR-active #content .column .Charts .boxHeading,
.sIFR-active #supplement h2.long,
.sIFR-active .podcasts #supplement .boxHeading {
position:relative;
}
}
@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
.sIFR-flash {
display: none !important;
height: 0;
width: 0;
position: absolute;
overflow: hidden;
}
.sIFR-alternate {
visibility: visible !important;
display: block !important;
position: static !important;
left: auto !important;
top: auto !important;
}
}