/*
 * Project:   Eartheasy
 * Date:      2010/03/29
/* ---------------------------------------- */

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #fff url(../images/background-a.png) 50% 0 repeat-y; font-size: 62.5%; }

* html body { behavior: url("../styles/csshover.htc"); }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }



/* LAYOUT
------------------------------------------- */

#root { width: 970px; margin: 0 auto; padding: 40px 0 0; }
 #top { position: relative; height: 167px; background: url(../images/top-bg.jpg) no-repeat; color: #343434; font-family: Georgia,serif; line-height: 1.33; }
  #logo { position: absolute; left: 20px; top: 8px; }
   #logo a { display: block; overflow: hidden; width: 304px; height: 75px; text-indent: -10001px; }
  #site-logo { position: absolute; left: 20px; top: 8px; }
   #site-logo a { display: block; overflow: hidden; width: 304px; height: 75px; text-indent: -10001px; }
  #skip-links { position: absolute; top: -40px	; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
  #nav { position: absolute; left: 0; top: 100px; list-style: none; height: 38px; margin: 0; padding: 0; }
   #nav li { float: left; font-size: 1em; }
    #nav li a { text-decoration: none; }
    #nav li a.l1 { overflow: hidden; float: left; height: 36px; background: url(../images/nav-1st-a.png) no-repeat; text-indent: -10001px; }
    #nav li a.shop { width: 108px; background-position: 0 0; } #nav li a.shop:hover, #nav li a.shop:focus, #nav li a.shop:active { background-position: 0 -36px; } #nav li.active a.shop { background-position: 0 -72px; }
    #nav li a.guides { width: 119px; background-position: -107px 0; } #nav li a.guides:hover, #nav li a.guides:focus, #nav li a.guides:active { background-position: -107px -36px; } #nav li.active a.guides { background-position: -107px -72px; }
    #nav li a.blog { width: 101px; background-position: -225px 0; } #nav li a.blog:hover, #nav li a.blog:focus, #nav li a.blog:active { background-position: -225px -36px; } #nav li.active a.blog { background-position: -225px -72px; }
    #nav li a.story { width: 154px; background-position: -325px 0; } #nav li a.story:hover, #nav li a.story:focus, #nav li a.story:active { background-position: -325px -36px; } #nav li.active a.shop { background-position: -325px -72px; }
    #nav li em { position: absolute; left: -10001px; top: -10001px; }
    #nav li ul { display: none; position: absolute; left: 0; top: 37px; list-style: none; width: 968px; margin: 0; padding: 0; }
    #nav li.active ul { display: table; width: 969px; }
     #nav li ul li { display: table-cell; float: none; padding: 0 0 0 1px; background: url(../images/nav-2st-sep-a.png) no-repeat; font-size: 1.5em; line-height: 30px; vertical-align: bottom; }
     #nav li ul li.first { background: none; padding-left: 0; }
      #nav li ul li a { float: left; width: 100%; height: 30px; padding: 0; background: url(../images/nav-2st-over-a.png) -1px 0 no-repeat; color: #fff; text-shadow: #2c5c8a 0 -1px 0; white-space: nowrap; text-align: center; }
      #nav li ul li a:hover,
      #nav li ul li a:focus,
      #nav li ul li a:active { background-repeat: repeat-x; text-decoration: none; }
      #nav li ul li a.active { height: 30px; border: none; background: url(../images/nav-2st-over-a.png) 0 100% repeat-x !important; color: #fff !important; line-height: 30px; text-shadow: #2c5c8a 0 -1px 0; }

