/*
Theme Name: Wellsprings
Theme URI: http://www.serenityprogesterone.com/
Description:
Version: 1.0
Author: Alex Taylor & Brent McNish
Author URI: http://www.serenityprogesterone.com/

Wellsprings v1.0
http://www.serenityprogesterone.com/

*/

/* ###################################### COMMON ###################################### */

/*
a {text-decoration: none; color: #3F7299;}
a:link {text-decoration: none; color: #3F7299;}
a:visited {text-decoration: none; color: #3F7299;}
a:hover {text-decoration: underline; cursor: pointer; color: #3F7299;}
a:active {text-decoration: none; outline: none; color: #3F7299;}
*/

/* \*/
* html .gainlayout { height: 1%; }
/* */

/*
*
{
    margin: 0;
    padding: 0;
}
*/

html
{/* height: 100%; */}

body
{
    background-color: #FFFFFF;
    margin: 0px auto;
    padding: 0;
    text-align: center;
    color: #333333;
    font-size: 16px;
    line-height: 150%;
    font-family: verdana, sans-serif;
    width: 100%;
    letter-spacing: normal;
}

/*  This hides the automatic link preview panels that WP adds and which fuck up formatting  */
iframe.wp-embedded-content {display: none; height: 0;}

div
{
    background-color: transparent;
    position: static;
}

p
{
    margin-bottom: 5px;
    .margin-bottom: 12px;
}

#anna-desktop-header-menu {display: block}
#anna-mobile-header-menu {display: none}

#anna-desktop-sidebar {display: block}
#anna-mobile-sidebar {display: none}

.post_body img {
  width: 450px !important;
  height: auto !important;
  padding-bottom: 25px !important;
}

.post_body p
{ margin-bottom: 25px; }

img
{border: 0;}

#header
{height: 97px;}


.outer_header
{
    width: 100%;
    height: 169px;
    background-image: url('images/header_tile_bg.jpg');
    background-repeat: repeat-x;
    text-align: center;
    margin: 0px auto;
    position: relative;
}

/*
.outer_header_bottom
{
    width: 100%;
    height: 43px;
    background-image: url('images/wellsprings_common_header_tile_bg_bottom.jpg');
    background-repeat: repeat-x;
    text-align: center;
    margin: 0px auto;
}
*/

.outer_header_inside
{
    float: none;
    width: 976px;
    margin: 0px auto;
    position: relative;
}

#shadow_Container
{
    clear: both;
    width: 976px;
    height: 100%;
    text-align: left;
    margin: 0px auto;
    position: relative;
}

#wrapper
{
    float: none;
    width: 936px;
    height: 100%;
    text-align: left;
    margin: 0px 20px 0px 20px;
    background-color: #FFFFFF;
    position: relative;

}

.left_bg_stretcher
{
    float: left;
    text-align: right;
}

.right_bg_stretcher
{
    float: left;
    text-align: left;
}

.transparent
{
    background-color: transparent;
    background-image: inherit;
      background-repeat: inherit;
    background-position: inherit;
}


/* -------------------- Inner Blocks ------------------- */

#content
{
    float: left;
    width: 639px;
    height: 100%;
    background-color: #FFFFFF;
}
#content[class=condition]
{
    width: 881px;
    background-image: none;
}
#content[class=conditions_list]
{
    width: 881px;
    background-image: none;
}


#content[class=no_sidebar] h2
{
    font-size: 18px;
    /*background-image: url('images/dotted_border_tile.jpg');*/
    background-repeat: repeat-x;
    background-position: bottom;
}


#sidebar
{
    /*float: right;*/
    float: left;
    text-align: left;
    margin-left: 14px;
    padding: 0 23px 0px 15px;
    width: 202px;
    .margin-left: 10px; /* IE specific style */
    _margin-left: 0px; /* IE6 specific style */
    _float: right; /* IE6 specific style */
    _padding: 0;
}


/* ---------------- Headers ---------------- */
h1
{
    font-weight: normal;
    width: 100%;
    /*background-image: url('images/dotted_border_tile.jpg');*/
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 10px;
    padding-top: 0px;
    margin: 0 0 10px 0;
    font-size: 23px;
}

h2
{
    font-size: 23px;
    font-weight: normal;

    /*background-image: url('images/dotted_border_tile.jpg');*/
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 10px;
    padding-top: 0px;
    padding-left: 0;
    margin: 0;
    margin-bottom: 10px;
}

h2 a:hover
{
    text-decoration: none;
}

h3
{
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 3px;
}


