body {
font-size:87.5%;/*take IE6 from 16px to 14px*/
font-family:arial,helvetica,clean,sans-serif;
}
html>body {
font-size:14px;
}
h2, #youMightLike h3, .return, .pullquote, #sidebar, #footer, #primNav{
font-family:"American Typewriter","Coronette","Courier Bold","Courier New Bold",monospace, sans-serif;
}
/* HEADINGS ____________________________ */
h2{
font-size:1.5714em; /* 22px */
line-height:1.8181em; /*40px */
}
h2 span{
font-size:2em;
}
.dsnDetails{
float:right;
width:250px;
}
h2.dsnName{
_float:right;
_width:250px;
line-height:1em;
margin-bottom:.3636em; /*18px*/
}
h3{
font-size:1.4286em; /* 20px */
line-height:1.5em; /* 30px */
}
#youMightLike h3{
margin-bottom:.75em;
}
h4{
font-size:1.2857em; /* 18px */
line-height:1.6667em; /* 30px */
margin-bottom:.8333em;
font-style:italic;
}
h3+h4{
margin-top:.8333em;
}
/* P, BLOCKQUOTE ____________________________ */
p{
line-height:1.4286em; /* 20px */
margin:0 0 .7143em 0; /* 10px */
}
blockquote{
line-height:1.4286em;
margin:0 0 .7143em 0;
}
p.quotee {
text-align:right;
font-style:italic;
margin-top:-.7143em;
}
p.garment, p.store{
margin-left:40px;
}
.pullquote{
display:block;
float:right;
width:200px;
padding-left:10px;
margin:.8333em 0 .8333em 10px;
border-left:1px dotted rgb(188,172,146);
font-size:1.2857em; /* 18px */
line-height:1.6667em; /* 30px */
}
/* LISTS ____________________________ */
ul, ol{
margin-bottom:.7143em; /* 10 px */
}
li {
line-height:1.4286em;/* 20px */
}
ol{
list-style-type:decimal;
padding-left:1.5em;
}
dt{
font-size:1em; /* 14px */
line-height:1.4286em; /* 20px */
font-weight:bold;
}
.garmentsBody dt{
border-top:1px solid black;
padding:.7143em 0;
}
ul.dsnAvailableIn ul a{
margin-right:5px;
padding:0 2px 0 0;
color:#000;
background-color:transparent;
border-right-width:16px;
border-right-style:solid;
}
ul.dsnAvailableIn ul a:hover{
color:black;
text-decoration:none;
}
ul.dsnAvailableIn{
float:right;
width:260px;
clear:both;
font-weight:bold;
}
ul.dsnAvailableIn li{
padding-left:10px;
}
ul ul{
font-weight:normal;
margin-left:14px;
}
ul.dsnAvailableIn ul li{
padding-left:0;
}
ul.dsnAvailableIn li.selected{
padding-left:9px;
border-left:1px solid #000;
}
#swatches{
background-color:white;
padding:10px;
}
#swatches li{
padding:10px;
margin-bottom:10px;
}
/* COLORS ___________________________*/
.blackberry_smoothie{
background-color:rgb(215,176,200);
border-color:rgb(215,176,200);
}
.butter{
background-color:rgb(249,225,126);
border-color:rgb(249,225,126);
}
.celadon{
background-color:rgb(195,208,146);
border-color:rgb(195,208,146);
}
.chambray{
background-color:rgb(185,225,237);
border-color:rgb(185,225,237);
}
.chocolate{
background-color:rgb(100,73,52);
border-color:rgb(100,73,52);
}
.coal{
background-color:rgb(68,76,76);
border-color:rgb(68,76,76);
}
.cobalt{
background-color:rgb(55,55,145);
border-color:rgb(55,55,145);
}
.cocoa{
background-color:rgb(99,84,78);
border-color:rgb(99,84,78);
}
.crimson{
background-color:rgb(152,34,37);
border-color:rgb(152,34,37);
}
.daylily{
background-color:rgb(233,128,78);
border-color:rgb(233,128,78);
}
.hemp{
background-color:rgb(70,80,50);
border-color:rgb(70,80,50);
}
.kiwi{
background-color:rgb(201,218,116);
border-color:rgb(201,218,116);
}
.lake{
background-color:rgb(81,119,156);
border-color:rgb(81,119,156);
}
.leaf{
background-color:rgb(170,206,74);
border-color:rgb(170,206,74);
}
.marmalade{
background-color:rgb(254,175,125);
border-color:rgb(254,175,125);
}
.natural{
background-color:rgb(250,245,215);
border-color:rgb(250,245,215);
}
.olive{
background-color:rgb(94,109,68);
border-color:rgb(94,109,68);
}
.pebble{
background-color:rgb(194,189,173);
border-color:rgb(194,189,173);
}
.pine{
background-color:rgb(85,94,84);
border-color:rgb(85,94,84);
}
.raspberry{
background-color:rgb(160,37,85);
border-color:rgb(160,37,85);
}
.red_rock{
background-color:rgb(178,73,93);
border-color:rgb(178,73,93);
}
.sandstone{
background-color:rgb(172,172,140);
border-color:rgb(172,172,140);
}
.shale{
background-color:rgb(97,102,108);
border-color:rgb(97,102,108);
}
.sorbet{
background-color:rgb(238,102,136);
border-color:rgb(238,102,136);
}
.violet{
background-color:rgb(148,147,205);
border-color:rgb(148,147,205);
}
.white{
background-color:white;
}
a.white{
border-color:white;
}
/* LINKS
______________________________________ */
a{
text-decoration:none;
color:rgb(188,172,146);
outline:none;
}
a:hover,
a:focus{
color:rgb(107,186,206);
text-decoration:underline;
}
#logo a:hover{
}
#footer{
text-decoration:none;
}
a:visited{
border-bottom:none;
}
/* CITE, EM, STRONG, SUP ____________________________ */
cite{
font-style:italic;
}
cite.short{
font-style:normal;
}
em{
font-style:italic;
}
strong{
font-weight:bold;
}
sup{
vertical-align:super;
font-size:.7143em; /* 10px */
}
sub{
vertical-align:sub;
font-size:.7143em; /* 10px */
}
/* VCARDs ______________________________ */
.vcard{
margin-left:8.5em;
margin-bottom:1.428em;
}
.vcard p{
margin-left:0;
}
.vcard div {
line-height:1.4286em;/* 20px*/
}
.fn{
display:none;
}
.org{
font-weight:bold;
}
.email{
font-style:italic;
}
/* FORMS _________________________________*/
.zemContactForm fieldset{
padding:1em 0;
margin-left:50px;
border:1px dotted rgb(188,172,146);
}
.zemContactFrom legend{
display:none;
}
.zemContactForm label{
display:block;
float:left;
width:8em;
margin-right:.5em;
padding-top:4px;
line-height:1.5em;
text-align:right;
}
.zemContactForm fieldset div{
height:3.571em; /* 50px */ 
}
.zemContactForm div.inputMsg{
height:9.2857em;/* 130px */
}
#footer fieldset div{
height:2.5em;
}
.zemContactForm .submit{
padding-left:8.5em;
}
input, textarea, select{
padding:4px;
font-family:inherit;
font-size:inherit;
line-height:inherit;
background-color:rgb(188,172,146);
border:none;
}
input:focus, input:hover,
textarea:focus, textarea:hover,
select:focus, select:hover{
background-color:#fff;
}
.submit input{
cursor:pointer;
padding:2px;
color:#000;
}
.submit input:hover, .submit input:focus{
background-color:rgb(107,186,206);
color:#fff;
}
input.disabled, input.disabled:hover{
border:none;
}
label.zemRequired, label.zemRequirederrorElement{
font-weight:bold;
}
label.zemRequirederrorElement{
color:rgb(175,82,92);
}
.zemError{
color:rgb(175,82,92);
}
.zemThanks{
line-height:1.667em; /* 20px */
margin:0 0 1.667em 44px; /* 10px */
padding:1em;
border:1px dotted rgb(190,210,215);
}
.hidden{
display:none;
}