/*
Rule of Thumb: target / context = result
Base text height is 16px.
8px of leading makes base line height 24px.
em * 16px = line height in px.
24px / line height in px = line height in CSS.
*/

@import url("reset.css");
@import url("background.css");

body {
background: #fff;
color: #000;
font: normal 100% Helevtica, Arial, sans-serif;  
}

a {
color: #ab0200;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.title {
color: #705017;
display: block;
float: left;
font: 2em/0.75 Comic Sans MS, Comic Sans, fantasy;
letter-spacing: -0.1em;
word-spacing: 0.1em;
margin: 1em 0 0.75em 0;
}

.title:hover {
text-decoration: none;
}

#searchform {
float: right;
margin-top: 1.75em;
margin-right: -29px;
}

#searchform #s {
background: #fff;
border: 1px solid #aa7a30;
color: #000;
min-width: 25%;
padding: 0.25em;
}

#searchform #searchbutton {
margin-bottom: -8px;
}

h2 {
font: 1.5em/1 Comic Sans MS, Comic Sans, fantasy;
letter-spacing: -0.1em;
margin: 1.5em 0 0 0;
word-spacing: 0.1em;
}

h2 a {
color: #000;
}

h2 a:hover {
color: #ab0200;
text-decoration: none;
}

h2+p {
margin-top: 1.5em;
}

h3 {
font: 1.25em/1.2 Helevtica, Arial, sans-serif;
margin: 1.25em 0;
}

h4 {
font: 1em/1.5 Helevtica, Arial, sans-serif;
font-weight: bold;
margin-bottom: 1em;
}

p {
font: 1em/1.5 Helevtica, Arial, sans-serif;
margin-bottom: 1em;
}

ol {
font: 1em/1.5 Helevtica, Arial, sans-serif;
list-style: decimal;
margin: 0 0 1.5em 1.5em;
}

ul {
font: 1em/1.5 Helevtica, Arial, sans-serif;
list-style: circle;
margin: 0 0 1.5em 1.5em;
}

em {
font-style: italic;
}

blockquote {
margin: 1.5em;
}

blockquote p {
font: 1em/1.5 Georgia, serif;
font-style: italic;
}

blockquote>p:first-child:first-letter {
background: #f1ddba;
border: 3px double #aa7a30;
float: left;
font: 2em/0.75 Georgia, serif;
margin-right: 0.25em;
padding: 0.25em;
}

blockquote p em {
font-style: normal;
}

strong {
font-weight: bold;
}

hr {
border: 0;
border-top: 3px double #aa7a30;
width: 80%;
}

abbr {
cursor: help;
}

.updated {
background: #f1ddba;
border: 5px double #ab0200;
color: #705017;
display: inline;
font: 1em/1.5 Georgia, serif;
margin-left: -110px;
padding: 0.5em;
}

.comment-link {
font: 1em/1.5 Georgia, serif;
text-align: right;
}

.comment-link a {
padding: 0.25em;
}

.comment-link a:hover {
background: #f1ddba;
border: 1px solid #705017;
text-decoration: none;
}

.navi-link {
font: 0.75em/2 Georgia, serif;
text-transform: uppercase;
text-align: center;
margin-top: 0.75em;
}

.navi-link a {
margin: 0 0.5em;
padding: 0.25em;
}

.navi-link a:hover {
background: #f1ddba;
border: 1px solid #705017;
text-decoration: none;
}

.meta {
color: #705017;
}

#navi {
border-top: 3px double #aa7a30;
border-bottom: 3px double #aa7a30;
clear: both;
margin: 0;
text-align: center;
}

#navi li {
display: inline;
font: 1em/1.5 Georgia, serif;
text-transform: uppercase;
margin: 0 0.75em;
}

#navi li a:hover,
#navi li a.here {
border-top: 3px solid #ab0200;
color: #724c1b;
text-decoration: none;
}

#footer {
margin: 0 auto;
max-width: 50em;
clear: both;
}

#footer p {
font: 0.75em/2 Comic Sans MS, Comic Sans, fantasy;
letter-spacing: -0.07em;
margin: 0.75em 0 0 12px;
word-spacing: 0.1em;
}

#footer a,
#footer a:hover {
color: #000;
text-decoration: none;
}

.hentry .author {
display: none;
}

#comments,
#trackbacks,
#respond {
border-top: 3px double #aa7a30;
clear: both;
font: 1.25em/1.2 Comic Sans MS, Comic Sans, fantasy;
letter-spacing: -0.1em;
margin: 1.25em 0;
padding-top: 1.25em;
word-spacing: 0.1em;
}

#comments+ol,
#trackbacks+ol {
list-style: none;
margin: 0;
}

.comment-author {
font: 1em/1 Comic Sans MS, Comic Sans, fantasy;
letter-spacing: -0.1em;
margin-top: 2em;
word-spacing: 0.1em;
}

.comment-date {
background: #f1ddba;
border: 5px double #ab0200;
color: #705017;
display: inline;
font: 1em/1.5 Georgia, serif;
margin-left: -110px;
padding: 0.5em;
}

#tcform #tcf_sender,
#tcform #tcf_email,
#tcform #tcf_subject,
#tcform #tcf_captcha,
#commentform #author,
#commentform #email,
#commentform #url {
background: #fff;
border: 1px solid #aa7a30;
color: #000;
margin-right: 0.75em;
min-width: 25%;
padding: 0.25em;
}

#tcform #tcf_sender,
#tcform #tcf_email,
#tcform #tcf_subject {
min-width: 33%;
}

#tcform textarea,
#commentform textarea {
background: #fff;
border: 1px solid #aa7a30;
color: #000;
width: 100%;
min-height: 22em;
padding: 0.25em;
}

#tcform label,
#commentform label {
font: 0.75em/2 Helevtica, Arial, sans-serif;
margin-right: 0.75em;
}

#tcform #contactsubmit,
#commentform #submit {
font: 0.75em/2 Comic Sans MS, Comic Sans, fantasy;
letter-spacing: -0.1em;
padding: 0.25em;
word-spacing: 0.1em;
}

#commentform .required {
color: #ab0200;
font-weight: bold;
}

.buy {
font: 1.5em/1 Georgia, serif;
margin: 1.5em 0;
text-align: center;
}

.buy a {
background: #f1ddba;
border: 3px double #aa7a30;
color: #705017;
padding: 0.25em;
}

.buy a:hover {
border: 3px double #ab0200;
color: #ab0200;
text-decoration: none;
}

.preview {
text-align: center;
}

.product-photo {
float: left;
margin-right: 2em;
}

.product-description {
margin-top: 2em;
}

.product-details {
font: 1em/1.5 Georgia, serif;
text-align: center;
margin-top: 2em;
}

.product-details a {
background: #f1ddba;
border: 3px double #aa7a30;
color: #705017;
padding: 0.25em;
}

.product-details a:hover {
border: 3px double #ab0200;
color: #ab0200;
text-decoration: none;
}

.flickrblue {
color: #0063dc;
}

.flickrpink {
color: #ff0084;
}