HTML, BODY {
height: 100%;
min-height: 100%;
margin: 0 0 1px;
padding: 0;
}
BODY {
margin: 20px;
font-family: "Garamond", "Georgia", "Serif";
letter-spacing: .3px;
font-size: 12px;
color: #666666;
font-style: normal;
line-height: 14px;
text-align:none;
margin-top: 38px;
}
A, IMG, INPUT { outline: none; }
a:link { text-decoration: none; color: #FF0000; outline: none; overflow: hidden;}
a:visited { text-decoration: none; color: #FF0000; outline: none; overflow: hidden;}
a:hover { text-decoration: none; color: #5F5F5F; outline: none; overflow: hidden;}
div.clearer {
clear: both;
line-height: 0px;
height: 0px;
font: normal 0px "Helvetica", "Arial";
margin: 0px;
padding: 0px;
border: 0px solid black;
}
#globalContainer {
width: 965px;
min-height: 710px;
margin: 0 auto;
background: url(images_cache/whiteframe_thin.gif) no-repeat;
background-position: 111px -35px;
}
#globalBlogContainer {
width: 965px;
min-height: 710px;
margin: 0 auto;
background: url(images_cache/whiteframe-blog_thin.gif) no-repeat;
background-position: 111px -35px;
}
#head {
height: 54px;
/*background: url(images_cache/head_bg.gif) no-repeat; */
background-position: 5px 0px;
}
#foot {
margin-top: -10px;
border: 0px solid red;
height: 54px;
/*background: url(images_cache/foot_bg.gif) no-repeat; */
background-position: 5px 0px;
}
#logoContainer {
background: url(images_cache/logo.gif) no-repeat;
height: 54px;
width: 190px;
float: left;
background-position: -23px 0px;
text-indent: -9999px;
}
#logoContainer A {
width: 100%;
height: 100%;
display: block;
outline: none;
}
#main-menu {
height: 37px;
width: 636px;
margin-left: auto;
margin-right: 30px;
padding-top: 11px;
}
#main-menu ul {
padding: 0px;
margin: 0px;
}
#main-menu li {
line-height: 0; /* fixes "stair-step" effect in IE */
display: block;
float: left;
padding-left: 0;
height: 18px;
width: 106px;
text-indent: -9999px;
font-size: 0px;
background-position: 0 -4px;
margin-top: 2px;
}
#main-menu li a {
display: block;
outline: none;
width: 100%;
height: 100%;
}
#main-menu li.active {
background-position: 0px -24px;
}
#main-menu li:hover {
background-position: 0px -24px;
}
#work { background: url(images_cache/menu/work.gif) no-repeat; }
#sketch { background: url(images_cache/menu/sketch.gif) no-repeat; }
#bound { background: url(images_cache/menu/bound.gif) no-repeat; }
#blog { background: url(images_cache/menu/blog.gif) no-repeat; }
#store { background: url(images_cache/menu/store.gif) no-repeat; }
#about { background: url(images_cache/menu/about.gif) no-repeat; }
.teaserTag { font-weight: bold; color: red; }
#sidebar-container {
width: 133px;
float: left;
text-align: left;
}
.menuHead {
border-bottom: 1px solid #c3c3c3;
margin-bottom: 10px;
margin-right: 4px;
}
#archive-menu-container {
height: 460px;
overflow: hidden;
margin-bottom: 15px;
}
#archive-menu {
font: normal 10.5px "Times", "Georgia", "Serif";
letter-spacing: .9px;
}
#blogContentContainer {
width: 812px;
float: left;
}
#portfolioContentContainer {
width: 812px;
float: left;
}
#blogContent {
width: 750px;
float: left;
margin: 0 30px;
}
#blogContent .inner {
margin: 20px 22px 20px 17px;
}
#blogContent .inner A IMG { border: 1px solid #ffc6c6; }
#blogContent .inner A:hover IMG { border-color: #FF0000; }
.blog_body { line-height: 17px; text-align:justify; }
.blogContent { line-height: 18px; }
.blog-head { margin-bottom: 20px; padding-right: 0px;}
.blog-title {
float: left;
width: 65%;
text-align: left;
}
.teaserTag {
font-family: Arial;
font-size: 16px;
text-transform: uppercase;
color: #666666;
line-height: 16px;
display: block;
margin-top: 0px;
margin-bottom: 6px;
}
.scrollmenu {
color: #9d9d9d;
font-style: normal;
line-height: 19px;
text-align:none;
}
.menuPersist, .menu { line-height: 19px; }
.scrollNavContainer {
border-top: 1px solid #c5c5c5;
border-bottom: 1px solid #c5c5c5;
padding-left: 4px;
}
#backbutton, #nextbutton {
display: block;
text-indent: -9999px;
height: 24px;
cursor: pointer;
}
#backbutton:hover, #nextbutton:hover {
background-position: 0 -24px;
cursor: pointer;
}
#nextbutton {
float: left;
width: 76px;
background: url(images_cache/present.gif) no-repeat;
}
#backbutton {
float: left;
width: 51px;
background: url(images_cache/past.gif) no-repeat;
}
a.menu:visited { text-decoration: none; color: #666666; outline: none; overflow: hidden;}
a.menu:link { text-decoration: none; color: #666666; outline: none; overflow: hidden;}
a.menu:hover { text-decoration: none; color: #FF0000; outline: none; overflow: hidden;}
a.scrollmenu:visited { text-decoration: none; color: #666666; outline: none; overflow: hidden;}
a.scrollmenu:link { text-decoration: none; color: #666666; outline: none; overflow: hidden;}
a.scrollmenu:hover { text-decoration: none; color: #FF0000; outline: none; overflow: hidden;}
a.menuPersist:visited { text-decoration: none; color: #FF0000; outline: none; overflow: hidden;}
a.menuPersist:link { text-decoration: none; color: #FF0000; outline: none; overflow: hidden;}
a.menuPersist:hover { text-decoration: none; color: #FF0000; outline: none; overflow: hidden;}
.menuItem {
padding-top: 3px;
padding-bottom: 3px;
height: 16px;
overflow: hidden;
}
.menuDivider {
border-bottom: 0px solid #999999;
height: 1px;
}
/*////////////PORTFOLIO SLIDESHOW///////////////*/
.container {
position: absolute;
height: 454px;
width: 712px;
overflow: hidden;
}
.container IMG { border: none; }
#bar {
width: 100%;
height: 19px;
position: relative;
background: url(images_cache/slider_bg.gif) repeat-x;
background-color: #FFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-top: 10px;
cursor: pointer;
}
#shopBar {
width: 100%;
height: 19px;
position: relative;
background: url(images_cache/slider_bg.gif) repeat-x;
background-color: #FFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-top: 10px;
cursor: pointer;
}
#scroller { display: none; }
/*#knob {
top: 1px;
width: 100px;
height: 16px;
background-color: #FFF;
background: url(images_cache/knob_bg.gif) repeat-x;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor: pointer;
}*/
#knob {
top: 0px;
margin-left: 2px;
width: 104px;
height: 18px;
background: url(images_cache/knob_bg.png) no-repeat;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor: pointer;
}
#vBar {
top: 15px;
margin-top: 10px;
margin-left: 5px;
left: 7px;
float: left;
width: 19px;
height: 555px;
position: relative;
background: url(images_cache/vslider_bg.gif) repeat-y;
background-color: #FFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/*#vKnob {
top: 2px;
left: 1px;
width: 16px;
height: 100px;
position: relative;
background: url(images_cache/vknob_bg.gif) repeat-y;
background-color: #dfdfdf;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor: pointer;
}*/
#vKnob {
margin-top: 2px;
left: 0px;
width: 18px;
height: 105px;
position: relative;
background: url(images_cache/knob_v_bg.png) no-repeat;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor: pointer;
}
* {
margin: 0;
padding: 0;
}
/*#gallery_container {
background-position: center center;
width: 680px;
height: 685px;
text-align: left;
overflow: hidden;
display: block;
position: relative;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
border-top: 1px solid black;
border-bottom: 1px solid black;
}*/
.galleryContainer {
height: 555px;
width: 712px;
overflow: hidden;
margin: 0px auto;
/*background: url(images_cache/spinner.gif) no-repeat;*/
background-position: center center;
text-align: center;
}
.gallery_image {position: relative; opacity: 1; filter: alpha(opacity=1); background: url(images_cache/spinner.gif) no-repeat; background-position: center center; }
.portfolioNavContainer {
float: left;
width: 150px;
}
.portfolioCaption {
float: left;
width: 480px;
text-align: center;
font: normal 10.5px "Times";
line-height: 16px;
letter-spacing: 0px;
}
.delimiter { position: absolute; font-size: 22px; margin-left: 0px; border-left: 1px solid #999; }
.detailCaption {
float: left;
width: 560px;
text-align: center;
}
.portfolioCounterContainer {
float: left;
}
.portfolioContentContainer {
padding-top: 25px;
margin-left: 185px;
}
.portfolioFootNav {
border-bottom: 1px solid #c3c3c3;
padding-top: 10px;
padding-bottom: 9px;
margin-left: 161px;
margin-right: 55px;
}
.portfolioIndexContainer { float: left; width: 144px; text-align: right; }
.detailIndexContainer { float: left; width: 50px; text-align: right; border-left: 1px solid #666; margin-left: 10px; padding-left: 5px; margin-top: 1px; padding-top: 0px; }
/*//////////////////////////////////////////////*/
.portfolioWorks, .portfolioWorksActive {
padding-left: 10px;
margin-bottom: 1px;
}
.bullet { margin-right: 0px; margin-top: 0px; }
.heart { margin-right: 4px; margin-top: 3px; }
.star { margin-right: 4px; margin-top: 1px; }
#accordion { font-size: 10.5px; font-family: "Times"; letter-spacing: .6px; display: none; position: absolute; }
.toggler { cursor: pointer; color: #666666; line-height: 18px; }
.toggler:hover { cursor: pointer; color: #FF0000; }
.dropTop { font-size: 2px; border: 3px solid #FFF; margin-right: 30px; }
.dropBot { font-size: 2px; border: 4px solid #FFF; margin-right: 30px; }
.portfolioWorks A { color: #666666; }
.portfolioWorks A:hover { color: red; }
.portfolioWorksActive A { color: red; }
#blogNext, #blogBack {
width: 22px;
height: 17px;
text-indent: -9999px;
float: left;
background: url(images_cache/blognav2.gif) no-repeat;
}
#blogNext A, #blogBack A {
display: block;
width: 100%;
height: 100%;
outline: none;
}
#blogNext { background-position: -20px -17px; border-left: 0px solid #bbb; width: 16px; }
#blogBack { background-position: 9px -17px; border-right: 0px solid #bbb; width: 27px; }
#blogNext:hover {
background-position: -20px 0px;
}
#blogBack:hover {
background-position: 9px 0px;
}
.blog-date {
float: left;
margin-left: 90px;
padding-top: 1px;
}
.blogNav {
float: left;
padding-top: 3px;
}
.productPage {
float: left;
width: 746px;
height: 555px;
}
.productPage .pinner {
padding: 20px 0px 0px 20px;
}
.productPane {
width: 218px;
min-height: 242px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;
background: url(images_cache/prod_bg.gif) no-repeat;
cursor: pointer;
}
.productPane:hover { background-position: 0px -252px; }
.paneInner IMG {
border: 1px solid #FFF;
}
.productPane DIV:hover { color: red; border-color: #FF0000; }
.productPane DIV:hover IMG { border-color: #FFF; }
.paneInner {
margin: 13px 15px 0px 19px;
}
.paneInfo {
margin-top: 11px;
color: #666666;
}
.paneInfo .left { float: left; width: 122px; }
.paneInfo .right {
float: left;
width: 60px;
text-align: right;
}
.pageScrollerContainer {
margin: 20px 44px 20px 34px;
padding: 0px 12px;
}
.pageScroller {
float: left;
width: 655px;
}
.pageScrollerNav {
float: left;
padding-top: 10px;
margin-left: 10px;
}
.soldOut { color: red; font: normal 9px Lucida Grande; line-height: 12px; }
#portfolioBack {
width: 72px;
height: 16px;
background: url(images_cache/prev-next.gif) no-repeat;
text-indent: -99999px;
float: left;
}
#portfolioBackDead {
width: 72px;
height: 16px;
background: url(images_cache/prev-next.gif) no-repeat;
text-indent: -99999px;
float: left;
background-position: 0px -32px;
}
#portfolioNextDead {
width: 50px;
height: 16px;
background: url(images_cache/prev-next.gif) no-repeat;
text-indent: -99999px;
float: left;
background-position: -72px -32px;
}
#portfolioDivider {
float: left;
}
#portfolioNext {
width: 50px;
height: 16px;
background: url(images_cache/prev-next.gif) no-repeat;
background-position: -72px 0px;
text-indent: -99999px;
float: left;
}
#portfolioNext A, #portfolioBack A {
width: 100%;
height: 100%;
display: block;
outline: none;
cursor: pointer;
}
#portfolioBack:hover { background-position: 0px -16px; }
#portfolioNext:hover { background-position:-72px -16px; }
#productContent {
height: 585px;
overflow: hidden;
}
#imageContent {
width: 598px;
height: 409px;
float: left;
overflow: hidden;
}
.thumbBox { display: block; background: url(images_cache/micro_bg.gif) no-repeat; background-position: left bottom; height: 93px; margin-bottom: 13px; }
#navContainer {
margin-left: 10px;
height: 411px;
float: left;
width: 102px;
overflow-y: hidden;
/*background: url(images_cache/nav_bg_strip.gif) no-repeat;*/
background-position: center 1px;
}
.navStrip { margin-bottom: 8px; }
.navStripBig { margin-bottom: 9px; }
.productDetailsContainer { width: 600px; }
.productTitleContainer {
padding: 14px 0px 15px 0px;
border-bottom: 1px solid #c3c3c3;
margin-bottom: 11px;
}
.productTitle {
width: 80%;
float: left;
color: #000;
}
.productPrice {
width: 20%;
float: left;
text-align: right;
color: #000;
}
.productDetails {
margin-bottom: 13px;
min-height: 16px;
}
.productDescription {
float: left;
width: 315px;
height: 71px;
margin-right: 8px;
overflow: hidden;
}
.productButton {
float: left;
width: 260px;
min-height: 67px;
padding-left: 15px;
border-left: 1px solid #FFF;
background: url(images_cache/dottile.gif) repeat-y;
}
.ctaButton {
width: 260px;
height: 67px;
border: none;
}
.dropCap {
display: inline-block;
width: 49px;
height: 49px;
background-color: #EEE;
float: left;
margin: 2px 5px 0px 0;
font: bold 36px "Arial";
text-align: center;
text-indent: -9999px;
}
#A-glyph { background: url(images_cache/alphabet/A.gif) no-repeat; }
#B-glyph { background: url(images_cache/alphabet/B.gif) no-repeat; }
#C-glyph { background: url(images_cache/alphabet/C.gif) no-repeat; }
#D-glyph { background: url(images_cache/alphabet/D.gif) no-repeat; }
#E-glyph { background: url(images_cache/alphabet/E.gif) no-repeat; }
#F-glyph { background: url(images_cache/alphabet/F.gif) no-repeat; }
#G-glyph { background: url(images_cache/alphabet/G.gif) no-repeat; }
#H-glyph { background: url(images_cache/alphabet/H.gif) no-repeat; }
#I-glyph { background: url(images_cache/alphabet/I.gif) no-repeat; }
#J-glyph { background: url(images_cache/alphabet/J.gif) no-repeat; }
#K-glyph { background: url(images_cache/alphabet/K.gif) no-repeat; }
#L-glyph { background: url(images_cache/alphabet/L.gif) no-repeat; }
#M-glyph { background: url(images_cache/alphabet/M.gif) no-repeat; }
#N-glyph { background: url(images_cache/alphabet/N.gif) no-repeat; }
#O-glyph { background: url(images_cache/alphabet/O.gif) no-repeat; }
#P-glyph { background: url(images_cache/alphabet/P.gif) no-repeat; }
#Q-glyph { background: url(images_cache/alphabet/Q.gif) no-repeat; }
#R-glyph { background: url(images_cache/alphabet/R.gif) no-repeat; }
#S-glyph { background: url(images_cache/alphabet/S.gif) no-repeat; }
#T-glyph { background: url(images_cache/alphabet/T.gif) no-repeat; }
#U-glyph { background: url(images_cache/alphabet/U.gif) no-repeat; }
#V-glyph { background: url(images_cache/alphabet/V.gif) no-repeat; }
#W-glyph { background: url(images_cache/alphabet/W.gif) no-repeat; }
#X-glyph { background: url(images_cache/alphabet/X.gif) no-repeat; }
#Y-glyph { background: url(images_cache/alphabet/Y.gif) no-repeat; }
#Z-glyph { background: url(images_cache/alphabet/Z.gif) no-repeat; }
#viewCart {
margin-top: 50px;
width: 127px;
height: 26px;
background: url(images_cache/view_cart.gif) no-repeat;
text-indent: -99999px;
}
#viewCart A {
width: 100%;
height: 100%;
display: block;
outline: none;
cursor: pointer;
}
#viewCart:hover { background-position: 0px -26px; }
#viewCart.active { background-position: 0px -26px; }
#subscribe {
margin-top: 30px;
width: 100%;
height: 26px;
background: url(images_cache/subscribe.gif) no-repeat;
background-position: center 0px;
text-indent: -99999px;
}
#subscribe A {
width: 100%;
height: 100%;
display: block;
outline: none;
cursor: pointer;
}
#subscribe:hover { background-position: center -26px; }
#cartTable { color: #000; margin-top: 25px; }
.cartRow A:visited { color: #000; }
.cartRow A { color: #000; }
.cartRow A:hover { color: #FF0000; }
.cartBreak {
margin: 10px 0px;
border-top: 0px dotted #999;
height: 3px;
background: url(images_cache/dottile.gif) repeat-x;
}
.cartQuantity { width: 50px; height: 18px; }
.remx { border: none; width: 27px; height: 21px; }
#shipCart { margin: 5px 0px; }
.readRow { text-align: right; height: 30px; }
#checkoutTable { height: 67px; margin-top: 20px; }
#checkoutButton { width: 281px; height: 67px; }
#sidebarSearchContainer { margin-top: 30px; }
.sidebarSearchInput {
background-color: #e2e2e2;
width: 93px;
border: none;
padding: 3px;
padding-top: 4px;
float: left;
margin-right: 5px;
font: normal 12px "Orator STD";
color: #696969;
}
.sidebarSubmit {
width: 24px;
height: 17px;
float: left;
padding: 2px;
padding-top: 3px;
background-color: #bcbcbc;
}
#sidebarSearch {
padding: 5px 0px;
border: 1px solid #CCC;
border-width: 1px 0px;
}
.sidebarHead {
width: 85px;
height: 27px;
background: url(images_cache/sidebar_headers.gif) no-repeat;
text-indent: -9999px;
}
#s-work {background-position: 0px 0px; }
#s-sketch {background-position: 0px -27px; }
#s-bound {background-position: 0px -54px; }
#s-blog {background-position: 0px -81px; }
#s-store {background-position: 0px -108px; }
#s-about {background-position: 0px -135px; }
#s-search {background-position: 0px -162px; }
.OratorLink { font-family: "Orator Std", "Geneva"; margin-top: 2px; }
.OratorLink A:visited { color: #666666; }
.OratorLink A { color: #666666; }
.OratorLink A:hover { color: #FF0000; }
.resume-label { float: left; width: 80px; font-family: "Georgia"; }
.resume-header { margin: 10px 0px; font-weight: bold; text-transform: uppercase; color: #666; }
#cart_add {
width: 260px;
height: 67px;
border: none;
background: url(images_cache/cart_add_hover.gif) no-repeat;
text-indent: -9999px;
cursor: pointer;
}
#cart_add:hover { background-position: 0px -67px;}
#external_purchase {
width: 260px;
height: 67px;
border: none;
background: url(images_cache/purchase_hover.gif) no-repeat;
text-indent: -9999px;
cursor: pointer;
}
#external_purchase A { display: block; outline: none; width: 100%; height: 100%; }
#external_purchase:hover { background-position: 0px -67px;}
#checkoutButton {
width: 281px;
height: 67px;
border: none;
background: url(images_cache/checkout_hover.gif) no-repeat;
text-indent: -9999px;
cursor: pointer;
}
#checkoutButton:hover { background-position: 0px -67px;}
#continueShopping {
width: 175px;
height: 16px;
background: url(images_cache/continue_shopping.gif) no-repeat;
text-indent: -99999px;
}
#continueShopping A {
width: 100%;
height: 100%;
display: block;
outline: none;
cursor: pointer;
}
#continueShopping:hover { background-position: 0px -16px; }
.productCategory {
width: 200px;
height: 16px;
text-indent: -99999px;
margin-left: auto;
}
.productCategory A {
width: 100%;
height: 100%;
display: block;
outline: none;
cursor: pointer;
}
#prints_recess { background: url(images_cache/prints_recess.gif) no-repeat; }
#prints_illustrations { background: url(images_cache/prints_illustrations.gif) no-repeat; }
#prints_paintings { background: url(images_cache/prints_paintings.gif) no-repeat; }
#prints_editions { background: url(images_cache/prints_editions.gif) no-repeat; }
#objects_objects { background: url(images_cache/objects_objects.gif) no-repeat; }
#bound_matter_bound_matter { background: url(images_cache/bound_matter.gif) no-repeat; }
#prints_recess:hover, #prints_illustrations:hover, #prints_paintings:hover, #prints_editions:hover, #objects_objects:hover, #bound_matter_bound_matter:hover { background-position: 0px -16px; }
.galleryContentsOver { background-position: -72px -16px; border: 1px solid red }