/* colour reference */
/* purple: 3E1C3B 
   nav: A986AB 
   footer line: 4d3348,
   footer text: 8d6089
	orange nav: d9a996
	pink nav: bf859b
	green nav: 7d986c
	brown nav: dda38f */

/* sitewide & sifr fallback */
  html { height:100%; overflow: auto }
  
  body { font-family: Arial, sans-serif; font-size:76.5%; height:100%; padding:0; /*width:100%;*/ color:white; overflow:auto; position:relative; background:top center no-repeat fixed } 
  #nav li { color:white; text-decoration:none; }
  #nav li a { color:inherit }
  #nav li a:hover { color:white; text-decoration:none }

/* structural */
  #inner { background: top left repeat-y; margin:0 auto; min-height:100%; position:relative; width:830px; z-index:50 }
  * html #inner { height:100% }
  #content { height: 100%; margin:0 60px; min-height:1000px; padding: 30px 0; position:relative; width:710px; z-index: 100 }
  * html #content { height:1000px; margin: 0 30px 0 60px; width:740px } /* prevent float drop */
  #main #nav { background:bottom center no-repeat; float:right; font-size:1em; line-height:13px; padding:0 0 30px; position:relative; text-align:center; width:550px; margin:16px -30px 38px -30px }
  #main { float:right; height:auto; min-height:0; padding-bottom:1em; position:relative; width:470px }
  #secondary { float:left; padding-bottom:1em; width:226px }
  .box { background: bottom left no-repeat; padding:20px 0 32px 0 }
  #content .box:last-child { background:none; padding-bottom:0 }
  
  /* for pages with wide boxes */
    #first-box { min-height:660px } /* to clear quote in left col */
    * html #first-box { height:500px } /* col is wider in IE6 to avoid float drop */
    .widebox { background: top center no-repeat; margin:0 -40px 0 -280px; padding:48px 0 11px; position:relative }
    * html .widebox { height:232px } /* cure guillotine bug */
    .widebox p, .widebox h3 { padding-right: 40px; padding-left: 280px }
    .widebox h3 { padding-top:0 }
    .widebox img { float:left; margin:0 10px 0 0 }
    .widebox img.product-shot { margin:0 0 0 42px }
  
  .box img { float:left; margin-right:8px }
  .box h3 { clear:left }

/* typography */

h1, h2, h3, h4 {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 8px 0px;
	color: white;
}

h1, h2 { 
	font-size: 22px; 
	font-weight: normal;
	line-height: 1.25em;
}

h3 {
	text-transform: uppercase;
}

  #content a { color:white }
  #content a:hover { text-decoration:underline }
  p { font-size:1.1em; line-height:1.17em }
  #main p { margin:0 0 18px 8px }
  #main cite { font-size:1.6em; font-style:normal; margin-left:8px; line-height:1.2em }
  #main cite { padding-bottom:1em; display:block }
  #main img { margin-bottom:28px; margin-right: 10px }
  #secondary p { font-size:.9em; line-height:1.3em; padding-top:1em; clear:both }
  .orange-skin #main ul { margin:0 0 2em 8px; list-style:disc; padding-left:2em }
  .orange-skin #main ul li { margin:0 0 .5em }
  
pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap !important;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
 font-size: 14px;
}

  
/* nav */
  #nav li { background: center right  no-repeat; float:left; height:13px; margin:0; overflow:hidden; padding:0 16px 0 9px; position:relative; text-align:center; list-style: none; }
  #content #main #nav li:last-child, #content #main #nav li.last { background:none no-repeat; padding-right:0 }
  #nav a { display:block; height:13px; ovverflow:hidden; position:relative; white-space: nowrap }
  * html #nav a span {  }
  #nav li a:hover { color:white }
  #nav li a span { background-position:0px 13px; display:block; height:13px; position:absolute; top:0; left:0 }
  #nav li a:hover span, #nav li.here a span { background-position:0px 0px }
  
  #nav li#nav-home a, li#nav-home span { width:46px }
  #nav li#nav-products a, li#nav-products span { width:84px}
  #nav li#nav-get-involved a, li#nav-get-involved span { width:114px }
  #nav li#nav-distribution a, li#nav-distribution span { width:108px }
  #nav li#nav-harvest a, li#nav-harvest a span { width:69px }

/* subnav */

.subnav { 
	border-bottom: 1px solid white; 
	margin: 32px 0 15px;
	width: 200px;
}

