/* Copyright 2008 Time.com */

/* Common */
#sectionheading {float:left; padding:5px 0px 10px 5px;}
#sections .credits {float:right; font:normal 9px arial,sans-serif; color:#666;}
#sections .caption {float:left; width:100%; font:normal 11px arial,sans-serif; color:#666;}
.sectionLinks ul {clear:both;}
.sectionLinks ul li {padding-top:5px;}
.sectionLinks ul li a {font:bold 12px arial,sans-serif;}
#sections .seeAll {margin:10px 10px 0px 0; background:url('../images/arrow_2.gif') no-repeat 66px 4px;}

/* Main story */
#sections #mainStory {float:left; border-bottom:1px solid #E5E5E5; width:360px;}
#sections #mainStory h2, #mainStory h2 a, #sections #mainStory h2 a:visited {font:bold 20px arial,sans-serif; color:#56392b; padding:0; margin:0;}
#sections .mainStoryCopy {float:left; padding:9px 10px 9px 0px; background:transparent;}	
#sections #mainStory .thumbnail img {margin:0; padding:0;}	
#sections #mainStory .thumbnail img, #sections #mainStory .thumbnail a img {border:1px solid #E2E2E2;}
#sections .byline {font:normal 10px arial,sans-serif; padding:0 0 2px 0; color:#666666;}
#sections #mainStory .list {padding:1px 2px 0px 0;}
#sections #mainStory .list li {background:url('../images/dot2.gif') no-repeat left 7px; _background:url('../images/dot2.gif') no-repeat left 10px; margin-left:2px;}
html>body #sections #mainStory .list li {*background:url('../images/dot2.gif') no-repeat left 9px;}
#sections #mainStory .list li a {font:normal 11px arial,sans-serif; color:#56392b;}

/* Other story */
#otherStories {clear:both;}
#sections #otherStories .list {float:left; padding:2px 2px 0 0;}
#sections #otherStories .list li {background:url('../images/dot2.gif') no-repeat left 7px; _background:url('../images/dot2.gif') no-repeat left 10px; padding:0 0 0 9px; font:normal 12px arial,sans-serif; color:#000; margin-left:2px;}
html>body #sections #otherStories .list li {*background:url('../images/dot2.gif') no-repeat left 9px;}
#sections #otherStories .list li a {font:normal 11px arial,sans-serif; color:#56392b;}
.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  padding-bottom:1.5em;
  }
.post-body {
display:table
}
.post-body a, post-body a:visited {
	color: #232c35;
	font-weight:bold;
	text-decoration: none;
}
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
 
  }
