/* ------------------------
	iVillage Article Styles
-------------------------*/

.article-partner{
    float: left;
    width: 669px;
    margin-left: -15px;
    margin-top: -15px;
}

.article-partner .top-link{
    background: #ffff00;
    text-align: center;
}

.article-partner .logo{
    text-align: right;
}

.article-partner .logo a{
    float: right;
}

.article-partner .logo-text{
    padding-top: 8px;
    padding-right: 2px;
}

.is-sponsored .col-636-300-wrap .content-main {
	padding-top: 15px !important;
}

.more-from-bar{
	background-color: #ffff00;
	text-align: center;
	padding: 3px 0px;
        margin: -15px 0 5px -15px;
	top: 0px;
	left: 0px;
	width: 668px;
}

.pagination-top{
	margin-bottom: 15px;
}

.article-content h1 {
    font: italic normal bold 1.833em/1 Georgia, serif;
    #padding-bottom: 5px;
}

.article-content h1.partner,
.summary p.partner {
    width:425px;
}

.article-content h2{
	font: bold italic 1.833em/1 Georgia, serif;
	line-height: 110%;
	margin-bottom: 5px;
}

.summary p{
	/* color: #666; BAD: this doesn't look good in pages such as /beauty-style 'blogroll' (some teasers are #000 and #666) [#9061] */
	/* line-height:1em; BAD: this doesn't look good in pages such as /beauty-style 'blogroll' [#9061] */
	margin:0 0 14px 0;
}

.article-meta p{
	float: left;
	display: inline;
	text-transform: uppercase;
	font-size: 0.833em;
	color: #666;
	margin-right: 15px;
}

.article-content .title-sponsor-wrap {
    padding-top: 0px;
    margin-bottom: 0px;
}

.article-content .share-wrap .user-ctrls {
	float: right;
	margin-top: -10px;
}

.article-content .media-wrap{
    margin-bottom: 0px;
}

.article-content .small-media-wrap {
    width   :  300px;
    float   :  left;
    margin  :  14px 18px 0 0;  /* push to the right for bullet points which were showing under the image */
    padding-right: 1px;
    
}

.article-content .main-img-wrap {
	background     :  url(/public/images/decorations/bg-diagonal-1.png);
	text-align     :  center;
	margin-bottom  :  8px;
        position       :  relative;
}

  .article-content .main-img-wrap .lnk_related_photo {
    position          :  absolute;
    bottom            :  0;
    right             :  0;
    display           :  block;
    background-color  :  none;
    background        :  url(/public/images/buttons/components/article_tools/btn_see_related_photos.png) top left no-repeat !important;
    background        :  url(/public/images/buttons/components/article_tools/btn_see_related_photos.gif) top left no-repeat;
    text-indent       :  -9999px;
    width             :  147px;
    height            :  28px;
  }
  * html .article-content .media-wrap .lnk_related_photo {
    bottom       :  53px;
    right        :  14px;
  }

