/* from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* layout styles */

`/* GENERAL ______________________________ */
*{
border:0;
padding:0;
margin:0;
}
html, html body{
height:100%;
}
body{
background:url("../images/kraftBGDk.jpg") 0 0 repeat;
}
/* LAYOUT DIVs ______________________________ */
#wrapper{
position:relative;
height:100%;/* for IE6 - expands for content anyway */
background:url("../images/dogBG.gif") 98% 100% no-repeat fixed;
}
.defaultBody #wrapper, .designsBody #wrapper{
background:none;
}
html>body #wrapper{ /* for good browsers - expand for content w/ min of 100% */
height:auto; 
min-height:100%;
}
#logo a{
position:absolute;
top:0;
left:0;
width:250px;
height:249px;
background:url("../images/hangTagThreadsSmDk.jpg") -15px -15px no-repeat;
text-indent:-9999px;
z-index:100;
}
#slogan{
position:absolute;
top:40px;
left:235px;
width:428px;
height:28px;
background:url("../images/tagLine.gif") 0 0 no-repeat;
text-indent:-9999px;
z-index:150;
}
#content{
position:relative;
padding-top:100px;
width:588px;
margin:0 auto 30px auto;
z-index:300;
zoom:1;
overflow:hidden;
}
.defaultBody #content{
margin-bottom:20px;
width:648px;
_width:750px;/* IE6 only*/
}
.designsBody #content{
width:708px;
}
.text{
margin-left:50px;
}
#footer{
clear:both;
margin-right:235px;
border-top:1px solid #b2a68c;
}
#footLeft, #footCenter, #footRight, #footRight_2{
float:left;
border-left:1px dotted #b2a68c;
padding:5px 0 0 20px;
margin-left:20px;
}
#footLeft{
border-left:0;
padding-top:2.92em;/*35px */
background:url("../images/footerDog.gif") 10px 5px no-repeat;
}
#thumbnails li{
margin:0 0 16px 16px;
padding:0;
display:block;
float:left;
width:144px;
height:144px;
background-color:white;
border:1px solid #000;
text-align:center;
}
#preview{
position:absolute;
display:none;
background-color:white;
border:4px double #000;
padding:5px 5px 0 5px;
z-index:500;
}
#preview p{
margin:4px 0 0 0;
padding:5px;
text-align:center;
font-weight:bold;
border-top:1px solid #b2a68c;
}
#dsnImg{
width:372px;
margin-left:50px;
border:4px double #000;
}
#youMightLike{
margin-left:50px;
padding-top:10px;
margin-top:30px;
border-top:1px solid #b2a68c;
clear:both;
}
#youMightLike a{
display:block;
float:left;
width:112px;
height:112px;
margin-right:19px;
border:1px solid #000;
background-color:white;
}
.icons{
padding:10px 0 0 50px;
zoom:1;
overflow:hidden;
}
#sidebar{
position:absolute;
top:260px;
left:40px;
font-size:1.2857em; /*18px */
line-height:1.667em; /* 30px */
text-align:center;
}
#toggleMore a{
padding-left:24px;
text-align:left;
background:url("../images/rorSprites.gif") 0 -300px no-repeat;
cursor:pointer;
}
#toggleMore a:hover{ background-position:0 -350px; }
#toggleMore.showLess a{
background:url("../images/rorSprites.gif") 0 -200x no-repeat;
}
#toggleMore.showLess a:hover { background-position: 0 -250px; }
#linkToPrev a{
padding-left:24px;
background:url("../images/rorSprites.gif") 0 -400px no-repeat;
}
#linkToPrev a:hover { background-position:0 -450px;}
#linkToNext a{
padding-right:24px;
background:url("../images/rorSprites.gif") 100% -500px no-repeat;
}
#linkToNext a:hover { background-position:100% -550px;}
.dwnld{
padding-left:24px;
background:url("../images/rorSprites.gif") 0 -100px no-repeat;
}
.dwnld:hover { background-position:0 -150px;}
.rss{
padding-left:24px;
background:url("../images/rorSprites.gif") 0 0 no-repeat;
}
.rss:hover{ background-position:0 -50px; }
.rss-email{
padding-left:24px;
background:url("../images/rorSprites.gif") 0 -600px no-repeat;
}
.rss-email:hover{ background-position:0 -650px; }
#footer li a{
display:block;
}
#footer li, #footer{line-height:1.7143em;/*24*/}
#shuffle{
width:112px;
height:100px;
text-indent:-9999px;
background:url("../images/shuffle.gif") 0 0 no-repeat;
}
.dsnGarments a{
display:block;
float:left;
height:52px;
margin-right:6px;
}
.dsnGarments a.uhd{ /* unisex hoodie */
background:url("../images/symbols/uhd.gif") 0 0 no-repeat;
width:62px;
}
.dsnGarments a.ucs{ /* unisex crewneck sweat */
background:url("../images/symbols/ucs.gif") 0 0 no-repeat;
width:72px;
}
.dsnGarments a.lss{ /* ladies short sleeve */
background:url("../images/symbols/lss.gif") 0 0 no-repeat;
width:52px;
}
.dsnGarments a.lls{ /* ladies long sleeve */
background:url("../images/symbols/lls.gif") 0 0 no-repeat;
width:72px;
}
.dsnGarments a.uss{ /* unisex short sleeve */
background:url("../images/symbols/uss.gif") 0 0 no-repeat;
width:54px;
}
.dsnGarments a.uls{ /* unisex long sleeve */
background:url("../images/symbols/uls.gif") 0 0 no-repeat;
width:72px;
}
.dsnGarments a.hat{ /* hat/cap */
background:url("../images/symbols/hat.gif") 0 0 no-repeat;
width:58px;
}
.return{
line-height:50px;/*matches height of icons */
}
/*NAVIGATION STYLES  ______________________________ */
#navWrapper{
position:absolute;
top:0;
right:0;
left:235px;
_left:auto; /*for IE 6 */
height:1.6666em; /*30 px */
font-size:1.2857em;
line-height:1.6666em;
border-bottom:1px solid #b2a68c;
z-index:400;
}
#navNote{ color: #87c4d4;}
#primNav {
position:absolute;
right:0;
}
#primNav li{
display:block;
float:left;
}
#primNav li a{
display:block;
color:#000;
}
#primNav li span{
display:block;
padding-right:24px;
margin-right:6px;
background:url("../images/sep.gif") 100% 4px no-repeat;
}
#primNav li.last span{
background:none;
padding-right:8px;
}
#primNav a:visited{
color:#282828;
}
#primNav a:hover,
#primNav a:focus,
.defaultBody #designs a, .designsBody #designs a,
.garmentsBody #garments a,
.buyBody #buy a,
.policiesBody #policies a,
.aboutBody #about a,
.contactBody #contact a{
color:#87c4d4;
border-bottom:5px solid #b2a68c;
text-decoration:none;
}

/*typography */

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; /*18*/
}
h3{
font-size:1.4286em; /* 20 */
line-height:1.5em; /* 30 */
}
#footer h3{
line-height:1.75em; /* 35 */
}
#youMightLike h3{
margin-bottom:.75em;
}
h4{
font-size:1.2857em; /* 18 */
line-height:1.6667em; /* 30 */
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 #000;
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:#000;
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;
}
/* TABLES ____________________________ */
table{ 
	margin:0 0 1.4286em 40px;
	background-color:rgba(180,170,140,.5);
}
tr{
	line-height:1.4286em;/* 20px */
}
td, th{
	padding:0 1.4286em 0 2px;
	border-bottom:1px dotted #000;
}
th { font-weight:bold;}
#swatches{
background-color:white;
padding:10px;
}
#swatches td, #swatches th{
padding:10px;
border-bottom:4px solid white;
}
/* COLORS ___________________________*/
.aqua{
background-color:rgb(66,196,221);
border-color:rgb(66,196,221);
}
.blackberry_smoothie{
background-color:rgb(228,190,208);
border-color:rgb(228,190,208);
}
.butter{
background-color:rgb(250,225,175);
border-color:rgb(250,225,175);
}
.cactus{
background-color:rgb(142,176,119);
border-color:rgb(142,176,119);
}
.celadon{
background-color:rgb(190,210,150);
border-color:rgb(190,210,150);
}
.chambray{
background-color:rgb(185,225,230);
border-color:rgb(185,225,230);
}
.chocolate{
background-color:rgb(118,90,70);
border-color:rgb(118,90,70);
}
.coal{
background-color:rgb(80,90,95);
border-color:rgb(80,90,95);
}
.cobalt{
background-color:rgb(80,90,160);
border-color:rgb(80,90,160);
}
.cocoa{
background-color:rgb(99,84,78);
border-color:rgb(99,84,78);
}
.crimson{
background-color:rgb(150,40,50);
border-color:rgb(150,40,50);
}
.cumin{
background-color:rgb(170,90,90);
border-color:rgb(170,90,90);
}
.daylily{
background-color:rgb(233,128,88);
border-color:rgb(233,128,88);
}
.hemp{
background-color:rgb(90,100,70);
border-color:rgb(90,100,70);
}
.kiwi{
background-color:rgb(180,216,116);
border-color:rgb(180,216,116);
}
.lake{
background-color:rgb(81,119,156);
border-color:rgb(81,119,156);
}
.leaf{
background-color:rgb(140,170,100);
border-color:rgb(140,170,100);
}
.lilac{
background-color:rgb(180,180,215);
border-color:rgb(180,180,215);
}
.marmalade{
background-color:rgb(254,175,125);
border-color:rgb(254,175,125);
}
.mocha{
background-color:rgb(168,161,155);
border-color:rgb(168,161,155);
}
.moss{
background-color:rgb(160,170,120);
border-color:rgb(160,170,120);
}
.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(110,130,60);
border-color:rgb(110,130,60);
}
.raspberry{
background-color:rgb(200,77,146);
border-color:rgb(200,77,146);
}
.red_rock{
background-color:rgb(170,90,80);
border-color:rgb(170,90,80);
}
.sandstone{
background-color:rgb(162,162,125);
border-color:rgb(162,162,125);
}
.shale{
background-color:rgb(97,102,108);
border-color:rgb(97,102,108);
}
.sorbet{
background-color:rgb(240,80,130);
border-color:rgb(240,80,130);
}
.violet{
background-color:rgb(150,120,210);
border-color:rgb(150,120,210);
}
.white{
background-color:white;
}
a.white{
border-color:white;
}
/* LINKS
______________________________________ */
a{
text-decoration:none;
color:#b2a68c;
outline:none;
}
a:hover,
a:focus{
color:#87c4d4;
text-decoration:underline;
}
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 _________________________________*/
#content fieldset{
padding:1em 0;
border:1px dotted #b2a68c;
margin-bottom:1.5em;
}
.zemContactForm fieldset{
margin-left:50px;
}
#content legend{
display:none;
}
#content label{
display:block;
float:left;
width:8em;
margin-right:.5em;
padding-top:4px;
line-height:1.5em;
text-align:right;
}
#content fieldset div{
height:3em;
}
#content fieldset div.submit{
height:1.5em;
}
#content div.inputMsg{
height:9em;
}
#footer fieldset div{
height:2.5em;
}
#content .submit{
padding-left:8.5em;
}
input, textarea, select{
padding:4px;
font-family:inherit;
font-size:inherit;
line-height:inherit;
background-color:#b2a68c;
border:none;
}
input:focus, input:hover,
textarea:focus, textarea:hover,
select:focus, select:hover{
background-color:#fff;
}
.submit input{
cursor:pointer;
padding:5px;
color:#000;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
.submit input:hover, .submit input:focus{
background-color:#87c4d4;
color:#fff;
}
input.disabled, input.disabled:hover{
border:none;
}
label.zemRequired, .required label, label.zemRequirederrorElement{
font-weight:bold;
}
label.zemRequirederrorElement, .zemError{
color:#bc2f08;
}
.zemThanks{
line-height:1.667em; /* 20px */
margin:0 0 1.667em 44px; /* 10px */
padding:1em;
border:1px dotted #87c4d4;
}
.hidden{
display:none;
}