/**
 * Theme Name: PA Artezen Amiable 2.1
 * Theme URI: http://crowdfavorite.com/wordpress/themes/favebusiness/
 * Description: Custom Artezan and Amiable Theme
 * Version: 2.1
 * Template: favebusiness
 * Author: Crowd Favorite
 * Author URI: http://crowdfavorite.com/
 *
 * @package favebusiness
 *
 * This file is part of the FaveBusiness Theme for WordPress
 * http://crowdfavorite.com/wordpress/themes/favebusiness/
 *
 * Copyright (c) 2008-2012 Crowd Favorite, Ltd. All rights reserved.
 * http://crowdfavorite.com
 *
 * Released under the GPL license
 * http://www.opensource.org/licenses/gpl-license.php
 *
 * **********************************************************************
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * **********************************************************************
 *
 *
 */
 
@import url(http://fonts.googleapis.com/css?family=EB+Garamond|Open+Sans:400,600);

/* Background Image */

html {
background:transparent;
}
 
body {
background:url('assets/img/product-page-bg.jpg') center top no-repeat white;
border:none;
border-radius:0;
width:1006px;
margin:0 auto;
}

#page-wrapper {
-moz-box-shadow: 3px 2px 21px 3px rgba(34,31,31,0.61);
-webkit-box-shadow: 3px 2px 21px 3px rgba(34,31,31,0.61);
box-shadow: 3px 2px 21px 3px rgba(34,31,31,0.61);
background-color: white;
}

#header {
	/*margin-top: 8px; */
	background: url(assets/img/purple-header.gif) center top no-repeat; /*enter the proper file name for you logo graphic*/
	height: 130px; /*enter the height of your logo graphic*/
	width: 1006px;
	margin: 0 auto;
}
#header .str-container {
	padding-top: 29px;
}


/* positions search above logo/banner graphic */
#header .searchform {
	top: 30px;
	right: 31px;
}

#header .searchform label{
	display: none;
}

/* replace the site title with a full width logo/banner graphic */
#header .site-title {
	background: url(assets/img/pa-logo.png) 0 0 no-repeat; /*enter the proper file name for you logo graphic*/
	height: 67px; /*enter the height of your logo graphic*/
	width: 325px;
	/*width: 100%; /*= 992px => 1010px, the full width of the content area*/
	text-indent: -999em; /*hides the site title text*/
	display: block;
	/*margin: 0 0 12px 0;*/
	margin: 0 0 0 31px;  /*reworked to leave left and right outer margins at 31px */
}


/* Style corner shadow under main nav (AMI)*/

div.corner-shadow {
background-image: url('assets/img/corner-shadow.png');
position: absolute;
top:138px;
right:-8px;
height:21px;
width:9px;
z-index:-2;
}

/* Main Nav Styling */

nav.nav-main, nav.nav-featured {
background-image: url('assets/img/green-nav-bar.gif');
/*padding: 8px 0 7px 0;*/
padding-bottom:8px;
/*width:332px; fix for IE breaking dynamic menus */
height:28px;
font-size: 1em;
line-height: 20px;
position: absolute;
right: -9px;
top: 103px;
}

nav.nav-main a {
padding: 8px;
float: left;
display:inline;
color: white;
font-family: 'Open Sans', Trebuchet, Tahoma, Arial, sans-serif;
}

nav.nav-main a:hover {
background-image: url('assets/img/green-nav-rollover.gif');
padding: 8px 25px 8px;
color: white;
}

nav.nav-main > ul > li > a, nav.nav-featured > ul > li > a {
padding: 8px 25px;
float: left;
}

nav.nav-main > ul > li:last-child a{
background-image: url('assets/img/orange-nav-bar.gif');
padding: 8px 45px 8px 25px;
display:inline;
}

nav.nav-main > ul > li:last-child a:hover{
background-color: #f58630;
background-image: none;
}

nav.nav-main ul > li {
margin-right: 0;
display:block;
float: left;
max-width:none;
}

/* custom breadcrumb styling JQueryBreadCrumbAink */
.breadcrumbs {
color: #898989;
font-family: 'Open Sans', Trebuchet, Tahoma, Arial, sans-serif;
font-size: 12px;
margin: -20px 0 43px 14px;
}