.subnav li { 
	border-top: 1px solid white; 
	padding: 2px 0 2px;
	text-align: left;
}

#content .subnav li a {
	display: block;
	line-height: 1.75em;
	font-size: 13px;
	color: #a986ab;
}

.purple-skin #content .subnav li a { color: #a986ab; }
.green-skin #content .subnav li a { color: #7d986c; }
.orange-skin #content .subnav li a { color: #d9a996; }
.brown-skin #content .subnav li a { color: #dda38f; }
.pink-skin #content .subnav li a { color: #bf859b; }

#content .subnav li a:hover,
#content .subnav li.current_page_item a {
	color: #ffffff;
	text-decoration: none;
}

.subnav li ul,
.subnav li ul li { 
	display: none;
}

.subnav li.page-item-1099 { /* Hide Home Page on sub menu */
	display: none;
}

h2.widgettitle {
	display: none;
}

.subnav li.widget_collapsarch { 
	border-top: none;
}

.subnav li.widget_collapsarch ul,
.subnav li.widget_collapsarch ul li { 
	display: block;
}

.subnav li.widget_collapsarch ul li li a { 
	padding-left: 20px;
}
  
/* buttons */
  #content a.button { float:left; width:58px; height:61px; margin-right:10px; background:bottom left no-repeat; overflow:hidden; text-indent:-1000em }
  #content a.button:hover { background-position:top left }
  .pink-skin #content a.more-info { background-image: url(../images/buttons/buttons_more_info_pink.gif) }
  .pink-skin #content a.order-form { background-image: url(../images/buttons/buttons_order_form_pink.gif) }

