/*
Theme Name: Michael Hamlin-Smith
Theme URI: not publicly available
Version: 1.0
Author: Joseph C Dolson
Author URI: http://www.joedolson.com
Description: Custom Theme
*/
* {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Verdana, sans-serif; 
font-size: 62.5%;
line-height: 1.5;
background: #5f4433 url(/images/monogram.png) right bottom no-repeat;
color: #ddd1b9;
background-attachment: fixed;
}
a {
color: #eee2ca;
text-decoration: underline;
}
a:hover {
color: #fff;
text-decoration: none;
}
a:focus, a:active {
color: #fff;
background: #000;
}
h2 {
letter-spacing: 2px;
}
h2, h3, h4 {
font-family: 'Georgia', Garamond, san-serif;
margin: .25em 0;
}
#skiplinks {
list-style-type: none;
padding: .25em .5em;
background: #4f3423;
text-align: right;
border-bottom: 1px solid #3f2413;
}
#skiplinks li {
display: inline;
}
#skiplinks li a {
font-size: .75em;
font-weight: 400;
display: inline;
padding: .2em;
}
#skiplinks li a:hover {
background: #5f4433;
}
#header {
padding: 1.5em 0;
background: #3f2413;
border-bottom: 2px solid #6f5443;
margin: 2px auto;
text-align: center;
}
#content ul, ol, dl {
margin: 1em 2.5em;
}
#navigation ul {
list-style-type: none;
}
#navigation ul li a {
display: block;
padding: 5px 10px 5px 25px;
background: #6f5443 url(/images/a-norm.png) 5px center no-repeat;
margin: .1em;
font-size: 1.4em;
-moz-border-radius: 3px;
}
#navigation ul li a:hover {
background: #4f3423 url(/images/a-current2.png) 5px center no-repeat;
}
#navigation ul li.current a {
background: #5f4433 url(/images/a-hover2.png) 5px center no-repeat;;
}
#navigation ul .sub {
background: #6f5443 url(/images/feedicon.png) 5px center no-repeat;;
}
#navigation ul .sub:hover {
background: #4f3423 url(/images/feedicon.png) 5px center no-repeat;
}
#navigation ul ul {
margin: .1em 0 .1em 1em;
list-style-type: none;
border-right: none;
}
#outer {
margin: 0 auto;
width: 880px;
}
#outer {
padding: 1em .25em;
}
#content {
padding: 0 2em;
float: right;
width: 70%;
border-left: 3px solid #4f3423;
font-size: 1.2em;
margin-bottom: 100px;
}
.home-image {
text-align: center;
}
.home-image img {
padding: 3px;
border: 6px solid #6f5443;
border-left: 12px solid #5c4130;
border-right: 12px solid #5c4130;
background: #4f3423;
}
#navigation, #sidebar {
width: 23%;
}
#footer {
clear: both;
text-align: center;
padding: 1.5em 0;
border-top: 2px solid #6f5443;
background: #4f3423;
font-size: 1.1em;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
font-family: Georgia, Garamond, serif;
letter-spacing: 1px;
}
#footer p {
margin: 0;
}
p {
margin: .75em 0;
}

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, .explain {
float: none;
width: 25em;
}
.opt-set input, .req-set input {
display: block;
margin: 2px 0;
}

fieldset {
border: 1px solid #eee2ca;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;margin: .5em .5em;
padding: 5px;
}
fieldset fieldset:hover {
background: #5c4130;
}
legend {
padding: 2px 1em;
margin: .25em;
background: #4f3423;
border: 1px solid #ddd1b9;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-weight: 700;
}
.listing {
vertical-align: top;
}
.listing h3 {
font-family: Arial, Verdana, sans-serif;
border-bottom: none;
margin: 0;
padding: 0;
}
.listing img {
background: #3f2312;
border: 1px solid #4f3423;
padding: 1px;
}
.listing img:hover, td img:focus, td img:active {
background: #4f4332;
border: 1px solid #6f5443;
}
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;
line-height: 1.3;
}
.describe p {
margin-top: 0;
}
.describe ul {
font-size: .8em;
}
#artworkdata {

}
#artworkdata img {
margin: 0 auto;
padding: 2px;
border: 1px solid #4f3323;
background: #6f5343;
}
#artworkdata #full_img {
float: right;
}
#artworkdata div {
text-align: center;
margin: 2px 1px;
padding: 2px 1px;
}
#artworkdata #artworkinfo {
padding: 0 .5em;
margin: 3px 0;
text-align: left;
font-weight: 700;
float: left;
background: #4f3423;
border: 1px solid #6f5443;
}
#artworkdata div img
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 {
margin-top: 22px;
}
#jd_search input {
margin: 0;
}
#jd_search p {
margin-top: 0;
padding: 0;
}
#jd_search label {
position: absolute;
top: -999em;
left: -999em;
}

#jd_search a {
color: #fff;
}

#jdsearchbox .text {
width: 140px;
}
#searchresults {
list-style-type: none;
}
#searchresults li {
height: 160px;
}
#searchresults .searchp {
margin-right: 160px;
}
#searchresults .floatright {
border: 1px solid #ddd;
padding: 1px;
float: left;
margin-right: 10px;
}
.jdattribution, .loggedin {
font-size: 1em;
border: 1px solid #6f5443;
padding: 0 2px 2px;
background: #4f3423;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
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: #4f3423;
border: 1px solid #ddd1b9;
padding: 1em 3em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
address.main {
background: #4f3423 url(/images/michael.jpg) left center no-repeat;
padding: 1.75em 3em 1.5em 8em;
}
#purchase {
padding: 0 1em;
margin: 0;
}

td form {
border: 1px solid #eee;
padding: 4px;
margin: 10px;
}
#purchase select {
float: right;
margin-top: 1em;
}
.action {
border: 1px solid #ddd;
background: #ffc;
padding: 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: .9em;
color: #eee2ca;
font-style: italic;
}
.breadcrumbs a {
color: #fff;
}
#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;
}
.tagline {
font-style: italic;
font-size: 1.1em;
padding: 0 2px;
margin: 0;
letter-spacing: 2.5px;
word-spacing: 3px;
}
.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: 4px 0 4px 56px;
}
.meta {
border-top: 1px solid #7f6655;
font-size: .9em;
margin-bottom: 25px;
text-align: right;
}
.aligncenter,div.aligncenter {
display: block;
margin: 0 auto 20px;
}
.comment-link {
float: right;
width: 6em;
text-align: center;
background: #4f3423;
padding: 5px;
border: double #6f5443;
margin-left: 10px;
}
.comment-link a {
color: #fff;
}
.comment-link strong {
font-size: 2em;
display: block;
}