/* Title: Main CSS Author: 3 Crown Creative */ @import "base.css"; body {min-width:61.9375em;background:#5a3a0d } html {min-height: 101%;} a:focus {outline: none} a img { border:none; } ol li, ul li {margin-left:-8px} /* --------------------------------------------------*/ #outerWrap {width:991px; margin:23px auto 0 auto;} #innerWrap {width:100%; background: url(/images/bkgRepeat.jpg) repeat-y 15px 0} #head {width:960px; padding:0 16px 0 15px; } #container { width:100%; background: url(/images/bkgHome.jpg) no-repeat 15px 0;} #topShadow {width:100%; height:13px; background:url(/images/bkgShadowTop.png) no-repeat; display:block} #content {background:url(/images/bkgShadow.png) repeat-y;width:960px; padding:0 16px 0 15px; min-height:628px} #botShadow {background:url(/images/bkgShadowBot.png) no-repeat; width:100%; height:16px; display:block } #foot {background:url(/images/bkgShadow.png) repeat-y; width:100%} #footContact { font-size:.7em; color:#b0a18b; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:left; margin:0 0 10px 23px} #footContact a, #copy a {color:#b0a18b; text-decoration:none; border-bottom:1px dotted #b0a18b} #footContact a:hover, #copy a:hover {color:#8b3d2b; border-bottom:1px solid #eee; background-color:#eee} #copy { font-size:.7em; color:#b0a18b; margin-right:32px; font-family:Arial, Helvetica, sans-serif; float:right} .sidebar {float:right; width:287px; padding:16px 10px 0 25px; min-height:600px} .mainbar {float:left; width:603px; padding:16px 10px 0 25px} .mainbarBot {float:left; width:603px;padding:16px 10px 0 25px;} .mainbarBot p {color:#8b3d2b; background-color:#eee; padding:3px; margin-right:20px} .sidebarBot {float:right; width:287px; padding:0 10px 10px 25px} /* --------------------------------------------------*/ #home #container {background: url(/images/bkgHome.jpg) no-repeat 15px 0;} #instruments #container { background: url(/images/bkgInstruments.jpg) no-repeat 15px 0;} #hammersStands #container { background: url(/images/bkgHammers.jpg) no-repeat 15px 0;} #bones #container { background: url(/images/bkgBones.jpg) no-repeat 15px 0;} #cdsBooks #container { background: url(/images/bkgCDs.jpg) no-repeat 15px 0;} #workshops #container { background: url(/images/bkgWorkshops.jpg) no-repeat 15px 0;} #scrapbook #container { background: url(/images/bkgScrapbook.jpg) no-repeat 15px 0;} #bioPress #container { background: url(/images/bkgBio.jpg) no-repeat 15px 0;} #sculpture #container { background: url(/images/bkgSculpture.jpg) no-repeat 15px 0;} #contact #container { background: url(/images/bkgContact.jpg) no-repeat 15px 0;} /* --------------------------------------------------*/ #content {font-size:.75em} #home #content {font-size:.77em} #content a {color:#8b3d2b; text-decoration:none; border-bottom:1px dotted #8b3d2b} #content a:hover {color:#8b3d2b; border-bottom:1px solid #eee; background-color:#eee} .intro {font-size:1.03em; line-height:1.7em; font-weight:bold} #content .imgLink img { vertical-align:bottom} #content .imgLink a { border-bottom:none;} #content .imgLink a:hover { border-bottom:none; background:none} #content ul li {list-style-image: url(/images/imagesCMS/bullet.png)} .logo {margin:0 0 15px -5px} h2 .small {font-size:.75em; font-style:italic; font-weight:normal; padding-left:10px} /* --------------------------------------------------*/ dl.table-display, table.table-display {width: 600px;margin:25px 0 0 0;padding: 0; clear: both;} .table-display dt {float: left;margin:0;padding: 0; } .table-display dd {margin: 0;padding: 0; float:left;line-height: 1.1em} .table-display dd h3 {margin:0 0 5px 0;padding: 0; color:#000} h1 span {padding-left:20px} #instruments .table-display dt {width: 240px; } #instruments .table-display dd {width: 360px; font-size:.85em; } #hammersStands .table-display .col1 {width: 210px; padding-right:20px; line-height:1.15em; font-size:.85em; vertical-align:top} #hammersStands .table-display .col1 p { padding-top:5px} #hammersStands .table-display .col2 {width: 370px; vertical-align:top} #bones .table-display dt {width: 260px; } #bones .table-display dd {width: 340px;} #bones .formAlign { margin-top:10px; clear:both} #cdsBooks .table-display dt {width: 216px;} #cdsBooks .table-display dd {width: 384px; font-size:.85em} #cdsBooks .table-display dd.clear {width: 216px; } #cdsBooks ol li { margin-left:0} #cdsBooks .formAlign { float:right; text-align:right; margin-right:10px} /*#cdsBooks div.cell1 {width: 170px; padding-right:30px; float:left; margin:0 0 15px 0}*/ #cdsBooks div.cell1 {float:left; margin:0 0 15px 0} #cdsBooks div.cell2 {width: 400px; float:left; margin:0 0 15px 0} #cdsBooks div.cell2 form { margin-top:0} #cdsBooks div.cell2 .formAlign { float:left; text-align:left; margin-right:0} #cdsBooks p.itemName { margin-bottom:0} #cdsBooks .itemName em { font-weight:bold;} #sculpture dl.table-display {width: 300px; clear:none; float:left} #sculpture .table-display dt {width: 100px; } #sculpture .table-display dd {width: 195px; padding-left:5px} #sculpture .formAlign { float:none} #sculpture fieldset { margin-bottom:0} table.nogrid {width:100%} .nogrid th {text-align:left} .nogrid td { padding:2px} table.grid {width:287px; font-size:.8em; line-height:1.1em; letter-spacing:inherit;} .grid td, .grid th {border:1px solid #000; padding:2px 0; margin:0; text-align:center} .grid .col1 {width:17px} .grid .col2and7 {width:65px} .grid .colrest {width:35px} .addToCart {width:101px; height:17px; background:url(/images/addToCart.jpg) no-repeat 0 0; display:block; float:left; margin:1px 8px 0 0} .addToCart:hover {background:url(/images/addToCart.jpg) no-repeat -101px 0;} .viewCart {width:84px; height:17px; background:url(/images/viewCart.jpg) no-repeat 0 0; display:block; float:left; margin:1px 0 0 0} .viewCart:hover {background:url(/images/viewCart.jpg) no-repeat -84px 0;} form {margin-top:5px} .noTitleSelect {float:left; margin-right:8px} /* --------------------------------------------------*/ /*#content li.playSample a, #content span.playSample a { color:#029885; border-bottom-color:#029885} #content li.playSample a:hover, #content span.playSample a:hover {border-bottom:1px solid #eee; background-color:#eee} #content li.playSample a.sm2_link, #content span.playSample a.sm2_link { color:#029885; border-bottom-color:#029885} /* default state: "a playable link" */ /*#content li.playSample a.sm2_link:hover, #content span.playSample a.sm2_link:hover {border-bottom:1px solid #eee; background-color:#eee} /* default (inactive) hover state */ /*#content li.playSample a.sm2_playing, #content span.playSample a.sm2_playing {border-bottom:1px solid #029885; background-color:#029885; color:#eee} /* "now playing" */ /*#content li.playSample a.sm2_playing:hover, #content span.playSample a.sm2_playing:hover { border-bottom:1px solid #eee; background-color:#eee; color:#8b3d2b} /* "clicking will now pause" */ /*#content li.playSample a.sm2_paused, #content span.playSample a.sm2_paused {border-bottom:1px solid #8b3d2b; background-color:#8b3d2b; color:#eee} /* "paused state" */ /*#content li.playSample a.sm2_paused:hover, #content span.playSample a.sm2_paused:hover { color:#029885; border-bottom-color:#eee} /* "clicking will resume" */ #content li.playSample a, #content li.playSample a.sm2_link , #content span.playSample a, #content span.playSample a.sm2_link {display:inline-block; padding-left:22px; border-bottom:none; min-height:16px; padding-top:5px} #content li.playSample a.sm2_link, #content li.playSample a.sm2_paused:hover, #content li.playSample a.sm2_link:hover, #content span.playSample a.sm2_link, #content span.playSample a.sm2_paused:hover, #content span.playSample a.sm2_link:hover {background: url(/images/imagesCMS/icon_play.png) no-repeat 0px 50%; _background-image:url(/images/imagesCMS/icon_play.gif); border-bottom:none /* IE 6 */} #content li.playSample a.sm2_paused:hover, #content span.playSample a.sm2_paused:hover {background: url(/images/imagesCMS/icon_play.png) no-repeat 0px 50%; _background-image:url(/images/imagesCMS/icon_play.gif); border-bottom:none} #content li.playSample a.sm2_playing, #content li.playSample a.sm2_playing:hover, #content span.playSample a.sm2_playing, #content span.playSample a.sm2_playing:hover {background:url(/images/imagesCMS/icon_pause.png) no-repeat 0px 50%;_background-image:url(/images/imagesCMS/icon_pause.gif); border-bottom:none} /* --------------------------------------------------*/ #slideshow {float:left;clear:both; margin:0 16px 16px 0;position: relative; width: 125px; height: 125px;} #slideshow ol, #slideshow ul, #slideshow ol li, #slideshow ul li {margin:0; padding:0} #slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; } #slideshow #loading { background: url('/images/imagesCMS/spinner.gif'); display: block; top: 55px; left: 55px; text-indent: -5000px; width: 16px; height: 16px; visibility: hidden; z-index: 5; } #slideshow #pictures { width: 125px; height:125px; left: 0; overflow: hidden; } #slideshow #pictures li { display: block; position: absolute; top: 0; width: 125px; } #slideshow #pictures li img { display: block; position: relative; bottom: 0; } #content #slideshow ul li {list-style-image: none)} #slideshow #menu li {list-style-type: none; width: 0px; height:0px; right: 0; } #slideshow #menu li { display:none;} #slideshow #menu li a { display: none; } #slideshow #menu li.current a { display:none} #slideshow #menu li.background { display:none } /* --------------------------------------------------*/ #topNav {list-style: none; list-style-image:none;margin: 0; padding: 0; width: 100%; background-color:#fff7db;border-bottom:1px solid #000; } #topNav li, #topNav li a {list-style-type:none; display: inline;text-align: center;} #topNav li a {text-decoration:none; color:#563301; font-size:.7em;font-weight:bold;padding:.4em 0 .4em 0 ;} #topNav li a:hover {color:#fefdfd; background-color:#000} #topNav a {float:left} /* widths must add up to 960px */ #topNav .home a {width:60px;} #topNav .instruments a {width:111px;} #topNav .hammersStands a {width:155px;} #topNav .bones a {width:63px} #topNav .cdsBooks a {width:105px} #topNav .workshops a {width:100px} #topNav .scrapbook a {width:98px} #topNav .bioPress a {width:98px} #topNav .sculpture a {width:94px} #topNav .contact a {width:76px} #home #topNav .home a, #instruments #topNav .instruments a, #hammersStands #topNav .hammersStands a, #bones #topNav .bones a, #cdsBooks #topNav .cdsBooks a, #workshops #topNav .workshops a, #scrapbook #topNav .scrapbook a, #bioPress #topNav .bioPress a, #sculpture #topNav .sculpture a, #contact #topNav .contact a {cursor:default;color:#fefdfd; background-color:#000} #topNav .last a { float:right; padding-right:1em} /* --------------------------------------------------*/ #botNav { background-color:#f2e9d3;border-top:1px solid #000;width:960px; margin:0 16px 0 15px; color:#806439; } #botNav span {float:left;font-size:.6em;padding:.35em .35em; font-family:Arial, Helvetica, sans-serif} #botNav a {text-decoration:none; color:#806439; } #botNav a:hover {color:#84332e;} #home #botNav .home a, #instruments #botNav .instruments a, #hammersStands #botNav .hammersStands a, #bones #botNav .bones a, #cdsBooks #botNav .cdsBooks a, #workshops #botNav .workshops a, #scrapbook #botNav .scrapbook a, #bioPress #botNav .bioPress a, #sculpture #botNav .sculpture a, #contact #botNav .contact a {cursor:default;color:#84332e;} #botNav .first a {padding-left:2.25em} /* --------------------------------------------------*/ .small {font-size:.85em; font-style:italic} .left {float:left; text-align:left} .right {float:right; text-align:right} .clear {clear:both} /* self-clear floats */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* --------------------------------------------------*/ a.pdf { /*The background image*/ background: url(/images/imagesCMS/pdf.png) no-repeat left center; padding-left: 20px; line-height: 16px; /* To center the text vertically with the icon */ } a.txt { /*The background image*/ background: url(/images/imagesCMS/txt.png) no-repeat left center; padding-left: 20px; line-height: 16px; } a.zip { /*The background image*/ 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;margin: -6px 6px 6px -6px;padding: 0px;} .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; margin: -6px 6px 6px -6px;padding: 0px;} /*
--------------------------------------------------*/ textarea:focus {border-color:#9a9a9a #c0c0c0 #c0c0c0 #9a9a9a;} textarea { width:250px;font-family:Verdana,Arial,Helvetica,sans-serif; letter-spacing:.04em; padding:1px; outline:none; font-size:.85em} /* --------------------------------------------------*/ .title {padding-left: 120px;min-height: 120px;background: url(/images/imagesCMS/quicktime.png) no-repeat top left;vertical-align: middle;} .playButton {background-color: rgb(20,20,20);cursor: pointer;font-weight: bold;font-size: 1.25em; opacity: .8;filter: alpha(opacity=80); -moz-border-radius: 1em;-webkit-border-radius: 1em; position: relative;top: 50%; zoom: 100%;padding: .5em 1em;color: white;} .playBackground {background-color: rgb(0,0,0);opacity: 0.0;filter: alpha(opacity=0);position: absolute;top: 0px; left: 0px;}