.mod_you_would_like {
  float                  :  right;
  margin                 :  22px -10px 16px 12px;
  width                  :  298px;
  padding                :  0;
  border-left            :  #ccc 1px solid;
  border-right           :  #ccc 1px solid;
  position               :  relative;
  clear                  :  right;
}
  .mod_you_would_like .mod-ll {
    padding-bottom  :  0;
    margin          :  -6px -1px -10px -1px;
  }
  .mod_you_would_like .top,
  .mod_related_discussions .top {
    background  :  url("/public/images/decorations/bg-media-wrap-300-top.png") no-repeat scroll 0 0;
    position    :  absolute;
    top         :  -4px;
    left        :  -1px;
    display     :  block;
    width       :  300px;
    height      :  4px;
  }
  .mod_you_would_like .bottom,
  .mod_related_discussions .bottom {
    background  :  url("/public/images/decorations/bg-media-wrap-300-btm.png") no-repeat scroll 0 100%;
    position    :  absolute;
    bottom      :  -4px;
    left        :  -1px;
    display     :  block;
    width       :  300px;
    height      :  4px;
  }
  .mod_you_would_like .sub-title {
    position        :  absolute;
    top             :  -12px;
    margin-left     :  48px;
    text-align      :  center;
    background      :  #fff url(/public/images/titles/articles/ywal_hdr.png) top center no-repeat;
    display         :  inline-block;
    text-transform  :  uppercase;
    font-weight     :  bold;
    color           :  #999;
    width           :  182px;
    height          :  16px;
    text-indent     :  -9999px;
  }
    .mod_you_would_like .content {
      padding  :  8px 0 8px 0;
      margin   :  6px 7px 4px 7px;
    }
      .mod_you_would_like .channel_category {
        font-weight     :  normal;
        font-size       :  10px;
        text-transform  :  uppercase;
        color           :  #FF2A00;
      }
      .mod_you_would_like .thumbnail {
        margin-top : 0;
      }
      .mod_you_would_like .category,
      .mod_you_would_like .mod-ll .simple-img .category      {
        display         :  block;
        font-size       :  10px;
        text-transform  :  uppercase;
        color           :  #666;
        margin-bottom   :  0;
      }
      .mod_you_would_like .item-title a,
      .mod_related_discussions a {
        display     :  block;
        font-size   :  12px;
        font-style  :  normal;
        color       :  #0079BE;
      }
      .mod_you_would_like .mod-ll .simple-img img {
        margin-left:0;
        border:1px solid #e8e8e8!important; 
      } 
      .mod_you_would_like .mod-ll .simple-img ul li {
        list-style  :  none;
        background  :  none;
      }
      .mod_related_discussions {
        float                  :  right;
        margin                 :  12px -10px 16px 12px;
        width                  :  298px;
        padding                :  0;
        border-left            :  #ccc 1px solid;
        border-right           :  #ccc 1px solid;
        position               :  relative;
        clear                  :  right;
      }
      .mod_related_discussions .mod-ll {
        padding-bottom  :  0;
      }
      .mod_related_discussions .sub-title {
        background      :  #fff url(/public/images/titles/articles/related_discussion.jpg) top center no-repeat;
        height          :  18px;
        width           :  198px;
        position        :  absolute;
        top             :  -10px;
        margin-left     :  48px;
      }
      .copy .mod_related_discussions ul li{
        list-style  :  none;
        margin-top  :  10px;
      }
      .mod_related_discussions .mod-ll .simple li i {
        left: 0px;
      }
      .mod_related_discussions .item-title {
        margin-left : 5px;
      } 
      *:first-child+html .mod_related_discussions .mod-ll .simple li i {
        left: -15px;
      }
      *:first-child+html .mod_related_discussions .mod-ll .simple li {
        padding-left : 0px;
      }
      *:first-child+html .mod_related_discussions .mod-ll .simple .item-title {
        margin-left : 0px;
      }
      *:first-child+html .mod_related_discussions .mod-ll ul {
        margin-bottom: 0px;
      }
.article-content .credit{
	font-size:0.833em;
	text-transform:uppercase;
	color:#666;
	margin-bottom:5px;
}

.article-content .poll-235{
	position:relative;
	float:right;
	display:inline;
	margin:-24px 0 20px 40px;
	z-index:100;
}

.article-content .copy {
	font-size      :  1.083em;
	line-height    :  125%;
	margin-bottom  :  20px; /*Removing the extra large margin between Content and MSN Ads*/
	padding        :  15px 12px 0;
	height         :  auto !important;
	*min-height     :  500px;
	_min-height     :  500px;
  /*
  height         :  auto !important;
  height         :  500px;
  */
}
*:first-child+html .article-content .copy {
  min-height     :  auto; /* We set it to auto else it triggers hasLayout and breaks text wrapping around images in IE7 */
}

	.article-content .copy ul{
		list-style  :  disc inside none; /* outside doesn't work too well */
		margin      :  0 0 12px 0;
	}
  
    .article-content .copy li {
      margin-bottom : 4px;
    }
	
	.copy .drop-cap{
                font: bold 3.333em/1 Georgia, serif;
	}

	.copy p{
		margin-bottom: 20px;
	}