/* skinning */
  /* purple */
    .purple-skin { background-image:url(../images/backgrounds/background_home.jpg) }
	 .purple-skin #content a { color:#c494be; }
    .purple-skin #inner { background-image: url(../images/backgrounds/purple-bg-texture.png) }
    * html .purple-skin #inner { background-image: url(../images/backgrounds/purple-bg-texture.gif) }
    .purple-skin #content { background-color:#3E1C3B }
    .purple-skin #main #nav { background-image: url(../images/purple-nav-underline.gif) }
    .purple-skin #main #nav li { background-image:url(../images/nav/purple-bullet.gif) }
    .purple-skin li#nav-home span { background-image:url(../images/nav/home_purple.gif) }
    .purple-skin li#nav-products span { background-image:url(../images/nav/products_purple.gif) }
    .purple-skin li#nav-get-involved span { background-image:url(../images/nav/get-involved_purple.gif) }
    .purple-skin li#nav-distribution span { background-image:url(../images/nav/distribution_purple.gif) }
    .purple-skin li#nav-harvest a span { background-image:url(../images/nav/harvest_purple.gif) }
    .purple-skin .subnav { border-bottom-color:#4e2b4b }
    .purple-skin .subnav li { border-top-color:#4e2b4b }
    .purple-skin .box { background-image:url(../images/furniture/box_underline_purple.gif) }
    .purple-skin #footer { border-top-color:#4d3348 }
    .purple-skin #footer p, .purple-skin #footer p a { color:#8d6089 }
  
  /* green */
    .green-skin { background-image:url(../images/backgrounds/background_harvest.jpg) }
	 .green-skin #content a { color:#88ad80; }
    .green-skin #inner { background-image: url(../images/backgrounds/green-bg-texture.png) }
    * html .green-skin #inner { background-image: url(../images/backgrounds/green-bg-texture.gif) }
    .green-skin #content { background-color:#253322 }
    .green-skin #main #nav { background-image: url(../images/green-nav-underline.gif) }
    .green-skin #main #nav li { background-image:url(../images/nav/green-bullet.gif) }
    .green-skin li#nav-home span { background-image:url(../images/nav/home_green.gif) }
    .green-skin li#nav-products span { background-image:url(../images/nav/products_green.gif) }
    .green-skin li#nav-get-involved span { background-image:url(../images/nav/get-involved_green.gif) }
    .green-skin li#nav-distribution span { background-image:url(../images/nav/distribution_green.gif) }
    .green-skin li#nav-harvest a span { background-image:url(../images/nav/harvest_green.gif) }
    .green-skin .subnav { border-bottom-color:#2b3d27 }
    .green-skin .subnav li { border-top-color:#2b3d27 }
    .green-skin .box { background-image:url(../images/furniture/box_underline_green.gif) }
    .green-skin #footer { border-top-color:#374732 }
    .green-skin #footer p, .green-skin #footer p a { color:#758672 }
  
  /* orange */
    .orange-skin { background-image:url(../images/backgrounds/background_get_involved.jpg) }
	 .orange-skin #content a { color:#e8c2a5; }
    .orange-skin #inner { background-image: url(../images/backgrounds/orange-bg-texture.png) }
    * html .orange-skin #inner { background-image: url(../images/backgrounds/orange-bg-texture.gif) }
    .orange-skin #content { background-color:#96381c }
    .orange-skin #main #nav { background-image: url(../images/orange-nav-underline.gif) }
    .orange-skin #main #nav li { background-image:url(../images/nav/orange-bullet.gif) }
    .orange-skin li#nav-home span { background-image:url(../images/nav/home_orange.gif) }
    .orange-skin li#nav-products span { background-image:url(../images/nav/products_orange.gif) }
    .orange-skin li#nav-get-involved span { background-image:url(../images/nav/get-involved_orange.gif) }
    .orange-skin li#nav-distribution span { background-image:url(../images/nav/distribution_orange.gif) }
    .orange-skin li#nav-harvest a span { background-image:url(../images/nav/harvest_orange.gif) }
    .orange-skin .widebox { background-image: url(../images/furniture/orange-wide-underline.gif) }
    .orange-skin .subnav { border-bottom-color:#a95036 }
    .orange-skin .subnav li { border-top-color:#a95036 }
    .orange-skin .box { background-image:url(../images/furniture/box_underline_orange.gif) }
    .orange-skin #footer { border-top-color:#9a4b2d }
    .orange-skin #footer p, .orange-skin #footer p a { color:#d0836c }
  
  /* "brown" (red) */
    .brown-skin { background-image:url(../images/backgrounds/background_distribution.jpg) }
	 .brown-skin #content a { color:#cd9989; }
    .brown-skin #inner { background-image: url(../images/backgrounds/brown-bg-texture.png) }
    * html .brown-skin #inner { background-image: url(../images/backgrounds/brown-bg-texture.gif) }
    .brown-skin #content { background-color:#5a1400 }
    .brown-skin #main #nav { background-image: url(../images/brown-nav-underline.gif) }
    .brown-skin #main #nav li { background-image:url(../images/nav/brown-bullet.gif) }
    .brown-skin li#nav-home span { background-image:url(../images/nav/home_brown.gif) }
    .brown-skin li#nav-products span { background-image:url(../images/nav/products_brown.gif) }
    .brown-skin li#nav-get-involved span { background-image:url(../images/nav/get-involved_brown.gif) }
    .brown-skin li#nav-distribution span { background-image:url(../images/nav/distribution_brown.gif) }
    .brown-skin li#nav-harvest a span { background-image:url(../images/nav/harvest_brown.gif) }
    .brown-skin .subnav { border-bottom-color:#691d08 }
    .brown-skin .subnav li { border-top-color:#691d08 }
    .brown-skin .box { background-image:url(../images/furniture/box_underline_brown.gif) }
    .brown-skin #footer { border-top-color:#662c14 }
    .brown-skin #footer p, .brown-skin #footer p a { color:#b5755f }
  
  /* pink */
    .pink-skin { background-image:url(../images/backgrounds/background_products.jpg) }
	 .pink-skin #content a { color:#d6a5b8; }
    .pink-skin #inner { background-image: url(../images/backgrounds/pink-bg-texture.png) }
    * html .pink-skin #inner { background-image: url(../images/backgrounds/pink-bg-texture.gif) }
    .pink-skin #content { background-color:#741e3f }
    .pink-skin #main #nav { background-image: url(../images/pink-nav-underline.gif) }
    .pink-skin #main #nav li { background-image:url(../images/nav/pink-bullet.gif) }
    .pink-skin li#nav-home span { background-image:url(../images/nav/home_pink.gif) }
    .pink-skin li#nav-products span { background-image:url(../images/nav/products_pink.gif) }
    .pink-skin li#nav-get-involved span { background-image:url(../images/nav/get-involved_pink.gif) }
    .pink-skin li#nav-distribution span { background-image:url(../images/nav/distribution_pink.gif) }
    .pink-skin li#nav-harvest a span { background-image:url(../images/nav/harvest_pink.gif) }
    .pink-skin .widebox { background-image: url(../images/furniture/pink-wide-underline.gif) }
    .pink-skin .subnav { border-bottom-color:#863051 }
    .pink-skin .subnav li { border-top-color:#863051 }
    .pink-skin .box { background-image:url(../images/furniture/box_underline_pink.gif) }
    .pink-skin #footer { border-top-color:#7c344c }
    .pink-skin #footer p, .pink-skin #footer p a { color:#c45f86 }
	 
/* Social Links */

#social-media ul {
	clear: both;
	float: left;
	width: 200px;
	margin-bottom: 40px;
}

#social-media ul li {
	float: left;
	display: block;
	width: 31px;
	margin-right: 5px;
}

#social-media ul li a {
	float: left;
	display: block;
	width: 31px;
	height: 31px;
	background: transparent url(../images/social-icons.png) no-repeat 0px 0px;
	text-indent: -999em;
}

#social-media ul li.facebook a {
	background-position: -35px 0px;
}

#social-media ul li.twitter a {
	background-position: -70px 0px;
}

/* Home Page Images */

.home-page #main img {
	margin-bottom: 0px;
	margin-left: -4px;
}
	 
/* News List on Home Page */

#news-list {
	margin: 10px 0px 10px 8px;
	border-top: 1px solid #775577;
}

#news-list li {
	padding: 10px 0px 8px;
	border-bottom: 1px solid #775577;
}

#news-list h3,
#news-list p {
	margin: 0px;
}

#news-list p small {
	font-size: 0.875em;
}

