/*   
Theme Name: Heidi Ho Organics
Theme URI: 
Description: Child Theme for Chameleon
Author: Paula Austin
Author URI: http://www.paulaaustindesigns.com/
Template: Chameleon
Version: 1.0
*/

/* Apply default theme styles and colors */
@import url('../Chameleon/style.css');
/* IE6 styles */
@import url('../Chameleon/css/ie6style.css');
/* IE7 styles */
@import url('../Chameleon/css/ie7style.css');

/* IE8 styles */
@import url('../Chameleon/css/ie8style.css');

@font-face {
    font-family: 'QuicksandLight';
    src: url('fonts/Quicksand_Light-webfont.eot');
    src: url('fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quicksand_Light-webfont.woff') format('woff'),
         url('fonts/Quicksand_Light-webfont.ttf') format('truetype'),
         url('fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuicksandBold';
    src: url('fonts/Quicksand_Bold-webfont.eot');
    src: url('fonts/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quicksand_Bold-webfont.woff') format('woff'),
         url('fonts/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('fonts/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DancingScriptOTRegular';
    src: url('fonts/DancingScript-Regular-webfont.eot');
    src: url('fonts/DancingScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DancingScript-Regular-webfont.woff') format('woff'),
         url('fonts/DancingScript-Regular-webfont.ttf') format('truetype'),
         url('fonts/DancingScript-Regular-webfont.svg#DancingScriptOTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; padding-top: 100px; padding-bottom: 50px; color: #666; }
#bite { position: fixed; top: 0; right: 0; z-index: 100;}
.nivo-caption { z-index: -20; }
h1, h2, h3, h4, h5, h6 { letter-spacing: normal; }
a { color: #9AC04F; }
h2.title { font-family: Georgia; font-size: 20px; padding-bottom: 0; }
h2.title a, h2.title a:hover { color: #9AC04F; font-size: 14px; text-transform: uppercase;}
h2.title a:hover { text-decoration: underline; }
#header { padding: 15px 35px 3px; }
#et-social-icons { float: right; padding-top: 2px; padding-right: 170px;}
ul#top-menu { float: right; padding-top: 90px; }
ul#top-menu li { padding: 0 12px; }
ul#top-menu a { color: #414141; font-family: 'QuicksandLight', Arial,sans-serif; font-weight: 500; font-size: 14px; }
ul#top-menu a:hover { color: #9ac04f; }
ul#top-menu li.current_page_item a, ul#top-menu li.current-menu-item a { color: #9ac04f !important; font-weight: bold; text-transform: uppercase; }
ul#top-menu a:hover, ul#top-menu > li.sfHover > a { color: #9ac04f !important;}
ul#top-menu > li.current_page_item > a, ul#top-menu > li.current-menu-item > a { color: #9ac04f !important; }
.featured-description { display: none; background: none; }
#breadcrumbs { font-family: 'QuicksandLight', Arial,sans-serif; font-size: 13px; padding-left: 40px; font-size: 15px; font-weight: bold; color: #9ac04f; }
#content { padding: 10px 36px 40px 10px; } 
#content-area { padding: 45px 48px 10px; }
#services { margin-bottom: 5px; }
#category-name { text-align: left; padding-top: 0; }
#category-name .MJ { background: url(images/title-bgMJ.png) repeat-x top left; }
#category-inner .MJ { background: url(images/title-bgMJ.png) repeat-x top left; padding-bottom: 28px; }
#category-name .SG { background: url(images/title-bgSG.png) repeat-x top left; }
#category-inner .SG { background: url(images/title-bgSG.png) repeat-x top left; padding-bottom: 28px; }
#category-name .CC { background: url(images/title-bgCC.png) repeat-x top left; }
#category-inner .CC { background: url(images/title-bgCC.png) repeat-x top left; padding-bottom: 28px; }
#category-name .FC { background: url(images/title-bgFC.png) repeat-x top left; }
#category-inner .FC { background: url(images/title-bgFC.png) repeat-x top left; padding-bottom: 28px; }
#category-name p { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1.category-title { font-size: 25px; font-family: Georgia, "Times New Roman", Times, serif; color: #666666; letter-spacing: 1px; } 
#category-inner { padding: 15px 0 5px 12px; }
.post p.meta-info, #search-form, p.et_pt_blogmeta, #category-name p { display: none; }
/*p.description { display: none; }*/
p.description a { color: #9AC04F; }
.testimonial { font-family: 'DancingScriptOTRegular', Times, serif; font-size: 22px; line-height: 30px; margin-left: 60px; color: #663300; }
.post { padding: 10px 0 0 0; }
.price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; color: #666666; padding-bottom 2px;  }
.ingred { font-size: 10px; line-height: 17px; padding-top: 15px; }
#comment-wrap { margin-top: 0; padding: 40px 50px 0 0; border-top: 1px #CCC dashed; }
#left-area { width: 570px; padding: 20px 0px 0px 38px;}
/*a.read-more { display: none; text-transform: lowercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #EEEEEE; }*/
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
	background-color:none;
    text-decoration:none;
}
a.info:hover{z-index:25; background-color:none}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-4em; 
	left:7em; 
	width:18em;
    border:1px solid #ccc;
    background-color:#9AC04F; 
	color:#333;
    text-align: center;
	font-size: 12px;
	line-height: 16px;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.post ol { list-style-position: outside; }
.post ol li { margin-bottom: 17px; }
#sidebar { padding-top: 10px; }
.widget { width: 270px; }
.widget h3.title { color: #673f2d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; text-align: center; }
.widget p { font-size: 12px; line-height: 19px; text-align: center; }
.transparent_widget .uiBoxLightblue { background-color: rgba(165, 175, 200, .6);}
#uit0r5_1 { background-color: #FFF; }
.fbDarkWidget .fbConnectWidgetHeaderTitle {background-color: #333; border: none; color: #666666;}
#footer { border-top: none; }
#footer-widgets { padding: 15px 30px 0px; }
#footer h4.widgettitle { color: #a1b757; }
#footer-content { /*background-color: #673F2D;*/ margin-top: 0px; border-top: 3px dotted #c8d6a0; }
.footer-widget p { text-shadow: none; }
p#copyright { text-shadow: none; padding-right: 20px; }
.credits {margin: 17px auto; width: 960px; padding-right: 40px; text-align: right; color: #666; font-size: 10px;}
.connect_widget { background-color: #FFF; }

ul.products li.product a img {
  box-shadow: 0 !important;
  -webkit-box-shadow: 0 !important;
  -moz-box-shadow: 0 !important;
  -webkit-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

.fullwidth #left-area { width: 95%; }

.ingr { line-height: 16px; }

.contact-image {
  padding: 5px; 
  border: 1px solid #efefef; 
  box-shadow: 1px 1px 5px #999999;
}

.retailers { margin-left:auto; margin-right:auto; width:50%; }

.et_pt_blogentry a.readmore {
  background-image: url(http://www.heidihoveganics.com/wp-content/themes/Chameleon/epanel/page_templates/images/blog-readmore.png) !important;
  background-position-x: 100% !important;
  background-position-y: 100% !important;
  background-size: initial !important;
  background-repeat-x: no-repeat !important;
  background-repeat-y: no-repeat !important;
  background-attachment: initial !important;
  background-origin: initial !important;
  background-clip: initial !important;
  background-color: initial !important;
}

h2.et_pt_title a { color: #673f2d !important; }
h5 a { color: #9AC04F; }

.widget ul li {
  background-image: none;
  background-position-x: 0px;
  background-position-y: 0px;
  background-size: initial;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.et-shadow .et-box-content { padding-left: 23px !important; }

.more-cheeze { display: block; text-align: center; }

#address_search { width: 60%; }
#map { width: 55%; float: left; }
#map_sidebar { width: 40%; float: right; }
.text_below_map { display: none; }
/*form#searchForm LABEL { text-align: left !important; width: 15% !important; }
form#searchForm div#addy_in_radius { width: 30% !important; }
form#searchForm div#addy_in_radius LABEL { width: 15%; }*/