img { border: none; }

    html* #nav li.active ul { display: block; width: 968px; }
     html* #nav li.active ul li { display: inline; float: left; }
      html* #nav li.active ul li a { width: auto; padding: 0 25px; }
      html* #nav li.active ul li a.active { margin-top: 0px; margin-left: 0; }
  #user-nav { position: absolute; right: 1px; top: -16px; list-style: none; margin: 0; padding: 0; }
   #user-nav li { display: inline; float: left; margin: 0 0 0 4px; color: #5b624c; font: 1.2em/25px Georgia; }
    #user-nav li a { float: left; height: 27px; padding: 0 10px; border: 1px solid #ebe6d2; border-width: 1px 1px 0; background: #f0efea url(../images/usernav-a-bg.png) 0 100% repeat-x; color: #5b624c; text-decoration: none; }
    #user-nav li a { border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
    #user-nav li a:hover,
    #user-nav li a:focus,
    #user-nav li a:active { background-position: 100% 100%; background-color: #f3f2f1; color: #758f45; text-decoration: none; }
    #user-nav li a.cart:hover,
    #user-nav li a.cart:focus,
    #user-nav li a.cart:active { color: #d2a220; }
     #user-nav li a.cart span { padding-left: 20px; background: url(../images/usernav-a-icon-cart-a.gif) 0 50% no-repeat; }
  #search { position: relative; right: 11px; top: 106px; }
   #search p { float: right; position: relative; margin: 0; padding: 0; font: 1.2em/1.33 Arial,Helvetica Neue,Helvetica,sans-serif; }
   * html #search p { zoom: 1; }
    #search p label { display: none; color: #818181; }
    .js #search p label { display: block; position: absolute; left: 7px; top: 5px; }
    #search p span { float: left; width: 240px; height: 24px; padding: 0 5px 0 6px; background: url(../images/top-search-input-a.png) no-repeat; }
     #search p span input { width: 240px; padding: 5px 0 0; border: none; background: none; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
    #search p button { width: 66px; height: 24px; margin: 0 0 0 5px; padding: 0; border: none; background: url(../images/top-search-button-a.png) no-repeat; font-size: 0; text-indent: -10001px; }
    #search p button:hover,
    #search p button:focus,
    #search p button:active { background-position: 0 -24px; }
 #content { margin: 0 0 20px; padding: 0px 0 0; border: 1px solid #bdc4c9; border-width: 0 1px 1px; background: #fffff0; }
 #search-content { margin: 0 0 20px; padding: 0px 0 0; border: 1px solid #bdc4c9; border-width: 0 1px 1px; background: #ffffff; }


 #footer { color: #343434; font-family: Georgia,serif; line-height: 1.33; }
  #footer ul { list-style: none; margin: 0 0 15px; padding: 0; text-align: center; }
   #footer ul li { display: inline; padding: 0 15px; }
    #footer ul li img { border: none; }
  #footer p { margin: 0 0 10px; padding: 15px 0 0; background: url(../images/sep-a.gif) -3px -3px repeat-x; color: #4a432a; font: 1.1em/1.25 Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; }
   
/* GENERAL
------------------------------------------- */

a.guides-button img { display: block; margin: 0 0 0 0; padding: 0; border: none; text-indent: -10001px;}
a.guides-button { display: block; height: 26px; margin-top: 5px; width: 99px; overflow: hidden;}
a.guides-button:hover img,
a.guides-button:focus img, 
a.guides-button:active img { margin-top: -26px; }