.breadcrumbs a{
color: #898989;
}

#masthead .breadcrumbs{
padding-top:10px;
padding-bottom:35px;
margin: 0;
}

/* custom homepage styling */
/* banner styling */ /* class: .home-hero-copy, .home-hero (img), .home-hero-cta (buttons)*/
.cfct-module.home-hero, .cfct-module.home-hero-copy {
overflow: visible;
}

.cfct-module.home-hero img.cfct-mod-image {
float: left;
border-width: 0;
margin-bottom: 0;
margin: -12px 0 0 -52px;
position: relative;
background-color: transparent;
}

.cfct-module-hero {
background-color: transparent;
background: none;
border-bottom:none;
}

.home-hero-copy .cfct-module-hero-image {
margin: 8px 0 0 58px;
}


.cfct-module img.cfct-image-center {
margin: 14px 0px 0px 113px;
}

/* pa callouts */
.callout-triad{
padding: 6px 22px;
}

.callout-triad p{
font-size: 14px;
}

.callout-triad h2, .callout-triad h2 a, .callout-triad h2 a:hover, .callout-triad h2 a:visited{
font-size: 22px;
color: #479b3f;
}

/* centered block elements */
.center {
text-align: center;
}

.shaded {
background-color: #ededed;
}

.center h3 {
padding: 0px 20px;
margin-bottom:24px;
}

.banner-block h2.cfct-mod-title {
background-image: url('assets/img/hp-blue-bar-mid.gif'); 
font-family: 'EB Garamond', Garamond, ‘Hoefler Text’, ‘Times New Roman’, Times, serif;
text-shadow: none;
color: white;
border-bottom: none;
font-size: 36px;
font-weight: 400;
height: 45px;
padding-top: 4px;
padding-bottom: 10px;
margin-top:54px;
}

/* footer styling */
#footer {
	background: url(assets/img/footer-purple-bar.gif) center bottom no-repeat; /*enter the proper file name for you logo graphic*/
	height: 399px; /*enter the height of your logo graphic*/
	width: 1006px;
	margin: 0 auto;
}

div#footer-content {
border-style: none;
}

#footer .str-content {
background-color: transparent;
background: url(assets/img/footer-bar.png) center top no-repeat;
border-style: none;
position: relative;
bottom: 4px;
color: white;
font-family: 'Open Sans', Trebuchet, Tahoma, Arial, sans-serif;
}

#footer .str-container ul {
list-style-type: none;
margin: 0;
}

#footer .str-container ul li{
list-style-type: none;
margin: 2px 0 0 0;
}

.widget.style-f .widget-title {
font-size: 1.077em;  /* 14px */
font-family: 'Open Sans', Trebuchet, Tahoma, Arial, sans-serif;
font-weight: 600;
letter-spacing: 0;
color: white;
text-transform:none; /* override UPPERCASE styling in box.css:452 */
margin: 14px 0 12px 0;
}

.widget.style-f a {
font-weight: 400; /* override bold font weight for footer menu text box.css:476 */
font-size: 12px;
text-shadow: none;
}

#footer .c6-56 {
background-color: white;
border-radius: 10px;
border: 1px solid rgba(103,109,120,1.0);
width: 294px; /* account for extra 2px from border */
margin-top: 30px;
}

#footer .c6-56 .widget.style-f .widget-title {
color: black;
margin:0;
padding: 0 16px;
text-shadow: none;
border-bottom: none;
}

.sidebox form{
color: black;
margin:0;
padding: 0;
text-shadow: none;
border-bottom: none;
}

#footer-sub {
padding: 0;
background: url("assets/img/disclaimer-line-bg.png") 30px 35px no-repeat;
margin: 16px 0 0; 
}

#footer #disclaimer {
margin: 25px 111px;
}

#footer #disclaimer p{
color: white;
font-family: 'Open Sans', Trebuchet, Tahoma, Arial, sans-serif;
font-size: 9px;
border: 1px white solid;
padding: 7px 10px 12px 7px;
line-height: 12px;
border-radius: 10px;
background-color: rgba(55, 78, 124, 1.0);
}

#footer #copyright p{
text-align: center;
color: white;
margin-top: 20px;
}

