* {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Verdana, sans-serif; 
font-size: 90%;
line-height: 1.4em;
background: #fff url(/images/core-logo.png) left bottom no-repeat;
background-attachment: fixed;
}
#header-after {
background: url(/images/new/top-fade-gr.png) left 0px repeat-x;
height: 8px;
width: 100%;
}
h2, h3, h4 {
font-family: 'Times New Roman', Garamond, serif;
margin: .5em .75em;
line-height: 1.4em;
}
h3 {
border-bottom: 1px solid #eee;
text-shadow: 1px 1px #ddd;
letter-spacing: 1px;
}
h2 {
margin: 0;
padding: 0;
font-size: 1.6em;
color: #500;
text-shadow: 1px 1px #ddd;
}
h1 {
position:relative;
left: 0;
top: 3px;
font-size:1em;
height: 90px;
width: 67%;
}
h1 a {
z-index:1;	
position:absolute;
top:0;
top:0;
left:0;
width:500px;
height:96px;
border-bottom: none;
background: url(/images/title.png) left 2px no-repeat;
}
h1 a:hover, h1 a:active, h1 a:focus {
border-bottom: 1px solid #00f;
}
h1 span {
position: absolute;
left: -9000px;
top: -9000px;
}
#inner {
margin: 0 auto;
width: 76%;
min-width: 770px;
}
#skiplinks {
list-style-type: none;
padding: 0 .5em;
background: #7f0000;
text-align: right;
}
#skiplinks li {
display: inline;
}
#skiplinks li a {
font-size: .75em;
color: #fff;
font-weight: 400;
display: inline;
background: #6f0000;
padding: .2em;
border: 1px solid #5f0000;
}
#skiplinks li a:hover, #skiplinks li a:active, #skiplinks li a:focus {
background: #933;
}
#header {
background: #7f0000 url(/images/banner2.jpg) left top no-repeat;
color: #fff;
padding: 0 .5em;
height: 100px;
border-top: 1px solid #532;
}
#content ul, ol, dl {
margin: 1em 2.5em;
}
#navigation ul {
list-style-type: none;
}
#navigation ul li a {
display: block;
color: #448;
background: #fff url(/images/new/bullet.png) 3px 50% no-repeat;
text-decoration: none;
padding: 0 .25em 0 18px;
margin: .1em;
font-size: .9em;
}
#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a:active {
color: #00b;
background: #f3f3f3 url(/images/new/bullet-hover.png) 3px 50% no-repeat;
text-decoration: underline;
}
#navigation ul ul {
margin: .1em 0 .1em 1em;
list-style-type: none;
border-right: none;
}
a {
color: #7f0000;
font-weight: 700;
}
a:hover {
color: #00007f;
text-decoration: none;
}
a:focus, a:active {
color: #000;
text-decoration: none;
background: #ffd;
}
#outer {
margin: 0 auto;
padding: 2em .25em;
max-width: 1200px;
}
#content {
padding: .5em 0em .5em .5em;
float: right;
width: 72%;
background: url(images/new/content-corner.png) no-repeat;
}
#navigation {
width: 26%;
background: #fff;
position: relative;
}
#navigation ul ul {
display: none;
}
#navigation li:hover ul {
display: block;
position: absolute;
background: #fff;
left: 30%;
border: 1px solid #ddd;
padding: 5px;
width: 150px;
margin-top: -5px;
}
#footer {
clear: both;
font-size: .8em;
text-align: right;
padding: .5em 0;
border-top: 1px solid #eee;
}
#footer p {
margin: 0;
}
p {
margin: .75em;
}
input,select {
height: 1.6em;
}
input, select, textarea {
border: 1px solid #960;	
} 
input:hover, select:hover, input:focus, select:focus, textarea:hover, textarea:focus, input.hover, select.hover, textarea.hover {
background: #f3f3f3;
}
input.wide {
width: 90%;
}
input.narrow {
width: 10em;
}
input.checkbox {
width: 1em;
}
label {
font-style: italic;
display: block;
width: 10em;
float: left;
} 
.main-label, #cc-opt-error, #antispam-error, .explain {
float: none;
width: 25em;
}
.opt-set input, .req-set input {
display: block;
margin: 2px 0;
}