/* Map */

#sl_div #address_search,
#sl_div .sl_footer,
#sl_div #map_sidebar,
#sl_div a {
	display: none;
}

#map {
	height: 570px;
	clear: both;
	margin-top: 50px;
}

/* Expand Button */

.expand_switch p a {
	display: block;
	height: 25px;
	width: 102px;
	background: transparent url(../images/fullviewbutton.png) no-repeat 0px 0px;
}

.expand_switch p a.show_less {
	background-position: 0px -25px;
}

/* Special Image Cases */

#main img.wp-image-1987 {
	margin-bottom: 0px;
}

/* Retailers List */

ul.col {
	float: left;
	width: 155px;
	margin-bottom: 2em;
}

ul.col li { 
	padding: 0px 0px 3px 8px;
}

#main ul.col h3 { 
	margin: 10px 0px 0px 0px;
}

#locations h2 {
	clear: both;
}

#locations h2 {
	padding-top: 40px;
	background: transparent url(../images/brown-divider.png) no-repeat 0px 0px;
}

#locations h3 {
	padding-top: 20px;
	border-top: 1px solid #9f6251;
	font-size: 16px;
	font-weight: normal;
}

#locations h4 {
	padding-top: 16px;
	border-top: 1px solid #9f6251;
	font-size: 14px;
}

/* Archive and Category Pages */

.post {
	padding-top: 18px;
	border-bottom: 1px solid #A95036;
}

.purple-skin .post {
	border-bottom: 1px solid #4E2B4B;
}

#main .post h3,
#main .post cite {
	font-size: 19px;
	font-weight: bold;
}

#main .post p.lcp_content {
	display: none;
}

/* Gallery & Media Downloads Page */

.media-downloads {
	border-bottom: 1px solid #a95036;
	margin-bottom: 10px;
}

.media-downloads h2 {
	font-size: 19px;
	font-weight: bold;
	padding-bottom: 2px;
}

.media-downloads p {
	font-size: 12px;
	line-height: 1.5em;
}

.media-downloads p a {
	text-decoration: underline;
}

.gallery {
	clear: both;
	float: left;
	width: 470px;
	margin-bottom: 30px;
}

.gallery .thumbnail {
	float: left;
}

#main .gallery .thumbnail a {
	display: block;
	margin: 0px 10px 10px 0px;
	float: left;
}

#main .gallery .thumbnail a img {
	display: block;
	margin: 0px;
	border: 1px solid #ccc;
}

#main .gallery .thumbnail a:hover img {
	border: 1px solid #fff;
}
	 
/* Footer */

#footer {
	clear: both;
	padding-top: 10px;
	border-top: 1px solid white; 
}

#footer #terms { 
	float: left;
}

#footer #copyright-notice { 
	text-align: right;
}

#content #footer p a:hover { 
	color: #ffffff;
}