/* GRID - Mel/Hope (AMI) */
/* grid.css in assets/css/ contains most of the Mel/Hope grid styling.
Here's the rest of the changes, taken from where noted. */
.str-container {   /*structure.css:28*/
width:1006px;   /*992px;*/
}

#main-content{	/*structure.css:427*/
border:none;
border-radius:0;
}

.front-page {
background: url('assets/img/homepage-cloud-bg.png') 0 12px no-repeat;
}

#main-content .str-content { /*structure.css:437*/
border:none;
border-radius:0;
background-color: transparent;
}

.str-content { 	/*structure.css:34*/
padding:17px; 	/*15px - This adds to the 14px of the outer columns to give the 31px outer margins*/
}

#masthead {	/*structure.css:340*/
padding:0;
margin: 0 14px;
width: auto;
background: none;
border-bottom: solid 2px #999;
border-bottom-style: ridge;
}

#masthead h1 {
padding: 0; /*structure.css:356*/
}

#masthead h1.page-title-b {
padding: 20px 0 10px 0; /*structure.css:369*/
}

/* FONTS - Artezen */
/* Taken from pa-artezen-amiable-1.1 */
body, textarea{
font-family: 'Open Sans', Trebuchet, Tahoma, Arial, sans-serif;
font-size: 81.3%;	/*13px base*/
color: #555;
}

#header #contact-link{
color: white;
font-size: 81.3%;	/*13px base*/
position: absolute;
top: 57px;
right: 35px;
}

#header #fb-link{
position: absolute;
top: 33px;
right: 238px;
}

#header #twitter-link{
position: absolute;
top: 33px;
right: 219px;
}

 h2, h3, h4, h5, h6, strong{
 font-family: 'Open Sans', Trebuchet, Tahoma, Arial, sans-serif;
 }
 
 h1, #masthead h1 {
 font-family: 'EB Garamond', Garamond, ‘Hoefler Text’, ‘Times New Roman’, Times, serif;
 font-size: 2.462em;	/*32px*/
 text-shadow: 2px 1px 3px rgba(34,31,31,.25);
 padding-bottom: 10px;
 }
 
 h1.cfct-mod-title{
 border-bottom: solid 2px #999;
 border-bottom-style: ridge;
 margin-top: -8px;
 }
 
 h2, h3, h4, h5, strong {
 font-weight: 600;
 }
 
 h2 {
 font-size: 1.538em;	/*20px*/
 }
 
 h2.accent , h3.accent, .accent h2, .accent h3{
 color: #479b3f; /*green*/
 }
 
 .entry .entry-header h2.entry-title{
 font-family: 'Open Sans', Trebuchet, Tahoma, Arial, sans-serif;
 font-weight: 600;
 font-size: 1.538em;	/*20px*/
 }
 
 .accent strong {
 font-size: 1.231em; /*16px*/
 color: #374e7c; /*navy*/
 }
 
 .block h2, h2.block{
 color:white;
 background-color: #6db942; /*green*/
 padding:12px;
 text-align:center;
 }
 
 h2.block{
 margin-bottom: 16px;
 }
 
 h3 {
 font-size: 1.231em;	/*16px*/
 }
 
 h4 {
 font-size: 1.077em;	/*14px*/
 font-weight:600;
 }
 
.sidebox h2{ /*h4 styling*/
font-size: 1.077em;	/*14px*/
font-weight:600;
}
 
/* bump all font sizes down for jquery ui tabs */
#tabs h2 {
color: inherit;
font-size: 1em; /*13px*/
}
 
#tabs h3 {
color: inherit;
font-size: 1em;	/*13px*/
}
 
sup { 
vertical-align: super;
font-size: 0.83em;
}

.entry .entry-content .cfct-mod-content blockquote  {
margin-top: 16px;
margin-bottom: 16px;
margin-left: 0;
padding-left: 14px;
border-left: #374e7c solid 2px; /*navy*/
color: #374e7c;
}

.entry .entry-content .cfct-mod-content blockquote.accent {
font-size: 2em;
font-style: normal;
line-height: 1.2em;
font-family: 'EB Garamond', Garamond, ‘Hoefler Text’, ‘Times New Roman’, Times, serif;
}
 
.entry-content a, .entry-content a:visited {
color: #e76a0b;	/* make links orange*/
}