input.button, .button2 {
width: 35%;
border: 1px outset #ccc;
background: #e11;
color: #fff;
margin: 1em 0;
vertical-align: middle;
font-size: 1.2em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
input.button:hover {
color: #fff; 
background: #f00;
border: 1px inset #555;
}
fieldset {
border: 1px solid #f1f1f1;
margin: .5em .5em;
padding: 5px;
}
fieldset:hover {
background: #fff;
}
legend {
padding: .25em;
margin: .25em;
background: #fff;
border: 1px solid #eee;
font-weight: 700;
}
.listing {
padding: .2em .2em 10px .2em;
vertical-align: top;
min-height: 150px;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
.listing h3 {
font-family: Arial, Verdana, sans-serif;
font-size: 1em;
border-bottom: none;
margin: 0;
padding: 0;
text-shadow: 1px 1px #ddd;
letter-spacing: 1px;
}
.listing p {
font-size: .9em;
}
.listing img {
background: #339;
padding: 1px;
border: 1px solid #fff;
}
.listing img:hover, td img:focus, td img:active {
background: #933;
border: 1px solid #933;
}
img {
border: none;
}
.floatleft {
float: left;
margin-right: .5em;
margin-bottom: .5em;
}
.floatright {
float: right;
margin-left: .5em;
margin-bottom: .5em;
}
.describe {
margin-left: 130px;
color: #444;
line-height: 1.3;
}
.describe p {
margin-top: 0;
}
.describe ul {
font-size: .8em;
}
#artworkdata {
font-size: .9em;
}
#artworkdata img {
margin: 0 auto;
}
#artworkdata div {
text-align: center;
border: 1px solid #f3f3f3;
background: #fff;
margin: 2px 1px;
padding: 2px 1px;
}
#artworkdata #artworkinfo {
padding: .5em;
background: #ffc;
text-align: left;
}
.available {
background: #ffb;
padding: .25em;
border: 1px solid #dca;
border-top: 1px solid #feb;
border-left: 1px solid #feb;
color: #333;
}
div.aside {
width: 45%;
float: right;
margin: .5em;
border: 1px solid #eee;
background: #f9f7f7;
font-size: .8em;
}
#portfolio {
clear: both;
}
.medium, .category, .year {
font-size: .9em;
}
#jd_search {
float: right;
width: 240px;
margin-top: 22px;
height: 4em;
}
#jd_search input {
margin: 0;
}
#jd_search p {
margin-top: 0;
padding: 0;
}
#jd_search label {
position: absolute;
top: -999em;
left: -999em;
}
#jd_search .button {
width: 7em;
height: 1.6em;
padding: .1em;
}
#jd_search a {
color: #fff;
}
#jdsearchbox {
padding: 2px 1px 1px;
height: 1.2em;
width: 215px;
}
#searchresults {
list-style-type: none;
}
#searchresults li {
height: 150px;
}
#searchresults .searchp {
margin-right: 150px;
}
#searchresults .floatright {
border: 1px solid #ddd;
padding: 1px;
}
.jdattribution, #loggedin {
font-size: .75em;
border: 1px solid #ddd;
padding: .1em;
background: #ffe;
}
blockquote.pullquote {
width: 125px;
float: right;
font-size: .9em;
color: #900;
font-weight: 700;
border: 1px solid #eec;
margin: .75em;
}
#calendar {
font-size: .9em;
padding: 1em 3em;
border: 1px solid #eee;
background: #ffe;
}
#calendar p {
margin: .25em 1.5em;
}
.totop {
text-align: right;
font-size: .9em;
}
p.email span {
position : absolute;
top : -9999px;
left : -9999px;
}
address {
margin: .5em 2.5em 1em;
background: #eef;
padding: 1em 3em;
border: 1px solid #ddd;
}
img.index {
border: 1px solid #eef;
padding: 2px;
background: #f3f3f3;
}
#purchase {
border: 1px solid #aaa;
background: #ffd;
padding: 5px;
margin: 0 auto;
}
#purchase:hover {
background: #ffa;
}
.describe #purchase {
margin: 10px;
padding: 0;
border: none;
background: #fff;
text-align: center;
font-size: 1.1em;
}
.button2 {
font-size: .85em;
width: auto;
font-weight: 700;
margin: 0;
margin-left: 1em;
}
td form {
border: 1px solid #eee;
padding: 4px;
margin: 10px;
}
.action {
border: 2px solid #777;
background: #ffa;
padding: 15px 5px;
}
.before {
float: left;
width: 225px;
margin-left: 30px;
}
.after {
width: 225px;
margin-left: 260px;
}
#thumbs {
float: left;
width: 110px;
border: none!important;
padding: 0!important;
}
#thumbs ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#thumbs img {
border: 2px solid;
}
#thumbs img.current {
border: 2px solid #ccc;
}
.breadcrumbs {
text-align: right;
font-size: .8em;
color: #333;
font-style: italic;
}
#info p {
font-size: .9em;
line-height: 1.4;
}
#info h4 {
background: #eef;
padding: 2px;
text-transform: uppercase;
}

.sample {
margin: 0 5px;
width: 150px;
height: 200px;
float: left;
font-size: .8em;
line-height: 1.3;
}
.sample img {
border: 1px solid;
padding: 1px;
width: 125px;
height: 125px;
}
.caption {
color: #444;
}
.totop {
clear: both;
}
.floatright {
border: 1px solid #eee;
padding: 1px;
background: #bbb;
}
.tagline {
font-style: italic;
font-size: 1.1em;
margin-right: 240px;
background: #ffa;
padding: 2px;
border: 1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.success {
padding: 5px;
border: 2px solid #00a;
background: #ffc;
}
.error {
padding: 5px;
border: 2px solid #a00;
background: #ffc;
}
.facebook {
background: url(/images/facebook-icon.png) 2px center no-repeat;
padding: 12px 0 12px 56px;
}
.etsy {
background: url(/images/etsy-icon-48.png) 2px center no-repeat;
padding: 12px 0 12px 56px;
}

#repnav {
margin: 0!important;
padding: 0!important;
width: 100%;
height: 3em;
}
#repnav li {
float: left;
list-style-type: none;
}
#repnav li a {
display: block;
padding: 2px 5px;
border: 1px solid #ddd;
margin: 1px 2px;
background: #f9f9f9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#repnav li.current a {
background: #900;
color: #f9f9f9;
}
#repnav li a:hover {
background: #fff;
border: 1px solid #777;
}
.credit {
float: left;
width: 90px;
}
#navigation .buy-now {
font-size: 1.1em;
background: #ffe url(/images/favicon.gif) 5px 50% no-repeat;
border: 1px solid #a33;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
text-align: center;
padding: 5px 0;
color: #22e;
}
#navigation .buy-now:hover {
background: #ff8 url(/images/favicon.gif) 5px 50% no-repeat;
border: 1px solid #811;
}