/*Variable Definitions
   ========================
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

  <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    =======================
*/


body {
  background:#fff url("http://www.danajilldesigns.com/images/djd-bg4.gif") repeat top left;
  margin:0;
  color:#000;
  font: normal normal 78% Georgia, Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }


/* Links */

a:link {
  color: #9573b1;
  text-decoration:none;
  line-height: 1.3em;
  }

a:visited {
  color:#da40b1;
  text-decoration:none;
  line-height: 1.3em;
}

a:hover {
  color: #349933;
  line-height: 1.3em;
}

a img {
  border-width:0;
  margin-bottom:3px;
  }

a.nav:link {
  margin: 0 5px 0 10px;
  padding-left: 10px;
  background: url("http://www.danajilldesigns.com/images/bullet.png") no-repeat center left;
  color: #9573b1;
  font-size: 14px;
}

a.nav:visited {
  margin: 0 5px 0 10px;
  padding-left: 10px;
  background: url("http://www.danajilldesigns.com/images/visitedbullet.png") no-repeat center left;
  color:#da40b1;
  font-size: 14px;
}

a.nav:hover {
  color: #349933;
  background: url("http://www.danajilldesigns.com/images/hoverbullet.png") no-repeat center left;
  font-size: 14px;
}

a.nav:active {
  color: #349933;
  text-decoration: underline;
  background: url("http://www.danajilldesigns.com/images/hoverbullet.png") no-repeat center left;
  font-size: 14px;
}

a.side:link {
  margin-right: 5px;
  padding-left: 5px;
  color:#646564;
  font-size:14px;
  line-height:1.3em;
}

a.side:visited {
  margin-right: 5px;
  padding-left: 5px;
  color:#646564;
  font-size:14px;
  line-height:1.3em;
}

a.side:hover {
  color: #349933;
  font-size:14px;
  line-height:1.3em;
}


.breadcrumb a:link {
  margin-left: 10px;
  text-decoration: none;
  color: #9573b1;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 9pt;
}

.breadcrumb a:visited {
  margin-left: 10px;
  text-decoration: none;
  color: #da40b1;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 9pt;
}

.breadcrumb a:active {
  text-decoration: none;
  color: #349933;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 9pt;
}

.breadcrumb a:hover {
  text-decoration: underline;
  color: #349933;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 9pt;
}



/* Header and Horizontal Navigation
-----------------------------------------------
 */

#header {
  width:800px;
  height: 120px;
  float: left;
  text-align: left;
  }

#navigation {
  clear: both;
  width: 800px;
  height: 35px;
  background: #d2cec3 url("http://www.danajilldesigns.com/images/djdnav-bg2.jpg") no-repeat top center;  
  margin: 0 auto;
  padding-top: 10px;
  font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
  font-size: 14px;
  color:#9573b1;
 }


/* Section Wrappers
----------------------------------------------- */
#outer-wrapper {
  width: 800px;
  background: #fff;
  margin: 0 auto;
  text-align:left;
  font: $bodyfont;
  border: 1px solid #9573b1;
  line-height: 1.3em;
  }

#leftsidebar-wrapper { /*this is the left sidebar*/
  width: 195px;
  padding: 0;
  float: left;
  margin: 1px 1px 0;
  font: $headerfont;
  line-height:1.3em;
}

#main-wrapper {
  width: 425px;
  float: left;
  margin: 1px 0 0 1px;
  }

#sidebar-wrapper { /*this is the right sidebar*/
  width: 170px;
  padding: 0;
  float: right;
  margin: 1px 1px 0;
  font: $headerfont;
  line-height:1.3em;
}

#featured-wrapper {
  width: 624px;
  float: left;
  background: #fff;
  margin: 0 0 0 1px;
  font-size: 14px;
}

#product-detail-wrapper {
  width: 774px;
  float: left;
  background: #fff;
  margin: 0 0 0 1px;
  font-size: 14px;
}

#product-wrapper { /*this is the subpage content area*/
  width: 596px;
  background: #fff;
  float: right;
  margin: 1px 1px 0 0;
  border-left:1px dotted #9573b1;
  }

#related-wrapper { /*this is the related items section on the subpages*/
  width: 597px;
  float: right;
  margin: 1px 0 0 1px;
  border-left:1px dotted #9573b1;
  font-size: 14px;
}

#dyo-wrapper {
  clear:both;
  width:800px;
  height:200px;
  font-size: 14px;
}

/* Universal Headings
----------------------------------------------- */

h2 {
  margin:0 0 4px;
  font:normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  line-height: 1.3em;
  text-transform:uppercase;
  color:#666;
}

h5 {
  margin:0 0 4px;
  font:normal normal 16px Georgia, 'Times New Roman', serif;
  line-height: 1.3em;
  text-transform:uppercase;
  color:#000;
  font-weight:bold;
  text-transform:none;
}
h6 {
font-size: 12px;
line-height:1.3em;
  margin:0 0 5px;
}


/* Sidebar Content
----------------------------------------------- */
.sidebar { 
  color: #bab3a3;
  padding-left: 10px;
  list-style:none;
  margin:0 1px 1px;
  font:$headerfont;
 }

.rightsidebar {
  color: #666;
  list-style:none;
  margin:0;
}

#sidebar-h2 {
  background: #bab3a3;
  color: #Fff;
  text-align: left;
  font-size: 14px;
  margin-left: 1px;
  padding-left: 5px;
  text-transform: none;
}

a.sidebar-h2:link {
  background: #bab3a3;
  color: #Fff;
  text-align: left;
  font-size: 14px;
  margin-left: 1px;
  padding-left: 5px;
  text-transform: none;
  line-height: 1.3em;
}

a.sidebar-h2:visited {
  background: #bab3a3;
  color: #Fff;
  text-align: left;
  font-size: 14px;
  margin-left: 1px;
  padding-left: 5px;
  text-transform: none;
  line-height: 1.3em;
}

a.sidebar-h2:hover {
  background: #bab3a3;
  color: #349933;
  text-align: left;
  font-size: 14px;
  margin-left: 1px;
  padding-left: 5px;
  text-transform: none;
  line-height: 1.3em;
}


#rightsidebar-h2 {
  text-align: left;
  font-size: 16px;
  margin: 0 0 2px;
  text-transform: none;
}

#sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
  line-height: 1.3em;
}
#sidebar li {
  margin:0;
  padding:0 0 1px 3px;
  text-indent:-5px;
  line-height:1.3em;
  list-style:none;
  }


/* Footer
----------------------------------------------- */
#footer-wrapper {
  width:800px;
  clear:both;
  background: #d2cec3 url("http://www.danajilldesigns.com/images/djdfooter-bg2.jpg") repeat-y top center;  
  margin:0 auto;
  padding-top:5px;
  color: #000;
  border-top: 1px solid #d2bde8;
  font: normal normal 12px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  line-height: 1.5em;
  text-align: center;
}
#footer-bottom {
  width:800px;
  clear:both;
  background: #d2cec3 url("http://www.danajilldesigns.com/images/djdnav-bg2.jpg") repeat-y top center;  
  margin:0 auto;
  padding: 10px 0;
  color: #000;
  font: normal normal 12px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  line-height: 1.5em;
  text-align: center;
}