div.bottom-a { background: url(../images/bottom-a-bg-a.jpg) 0 100% no-repeat; color: #514b35; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
 div.bottom-a div.inner { overflow: hidden; width: 100%; padding: 30px 0 40px; background: url(../images/bottom-a-bg-b.png) no-repeat; }
  div.bottom-a div.map { display: inline; float: left; width: 165px; margin: 0 0 0 13px; padding-right: 27px; }
  div.bottom-a div.more { float: left; width: 325px; }
   div.bottom-a h4 { margin: 0 0 5px; color: #6e8e0e; font: 1.8em/1.1 Georgia,serif; }
    div.bottom-a a { color: #514b35; text-decoration: none; }
    div.bottom-a a:hover, div.bottom-a a:focus, div.bottom-a a:active { text-decoration: underline; }
   div.bottom-a p { margin: 10px 0; padding-bottom: 5px; background: url(../images/sep-a.gif) -3px 100% repeat-x; font-size: 1.2em; }

div.clear-a { clear: both; overflow: hidden; height: 1px; font-size: 0; line-height: 1px; }
 div.clear-a * { display: none; }

div.content-a { padding: 0 0px; font-size: 12px; }
#content-results { padding: 0 0px; width: 100%; overflow: hidden; }
#content-results #sr-main { float:left; margin-left: 20px; margin-top: 20px; width: 600px; }
#content-results #sr-sidebar { float:right; margin-right: 20px; margin-top: 20px; width: 304px; }


div.newsletter-a { overflow: hidden; width: 100%; height: 38px; padding: 1px 0 0; border-bottom: 1px solid #c4bda8; background: url(../images/newsletter-a-bg.png) no-repeat; }
 div.newsletter-a div.inner { float: right; }
  div.newsletter-a div.inner h3 { float: left; margin: 0; padding: 0; color: #779518; font-size: 1.4em; line-height: 38px; font-style: italic; font-weight: normal; font-family: Georgia,serif; text-shadow: #fff 0 1px 0; }
  div.newsletter-a div.inner p { display: inline; float: left; position: relative; height: 24px; margin: 7px 10px 0; font-size: 1.2em; }
   div.newsletter-a div.inner p label { display: none; color: #818181; }
   .js div.newsletter-a div.inner p label { display: block; position: absolute; left: 7px; top: 4px; }
   div.newsletter-a div.inner p span { float: left; width: 240px; height: 24px; padding: 0 5px 0 6px; background: url(../images/top-search-input-a.png) no-repeat; }
    div.newsletter-a div.inner p span input { width: 240px; padding: 5px 0 0; border: none; background: none; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
  
   div.newsletter-a div.inner p button { width: 69px; height: 24px; margin: 0 0 0 5px; padding: 0; border: none; background: url(../images/newsletter-a-button.png) no-repeat; font-size: 0; text-indent: -10001px; }
   div.newsletter-a div.inner p button:hover,
   div.newsletter-a div.inner p button:focus,
   div.newsletter-a div.inner p button:active { background-position: 0 -24px; }

   a#newsletter-link img { display: block; margin: 0 0 0 5px; padding: 0; border: none; text-indent: -10001px;}
   a#newsletter-link { display: block; height: 24px; overflow: hidden;}
   a#newsletter-link:hover img,
   a#newsletter-link:focus img, 
   a#newsletter-link:active img { margin-top: -24px; }
   

ul.nav-a { list-style: none; margin: 0 0 10px; padding: 0; }
 ul.nav-a li { padding: 5px 0; background: url(../images/sep-a.gif) -3px 100% repeat-x; font-size: 1.2em; }
  ul.nav-a li a { padding-left: 10px; background: url(../images/bullet-a.gif) 0 6px no-repeat;  }
  
a {
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	}
	

#social_buttons {
    background: url("http://eartheasy.com/social-buttons.gif") no-repeat scroll 0 0 transparent;
    height: 31px;
    overflow: hidden;
    text-align: center;
    width: 126px;
}

#social_buttons a {
    background: url("http://eartheasy.com/social-buttons.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 31px;
    overflow: hidden;
    padding: 0;
    width: 30px;
}	

div#content div.content-a #social_buttons a#facebook {
    background-position: 0 0px;
    margin: 0 18px 0 0;
}

div#content div.content-a #social_buttons a#facebook:hover {background-position: 0 -32px;}

div#content div.content-a #social_buttons a#twitter {
    background-position: 0 48px;
    margin: 0 18px 0 0;
}

div#content div.content-a #social_buttons a#twitter:hover {background-position: -48px -32px;}

div#content div.content-a #social_buttons a#youtube {
    background-position: 0 96px;
    margin: 0 0 0 0;
}

div#content div.content-a #social_buttons a#youtube:hover {background-position: -96px -32px;}

#social_buttons a span {
    margin-left: -10000px;
}

div#content div.content-a p#connect {
	font-family: Georgia, 'Times New Roman', Times, serif; 
	font-size:16px; color:#638918; 
	font-style:italic; 
	font-weight:bold;
	margin-top: 15px;
}

div#content div.content-a .st_sharethis_custom {
    background: url("http://eartheasy.com/sharethis.jpg") no-repeat scroll left top transparent;
    margin: -5px 0 10px 15px;
    padding:0 0 0 0;
    display:block;
    float: left;
   	height: 22px;
   	overflow: hidden;
   	padding: 0;
   	width: 123px;        
}

div#content div.content-a .st_sharethis_custom-2 {
    background: url("http://eartheasy.com/sharethis-2.gif") no-repeat scroll left top transparent;
    margin: -7px 0 10px 20px;
    padding:0 0 0 0;
    display:block;
    float: left;
   	height: 13px;
   	overflow: hidden;
   	padding: 0;
   	width: 124px;        
}

div#content div.content-a p.share_header {
	font-family: Georgia;
	font-size: 20px;
	color: #74953a;
	margin-bottom: 10px;
	margin-top: 25px;
}