/* Title: Main CSS Author: 3 Crown Creative */ @import "base.css"; @import "scrollbar.css"; body { background: #000; } html {min-width:962px; min-height:620px;} /* --------------------------------------------------*/ #container {position:absolute; width:962px;height:620px; background: url(/images/bkgPage.jpg) no-repeat;} .containerLgW {left:50%;margin-left: -481px; /*set to a negative number 1/2 of your width*/ } .containerLgH {top: 50%; margin-top: -300px; /*set to a negative number 1/2 of your height*/ } .containerSmW {left:2px;margin-left:0px;} .containerSmH {top:10px;margin-top:0px;} #content {background:url(/images/bkgContent.png) no-repeat; width:523px; height:514px; display:block; position:absolute; left:220px; top:55px; padding-top:10px} #contentInner {padding:0px 33px 0 44px; overflow: auto; height:455px;width: 434px; } #navCurrentArt #contentInner { height:260px} #navPastArt #contentInner { height:290px} #navContact #contentInner div {text-align:center; padding-top:85px;} #navContact #contentInner div img {padding-top:50px;} #logo {background:url(/images/txtJeanMandebergLg.png) no-repeat; width:149px; height:18px; display:block; text-indent:-5000px; position:absolute; left:410px; top:19px} #foot {width:962px;position:absolute; left:0; top:601px;color:#999; font-size:.75em; font-weight:bold} .copy { float:left; text-align:left} #foot .credit { float:right; text-align:right; padding-right:0} #foot a {color:#999; font-weight:bold} #foot a:hover {color:#fff;} /* --------------------------------------------------*/ #pageTitle h1 {margin:5px auto 15px auto;display:block; text-indent:-5000px;} #navCurrentArt #pageTitle h1 {background: url(/images/txtCurrentArtwork.png) no-repeat; width:124px; height:12px;} #navPastArt #pageTitle h1 {background: url(/images/txtPastArtwork.png) no-repeat; width:100px; height:15px;} #navNews #pageTitle h1 {background: url(/images/txtNews.png) no-repeat; width:39px; height:8px;} #navBio #pageTitle h1 {background: url(/images/txtBio.png) no-repeat; width:24px; height:12px;} #navContact #pageTitle h1 {background: url(/images/txtContact.png) no-repeat; width:57px; height:11px;} /* --------------------------------------------------*/ .slideshow { position:absolute;left:260px; top:360px; width:490px;} #navPastArt .slideshow { top:390px;} .slideshow img { padding-right:10px} .slideshow .firstRow img { padding-bottom:20px;} /* --------------------------------------------------*/ .opacity {opacity:0;} #gridL, #gridR {position:absolute; display:block} .gridLCOL {left:224px;top:53px;} .gridLCOLimg {background:url(/images/gridLsm.png) no-repeat; width:254px; height:499px;} .gridRCOL {left:477px;top:48px;} .gridRCOLimg {background:url(/images/gridRsm.png) no-repeat; width:257px; height:502px;} .gridLEXP {left:22px;top:53px;} .gridLEXPimg {background:url(/images/gridLlg.png) no-repeat; width:254px; height:499px;} .gridREXP {left:695px;top:48px;} .gridREXPimg {background:url(/images/gridRLg.png) no-repeat; width:257px; height:502px} /* The cells of the grid on the gome page, number 1-9 from left to right, top to bottom */ /* --------------------- | 1 | 2 | 3 | --------------------- | 4 | 5 | 6 | --------------------- | 7 | 8 | 9 | --------------------- */ #cells div {position:absolute; width:129px; height:110px} .cell1EXP {top:58px;left:31px;} .cell1EXPimg {background:url(/images/O.png) no-repeat;} .cell1COL {top:58px;left:231px;} .cell1COLimg { background:none} .cell2EXP {top:58px;left:406px;} .cell2EXPimg { background:none} .cell2COL {top:58px; left:406px;} .cell2COLimg { background:none} .cell2GAME {top:58px; left:406px;background:url(/images/X.png) no-repeat; z-index:0} /* #navHome .cell2EXP, #navHome .cell2COL {cursor:pointer; z-index:1} For the game: commented out because game is disabled */ .cell3EXP {top:58px;left:790px;} .cell3EXPimg {background:url(/images/O.png) no-repeat;} .cell3COL {top:58px;left:590px;} .cell3COLimg {background:url(/images/O.png) no-repeat;} .cell4EXP {top:238px;left:31px;} .cell4EXPimg {background:url(/images/X.png) no-repeat;} .cell4COL {top:238px;left:231px;} .cell4COLimg {background:url(/images/O.png) no-repeat;} .cell5EXP {top:238px;left:406px;} .cell5EXPimg {background:none;} .cell5COL {top:238px;left:406px;} .cell5COLimg {background:url(/images/X.png) no-repeat;} #cell5 img { display:none} #navHome #cell5 img {margin:45px 0 0 0; display:block} .cell6EXP {top:238px;left:790px;} .cell6EXPimg {background:url(/images/X.png) no-repeat;} .cell6COL {top:238px;left:590px;} .cell6COLimg {background:url(/images/X.png) no-repeat;} .cell7EXP {top:420px;left:31px; } .cell7EXPimg {background:url(/images/O.png) no-repeat;} .cell7COL {top:420px;left:231px;} .cell7COLimg {background:url(/images/O.png) no-repeat;} .cell8EXP {top:420px;left:406px;} .cell8EXPimg { background:none} .cell8COL {top:420px;left:406px; z-index:1} .cell8COLimg { background:none} .cell8GAME {top:420px;left:406px;background:url(/images/X.png) no-repeat; z-index:0} .cell9EXP {top:420px;left:800px;} .cell9EXPimg {background:url(/images/X.png) no-repeat;} .cell9COL {top:420px;left:590px;} .cell9COLimg {background:url(/images/X.png) no-repeat;} /* --------------------------------------------------*/ .navHome a {background: url(/images/navHome.png) no-repeat 0 0; width:43px; height:12px;text-decoration:none; display:block; text-indent:-5000px; margin:47px 0 0 42px} .navHome a:hover {background: url(/images/navHome.png) no-repeat -43px 0; } #navHome .navHome a {background: url(/images/navHome.png) no-repeat -43px 0; cursor:default} #navHome .cell1EXP {background:none} .navNews a {background: url(/images/navNews.png) no-repeat 0 0; width:39px; height:8px;text-decoration:none; display:block; text-indent:-5000px; margin:51px 0 0 43px} .navNews a:hover {background: url(/images/navNews.png) no-repeat -39px 0; } #navNews .navNews a {background: url(/images/navNews.png) no-repeat -39px 0; cursor:default} #navNews #cell3 {background:none} .navBio a {background: url(/images/navBio.png) no-repeat 0 0; width:24px; height:12px;text-decoration:none; display:block; text-indent:-5000px; margin:45px 0 0 51px} .navBio a:hover {background: url(/images/navBio.png) no-repeat -24px 0; } #navBio .navBio a {background: url(/images/navBio.png) no-repeat -24px 0; cursor:default} #navBio #cell4 {background:none} .navContact a {background: url(/images/navContact.png) no-repeat 0 0; width:57px;height:11px;text-decoration:none; display:block; text-indent:-5000px; margin:46px 0 0 36px} .navContact a:hover {background: url(/images/navContact.png) no-repeat -57px 0; } #navContact .navContact a {background: url(/images/navContact.png) no-repeat -57px 0; cursor:default} #navContact #cell6 {background:none} .navPastArt a {background: url(/images/navPastArtwork.png) no-repeat 0 0; width:100px;height:15px;text-decoration:none; display:block; text-indent:-5000px; margin:44px 0 0 15px} .navPastArt a:hover {background: url(/images/navPastArtwork.png) no-repeat -100px 0; } #navPastArt .navPastArt a {background: url(/images/navPastArtwork.png) no-repeat -100px 0; cursor:default} #navPastArt #cell7 {background:none} .navCurrentArt a {background: url(/images/navCurrentArtwork.png) no-repeat 0 0; width:124px;height:12px;text-decoration:none; display:block; text-indent:-5000px; margin:44px 0 0 2px} .navCurrentArt a:hover {background: url(/images/navCurrentArtwork.png) no-repeat -124px 0; } #navCurrentArt .navCurrentArt a {background: url(/images/navCurrentArtwork.png) no-repeat -124px 0; cursor:default} #navCurrentArt #cell9 {background:none} /* --------------------------------------------------*/ .pastCats {float:left;width:33%; text-align:center; font-variant:small-caps; letter-spacing:.2em; font-size:1.4em; font-weight:bold; padding-top:15px} .portHide {display:none} .portShow {display:block} #portList a, #portList .inactive {color:#696767} #portList a:hover, #portList .active {color: #710404;} .instruction {color:#949393; font-size:.7em; margin-bottom:0; float:left;} .closebutton {display:none} .controls-in-heading .highslide-controls { margin:5px 0 5px 10px} .highslide-wrapper, .highslide-outline {background: #FFFFFF;} .highslide:hover img {border-color: #A0A0A0;} .highslide-active-anchor img {visibility: visible;border-color: #808080 !important;} .highslide-image { border-style:solid; border-color:#fff; border-left-width:30px; border-right-width:30px; border-bottom:none; border-top:none} .highslide-caption { text-align:center; border-bottom:20px solid #fff} .highslide-loading {color: black;border: 1px solid black;background-color: white;background-image: url(/images/imagesHighslide/loader.white.gif);} .highslide-controls {position: static !important;margin: 0;width: 120px !important;} .highslide-header .highslide-move {display: none;} .highslide-header .highslide-close a {background-position: 0 -221px;} /* --------------------------------------------------*/ 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;} /* --------------------------------------------------*/ .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} .credit { float:right; text-align:right; padding-right:55px} /* self-clear floats */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* 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;}