/* user configurable style attributes in SETUP */ /* ------------------------------------------- */ /* as a rule, user can change fonts, borders and colours but not spacings or widths */ BODY { font: normal 10px/12px arial, helvetica, sans-serif; color:#222200;} a {padding: 0px;} A:link {color: #FFCC00; text-decoration: none; font-weight: normal; background-color: #555233;} A:visited {color: #FFCC00; text-decoration: none; font-weight: normal; background-color: #555233;} A:active {color: #FFCC00; text-decoration: none; font-weight: normal; background-color: #555233;} A:hover {color: #FFFFFF; text-decoration: none; font-weight: normal; background-color: #CC0000;} /* background colour of site contents, not whole page... i call it paper colour */ img.paperbg, TD.nav, TD.main {background-color:#FFFFFF;} /* main page transparent background to respect rounded corners */ TABLE.pagetable {background-color:transparent;} TEXTAREA {border: 1px #36332B solid; font: italic 12px/14px georgia,garamond,times,serif; color:#222200;} INPUT {border: 1px #46433B solid; color:#222200;} /* not sure if these are in use any more... */ DIV.zinepageheader {font: bold 34px/38px helvetica,arial,sans-serif;color:#222200;} DIV.zinepagesubheader {font: bold 21px/24px helvetica,arial,sans-serif;color:#222200;} DIV.menupagecontainer {text-align:right;} DIV.menuitem {font: normal 18px/21px helvetica,arial,sans-serif;color:#222200;} /* for homepage of /data */ DIV.frontpageheadline {font: bold 32px/34px helvetica,arial,sans-serif;color:#222200;} DIV.frontpagebigtext {font: normal 14px/18px georgia,garamond,times,serif;color:#222200;} DIV.frontpagetext {font: normal 12px/14px georgia,garamond,times,serif;color:#222200;} DIV.frontpageleadlink {font: bold italic 14px/16px helvetica,arial,sans-serif;color:#222200;} /* for singlecolumn pages */ DIV.pagetitle {font: normal 24px/24px helvetica,arial,sans-serif;color:#222200;} DIV.blurbbox { padding:0px 40px 0px 40px; } DIV.blurb { color: #36332B; text-align: center;font: bold 11px/14px helvetica,arial,sans-serif;} /* audio special category */ DIV.audiospecialheadline {padding-top:9px;font: bold 14px/19px helvetica,arial,sans-serif;color:#222200;} DIV.audiospecialdescription {font: normal 12px/16px helvetica,arial,sans-serif;color:#222200;} DIV.audiospecialaud {margin-top:4px;margin-bottom:1px;} /* audiobank item */ div.audiobankitem {padding:7px 10px 0px 8px;width:380px;height:50px;clear:both;background: url(specialimages/audiobankitembg.gif) transparent no-repeat;} div.audiobankitemicon {width:34px;float:left;overflow:hidden;} div.audiobankitemtext {width:244px;margin:0px 5px 0px 7px;float:left;overflow:hidden;} div.audiotitle {width:249px;height:11px;overflow:hidden;font: bold 11px/11px helvetica,arial,sans-serif;color:#C9E4D9;} div.audiotitle A {display:block;} div.audiotitle A:link {font: bold 11px/11px helvetica,arial,sans-serif;color:#C9E4D9;background-color: transparent;} div.audiotitle A:visited {font: bold 11px/11px helvetica,arial,sans-serif;color:#C9E4D9;background-color: transparent;} div.audiotitle A:active {font: bold 11px/11px helvetica,arial,sans-serif;color:#C9E4D9;background-color: transparent;} div.audiotitle A:hover {font: bold 11px/11px helvetica,arial,sans-serif;color:#FFFFFF;background-color: transparent;} div.audioperformers {width:249px;height:22px;margin-top:4px;overflow:hidden;line-height:9px;font: normal 9px helvetica,arial,sans-serif;color:#C9E4D9;} div.audioinfo {margin-top:10px;width:36px;float:left;overflow:hidden;} div.audioinfolink {padding-left:4px;margin-top:0px;height:36px;font: bold 12px/13px helvetica,arial,sans-serif;color:#C9E4D9;padding-top:2px;} div.audioplaybutton {float:left;width:36px;height:37px;} span.audiodata {font: bold 10px/12px helvetica,arial,sans-serif;color:#C9E4D9;} /* not used but might be */ div.audioformat {padding-left:2px;font: bold 12px/13px helvetica,arial,sans-serif;color:#C9E4D9;padding-top:2px;} div.audioformats {width:40px;float:left;overflow:hidden;} /* audio player */ DIV.audioplayer {margin:9px auto 0px auto;width:380px;height:150px; padding:10px 10px 10px 10px; background: url(specialimages/audioplayerbg.gif) transparent no-repeat top center;} DIV.audioplayerheader {width:380px} DIV.audioplayerembed {height:50px;width:380px;} DIV.audioplayertext {width:380px;} DIV.audioplayerinfo {height:16px;float:right;padding-right:2px;} DIV.audioplayerlink {height:16px;float:right;} DIV.audioplayerdetails {float:right;height:13px;padding-top:3px; padding-left;6px;padding-right:4px; font: normal 12px/12px helvetica,arial,sans-serif;color:#C9E4D9;} div.audioplayertitle {width:226px;float:left;height:12px;padding-left:4px;padding-top:3px;overflow:hidden;font: bold 12px/12px helvetica,arial,sans-serif;color:#C9E4D9;} div.audioplayerperformers {width:376px;clear:both;height:22px;padding-left:4px;padding-top:5px;padding-right:px;overflow:hidden;line-height:11px;font: normal 11px helvetica,arial,sans-serif;color:#C9E4D9;} /* video player */ BODY.videoplayerbody { background-color:#7F6F3B; } DIV.videoplayer {margin:15px auto 0px auto;width:450px;height:440px; padding:10px 10px 10px 10px; background: url(specialimages/videoplayerbg.gif) #7F6F3B no-repeat top center;} DIV.videoplayerheader {width:450px} DIV.videoplayerembedbox {height:340px;width:450px;} DIV.videoplayerembed {width:400px;padding-top:5px;margin: 0px auto;} DIV.videoplayertext {width:400px;margin-left:20px;} DIV.videoplayerinfo {height:16px;float:right;padding-right:2px;} DIV.videoplayerlink {height:16px;float:right;} DIV.videoplayerdetails {float:right;height:13px;padding-top:3px; padding-left;6px;padding-right:4px; font: normal 12px/12px helvetica,arial,sans-serif;color:#443311;} div.videoplayertitle {width:226px;float:left;height:12px;padding-left:4px;padding-top:3px;overflow:hidden;font: bold 12px/12px helvetica,arial,sans-serif;color:#443311;} div.videoplayerperformers {width:376px;clear:both;height:22px;padding-left:4px;padding-top:5px;padding-right:px;overflow:hidden;line-height:11px;font: normal 11px helvetica,arial,sans-serif;color:#443311;} /* letters section */ DIV.letteritem {border-right:2px #2A3E4E solid;color:#222200;} DIV.letter {border: solid 1px #2A3E4E;background-color:#CFDFE5;color:#222200;} DIV.lettersubject {font: bold italic 21px/32px helvetica,arial,sans-serif;color:#222200;} DIV.lettertext {font: italic 12px/15px georgia,garamond,times,serif;color:#222200;} DIV.lettersig {font: bold italic 14px/16px georgia,garamond,times,serif;color:#222200;} DIV.letterreply {} DIV.letterreplytext {font: normal 12px/14px georgia,garamond,times,serif;color:#222200;} DIV.letterreplysig {font: bold 17px/28px georgia,garamond,times,serif;color:#222200;} DIV.letterwritelink {font: bold 14px/16px helvetica,arial,sans-serif;color:#222200;} DIV.lettermenuheader {font: bold 15px/17px helvetica,arial,sans-serif;color:#222200;} DIV.lettermenuitem {font: bold 10px/12px helvetica,arial,sans-serif;color:#222200;} DIV.writeletterlabel {font: bold 15px/15px helvetica,arial,sans-serif;color:#222200;} DIV.writelettersubmit {clear:both;} DIV.writelettersubmit input {font: bold 18px/18px helvetica,arial,sans-serif;color:#222200;} HR.letters {color:#222200;background-color:#222200;height:1px; visibility:hidden;} HR.thankyou {color:#222200;background-color:#222200;height:1px; visibility:hidden;} /* for newsletter signup */ DIV.newsletterlabel {font: normal 10px/10px helvetica,arial,sans-serif;color:#83A3AD;} DIV.newsletterinput input {border-color:#83A3AD;clear:normal;font: normal 12px/12px helvetica,arial,sans-serif;color:#63838D;} DIV.newslettersubmit {clear:both;} DIV.newslettersubmit input {border-color:#83A3AD;font: bold 12px/12px helvetica,arial,sans-serif;color:#83A3AD;padding:1px;} /* for articles */ DIV.articleheader {font: bold 34px/38px helvetica,arial,sans-serif;color:#222200;} DIV.article {border-right:2px #36332B solid;color:#222200;} DIV.articlemenuheader {font: bold 15px/17px helvetica,arial,sans-serif;color:#222200;} DIV.articlemenuitem {font: bold 11px/14px helvetica,arial,sans-serif;color:#222200;} /* for special categories */ HR.specialcategory {border-top: 1px solid #2A3E4E;visibility:hidden;} /* for image popups */ DIV.photopopcaption {font: bold 12px/15px helvetica,arial,sans-serif;color:#222200;} DIV.photopopcredit {font: normal 9px/11px helvetica,arial,sans-serif;color:#222200;} BODY.photopopbottom {background-color: #7F6F3B} /* don't know what this is */ DIV.thankyoutext {width:100%;margin-top:20px;text-align:center;font: bold 12px/15px helvetica,arial,sans-serif;color:#222200;} /* dates new css method */ DIV.daterow {margin-top:5px;} #date {font: bold 14px/19px helvetica,arial,sans-serif;color:#222200;} #event {font: bold 14px/19px helvetica,arial,sans-serif;color:#222200;} #location {font: normal 12px/19px helvetica,arial,sans-serif;color:#222200;} DIV.datesdescription {font: normal 11px/12px helvetica,arial,sans-serif;color:#222200;} hr.dates {border-top: 1px solid #2A3E4E;} /* galleries */ DIV.galleriesname {font: bold 11px/14px helvetica,arial,sans-serif;color:#222200;} DIV.galleriescategory {font: bold 18px/23px helvetica,arial,sans-serif;color:#222200;} DIV.galleryheadline {font: bold 18px/21px helvetica,arial,sans-serif;color:#222200;} SPAN.galleryitemcount {font: bold 10px/14px helvetica,arial,sans-serif;color:#222200;} IMG.galleryimage {border: 0px #2A3E4E solid;} DIV.gallerybacknext {font: normal 10px/14px helvetica,arial,sans-serif;color:#222200;} HR.galleries {border-top: 1px solid #2A3E4E;visibility:hidden;} /*links*/ DIV.linkcategory {font: normal 18px/21px helvetica,arial,sans-serif;color:#222200;} DIV.linkitem {font: bold 12px/12px helvetica,arial,sans-serif;color:#222200;}