.copy img.content_img{
  padding:0 10px 0 0;
}
.article-content .tags{
	margin: 0 10px 20px;
}

/* MSN ad */
.ad-msn{
	padding: 20px 0;
}

/*----- ARTICLES LINKLIST -----*/

.mod-ll .articles-brief ul{
    margin-top: 20px;
}

.mod-ll .articles-brief li.summary{
    position:relative;
    padding-top: 0;
    padding-left:84px;
    margin-bottom:20px;
    border-bottom:1px solid #e5e5e5;
    min-height:40px;
    _height:40px;
}

.mod-ll .articles-brief .img-container{
	float:left;
	margin:0 10px 10px 0;
}

.mod-ll .articles-brief li h3{
    font-size:1.75em;
    margin-bottom: 7px;
    line-height:110%;
}

.mod-ll .articles-brief li .pub-date{
    position:absolute;
    top:3px;
    left:10px;
    color:#999;
    text-align:right;
    width:66px;
}

.mod-ll .articles-brief li .pub-date span{
    display:block;
    font-size:1.5em;
    text-transform:uppercase;
    font-weight:700;
    padding-bottom:2px;
}

.mod-ll .articles-brief li {
    padding-top:0 !important;
}

.mod-ll .articles-brief .sponsor{
    float:right;
    display:inline;
    margin:0 0 10px 20px;
    padding-top:20px;
}

.mod-ll .articles-brief li .img{
    position:relative;
    float:left;
    display:inline;
    margin:4px 18px 20px 0;
}

.mod-ll .articles-brief li .img .credit{
    position:absolute;
    bottom:2px;
    left:0;
    width:100%;
    width:auto;
    text-transform:uppercase;
    color:#fff;
    font-size:0.75em;
}

.mod-ll .articles-brief li .img .credit span{
    display:block;
    padding:3px 5px;
    background:url(/public/images/patterns/swatch-000-80-fill.png);
}

.mod-ll .articles-brief li .desc{
    line-height:150%;
    margin-bottom:25px;
    font-size:1.083em;
}

.mod-ll .articles-brief li .desc p a.more-link-simple{ *zoom:1; }

.mod-ll .articles-brief .share-opts{
    position:relative;
    clear:both;
    margin-bottom:15px;
}

.mod-ll .articles-brief .share-opts li{
    float:left;
    display:inline;
    font-size:0.916em;
    color:#ccc;
    margin-right:10px;
    padding:0 10px 0 0;
    font-weight:700;
    background:url(/public/images/icons/bullet-ff2a00-w.png) no-repeat 100% 40%;
    border-right:1px solid #e5e5e5;
    border-bottom:0 none;
}

.mod-ll .articles-brief li .poll{
    margin-left:-84px;
    padding:24px 0 20px 44px;
    border-top:1px solid #e5e5e5;
    background:url(/public/images/decorations/bg-diagonal-1.png);
}

.mod-ll .articles-brief li .poll-sponsored{
    background:#cccccc !important;
    padding-top:10px;
}

.mod-ll .articles-brief li .poll-sponsored .sponsor-info{
    width:590px;
    height:40px;
}

.mod-ll .articles-brief li .poll .sponsor img { margin-right:10px; }

.mod-ll .articles-brief .poll .poll-wrap{
    width:552px;
    background:url(/public/images/decorations/bg-poll-btm.png);
}

.mod-ll .articles-brief .poll .top{
    background:url(/public/images/decorations/bg-poll-top.png) no-repeat;
}

