/* _________________________________________________________ | | | CLIENT + ECSRC | | DESIGN + boulder design | | DATE + February 2007 | | VERSION + 1.0 | |_________________________________________________________| /* G L O B A L styles ------------------- */ html,body{ margin:0; padding:0; background-color: #0C0806; } body{ font: 90% "trebuchet ms",arial,sans-serif; } .clear { clear: both; height: 1px; } .spacerDiv { clear: both; height: 40px; } .big { height: 60px; } a img { border: none; } p { margin: 10px; } div#homeHeader { width: 800px; margin: 0 auto 0 auto; height: 502px; background: url(../assets/homeHeader.jpg) top left no-repeat; } div#pageHeader { width: 800px; margin: 0 auto; height: 163px; background: url(../assets/pageHeader.jpg) top left no-repeat; } /* Site menu */ #siteMenu { position: relative; margin: 0 auto; width: 800px; height: 48px; background-color: #A4976E; } #siteMenu ul { width: 100%; float: left; padding: 0px; margin: 0px; list-style-type: none; background: #A4976E url(../assets/siteMenu_bkg.jpg) top left repeat-x; } #siteMenu li { float: left; padding: 0px; margin: 0; margin-right: 6px; width: 155px; display: inline; background-color: #5A563A; text-align: center; line-height: 47px; font-size: 30px; font-family: "Gill Sans MT", "Gill Sans", "Myriad", sans-serif; } #siteMenu li.lastMenuItem { margin-right: 0; border-right: 1px solid #5A563A; } #siteMenu li a { display: block; height: 48px; } #siteMenu li a, #siteMenu li a:active, #siteMenu li a:hover, #siteMenu li a:visited { color: #D3CDCD; text-decoration: none; } #siteMenu li a:hover, #siteMenu li a.here { border-bottom: 2px solid #841313; } /* General structure */ div#contentWrap { width: 800px; margin:0 auto; padding-top: 58px; background-color: #A4976E; letter-spacing: 1px; } div#contentLeft.home { float:left; width:370px; } div#contentRight.home { float:right; width: 430px; } div#contentCentre { clear:both; width:784px; } div#contentLeft { float:left; width:442px; z-index: 999; } div#contentRight { float:right; width: 358px; } /*Common page box styles */ div.boxTitle { height: 58px; width: 100%; } div.boxTitle em { display: none; } div.boxHolder { width: 95%; padding: 2%; } div.pageBox { border-left: 1px solid #DCCDB3; border-top: 1px solid #DCCDB3; padding: 15px; height: 100%;} .ieBoxBorders { border-left: 1px solid #DCCDB3; border-top: 1px solid #DCCDB3; } /* News box on front page */ #newsContent { position: relative; top: 0; width: 90%; margin: 0 0 0 2%; padding: 0; } #newsList, #newsPageList { padding: 0; margin: -5px 0; list-style-type: none; } #newsList li, #newsPageList li { padding: 6px 0 6px 16px; border-bottom: 1px dotted #CCCCCC; } #newsList li a, #newsList li a:visited { text-decoration: none; } #newsList li a:hover { text-decoration: underline; } a.newsHeadline, #newsPageList li strong { color: #990000; } .newsDate { color: #D8CBB3; } a.newsItem { color: #D3CDCD; font-size: 0.8em; } #newsList a.newsItem, #newsList .newsDate { font-size: 0.8em; } a.newsItem:hover { text-decoration: none; } #aboutTitle { background: url(../assets/boxTitle_about.jpg) top left no-repeat; } div#aboutContent1 { height: 95px; background: #A4976E url(../assets/ecsrc_images.jpg) top left no-repeat; } div#contentCentre { clear: both; margin: 7px; margin-bottom: 60px; } div#contentCentre_content { padding: 20px; } /* featured artist box - Concordia */ div#fArtistHolder { height: 423px; width: 421px; position: relative; background: url(../assets/featuredArtist_bkg.jpg) top left no-repeat; } div#fArtistContent { position: absolute; top: 115px; left: 65px; width: 144px; height: 270px; font-size: 0.8em; } #fArtistContent p { padding: 0; margin: 0; } .artistTitle a, .artistTitle a:link, .artistTitle a:visited, .artistTitle a:hover, .artistTitle a:active { color: #841313; text-transform: uppercase; font-size: 1.7em; display: block; clear: both; margin-bottom: 8px; text-decoration: none; } .readMore a { color: #841313; display: block; margin-top: 7px; } /* Controls for listen/buy also combined here to save mem */ #fArtistControls { position: absolute; top: 240px; left: 220px; } #fArtistControls ul, #artistControls ul { float: left; padding: 0; margin: 0; list-style-type: none; } #fArtistControls li, #artistControls li { float: left; padding: 0; margin: 0; width: 86px; display: inline; } #fArtistControls li a, #artistControls li a { display: block; height: 86px; width: 86px; } #fArtistControls li a em, #artistControls li a em { display: none; } .listen { background: url(../assets/btn_Listen.gif) top left no-repeat; } .buy { background: url(../assets/btn_Buy.gif) top left no-repeat; } .listen_dark { background: url(../assets/btn_Listen_dark.jpg) top left no-repeat; } .buy_dark { background: url(../assets/btn_Buy_dark.jpg) top left no-repeat; } #artistControls ul { margin-bottom: 30px; } /* Page box titles bkgs */ #newsTitle { background: url(../assets/boxTitle_news.jpg) top left no-repeat; margin-top: 60px; } #fArtistTitle { background: url(../assets/boxTitle_artist.jpg) top left no-repeat; } #concordiaTitle { background: url(../assets/boxTitle_concordia.jpg) top left no-repeat; } #artistsTitle { background: url(../assets/boxTitle_artists.jpg) top left no-repeat; } #listenToTitle { background: url(../assets/boxTitle_listenTo.jpg) top left no-repeat; height: 65px; } #thanksTitle { background: url(../assets/boxTitle_thanks.jpg) top left no-repeat; } #contactTitle { background: url(../assets/boxTitle_contact.jpg) top left no-repeat; } #enquiryTitle { background: url(../assets/boxTitle_enquiry.jpg) top left no-repeat; } #shopTitle { background: url(../assets/boxTitle_shop.jpg) top left no-repeat; } #buyNowTitle { background: url(../assets/boxTitle_orderCD.jpg) top left no-repeat; height: 65px; } #detailsTitle { background: url(../assets/boxTitle_details.jpg) top left no-repeat; } #tandcTitle { background: url(../assets/boxTitle_tandc.jpg) top left no-repeat; } #sitemapTitle { background: url(../assets/boxTitle_sitemap.jpg) top left no-repeat; } #searchTitle { background: url(../assets/boxTitle_search.jpg) top left no-repeat; } #paymentTitle { background: url(../assets/boxTitle_payment.jpg) top left no-repeat; } #puddinpokeTitle { background: url(../assets/boxTitle_puddinpoke.jpg) top left no-repeat; } #shoppingOptions { padding-top: 20px; color: #fff; } #shoppingOptions p { padding: 0; margin: 0; margin-bottom: 6px; } .buyNowHolder { margin: 25px 0 ; } .cdImg { float: left; margin-left: 15px; } .buyNowBtn { float: right; width: 210px; } .buyNowBtn form { margin-top: 11px; } /* special text styles */ .techNote { color: #D8CBB3; font-style: italic; } .subTitle { text-transform: uppercase; margin-top: 20px; } .price { font-size: 2em; line-height: 2.1em; } .highlightText { font-weight: bold; color: #990000; } h1 { font-size: 1.5em; } ul.address { list-style-type: none; } ul#onlinePayment li { margin-bottom: 16px; } /* Sitemap */ ul#sitemap, ul#sitemap ul { list-style-type: none; } ul#sitemap li { padding: 4px 0 4px 0; } ul#sitemap ul li { padding: 0; } ul#sitemap li a { font-size: 1.3em; color: #990000; } ul#sitemap ul li a { font-size: 0.8em; color: #000; } /* Artists list */ #artistList tr { height: 2em; } #artistList td { padding-left: 10px; } #artistList a { color: #000; text-decoration: none; } #artistList a:hover { text-decoration: underline; } #artistList thead td { font-weight: bold; color: #fff; background-color: #5A563A; } /* Stock List and shop styles */ #stockList { margin-top: 30px; } #stockList tr { height: 2em; } #stockList td { padding-left: 10px; } #stockList a { color: #990000; text-decoration: none; } #stockList a:hover { text-decoration: underline; } #stockList thead td { font-weight: bold; color: #fff; background-color: #5A563A; } #stockList tbody td { padding: 8px; } #stockList tbody td span.price { font-size: 1.3em; } div#contentRight.shop { width: 260px; } div#contentLeft.shop { width: 540px; } /* Special note */ #specialNote { width: 216px; float: right; border: 2px solid #5A563A; background-color: #D8CBB3; margin: 0 8px 30px 0; } #specialNote h1 { display: none; margin: 10px; } #specialNote img { padding: 10px 0 0 8px; } /* List of samples for artists music */ .samplesList { list-style-type: none; padding: 0; margin: 0; margin-left: 20px; } .samplesList li { display: block; height: 30px; background: url(../assets/media_icon.jpg) 0 50% no-repeat; padding-left: 36px; line-height: 30px; } .samplesList li a { color: #fff; text-decoration: none; } /* Track listing */ .trackDetails { color: #D8CBB3; font-style: italic; } .trackListing { padding: 0; margin: 0; margin-left: 30px; } /* Image handlers */ .imageCaption { clear: both; width: 90%; height: 1.8em; margin: 10px 32px 25px 0; color: #990000; text-align: right; } #artistImages { text-align: center; } #artistImages img { margin: 0 auto; } /* Forms */ div.row {clear: both; padding-top:10px;} div.row span.formLabel {float: left; width: 30%; text-align: right; padding-right: 15px; color: #fff; } div.row span.formBox {float: right; width: 62%; text-align: left;} #submitButton, #clearButton {width: 10em; background-color: #990000; border: none; font-family: sans-serif; text-transform: uppercase; color: #fff; line-height: 1.2em;} #clearButton {background-color: #CBCCD1;} /* Footer */ div#clearFooter { clear: both; width: 100%; height: 90px; } div#footer_Holder { width: 800px; margin: 0 auto; height: 90px; margin-top: -90px; background-color: #5A563A; } div#footer_Content { width: 100%; text-align: center; padding-top: 20px; line-height: 1.4em; } div#footer_Content a { display: inline; color: #D3CDCD; text-decoration: none; } div#footer_Content a:hover { text-decoration: underline; } div.copyright { margin-top: 10px; } div.siteDesign { text-align: right; margin-right: 8px; font-size: 0.8em; color: #D8CBB3; }