/* kiranfarrow.com < this css is the product of Kroc Camen of Camen Design */
/* ======================================================================================================================= */
/* reset browser default differences, this could be done with `* {...}` but that badly affects s.
this list taken from */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del,
dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: none; vertical-align: baseline;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
}
/* === defaults, structure =============================================================================================== */
body {width: 950px; margin: 0 auto;
font: normal 12px "Century Gothic", Tahoma, sans-serif; color: #909090;
background: white url("../images/boxedge.png") repeat-y scroll top center;}
p {padding: 0 20px 20px 20px; text-align: justify;}
ul, ol {margin: 10px 20px 0 20px; padding: 0 0 0 10px;}
li {margin: 5px 0 0 0; padding: 0;}
dl {margin: 10px 20px 20px 20px;}
dt {float: left; font-weight: bold; margin-right: 10px; width: 35px;}
.center {text-align: center;}
.right {float: right;}
.clear {clear: both;}
a.button {padding: 15px 10px; color: white; font-size: 18px; text-decoration: none; background-color: #c0c0c0;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.button:hover {background-color: #EC7B78;}
a.button:active {background-color: #BC4B48;}
/* === headings ========================================================================================================== */
h1 {margin: 0; padding: 10px 0 0 0; background-image: url("../images/TitleSplatter.png");
background-repeat: no-repeat;}
h1 a {padding: 0 0 0 20px; font-size: 32px; text-transform: uppercase; text-decoration: none;
font-weight: 100; letter-spacing: 0.06em; color: white;}
#cards {float: right; text-align: right; margin: 20px 0 0 0;}
#barmed {position: absolute; top: 0; width: 940px; text-align: right; margin: 0 20px 0 0; font-size: 20px;}
#barmed a {display: block; float: right; height: 28px; width: 175px; margin: 0; padding: 22px 10px 0 0; color: #C22278; text-decoration: none;
background: url("../images/barmed.png") no-repeat top left;}
h2 {margin: 0 10px 10px 10px; padding: 0 0 5px 0; font-size: 24px; font-weight: normal;
text-transform: uppercase; letter-spacing: 0.17em; border-bottom: solid 5px #F9DBDD;}
h3 {margin: 0 20px 5px 20px; padding: 0; font-size: 18px; font-weight: normal;
text-transform: uppercase; letter-spacing: 0.10em;}
hr {clear: right; margin: 20px; _margin-left: 0; border-top: 0;
border-bottom: solid 1px #808080; color: white;}
h4 {margin: 0 20px 5px 20px; padding: 0; font-size: 15px; font-weight: normal;
letter-spacing: 0.10em;}
/* === menu ============================================================================================================== */
#menu {margin: 0 0 20px 0; padding: 0 20px; border-top: solid 5px #F9DBDD; color: #EC7B78;
text-transform: lowercase; font-size: 32px; letter-spacing: 0.123em; font-weight: 100;}
#menu a {color: #EC7B78; text-decoration: none; height: 32px;}
#menu a:hover {color: #BC4B48;}
#body-gallery #menu-gallery,
#body-artist #menu-artist,
#body-portraits #menu-portraits,
#body-shoes #menu-shoes,
#body-tshirts #menu-tshirts
{border-top: solid 5px #EC7B78;}
/* === structure ========================================================================================================= */
#leftcol {float: left; width: 950px; margin-bottom: 20px; border-right: solid 0px #808080; overflow: hidden;}
#leftcol2 {float: left; width: 64%; margin-bottom: 20px; border-right: solid 1px #808080; overflow: hidden;}
#leftcol3 {float: left; width: 68%; margin-bottom: 20px; border-right: solid 1px #808080; overflow: hidden;}
#rightcol {margin-left: -1px; _margin-left: 604px; width: auto; overflow: hidden;}
#body-shop #leftcol2 {width: 64%;}
#body-shop #leftcol {width: 950px;}
#body-shop #rightcol {_margin-left: 750px;}
#desc {height: 60px;}
#rightcol p {padding-bottom: 10px;}
/* === canvas prints ===================================================================================================== */
#print-title p {font-size: 14px; text-align: center;}
#print-info p {font-size: 14px; text-align: center;}
#body-shop #rightcol ol {list-style-type: none; margin: 0;}
#body-shop #rightcol ol li {margin: 0 10px 5px 10px;}
#body-shop #rightcol ol a {display: block; height: 35px; padding: 5px; background-color: #c0c0c0; color: white; font-size: 22px; text-decoration: none;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#body-shop #rightcol ol span {display: block; float: right; font-size: 15px;}
#body-shop #rightcol ol li em {display: none; text-align: right; font-size: 11px; margin-top: -8px;}
#body-shop #rightcol ol a:hover {background-color: #EC7B78;}
#body-shop #rightcol ol a:hover em {display: block;}
#cart p {text-align: center;}
#cart table {border-collapse: collapse; width: 176px; margin: 10px; border: solid 1px #b4b4b4;}
#cart table td {border: solid 1px #b4b4b4; padding: 5px;}
#cart table th {font-weight: bold;}
#checkout {display: block; padding: 5px; background-color: #F9DBDD; color: white;
font-size: 18px; text-decoration: none;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#checkout:hover {background-color: #EC7B78;}
/* === thumbs ============================================================================================================ */
.gallery {margin: 0; padding: 0 0 0 20px; list-style-type: none;}
.gallery li {padding: 2px; border: solid 1px #b4b4b4;}
.empty {padding: 2px; border: solid 1px #f0f0f0 !important;}
.gallery li {float: left; width: 129px; height: 172px; margin: 0 20px 20px 0;}
.gallery a {display: block; width: 129px; height: 172px; line-height: 160px; text-decoration: none; text-align: center;
background-color: #f0f0f0; background-position: center center; background-repeat: no-repeat;}
.gallery em {display: none;}
.thumb a {opacity: 0.4; -moz-opacity: 0.4; _filter:alpha(opacity=40);}
.thumb a:hover {opacity: 1.0; -moz-opacity: 1.0; _filter:alpha(opacity=100);}
#caption a {color: #d00 !important; text-decoration: underline !important;}
#caption a img {vertical-align: top;}
.photo {float: left; margin: 0 20px 5px 20px; padding: 0;}
#lightbox a {text-decoration: none !important;}
#lightbox2 a {text-decoration: none !important;}
/* === portraits ========================================================================================================= */
#instructions {margin: 0; overflow: auto;}
#instructions li {width: 160px; margin-left: 35px; float: left; text-align: justify; font-size: 11px;}
/* === side column ======================================================================================================= */
#personal {margin-right: 20px; padding-bottom: 20px;}
#photo {float: right; margin-left: 20px;}
#personal ul {padding-left: 0; margin-top: 0;}
#personal ul img {padding-right: 5px; vertical-align: bottom;}
#bio {padding: 20px 20px 10px 20px;}
#featured {margin: 0 20px 10px 20px; border: solid 1px #b4b4b4;}
#rightcol ul {list-style-type: square; font-size: 95%;}
#body-portraits table {border-collapse: collapse; margin: 0 0 20px 20px; width: 305px;}
#body-portraits th,
#body-portraits td {border: solid 1px #b4b4b4; padding: 5px; text-align: center;}
#body-portraits td {font-weight: bold; color: #BC4B48; font-size: 35px;} th {font-weight: normal;}
div.left {float: left; width: 50%; border-right: 1px solid #b4b4b4;}
div.right {width: 50%; margin-right: -2px;}
/* === footer ============================================================================================================ */
#footer {clear: both; border-top: solid 5px #F9DBDD;}
#footer p {padding: 8px 0; text-align: center;}
#footer ul {margin: 0 auto 20px auto; width: 50%; text-align: center;}
#footer li {display: inline; margin-right: 8px;}
#footer li img {vertical-align: bottom;}