.mod-ll .articles-brief .poll .btm{
    position:relative;
    background:url(/public/images/decorations/bg-poll-btm.png) no-repeat 0 100%;
    min-height:90px;
    height:90px;
    padding:34px 13px 20px 270px;
}	

.mod-ll .articles-brief .poll .vote-title{
    position:absolute;
    top:-9px;
    left:210px;
}

.mod-ll .articles-brief .poll .poll-wrap img{
    position:absolute;
    top:34px;
    left:12px;
}

.mod-ll .articles-brief .poll .choice-1 img{ left:13px; }
.mod-ll .articles-brief .poll .choice-2 img{ left:136px; }



/* sponsored content list overrides */
.mod-ll .articles-brief li.sponsored {
    
}
.mod-ll .articles-brief li.sponsored .category {
    display:block;
    padding-top:20px;
}
.mod-ll .articles-brief li.sponsored .pub-date {
    top:18px;
}
.mod-ll .articles-brief li.sponsored {
    border-bottom:0;
    padding-bottom:10px;
}
.mod-ll .articles-brief li .sponsored-banner {
    display:none;
}
.mod-ll .articles-brief li.sponsored .sponsored-banner {
    background:url(/public/images/decorations/bg-sponsored-banner.gif) repeat;
    display:block;
    left:0;
    position:absolute;
    width:100%;
    font-weight:bold;
    text-transform:uppercase;
    font-size:.83em;
    padding:2px;
}
.mod-ll .articles-brief li.sponsored .banner-top {
}
.mod-ll .articles-brief li.sponsored .banner-btm {
    bottom:0px;
}  

.title-latest-news{
  border-top:1px solid #E5E4E4;
  height:36px;
  margin:20px 0 0;
  position:relative;
  width:100%;
}
.title-latest-news span{
  background:url(/public/images/titles/components/news_list/latest-news.png) no-repeat scroll center 0 transparent;
  display:block;
  height:36px;
  position:absolute;
  text-indent:-999px;
  top:-14px;
  width:100%;
}
.article-tags-list{
	padding-bottom: 10px;
}
.article-tags-list  .tags {
	color: #999999;
	font-weight: bold;
	line-height: 145%;
}
.article-tags-list .tags .filed {
	float:left;
	margin-right:5px;
}

div.picture_credit_bar_div
  {
  width:auto;
  _width:295px;
  height:100%;
  padding:2px;
  background-color:black;
  color:white;
  font: 75%/1 Arial,Helvetica,sans-serif;
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
  position: relative;
  top:-15px;
  *width:296px!important;
  }


/*------ Sailthru PopUp CSS Starts ----- */

div.recommendation {
  border-top: 0;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

iframe.ie {
  border: none !important;
}

div.sailthruRecommendation {
  border: 1px solid #000000 !important;
  width: 402px;
}

div.recommendationThumb {
   background:none;
   height:auto;
   width:auto;
   float:left !important;
   margin-right:5px;
}

.sailthruRecommendation img {
  border: none !important;
}

span.recommendationCategory {
}

.recommendationFooter {
  display:none;
}


span.recommendationTitle {
  margin-right: 20px !important;
}

span.recommendationTitle a {
    color: #000000;
    font-weight: bold;
}

/*
a.closeRecommendation {
  display: none;
}
*/

div.recommendationWrapper {
  width: 100% !important;
  float: none;
  border: 0px !important;
}

div.recommendationDetails {
  /*width: 246px !important;*/
  width:auto !important;
  float:none !important;
  display:table-cell;
}

span.recommendationDescription {
  background: url("/public/images/icons/arrow-sml-simple-ff2a00.png") no-repeat 0 8%;
  padding-left: 10px;
  color: #adadad;
  margin-right:20px;
  display: inline-block;
}

span.recommendationDescription a {
  color: #adadad;
  font-size: 12px;
}

/*------ Sailthru PopUp CSS Ends ----- */