.cfct-pullquote{
background-color:transparent;
margin:-5px 0 28px 0;
}

.cfct-pullquote p{
margin-bottom: 0;
font-size:26px;
line-height:36px;
color: #479b3f; /*green*/
font-style: normal;
font-family: 'EB Garamond', Garamond, ‘Hoefler Text’, ‘Times New Roman’, Times, serif;
}
 
.cfct-pullquote cite {
margin-top: 8px;
font-style: italic;
float: right;
font-size: 13px/16px;
font-weight: 400;
 }
 
 .entry .entry-content blockquote cite, .reply .reply-content blockquote cite {
color: #555;
font: inherit;
}

.entry .entry-content blockquote cite a, .reply .reply-content blockquote cite a {
color: #555;
font: inherit;
}

 .cfct-module.cfct-pullquote blockquote.cfct-mod-content {
margin: 0;
}

.cfct-module.style-b, .cfct-module.style-c, .cfct-module.style-d, .cfct-module-image img.cfct-mod-image, .cfct-notice, .cfct-pullquote {
    border-radius: 0;  /*eliminate border-radius cutting off square image corners */
}

.float-box, .sidebox {
    /*width: 262px; /*subtract 2 for border and 32 for padding from 296*/
    border: 1px solid rgba(170, 170, 170, 1.0);
    border-radius: 10px;
    padding: 16px 15px 16px 16px;
    margin-bottom: 28px;
}

.sidebox {
margin-bottom:28px;
}

.float-box.right  {
float: right;
margin-left: 28px;
}

.float-box.left {
float: left;
margin-right: 28px;
}

.float-box p{
margin: -4px 0 12px 0;
}

.widget_nav_menu {
margin-bottom: -10px;
}

.sidebox ul li, .sidebox ul li a, .sidebox ul li a:visited{
color: #374e7c; /*navy*/
}

ul.double li {
margin-top: 8px;
}

#mc_embed_signup input {
display:inline;
float:left;
margin: 10px 2px 10px 16px;
width:175px;
}

.sidebox #mc_embed_signup input {
margin-left: 0;
margin-bottom: 0;
}

#mc_embed_signup input#mc-embedded-subscribe{
float:left;
margin: 9px 16px 10px 0;
width:auto;
}

aside {	/*fix hidden bug in chrome for newsletter tooltips */
overflow:visible; /*um, that didn't really fix it...*/
}

.aside-large {
float: left;   /* default float is left. use "alignright" class in same elemetn to override */
color: #374e7c;
font: 600 1.538em 'Open Sans', Trebuchet, Tahoma, Arial, sans-serif;
width: 215px;
border-top: 1px solid #374e7c;
border-bottom: 1px solid #374e7c;
margin-top: 14px;
padding: 20px 0;
}

.aside-small {
float: left;   /* default float is left. use "alignright" class in same elemetn to override */
color: #374e7c;
font: 600 1.1em 'Open Sans', Trebuchet, Tahoma, Arial, sans-serif;
width: 215px;
border-top: 1px solid #374e7c;
border-bottom: 1px solid #374e7c;
margin-top: 14px;
padding: 20px 0 14px;
}

.aside cite {
color: inherit;
font-style: italic;
text-align: right;
font-size: 12px;
font-weight: 400;
}

.aside em {
font-style:normal;
}

.alignright{
float:right;
margin-bottom: 14px;
margin-left: 28px;
}

.alignleft{
float:left;
margin-right: 28px;
margin-bottom: 14px;
}

.image-divider{ 
padding: 20px 0 20px 0;
}

.social-chicklets {
margin-top:-4px;
margin-bottom:20px;
}

.cfct-module.cfct-module-image {
padding-bottom: 0;
margin-bottom: 28px;
}

.cfct-module-image img.cfct-mod-image { /*remove borders from images */
background-color: transparent;
border-color: transparent;
border-style: none;
}

.cfct-rich-text.accent p{ /*bump down 1-5 blocks in hp rich text accent blocks*/
margin-bottom:15px;
}

.c4-1234 .cfct-module-hero { /*center probiotic chart */
margin-left: -30px;
width: 1006px;
}

sub, sup { 
	font-size: 75%;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}
sup { 
	top: -0.5em; 
}
sub { 
	bottom: -0.25em; 
}