/* Title: Main CSS Author: 3 Crown Creative */ @import "base.css"; body {min-width:1000px; background: #FFE784; } html {height:101%} /* --------------------------------------------------*/ #outerWrap {width:925px; margin:10px auto;} #container { width:925px; min-height:525px} #home #container { text-align:center; min-height:inherit} .sidebar {float:left;width:450px;} .content {float:right;width:460px; padding-left:15px} #home .sidebar, #dummy .sidebar {display:none} #home .content {float:none; width:100%} #dummy .content {margin:0 auto; width:50%; float:none} #dummy .content p {margin-top:50px} #posters .content, #paintings .content, #textiles .content {width:320px; padding-left:150px} #bw .content {width:435px; padding-left:35px} /* --------------------------------------------------*/ #siteTitle {margin-bottom:20px} #pageTitle h1 {float:right; margin:0 0 10px 0;display:block; text-indent:-5000px;} #home #pageTitle {margin-bottom:20px;} #paintings #pageTitle h1 {background: url(/images/hdgPaintings.jpg) no-repeat; width:294px; height:46px;} #books #pageTitle h1 {background: url(/images/hdgBooks.gif) no-repeat; width:248px; height:57px;} #posters #pageTitle h1 {background: url(/images/hdgPosters.gif) no-repeat; width:237px; height:43px;} #bw #pageTitle h1 {background: url(/images/hdgBlackAndWhite.gif) no-repeat; width:327px; height:35px;} #textiles #pageTitle h1 {background: url(/images/hdgTextiles.jpg) no-repeat; width:270px; height:43px;} #info #pageTitle h1 {background: url(/images/hdgInfo.gif) no-repeat; width:148px; height:45px;} #links #pageTitle h1 {background: url(/images/hdgLinks.gif) no-repeat; width:138px; height:44px;} #contact #pageTitle h1 {background: url(/images/hdgContact.gif) no-repeat; width:280px; height:47px;} /* --------------------------------------------------*/ #nav {margin:40px 77px; text-align:center } #home #nav {margin-top:90px } #nav a, #nav a:hover {text-decoration:none; display:block; text-indent:-6000px; float:left; height:12px; margin-right:20px } #nav .home a {background: url(/images/navHome.gif) no-repeat -55px 0; width:55px;} #nav .home a:hover {background: url(/images/navHome.gif) no-repeat 0 0; } #home #nav .home a {background: url(/images/navHome.gif) no-repeat 0 0; cursor:default} #nav .paintings a {background: url(/images/navPaintings.gif) no-repeat -78px 0; width:78px;} #nav .paintings a:hover {background: url(/images/navPaintings.gif) no-repeat 0 0; } #paintings #nav .paintings a {background: url(/images/navPaintings.gif) no-repeat 0 0; cursor:default} #nav .books a {background: url(/images/navBooks.gif) no-repeat -47px 0; width:47px;} #nav .books a:hover {background: url(/images/navBooks.gif) no-repeat 0 0; } #books #nav .books a {background: url(/images/navBooks.gif) no-repeat 0 0; cursor:default} #nav .posters a {background: url(/images/navPosters.gif) no-repeat -65px 0; width:65px;} #nav .posters a:hover {background: url(/images/navPosters.gif) no-repeat 0 0; } #posters #nav .posters a {background: url(/images/navPosters.gif) no-repeat 0 0; cursor:default} #nav .bw a {background: url(/images/navBW.gif) no-repeat -100px 0; width:100px;} #nav .bw a:hover {background: url(/images/navBW.gif) no-repeat 0 0; } #bw #nav .bw a {background: url(/images/navBW.gif) no-repeat 0 0; cursor:default} #nav .textiles a {background: url(/images/navTextiles.jpg) no-repeat -81px 0; width:81px;} #nav .textiles a:hover {background: url(/images/navTextiles.jpg) no-repeat 0 0; } #textiles #nav .textiles a {background: url(/images/navTextiles.jpg) no-repeat 0 0; cursor:default} #nav .info a {background: url(/images/navInfo.gif) no-repeat -35px 0; width:35px;} #nav .info a:hover {background: url(/images/navInfo.gif) no-repeat 0 0; } #info #nav .info a {background: url(/images/navInfo.gif) no-repeat 0 0; cursor:default} #nav .links a {background: url(/images/navLinks.gif) no-repeat -40px 0; width:40px;} #nav .links a:hover {background: url(/images/navLinks.gif) no-repeat 0 0; } #links #nav .links a {background: url(/images/navLinks.gif) no-repeat 0 0; cursor:default} #nav .contact a {background: url(/images/navContact.gif) no-repeat -67px 0; width:67px;} #nav .contact a:hover {background: url(/images/navContact.gif) no-repeat 0 0; } #contact #nav .contact a {background: url(/images/navContact.gif) no-repeat 0 0; cursor:default} /* --------------------------------------------------*/ a.linkopacity img, .on {opacity: 0.5;} a.linkopacity:hover img {opacity: 1.0;} .caption {font-size:.9em} .galleryMainImg {min-height:432px} #imageGallery {list-style-image:none} /* --------------------------------------------------*/ .required {background:url(/images/imagesCMS/formRequired.gif) no-repeat 2px 2px; width:15px; height:15px; display: inline-block;} #formContact {padding-top:10px;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:.95em} #formContact table {padding:0; margin:0; width:80%} #formContact td {padding:0 5px 5px 0; margin:0; width:20%; text-align:right; border:none} #formContact .tdl {text-align:left; width:80%; vertical-align:top } #formContact input { border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC; width:250px; padding:1px; letter-spacing:.04em; font-size:.95em; outline:none;font-family:Verdana,Arial,Helvetica,sans-serif;} #formContact input:focus, #formContact textarea:focus {border-color:#9a9a9a #c0c0c0 #c0c0c0 #9a9a9a;} #formContact .button { margin-top:5px;background-color:#b0b388; border:1px solid black; cursor:pointer; color:#eee; width:255px; padding-top:3px;font-family:Verdana,Arial,Helvetica,sans-serif;} #formContact textarea { border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;width:250px;font-family:Verdana,Arial,Helvetica,sans-serif; letter-spacing:.04em; padding:1px; outline:none; font-size:.95em} /* --------------------------------------------------*/ .pagination {font-size:.9em;padding: 3px 3px 3px 0;margin:3px 3px 3px 0; text-decoration:none} .pagination a {padding: 1px 5px;margin: 2px 4px 2px 0;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;} .pagination a:hover, .pagination a:active {border: 1px solid #000000;color:#000000; background-color:#c26612; text-decoration:none} .pagination .current {border: 1px solid #000000;color:#000000; background-color:#c26612; cursor: default } .pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;} /* --------------------------------------------------*/ .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} /* 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;} /* --------------------------------------------------*/ h3.selected { color: #973513;} #accordion {margin:20px 0px;} h3.toggler {cursor: pointer;border: 1px solid #f5f5f5;border-right-color: #ddd;border-bottom-color: #ddd; margin: 0 0 4px 0;padding: 3px 5px 1px 5px; clear:both;font-size:.95em; font-weight: normal;} h3.back { } div.element { margin:0px;padding:4px 4px 4px 10px;} .toggler:hover {color: #973513} /* 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;}