.post-title a, .post-title a:visited, .post-title strong {
	display:block;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
	margin:0 0 .75em;
	line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
  .post blockquote p {
  margin:.75em 0;
  }

/* Tout */
.tout2 {float:left; width:100%; padding:10px 0; border-bottom:1px solid #E5E5E5;}
.tout2 p{padding:10px 0;}
.tout2 h3, .tout2 h3 a {font:bold 15px arial,sans-serif; color:#56392b; padding:0; margin:0; text-decoration:none;}
.tout2 h3 a:hover {text-decoration:underline;}
.tout3 {width:100%; padding:10px 0;}
.tout3 .thumbnail {float:right; width:75px; height:75px;  margin:0 0 0 5px;}
.tout3 h3, .tout4 h3, .tout3 h3 a, .tout4 h3 a {font:bold 12px arial,sans-serif; color:#56392b; padding:0; margin:0; text-decoration:none;}
.tout3 h3 a:hover, .tout4 h3 a:hover {text-decoration:underline;}
.tout4 {width:100%; padding:5px 0 10px 0;}
.tout4 .thumbnail {width:175px; height:105px; padding-bottom:10px;}
.tout5 {width:100%; padding:5px 0 10px 0;}
.tout5 .thumbnail {width:175px; height:105px; margin-bottom:5px;}
.tout5 h3, .tout5 h3 a {clear:left; font:bold 12px arial,sans-serif; color:#56392b; padding:0; margin:0; text-decoration:none;}
.tout5 h3 a:hover  {text-decoration:underline;}
.tout6 {float:left; width:100%; padding:10px 0;}
.tout6 h3, .tout2 h3 a {font:bold 15px arial,sans-serif; color:#56392b; padding:0; margin:0; text-decoration:none;}
.tout6 h3 a:hover {text-decoration:underline;}

/* Section */
#sections {float:left; background:url('../images/bg70.gif') repeat-y; _background:url('../images/bg170.gif') repeat-y; margin-bottom:5px;} 
#section1 {float:left; width:595px; padding:0 22px 10px 6px; _padding:0 16px 10px 6px;}
#section2 {float:left; width:200px; padding:10px 22px 10px 12px; _padding:10px 16px 10px 12px;}
#sectionsart {
	MARGIN-BOTTOM: 5px; BACKGROUND: url(../images/bg70.gif) repeat-y; FLOAT: left; _background: url(.i/images/bg17.gif) repeat-y
}
#sectionpage {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 6px; WIDTH: 580px; PADDING-RIGHT: 22px; FLOAT: left; PADDING-TOP: 0px; _padding: 0 16px 10px 6px
}
#sections #promos {float:left; width:345px; margin:10px 0px 10px 10px;}
#sections #mostPopular {margin-left:4px; _margin-left:2px;}
#sections a:visited {color:#56392b;}
#section2 h2, #sections #promos h2 {display:inline; text-transform:uppercase;}
#section2 h2, #sections #promos h2 {font:bold 12px arial,sans-serif; color:#000; padding-right:12px;}
#section2 h2 a {font:bold 12px arial,sans-serif; color:#000; padding-right:12px; background:url('../images/arrow_1.gif') no-repeat center right;}
#sections #promos h2 a {font:bold 12px arial,sans-serif; color:#000; padding-right:12px;}
#section2 h2 a:visited, #sections #promos h2 a:visited {color:#000;}
#sections h2 a:hover, #promos h2 a:hover {text-decoration:underline;}
#blog {float:left; padding:0 0 15px 0;}
#blog a:visited {color:#56392b}
#storyPackage {clear:both; padding:20px 0px 5px 5px; border-top:1px solid #E5E5E5;}
.feature {clear:both; padding:20px 0px 10px 5px; border-top:1px solid #E5E5E5;}
.storyLinks ul li {background:url('../images/dot2.gif') no-repeat left 10px; padding:0 0 0 10px; margin:0;}
.storyLinks ul li a {font:normal 11px arial,sans-serif;}
#sections #mostPopular {margin-top:15px;}

/* CM */
#topBanner {margin-left:auto; margin-right:auto; width:728px; padding:5px 5px 10px 5px;}
#sections #promos #cmMidRt {float:left; border-style:none; clear:both; padding:15px 5px 15px 5px; text-align:center; margin-left:auto; margin-right:auto; width:100%;}
#sections #promos #cmBot {margin:0; padding:0; float:left; width:195px; background:transparent; border-style:none;}
#sections #promos .cmLink {width:130px; border-style:none; padding-left:10px;}
#sections #promos .cmLink a span {font-weight:normal; text-transform:uppercase;}
#sections #promos .link1 {padding:5px;}
#sections #promos .link2 {border-top:1px solid #E5E5E5; padding:5px;}
#sections #promos #cmTopRt .ad1 {text-align:center; margin:15px 0 10px 0;}
#sections #promos .cmRt {float:left; background:url('../images/bg15.gif') repeat-y; width:336px; margin:15px 0 10px 7px; _margin:15px 0 10px 5px;}
#sections #promos #houseAd {float:left; margin:10px 0px 0px 5px;}
/* Style for Health Section Front in the absence of QOTD 
#health #sections #promos #cmTopRt .ad1 {margin:0 0 10px 0; padding:0 0 10px 0;}*/