`/* 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 rgb(188,172,146);
}
#footLeft, #footCenter, #footRight, #footRight_2{
float:left;
border-left:1px dotted rgb(188,172,146);
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 black;
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 rgb(188,172,146);
}
#dsnImg{
width:372px;
margin-left:50px;
border:4px double #000;
}
#youMightLike{
margin-left:50px;
padding-top:10px;
margin-top:30px;
border-top:1px solid rgb(188,172,146);
clear:both;
}
#youMightLike a{
display:block;
float:left;
width:112px;
height:112px;
margin-right:19px;
border:1px solid black;
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:50px;
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;
}
.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 rgb(188,172,146);
z-index:400;
}
#primNav {
position:absolute;
right:0;
}
#primNav li{
display:block;
float:left;
}
#primNav li a{
display:block;
color:black;
}
#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:rgb(40,40,40);
}
#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:rgb(107,186,206);
border-bottom:5px solid rgb(188,172,146);
text-decoration:none;
}