/* ---------------- Archive ---------------- */


.archive
{
    float: left;
}

.archive_header
{
    height: 30px;;
    font-weight: normal;
    width: 100%;
    padding-bottom: 9px;
    padding-top: 0px;
    margin: 0 0 10px 0;
    font-size: 23px;
}


.archive_header a
{
    font-size: 14px;
}

.entry p
{
   /* margin-top: 3px; */
}

/* ---------------- Search ---------------- */

.search h3
{padding-top: 5px;}

.search h3 a
{
    font-weight: normal;
}

.search_box_container
{
    float: left;
    padding: 10px 0 0 12px;
    margin: 0;
    width: 580px;
    height: 85px;
    clear: both;
    .padding: 9px 0 1px 12px; /* IE style */
}

.search_box
{
    width: 572px;
    height: 24px;
    font-size: 18px;
    padding: 4px 0 0 4px;
    border: 0px solid #FFFFFF;
    /* border-style: none;
    border: none; */
    /* IE styles */
    .padding: 5px 0 0 4px;
    .width: 573px;
    .height: 25px;
    _width: 572px; /* IE6 Style */
}

/* ---------------- Variations ---------------- */
.blue
{color: #3F7299;}

.light_blue
{color: #4F7A95;}

.red
{color: #E94200;}
.red a
{color: #E94200;}

.dark_blue
{color: #2F5EA1;}
.dark_blue a
{color: #2F5EA1;}

.orange
{color: #FF620A;}
.orange a
{color: #FF620A;}

.light_orange
{color: #FF7219;}
.light_orange a
{color: #FF7219;}

.really_light_orange
{color: #FFAB26;}

.dark_grey
{color: #666666;}
.dark_grey a
{color: #666666;}

.darker_grey
{color: #5b5b5b;}
.darker_grey a
{color: #5b5b5b;}

.very_dark_grey
{color: #333333;}
.very_dark_grey a
{color: #333333;}

.maroon
{color:#A24724;}
.maroon a
{color:#A24724;}

.light_grey
{color: #999999;}
.light_grey a
{color: #999999;}

.squashed
{letter-spacing: -1px;}


.bold
{font-weight: bold;}

.normal
{font-weight: normal;}

.para_heading
{
    font-weight: bold;
    line-height: 170%;
}

.article-nav {
  font-weight: bold;
  height: 12px;
}

.archive-excerpt {
  padding-top: 5px;
}

.newsletter-ad {
  margin-top: 0px;
  clear: both;
  width: 300px;
  font-size: 20px;
  line-height: 130%;
  height: 237px;
}

.article-summary {
  padding-bottom: 0;
}
/* ---------------- Categories List ---------------- */

.categories_list
{
    padding: 0;
    margin: 0;
    font-size: 28px;
}

.categories_list a
{
  color: #2588b9 !important;
}

li.cat-item
{
    list-style-type: none;
    font-size: 20px;
    color: #999999;
    font-weight: normal;
    padding-bottom: 15px;
    letter-spacing: -1px;
    line-height: 95%;
}

.cat-item a
{color: #5b5b5b;}

/* NEW STYLES !!!!!!!! */
.list_link{
    font-size: 16px;
    font-weight: bold;
    line-height: 105%;
}


/* ---------------- Featured ---------------- */

#featured
{
    float: left;
    width: 100%;
    padding-right: 25px;
    padding-bottom: 20px;
}

#featured p
{
    margin-top: 3px;
    line-height: 150%;
}


/* ---------------- Article ---------------- */

.article
{
    float: left;
    width: 100%;
    line-height: 130%;
}

.article h1
{
    float: left;
    width: 470px;
    font-size: 32px;
    padding-bottom: 10px;
    line-height: 110%;
    background-image: none;
}

.article_footer
{
    color: #8D8D8D;
}

.article_footer_wrapper
{
    /*background-image: url('images/dotted_border_tile.jpg');*/
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 5px;
}

/* ---------------- Most Popular ---------------- */

#most_popular,
#most_popular_home
{
    float: right;
    width: 253px;
    padding-bottom: 20px;
}

#most_popular ul,
#most_popular_home ul,
#info_center_list ul
{
    margin: 0;
    padding: 0;
}

#most_popular li,
#most_popular_home li,
#info_center_list li
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-bottom: 13px;
}

#most_popular_home a
{
    font-size: 16px;
    font-weight: normal;
    line-height: 115%;
}

#most_popular a
{
    font-size: 16px;
    line-height: 115%;
    letter-spacing: -1px;
}


/* ---------------- Related ---------------- */

.related
{
    float: right;
    width: 152px;
    margin-left: 20px;
}
.related-mobile
{
  display: none;
}

.related li
{
    margin-top: 10px;
}

.related h2
{
    /*background-image: url('images/dotted_border_tile.jpg');*/
    background-repeat: repeat-x;
    background-position: bottom;
}

.related_post
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.related_post a
{
    font-size: 15px;
}

.post_body
{
    font-family: verdana !important;
    font-size: 16px !important;
    line-height: 150% !important;
}

.post_body span
{
    font-family: verdana !important;
}

.post_body p span[style]
{
    font-family: verdana !important;
}

.post_body p[style]
{
    /*line-height: 140%;
    padding-bottom: 20px;
    font-family: arial !important;*/
}

.post_body p a[style]
{
  font-family: verdana !important;
}

.post_body a[style]
{
  font-family: verdana !important;
}

.related ul
{
    margin: 0;
    padding: 0;
}

.related li
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

.related a
{
    font-size: 15px;
}

/* ------------------ Footer ----------------- */

#footer
{
    clear: both;
    font-size: 12px;
    color: #CCCCCC;
    padding: 0;
    margin: 0px auto;
    width: 970px;
}

#footer:after {
    content: "";
    display: block;
    clear: both;
}

#disclaimer
{
    clear:both;
    width: 900px;
    height: 50px;
    background-color: #EDEDED;
    padding: 20px 20px 10px 20px;
    margin: 0;
}

/* -------------------------------------------------- */
/* ------------ Serenity Section Styles ------------- */
/* -------------------------------------------------- */





/* ---------------- Wellsprings Home ------------ */

#serenity_left[class=wellsprings_home]
{
    width: 310px;
}

#serenity_middle[class=wellsprings_home]
{
    width: 310px;
}


/* ------------------------------------------------- */




#serenity_right h2
{
    padding-left: 3px;
}

#serenity_right div
{
    padding-left: 3px;
    font-size: 14px;
    padding-bottom: 8px;
}

/* ---------- Lists ---------- */

#list
{
    margin-bottom: 10px;
    clear: both;

}

#list div
{
    padding-bottom: 7px;
    padding-left: 2px;
    font-size: 14px;
}

#list .more_links
{
    font-size: 90%;
}

#list h3
{
    padding-left: 2px;
    line-height: 110%;
}

#list_heading
{
    font-size: 21px;
}

#list_heading[class=light_orange]
{
    background-image: url('images/pages/serenity_rule_orange.jpg');

}
#list_heading[class=red]
{
    background-image: url('images/pages/serenity_rule_red.jpg');

}
#list_heading[class=blue]
{
    background-image: url('images/pages/serenity_rule_blue.jpg');
}
#list_heading[class=dark_blue]
{
    background-image: url('images/pages/serenity_rule_dark_blue.jpg');
}
#list_heading[class=dark_grey]
{
    background-image: url('images/pages/serenity_rule_grey.jpg');
}
#list_heading[class=maroon]
{
    background-image: url('images/pages/serenity_rule_maroon.jpg');
}


.dotted_underline
{
    background-image: url('images/pages/dotted_line_transp_bg.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 5px;
    margin-bottom: 5px;
}


#main_text
{
    line-height: 140% !important;
}

#main_text a
{
    color: #3F7299;
}


.wellsprings_home .info_center_list_item
{
   /* clear: both;
    padding-left: 0;
    background-image: url('images/pages/link_arrow_grey.jpg');
    background-repeat: no-repeat;
    background-position: left;
    */
}

.info_center_list_item
{
    padding-left: 0;
    padding-bottom: 10px;
}

#most_popular .info_center_list_item
{
    width: 190px;

}

#most_popular_home_page .info_center_list_item
{
    width: 190px;
}

#related .info_center_list_item
{

}

#sidebar .info_center_list_item div
{
    width: 190px;

}

.wellsprings_home .info_center_list_item div
{
   width: 290px;
   padding-left: 0;
/*float: left;
        padding-left: 10px;
   */
}

.store_selection_link
{
    color: #0053AB;
    font-size: 17px;
    padding-bottom: 0px;
    line-height: 26px;
    width: 170px;
    clear: both;
}


.stat_figure
{
    font-size: 30px;
    font-style: normal;
    margin-bottom: 0px;
    padding-top: 10px;
    line-height: 110%;
}

.stat_text
{
    margin-top: 0px;
    font-size: 14px;
    font-style: normal;
    padding-bottom: 7px;
}


#serenity_fact_box
{
    padding: 5px 10px 15px 10px;
    width: 128px;
    border-left: 2px solid #F7E2E2;
    border-right: 2px solid #F7E2E2;
    font-size: 13px;
    background-color: #FFE9E9;
    line-height: 140%;
}


#serenity_fact_box .title
{
    background-image: url('images/pages/dotted_line_transp_bg.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 110%;
}

.pages_middle_column
{
padding-left: 0;
        margin-left: -7px;
        padding-top: 27px;
}


/* ******************* NEW ********************* */
#serenity_overview_header
{
  color: #FF701A;
  padding: 30px 0px 30px 30px;
  width: 845px;
  float: right;
}
#serenity_overview_header a
{
  color: #CF351A;
}
#serenity_overview_header div
{
    float: right;
    padding: 0 15px 0 15px;
}

#main_text_new
{
    line-height: 150% !important;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding-left: 0px;
    margin-left: 20px;
    color: #888888;
    border-right: 1px solid #DDDDDD;
    width: 594px;
    padding-right: 0px;
    clear: both;
}

.serenity_usage
{
    margin-top: 0px;

    /* IE specific style */
    .margin-top: 90px;
}

.serenity_testimonials
{
    margin-top: 300px;

    /* IE specific style */
    .margin-top: 370px;

}

.serenity_faq
{
    margin-top: 0px;

    /* IE specific style */
    .margin-top: 90px;
}

.serenity_overview
{
    margin-top: 0px;

    /* IE specific style */
    .margin-top: 20px;
}

.serenity_details
{
    margin-top: 0px;

    /* IE specific style */
    .margin-top: 20px;
}


#main_text_new a
{
    color: #3F7299;
}

#main_text_new .left
{
    margin-left: 0px;
    clear: both;
}

#main_text_new .right
{
    margin-right: 30px;
    clear: both;
}

#main_text_new .middle
{
    margin-right: 30px;
    margin-left: 0px;
}

#main_text_new .did_you_know
{
    width: 240px;
    padding: 20px;
    background-color: #FDF4F2;
}

#main_text_new .para_header
{
    font-family: 'times new roman';
    font-size: 20px;
    line-height: 140% !important;
}

.serenity_overview .para_header
{
    color: #B04F47;
}
.serenity_details .para_header
{
    color: #F2663D;
}
.serenity_usage .para_header
{
    color: #A75231;
}
.serenity_faq .para_header
{
    color: #A75231;
}

.rh_quote
{
    font-style: italic;
    font-family: 'times new roman';
    /* Cant put font-size in this style for some reason - has to be inline */
}

.rh_quote span
{

}



.usage_section_heading,
.usage_section_heading a
{
    text-decoration: none;
    color: #CF351A;
    cursor: default;
    font-size: 110%;
    line-height: 120%;
}

.usage_section a
{
    text-decoration: none;
    color: #CF351A;
    cursor: default;
    font-size: 110%;
    line-height: 120%;
}

#top_menu a
{
    display: block;
    float: left;
    clear: left;
}

.wp_featured p
{
    margin: 0;
    padding: 0;
}

/* ------- Splash pages ---------- */
.menopause-symptoms-1
{
    background-color: #FFFFFF;
  background-image: url('images/pages/splash/splash_1_grmp.jpg') !important;
      background-repeat: no-repeat;
    background-position: top;
}

.ie_only_spacing
{
   height: 0px;
   .height: 13px;
}

.paging
{
    text-align: center;
    width: 100%;
    margin: auto;
}
.paging a
{
    font-weight: bold;
    padding: 5px;
    margin: 1px;
    border: 1px solid #CCCCCC;
    .display: inline-block;
}

.current
{
    background: #DDDDDD;
}



strong {
    font-weight: bold;
}

em {
    font-style:italic;
}

.anna_blog_header_bg{
    margin-bottom: 20px;
    width: 100%;
    min-height: 177px;
    text-align: left;
    background-image: url('images/anna_blog_header_bg.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: white;
    margin: 0px auto 15px auto;
    border: 0px solid red;
}

.anna_blog_header{
    margin: 0px auto;
    width: 970px;
    height: 177px;
    text-align: center;
    /*background-image: url('images/anna_blog_header.jpg');*/
}

.post-date{
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    padding-top: 2px;
    float: left;
    margin-bottom: 12px;
}

.post_body {
  font-family: verdana, sans-serif !important;
  color: #333333 !important;
  font-size: 16px !important;
  line-height: 150% !important;
  letter-spacing: normal !important;
}