/* Title: Main CSS Author: 3 Crown Creative */ @import "base.css"; body, html {color:#231f20; font-family: Arial, Helvetica, sans-serif;line-height:1.125em;letter-spacing:.04em; font-size:.65em} body {min-width:1066px; background: #fff url(/images/bkgInner.jpg) no-repeat top center;font-size:100%; } /* --------------------------------------------------*/ #home {background: #000 url(/images/bkgHome.jpg) no-repeat top center; } #newMusic, #contact, #dummy {background: #000 url(/images/bkgNewMusic.jpg) no-repeat top center; } #outerWrap {width:1066px; margin:0 auto;} #header { height:147px; margin-top:55px} #home #header {height:100%} #content { margin:5px 90px 0px 36px;} #logo { float:left;margin:50px 36px 0 36px} #home #logo {margin-top:280px} #logo a {background:url(/images/logoPoLtxt.png) no-repeat 0 0; text-decoration:none; display:block; text-indent:-5000px; width:158px; height:23px} #logo a:hover {background:url(/images/logoPoLtxt.png) no-repeat -158px 0;} #logo a.active {background:url(/images/logoPoLtxt.png) no-repeat -158px 0;} /* --------------------------------------------------*/ #content a {color:#231f20; text-decoration:none} #content a:hover { color:#6799cb;} #content .active {color:#6799cb;} /* --------------------------------------------------*/ #albumList {float:left; width:192px; padding-top:25px} #albumList ul {list-style:none; list-style-image:none; margin:0; padding:0} #albumList li {margin:0; padding:0 0 5px 0; } #albumList h3 {font-weight:normal} /* kl = kerry leimer */ #kl1 .kl1 a, /* 20th century box */ #kl2 .kl2 a, /* 2007 box */ #kl3 .kl3 a, /* closed system potentials */ #kl4 .kl4 a, /* land of look behind */ #kl5 .kl5 a, /* the neo-realist at work */ #kl6 .kl6 a, /* imposed order */ #kl7 .kl7 a, /* the listening room */ #kl8 .kl8 a, /* statistical truth */ #kl9 .kl9 a, /* the useless lesson */ #kl10 .kl10 a, /* lesser epitomes */ #kl11 .kl11 a, /* degraded certainties */ #kl12 .kl12 a /* music for land and water */ {color:#6799cb; cursor:pointer} /* mb = marc barreca */ #mb0 .mb0 a, /* big dahomey funeral */ #mb1 .mb1 a, /* twilight */ #mb2 .mb2 a /* subterrane */ {color:#6566af; cursor:pointer} #mb0 #content #albumList a:hover, #mb1 #content #albumList a:hover, #mb2 #content #albumList a:hover {color:#6566af} /* sp = steve peters */ #sp2 .sp2 a /* occasional music */ {color:#f2673a; cursor:pointer} #sp2 #content #albumList a:hover {color:#f2673a} /* gt = gregory taylor */ #gt0 .gt0 a, /* amalgam edits / gamma details */ #gt1 .gt1 a, /* amalgam : aluminum / hydrogen */ #gt2 .gt2 a /* dua_belas */ {color:#cccc99; cursor:pointer} #gt0 #content #albumList a:hover, #gt1 #content #albumList a:hover, #gt2 #content #albumList a:hover {color:#cccc99} /* --------------------------------------------------*/ /* album description */ #albumDesc {float:left; width:435px; padding:20px 40px 0 0;line-height:1.5em;letter-spacing:.05em; } #albumDesc a {color:#6799cb;} #kl1 #albumDesc p, #kl2 #albumDesc p { line-height:.9em} .quotes {line-height:1.4; font-size:.9em;color:#6799cb; margin-top:30px} #mb1 .quotes, #mb2 .quotes {color:#6566af;} #sp1 .quotes, #sp2 .quotes {color:#f47b54} #gt1 .quotes, #gt2 .quotes {color:#cccc99} /*.quotes em {font-weight:bold; font-style:italic}*/ /* ALBUM TITLES */ .albumTitle h1 {text-indent:-5000px; display:block; margin-bottom:204px} /* album titles - K Leimer */ #kl12 .albumTitle h1 {background:url(/images/txtKleimerMLW.jpg) no-repeat; width:364px; height:19px; margin-bottom:0} #kl11 .albumTitle h1 {background:url(/images/txtKleimerDC.jpg) no-repeat; width:325px; height:23px; margin-bottom:0} #kl10 .albumTitle h1 {background:url(/images/txtKleimerLE.jpg) no-repeat; width:270px; height:24px;} #kl9 .albumTitle h1 {background:url(/images/txtKleimerUL.jpg) no-repeat; width:295px; height:19px;} #kl8 .albumTitle h1 {background:url(/images/txtKleimerST.jpg) no-repeat; width:254px; height:19px;} #kl7 .albumTitle h1 {background:url(/images/txtKleimerLR.jpg) no-repeat; width:293px; height:24px; margin-bottom:0} #kl6 .albumTitle h1 {background:url(/images/txtKleimerIO.jpg) no-repeat; width:261px; height:24px;} #kl5 .albumTitle h1 {background:url(/images/txtKleimerNRW.jpg) no-repeat; width:324px; height:19px;} #kl4 .albumTitle h1 {background:url(/images/txtKleimerLLB.jpg) no-repeat; width:305px; height:19px; margin-bottom:0} #kl3 .albumTitle h1 {background:url(/images/txtKleimerCSP.jpg) no-repeat; width:359px; height:24px;} #kl2 .albumTitle h1 {background:url(/images/txtKleimer07BOX.jpg) no-repeat; width:94px; height:19px;} #kl1 .albumTitle h1 {background:url(/images/txtKleimer20thCBOX.jpg) no-repeat; width:286px; height:24px;} /* album titles - Marc Berreca */ #mb2 .albumTitle h1 {background:url(/images/txtMbarrecaSubterrane.jpg) no-repeat; width:257px; height:19px; margin-bottom:0} #mb1 .albumTitle h1 {background:url(/images/txtMbarrecaTwilight.jpg) no-repeat; width:220px; height:24px; margin-bottom:0} #mb0 .albumTitle h1 {background:url(/images/txtMbarrecaBigDahomey.jpg) no-repeat; width:354px; height:24px; margin-bottom:0} /* album titles - Steve Peters */ #sp2 .albumTitle h1 {background:url(/images/txtSpetersOM.jpg) no-repeat; width:309px; height:24px;} /* album titles - Gregory Taylor */ #gt2 .albumTitle h1 {background:url(/images/txtGtaylorDuaBelas.jpg) no-repeat; width:254px; height:24px; margin-bottom:0} #gt1 .albumTitle h1 {background:url(/images/txtGtaylorAmalgam.jpg) no-repeat; width:325px; height:51px;} #gt0 .albumTitle h1 {background:url(/images/txtGtaylorAmalgamEdits.jpg) no-repeat; width:311px; height:51px; margin-bottom:0} /* misc headings */ .fpo h2 {background:url(/images/txtFPO.jpg) no-repeat; width:214px; height:23px; text-indent:-5000px; display:block; margin:100px 0 80px 0} .nr2010 h2 {background:url(/images/txtNewRelease.jpg) no-repeat; width:189px; height:19px; text-indent:-5000px; display:block; margin:100px 0 80px 0} .flacMp3Only h2 {background:url(/images/txtFlacMp3Only.jpg) no-repeat; width:259px; height:24px; text-indent:-5000px; display:block; margin:100px 0 80px 0} .mp3Only h2 {background:url(/images/txtMp3Only.jpg) no-repeat; width:194px; height:24px; text-indent:-5000px; display:block; margin:100px 0 80px 0} .top2010 h2 {margin:100px 0 80px 0} .top2010 h2 a {background:url(/images/txt2010Top50.jpg) no-repeat; width:303px; height:24px; text-indent:-5000px; display:block;} .remast2011 h2 {background:url(/images/txt2011Remastered.jpg) no-repeat; width:279px; height:22px; text-indent:-5000px; display:block; margin:100px 0 80px 0} .soldout h2 {background: url(/images/txtSoldOut.jpg) no-repeat; width:80px; height:19px; text-indent:-5000px; display:block; margin:100px 0 80px 0} #kl7 .soldout h2 {margin:95px 0 80px 0} /* album tracks */ #albumTracks {float:left; background:url(/images/bkgTrack.jpg) no-repeat; width:260px; height:771px; padding:5px 5px 5px 5px} #albumTracks .top { margin-left:10px; height:651px} #albumTracks .top img {margin-left:-10px} #albumTracks a {color:#666;} #albumTracks .addToCart {color:#6799cb; font-size:.9em} #albumTracks .bottom { margin-left:10px; height:120px} #albumTracks .bottom img { float:right;} #albumTracks h2 {font-weight:normal; padding:30px 0 30px 60px} #kl1 #albumTracks h2, #kl2 #albumTracks h2 { line-height:1.5em} /* for sound manager on artists pages */ #albumTracks dd.playSample a { color:#666} #albumTracks dd.playSample a:hover {color:#6799cb} #albumTracks dd.playSample a.sm2_link { color:#666;} /* default state: "a playable link" */ #albumTracks dd.playSample a.sm2_link:hover {color:#6799cb;} /* default (inactive) hover state */ #albumTracks dd.playSample a.sm2_playing { color:#cbcc98;} /* "now playing" */ #albumTracks dd.playSample a.sm2_playing:hover { color:#6799cb;} /* "clicking will now pause" */ #albumTracks dd.playSample a.sm2_paused { color:#9f783f;} /* "paused state" */ #albumTracks dd.playSample a.sm2_paused:hover { color:#6799cb;} /* "clicking will resume" */ .copy {clear:both; font-size:.8em} dl.table-display, table.table-display {width: 250px;margin:0 0 15px 0;padding: 0; clear: both;font-size:.9em; letter-spacing:.03em;} table.table-display td { border:0;margin: 0;padding: 0 0 3px 0; color: #666; vertical-align:top} table.table-display tr td:first-child { width: 60px;} table.table-display tr td:nth-child(2) { width:153px;} table.table-display tr td:nth-child(3) { width: 6px;} table.table-display tr td:nth-child(4) { width: 27px; text-align:right; padding-right:10px} table.table-display .col1 { width: 60px;} table.table-display .col2 { width:153px;} table.table-display .col3 { width: 6px;} table.table-display .col4 { width: 27px; text-align:right;padding-right:10px} .table-display dt {width: 60px;float: left;margin:0;padding: 0;} .table-display dd {width: 180px;margin: 0;padding: 0 0 3px 60px; color: #666} .table-display dd span { float:right;padding-left:10px} .table-display > dd:first-child {float: left; padding-left:0 } /* --------------------------------------------------*/ #bkgBox { -webkit-border-radius: 5px;-khtml-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333; background-color:#161516;margin:3em 0;padding:1px 0 5px 0;width:100%; } #mask { width:700px;height:260px;overflow:hidden;position:relative;float:left; z-index:10} #folio { position:absolute;top:0;left:0;width:8000px;float:left; z-index:10} .newMusicBox {display:block;width:700px;height:260px;float:left;} .box {background:url(/images/boxM.jpg) repeat-y; width:800px; display:block; margin:10px auto ; color:#58585b;} .box p {font-size:1.1em; line-height:1.3em; letter-spacing:.02em} .box h5 {background:url(/images/boxT.jpg) no-repeat; width:800px; height:28px; display:block; margin:0; padding:0} .box h6 {background:url(/images/boxB.jpg) no-repeat; width:800px; height:28px; display:block; margin:0; padding:0} .box .innerbox {padding:40px 30px 30px 70px; overflow:hidden} .box .left {float:left;width:263px; height:260px; padding-left:7px} .box .left img {box-shadow:4px 4px 8px #333,-4px -4px 8px #333; -moz-box-shadow:4px 4px 8px #333,-4px -4px 8px #333; -webkit-box-shadow:4px 4px 8px #333,-4px -4px 8px #333 } .box .right {float:left; text-align:left;padding-left:20px; width:400px; position:relative; height:260px} #content .box a {color:#6799cb} #content .box a:hover {color:#cbcc98} /* for sound manager on new music pages */ p.playSample {color:#cbcc98; margin:15px 0} #content .box p.playSample a { color:#cbcc98} #content .box p.playSample a:hover {color:#6799cb} p.playSample a.sm2_link { color:#666;} /* default state: "a playable link" */ p.playSample a.sm2_link:hover {color:#6799cb;} /* default (inactive) hover state */ p.playSample a.sm2_playing { color:#cbcc98;} /* "now playing" */ p.playSample a.sm2_playing:hover { color:#6799cb;} /* "clicking will now pause" */ p.playSample a.sm2_paused { color:#9f783f;} /* "paused state" */ p.playSample a.sm2_paused:hover { color:#6799cb;} /* "clicking will resume" */ .purchaseInfo {color:#818385; margin-top:20px; position:absolute; bottom:0; left:20px} .purchaseInfo p { float:left; padding-right:30px; margin-bottom:0} .purchaseInfo p:last-of-type { float:right; text-align:right; padding-right:0} .slideshow { margin:10px 140px} .slideshow p { } .slideshow img {width:24px; height:24px; } .prev {float:left;cursor:pointer;} .next { float:right;cursor:pointer} #prev {display:none } /* --------------------------------------------------*/ #navOuter { float:left;} #nav {margin:0;float: left; position: relative; display: block; list-style: none; list-style-image:none} #nav a, #nav a:hover {text-decoration:none; display:block; text-indent:-5000px; } #nav li ul li { margin:0; padding:0; display: block;} #nav li {float: left; position: relative; display: inline;} #nav li a {float: left; position: relative; display: inline; z-index: 100;text-decoration:none} #nav li ul {display: none; position: absolute; padding: 0; z-index: 90; margin: 0;} #nav li ul li a {display: block; padding-bottom:4px} #nav li ul li.firstchild {padding-top:45px;} #nav li:hover ul {display: block;} /* Main nav */ #nav .artist {background: url(/images/navArtist.png) no-repeat 0 0; width:26px; height:9px; margin-right:185px; cursor:pointer} #nav .artist span {text-decoration:none;text-indent:-5000px;float: left; position: relative; display: inline; z-index: 100;} #nav .newMusic a {background: url(/images/navNewMusic.png) no-repeat 0 0; width:55px; height:9px; margin-right:420px} #nav .contact a {background: url(/images/navContact.png) no-repeat 0 0; width:38px; height:9px;} /* Sub-nav */ #nav .anode a {background: url(/images/navAnode.png) no-repeat 0 0; width:31px; height:11px;} #nav .anode a:hover {background: url(/images/navAnode.png) no-repeat -31px 0;} #anode #nav .anode a {background: url(/images/navAnode.png) no-repeat -31px 0; cursor:default} #nav .mBarreca a {background: url(/images/navMbarreca.png) no-repeat 0 0; width:68px; height:11px;} #nav .mBarreca a:hover {background: url(/images/navMbarreca.png) no-repeat -68px 0; } #mb1 #nav .mBarreca a, #mb2 #nav .mBarreca a {background: url(/images/navMbarreca.png) no-repeat -68px 0; cursor:default} #nav .kLeimer a {background: url(/images/navKleimer.png) no-repeat 0 0; width:45px; height:11px;} #nav .kLeimer a:hover {background: url(/images/navKleimer.png) no-repeat -45px 0;} #kl1 #nav .kLeimer a, #kl2 #nav .kLeimer a, #kl3 #nav .kLeimer a, #kl4 #nav .kLeimer a, #kl5 #nav .kLeimer a, #kl6 #nav .kLeimer a, #kl7 #nav .kLeimer a, #kl8 #nav .kLeimer a, #kl9 #nav .kLeimer a, #kl10 #nav .kLeimer a, #kl11 #nav .kLeimer a, #kl12 #nav .kLeimer a {background: url(/images/navKleimer.png) no-repeat -45px 0; cursor:default} #nav .sPeters a {background: url(/images/navSpeters.png) no-repeat 0 0; width:62px; height:11px;} #nav .sPeters a:hover {background: url(/images/navSpeters.png) no-repeat -62px 0; } #sp2 #nav .sPeters a {background: url(/images/navSpeters.png) no-repeat -62px 0; cursor:default} #nav .gTaylor a {background: url(/images/navGtaylor.png) no-repeat 0 0; width:70px; height:11px;} #nav .gTaylor a:hover {background: url(/images/navGtaylor.png) no-repeat -70px 0; } #gt1 #nav .gTaylor a, #gt2 #nav .gTaylor a {background: url(/images/navGtaylor.png) no-repeat -70px 0; cursor:default} /*
--------------------------------------------------*/ .required {background:url(/images/formRequired.gif) no-repeat 2px 2px; width:15px; height:15px; display: inline-block;} #formContact {padding-top:10px;} #formContact table {padding:0; margin:0; width:80%} #formContact td {padding:0 5px 5px 0; margin:0; width:30%; text-align:right} .tdl {text-align:left; width:70%; vertical-align:top } #formContact input { border:1px solid #000000; width:250px; padding:1px; letter-spacing:.04em;font-family:"Grotesque MT Std",Arial, Helvetica, sans-serif; outline:none} #formContact input:focus, #formContact textarea:focus {border-color:#9a9a9a #c0c0c0 #c0c0c0 #9a9a9a;} #formContact .button { margin-top:5px;background-color:#545353; border:1px solid black; cursor:pointer; color:#a6a57f; font-size:95%; width:255px; padding-top:3px} #formContact textarea {border:1px solid #000000; width:250px; font-size:100%; letter-spacing:.04em;font-family:"Grotesque MT Std",Arial, Helvetica, sans-serif; padding:1px; outline:none} /* --------------------------------------------------*/ .inpErr {background-color:#7a2a0b; color:#ffffff;} .inpOK {background-color:white; color:#000000} .errorDiv {color:#7a2a0b; font-weight:bold; margin-top:10px; text-align:left } .noerror {font-weight:normal; margin:0; color:#333;text-align:left; border:1px solid #333; padding:3px;margin-top:20px;background-color:#DCDDD5; } #formContact .inpOK {background-color:#fff;} /* --------------------------------------------------*/ .clear {clear:both} .right {float:right; text-align:right} .left {float:left} .alignR {text-align:right} .none {display:none} .show {display:block} .visible {visibility:visible} .hidden {visibility:hidden} .connecting {text-align:center; margin-top:100px; letter-spacing:1.02em; font-size:1.1em} #downloading {text-align:center; margin-top:100px; border:1px solid #333; padding:10px} #downloading td, #downloading th {border:none} #downloading a {text-decoration:underline; color: #FFC} #downloading hr { display:none} #downloading .msg {background-color:#930; padding:10px 5px; margin:5px; color:#FFF; text-align:center; font-size:1.1em} .returnMsg {visibility:hidden; position:absolute; left:0; top:0} /* self-clear floats */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* --------------------------------------------------*/ a.pdf {background: url(/images/imagesCMS/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; } a.txt {background: url(/images/imagesCMS/txt.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.zip { background: url(/images/imagesCMS/zip.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.email {background: url(/images/imagesCMS/email.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.external {background: url(/images/imagesCMS/ext_link.png) no-repeat left center;padding-left: 20px;line-height: 16px;} /* image shadow */ .imgShadowLeft {float:left;background: url(/images/imagesCMS/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;} .imgShadowLeft img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;} .imgShadowRight {float:right;background: url(/images/imagesCMS/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;} .imgShadowRight img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;}