/* This Old House- article.css -----------------------------------------*/ #headerContainer { background:url(http://img2.timeinc.net/toh/i/homepage/borderLeadStory.gif) repeat-x left bottom; } #headerContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #headerContainer { height: 1%; } #articleBreadcrumbs #subscribe a { float: right; display: block; width:213px; height:21px; margin: 0; overflow:hidden; background:url(http://img2.timeinc.net/toh/i/global/subscribe.gif) no-repeat 0 0; text-indent:-9999px; } #articleTitleContainer { clear:both; margin: 5px 0; padding:5px 0; background:url(http://img2.timeinc.net/toh/i/homepage/borderLeadStory.gif) repeat-x left bottom; *height: 1%; } #articleTitleContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #articleTitleContainer { height: 1%; } #articleTitleContainer .title { /* clear: left; */ font-size: 24px; margin: 0 0 5px 0; padding: 0 0 0 0; } #articleTitleContainer .ad { float: right; clear:right; } #articleTitleContainer .byline { color: #5b5b5b; font-style: italic; font-size: 12px; float:left; padding:5px 0 10px 0; width:500px } #articleTitleContainer .byline .name, #galleryTitleContainer .byline .name { font-style: normal; text-transform:uppercase; } #articleTitleContainer .byline .magsource, #galleryTitleContainer .byline .magsource { font-style: normal; } #articleTitleContainer .tools { float: right; } #articleTitleContainer .rss { float: left; width: 90px; } #articleTitleContainer .rss:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #articleTitleContainer .rss { height: 1%; } #articleTitleContainer .rss a.icon { float: left; width:18px; height:10px; margin: 37px 5px 0 0; overflow:hidden; background:url(http://img2.timeinc.net/toh/i/global/rss.gif) no-repeat 0 0; text-indent:-9999px; } #articleTitleContainer .rss a.whatIsThis { float: right; margin: 18px 0 0 0; padding: 0 0 0 0; font: 10px arial, helvetica, sans-serif; } /* aColumn styles -----------------------------------------*/ #aColumn { float: left; clear: both; width:317px; margin: 0 0 0 0; } #aColumn #articleImg { margin: 5px 0 10px 0; padding: 8px; border: 1px solid #e2e0e0; display:none; } #aColumn #articleImg p.summary { color: #333; font: italic 11px/1.5em georgia, serif !important; } #aColumn #articleImg .credit { font: 9px arial, helvetica, sans-serif; color: #999; } #aColumn #articleImg .tools { margin: 5px 0 5px 0; padding: 0 0 0 0; *height: 1%; } #aColumn #articleImg .tools:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #aColumn #articleImg .tools { height: 1%; } #aColumn #articleImg .tools a.enlarge { float: left; margin: 0 0 0 0; padding: 0 0 0 22px; background:url(http://img2.timeinc.net/toh/i/global/iconEnlargeImg.gif) no-repeat 0 0; font: 10px arial, helvetica, sans-serif; } #aColumn #articleImg .tools .pageCount { float: right; font-size: 11px; } #aColumn .module, #aColumn .browseModule { background: #fff; background:url(http://img2.timeinc.net/toh/i/homepage/borderModule.gif) repeat-x left bottom; margin: 0 0 0 0; padding: 7px 0 22px 0; width:317px; clear: both; position: relative; } #aColumn .browseModule { color:#000; padding-bottom:15px; font-size:11px; float:left; } #aColumn .browseModule h5 { padding-bottom:7px; font-weight:normal; font-size:11px; } #aColumn .browseModule a { color:#0066CC; font: 11px arial, helvetica, sans-serif; padding:0 0 10px 0; } #aColumn .module:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #aColumn .module { height: 1%; } #aColumn .module h3 { margin: 0 0 15px 0; font-size: 12px; font-weight: normal; clear: both; display: block; } #aColumn .module h4 { font: 12px normal; font-style: italic; margin: 0 0 10px 0; } #aColumn .module p.summary { color: #666; } #aColumn .module .tools { font: 10px arial, helvetica, sans-serif; width: 140px; } #aColumn .module .tools a.comment { margin: 0 5px 25px 0; padding: 0 0 0 22px; background:url(http://img2.timeinc.net/toh/i/global/iconComment.gif) no-repeat 0 0; line-height: 160%; } #aColumn .module .tools a.browse { padding: 0 0 0 22px; background:url(http://img2.timeinc.net/toh/i/global/iconBrowse.gif) no-repeat 0 0; line-height: 160%; } #aColumn .browseModule a.view-all { padding: 0 0 0 22px; background:url(http://img2.timeinc.net/toh/i/global/icon_view-all.gif) no-repeat 0 0; line-height: 160%; } #aColumn .module#video h2 { margin: 3px 0 4px 0; font:bold 18px tahoma, verdana, sans-serif; } #aColumn .module#video h3 { margin: 0 0 8px 0; } #aColumn .module#video .moduleImg { width: 145px; float: right; position: relative; margin-top:3px; } #aColumn .module#video .moduleImg img { margin: 0 0 10px 0; padding: 0 0 0 0; float: right; } #aColumn .module#video .moduleImg .videoOverlay a { z-index: 1000; position: absolute; top: 20px; left:50px; margin: 0 0 0 0; padding: 0 0 0 0; width: 47px; height: 47px; background:url(http://img2.timeinc.net/toh/i/global/watchVideoOverlay.gif) no-repeat 0 0; } #aColumn .module#video .moduleImg a.watchVideo { float: left; clear: right; width:111px; height:19px; margin: 0 0 0 4px; overflow:hidden; background:url(http://img2.timeinc.net/toh/i/homepage/button_watchVideoNew.gif) no-repeat 0 0; text-indent:-9999px; } #aColumn .ad300 { float: left; width: 317px; background:url(http://img2.timeinc.net/toh/i/homepage/borderModule.gif) repeat-x left bottom; margin: 0 0 12px 0; padding: 20px 0 20px 0; } #aColumn .ad300 .descript, .advertisement { font-size: 9px; font-style: italic; color: #a4a4a4; margin: 0 0 5px 0; padding: 0 0 0 8px; } #aColumn .ad300 img { margin: 0 0 5px 0; padding: 0 0 0 8px; } #aColumn .module#newsstands { background: none; margin: 0 0 0 0; padding: 0; } #aColumn .module#newsstands .newsstandsContainer { margin-top:5px; padding:8px; border: 1px solid #e2e0e0; } #aColumn .module#newsstands .newsstandsContainer .newsstandMod { float:left; clear:both; width:300px; } #aColumn .module#newsstands .newsstandsContainer .newsstandMod .floatLeft {width:130px;} #aColumn .module#newsstands .newsstandsContainer .newsstandMod .floatRight {width:165px;} #aColumn .module#newsstands .newsstandsContainer .newsstandMod h5 { font-size:13px; font-style:italic; font-weight:bold; padding-bottom:0px; } #aColumn .module#newsstands .newsstandsContainer .newsstandMod .subhead { font-size:11px; padding-bottom:4px; } #aColumn .module#newsstands h2 { clear:right; margin: 0 0 5px 0; font:bold 18px tahoma, verdana, sans-serif; } #aColumn .module#newsstands .moduleImg { width: 300px; border: 1px solid #e6e5e5; margin: 0 0 0 0; padding: 8px 8px 8px 8px; } #aColumn .bottom { background: none !important; } /* bColumn styles -----------------------------------------*/ #bColumn { float:right; width:610px; padding:5px 10px 0 0; } #bColumn h3 { color: #333; font-size: 12px; line-height: 1.4em; } #bColumn p { margin: 0 0 10px 0; padding: 0 0 0 0; color: #333; line-height: 1.3em; } #bColumn ol {margin-left:1.5em; padding-left:0;} #bColumn .module { background: #fff; width: 450px; float: left; margin: 0 0 5px 0; margin: expression((this.parentNode.lastChild == this)? "0 0 0 0" : "0 0 5px 0"); padding: 10px 10px 10px 10px; } #bColumn .module:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #bColumn .module { height: 1%; } #bColumn .module h3 { font-size: 12px; line-height: 140%; color: #333; font-weight: bold; margin: 0 0 0 0; padding: 0 0 0 0; } #bColumn .module h3 .q { font-size: 12px; line-height: 140%; color: #333; font-style: italic; margin: 0 0 0 0; } #bColumn .module h4 { font-size: 12px; color: #333; font-weight: normal; font-style: italic; margin: 7px 0 15px 0; padding: 0 0 0 0; } #bColumn .module .tools { font: 11px arial, helvetica, sans-serif; width: 250px; margin: 0 5px 0 0; } /* homepage home improvement styles -----------------------------------------*/ #bColumn #homeImprove { background: #fff; width: 450px; margin: 0 0 5px 0; padding: 15px 10px 10px 10px; } #bColumn #homeImprove:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #bColumn #homeImprove { height: 1%; } #homeImprove .homeImproveRow { width: 140px; float: left; font-size: 12px; padding: 0 5px 0 0; } #homeImprove .homeImproveRow h4 { font: 12px normal; font-style: italic; margin: 0 0 0 0; padding: 0 0 5px 0; } #homeImprove .homeImproveRow ul li { margin: 0 0 0 0; padding: 0 0 2px 0; } #homeImprove .homeImproveRow a.more { display: block; margin: 2px 0 5px 0; padding: 0 0 0 20px; background:url(http://img2.timeinc.net/toh/i/global/iconMore.gif) no-repeat 0 0; line-height: 100%; color: #ef7c1b; } /* homepage split module styles -----------------------------------------*/ #moduleSplit { margin: 0 0 5px 0; padding: 0 0 0 0; background:url(http://img2.timeinc.net/toh/i/homepage/splitRowBG.gif) repeat-y 0 0; width: 470px; clear: both; } #moduleSplit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #moduleSplit { height: 1%; } #moduleSplit #rowA { float: left; width: 165px; margin: 0 0 0 0; padding: 0 0 10px 0; } #moduleSplit #rowA h2#watch { display: block; width:123px; height:15px; margin: 15px 0 5px 10px; overflow:hidden; background:url(http://img2.timeinc.net/toh/i/homepage/h_watchOnline.gif) no-repeat 0 0; text-indent:-9999px; } #moduleSplit #rowA h2#watch { display: block; width:123px; height:15px; margin: 15px 0 10px 10px; overflow:hidden; background:url(http://img2.timeinc.net/toh/i/homepage/h_watchOnline.gif) no-repeat 0 0; text-indent:-9999px; } #moduleSplit #rowA .module { width: 140px; margin: 5px 0 0 0; padding: 0 0 10px 10px; } #moduleSplit #rowA .module:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #moduleSplit #rowA .module { height: 1%; } #moduleSplit #rowA .module h5 a { width: 140px; font-size: 12px !important; } #moduleSplit #rowA .module p.summary { width: 140px; } #moduleSplit #rowA .moduleContainDivider { float: left; margin: 0 0 10px 0; padding: 0 0 0 0; width: 165px; height: 5px; background:url(http://img2.timeinc.net/toh/i/homepage/moduleDividerBG.gif) repeat-x 0 0; } * html #rowA .moduleContainDivider { margin: 0 0 0 0; padding: 0 0 0 0; clear: left; } #moduleSplit #rowB .moduleContainDivider { background:url(http://img2.timeinc.net/toh/i/homepage/moduleDividerBG.gif) repeat-x 0 0; height: 5px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 303px; } * html #rowA .moduleContainDivider { margin: 0 0 -5px 0; padding: 0 0 0 0; } #moduleSplit #rowB { float: left; width: 300px; text-align: center; padding: 5px 0 5px 2px; } * html #moduleSplit #rowB { height: 1%; } #moduleSplit #rowB .module { float: left; width: 300px; padding: 0 0 0 2px; } #moduleSplit #rowB .adModule { float: left; width: 300px; height: 390px; margin: 0 0 0 0; padding: 0 0 0 2px; } /* homepage Daily Fix styles -----------------------------------------*/ #dailyFix { background: #fff; width: 460px; margin: 0 0 5px 0; padding: 15px 0 5px 10px; } #dailyFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #dailyFix { height: 1%; } #dailyFix .rss { float: left; width: 90px; margin: 0 0 0 0 padding: 5px 0 0 0; } #dailyFix .rss:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #dailyFix .rss { height: 1%; } #dailyFix .rss a.icon { float: left; width:18px; height:10px; margin: 4px 0 0 0; padding: 0 0 0 0; overflow:hidden; background:url(http://img2.timeinc.net/toh/i/global/rss.gif) no-repeat 0 0; text-indent:-9999px; } #dailyFix .rss a.whatIsThis { display: inline; margin: 0 0 0 0; padding: 0 0 0 0; font: 10px arial, helvetica, sans-serif; } * html #dailyFix .rss a.whatIsThis { float: right; margin: -14px 0 0 0; padding: 0 0 0 0; } #dailyFix .module { width: 460px; margin: 0 0 5px 0; padding: 0 0 0 0; } #dailyFix .module img { float: right !important; margin: 0 10px 5px 10px; padding: 0 0 0 0; } #dailyFix .module .boards { font: 10px arial, helvetica, sans-serif; width: 290px; } #dailyFix .module .boards a.tv { margin: 0 85px 25px 0; padding: 0 0 0 20px; background:url(http://img2.timeinc.net/toh/i/homepage/icon_arrow.gif) no-repeat 0 0; line-height: 160%; } #dailyFix .module .boards a.home { margin: 0 10px 25px 0; padding: 0 0 0 20px; background:url(http://img2.timeinc.net/toh/i/homepage/icon_arrow.gif) no-repeat 0 0; line-height: 160%; } #dailyFix .module .boards a.newProd { margin: 0 10px 25px 0; padding: 0 0 0 20px; background:url(http://img2.timeinc.net/toh/i/homepage/icon_arrow.gif) no-repeat 0 0; line-height: 160%; } #dailyFix .module .boards a.project { margin: 0 20px 25px 0; padding: 0 0 0 20px; background:url(http://img2.timeinc.net/toh/i/homepage/icon_arrow.gif) no-repeat 0 0; line-height: 160%; } #dailyFix #tip { background: #fff; width: 460px; margin: 0 0 5px 0; padding: 5px 0 0 0; } #dailyFix #tip:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #dailyFix #tip { height: 1%; margin: 0 0 5px 0; } #dailyFix #tip .module { background: #f9f8f3; width: 436px; margin: 0 0 0 0; padding: 7px 7px 7px 10px; } #dailyFix #tip .module h3 { font-size: 15px !important; text-align: center; margin: 0 15px 10px 0; } #dailyFix #tip .module .tools { margin: 0 0 0 0; padding: 0 0 0 0; } #dailyFix #tip .module .tools a.browse { margin: 0 0 25px 0; padding: 0 0 0 20px; background:url(http://img2.timeinc.net/toh/i/global/iconBrowse.gif) no-repeat 0 0; font: arial, helvetica, sans-serif; line-height: 160%; } #dailyFix .module .tools { font: 10px arial, helvetica, sans-serif; } #dailyFix .module .tools a.browse { margin: 0 20px 25px 0; padding: 0 0 0 20px; background:url(http://img2.timeinc.net/toh/i/global/iconBrowse.gif) no-repeat 0 0; line-height: 160%; } #dailyFix .module .tools a.comment { margin: 0 0 0 0; padding: 0 0 0 20px; background:url(http://img2.timeinc.net/toh/i/global/iconComment.gif) no-repeat 0 0; } #dailyFix .module .discussRow { float: left; width: 257px; margin: 15px 0 0 0; } #dailyFix .module .discussRow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #dailyFix .module .discussRow a.discuss { float: left; width:69px; height:16px; margin: 8px 0 10px 0; overflow:hidden; background:url(http://img2.timeinc.net/toh/i/homepage/button_discuss.gif) no-repeat 0 0; text-indent:-9999px; } #dailyFix .module .discussRow .discussAd { display: inline; margin: 0 0 0 0; padding: 0 0 0 0; } /* homepage TV Program styles -----------------------------------------*/ #tvPrograms { background: #fff; width: 460px; margin: 0 0 5px 0; padding: 15px 0 5px 10px; } #tvPrograms:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #tvPrograms { height: 1%; } #tvPrograms .module { width: 450px; padding: 5px 0 10px 0; background: url(http://img2.timeinc.net/toh/i/homepage/borderModule.gif) repeat-x bottom left; background: expression((this.parentNode.lastChild == this)? "none" : "url(http://img2.timeinc.net/toh/i/homepage/borderModule.gif) repeat-x bottom left"); } #tvPrograms .module:last-child { background: none; } #tvPrograms .module img { float: right !important; margin: 0 0 5px 10px; padding: 0 0 0 0; } * html #tvPrograms .module a.watchVideo { margin: 5px 15px 0 0; } #tvPrograms .module .tools { font: 10px arial, helvetica, sans-serif; } #tvPrograms .module .tools a.browse { margin: 0 0 25px 0; padding: 0 0 0 22px; background:url(http://img2.timeinc.net/toh/i/global/iconBrowse.gif) no-repeat 0 0; line-height: 160%; } /* homepage B Col Bottom Ad styles -----------------------------------------*/ #bottomAd { background: #fff; width: 460px; margin: 0 0 5px 0; padding: 15px 0 5px 10px; } #bottomAd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #bottomAd { height: 1%; } /* Photo Gallery styles -----------------------------------------*/ #galleryTitleContainer { float:left; margin-top:7px; width:570px; margin-bottom:10px; } #galleryTitleContainer #headline, #galleryTitleContainer .byline{ width:100%; float:left; } #galleryTitleContainer .byline{ margin-top:5px; } #galleryTitleContainer #headline .title { display:block; float:left; } #galleryTitleContainer #headline .title { font:normal 24px georgia, serif; color:#323232; } #galleryTitleContainer .title span { font:italic 24px georgia, serif; color:#5b5b5b; } #galleryTitleContainer .rss { width:90px; float:left; margin:12px 0 0 10px; } #galleryTitleContainer .rss:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } * html #galleryTitleContainer .rss { height:1%; } #galleryTitleContainer .rss a.icon { float: left; width:18px; height:13px; margin: 0 5px 0 0; overflow:hidden; background:url(http://img2.timeinc.net/toh/i/global/rss.gif) no-repeat 0 2px; text-indent:-9999px; *background-position:0 3px; _background-position:0 1px; } #galleryTitleContainer .rss a.whatIsThis { font:10px arial, helvetica, sans-serif; margin:0; padding:0; _display:block; } #galleryTitle { font:bold 14px Georgia, "Times New Roman", Times, serif; color:#323232; margin-bottom:0.7em; } .pinkAd { float:right; margin-top: 3px; } /* galleryImageContainer styles -----------------------------------------*/ #galleryImageContainer { border:1px solid #ddd; width:451px; /*461px*/ padding:7px 1px 4px 1px; } #galleryToggle { font:normal 10px Arial, Helvetica, sans-serif; color:#000; margin-left:4px; } #galleryToggle li { display:block; float:left; } #toggle-single { margin-right:8px; border-right:1px solid #000; } #toggle-single a, #toggle-single span { padding:0 8px 0 17px; background:url(http://img2.timeinc.net/toh/i/gallery/icon_single-photo_off.gif) no-repeat left; text-decoration:underline; } #toggle-single a.active, #toggle-single span { background:url(http://img2.timeinc.net/toh/i/gallery/icon_single-photo_on.gif) no-repeat left; color:#000; text-decoration:none; } #toggle-thumbnails a, #toggle-thumbnails span { padding:1px 8px 1px 17px; background:url(http://img2.timeinc.net/toh/i/gallery/icon_thumbnails_off.gif) no-repeat left; text-decoration:underline; } #toggle-thumbnails a.active, #toggle-thumbnails span { background:url(http://img2.timeinc.net/toh/i/gallery/icon_thumbnails_on.gif) no-repeat left; color:#000; text-decoration:none; } .galleryPagination { font-style:italic; font-size:11px; display:block; float:right; margin-right:4px; } .galleryPagination a, .galleryPagination span { display:block; float:left; } .galleryPagination a { text-indent:-9999px; } .galleryPagination a.previous { width:21px; height:16px; background:url(http://img2.timeinc.net/toh/i/toggle-prev.gif) no-repeat; overflow:hidden; margin-right:5px; } .galleryPagination a.next { width:21px; height:16px; background:url(http://img2.timeinc.net/toh/i/toggle-next.gif) no-repeat; overflow:hidden; margin-left:5px; } #gallery-single { padding:10px 0 4px 0; clear:both; } #gallery-thumbs { margin:0 0 0 8px; padding-top:10px; clear:both; font-size: 1px; } #gallery-thumbs img { margin:0 6px 10px 0; padding:0; width:100px; height:100px; } #toutsGrid {margin: auto; width: 325px; font: bold 11px Georgia;} #toutsGrid h3 {margin: 35px 0 25px 0; font: italic 22px Georgia;} #toutsGrid ul.tout {margin-top: 10px; margin-bottom: 20px; width: 325px;} #toutsGrid ul.tout li {display: inline; float: left; padding:0;} #toutsGrid ul.tout li.lt {padding-right: 20px;} #toutsGrid ul.tout li.rt {padding-left: 20px;} #toutsGrid ul.tout li div {width: 140px;} #toutsGrid img {margin-bottom: 6px;} #toutsGrid #moreLink {margin: 10px 0 35px 0;} #toutsGrid #moreLink a.view-all {padding: 0 0 0 22px; background:url(http://dev-img2-preview.timeinc.net/toh/i/global/icon_view-all.gif) no-repeat 0 0; line-height: 160%;} .clear:after {content:"."; clear:both; display:block; height:0; visibility:hidden; min-height:0;} #gallery-thumbs a {float:left; padding:5px 0 0 0; font-family:Arial,Helvetica,sans-serif; font-size:11px;} /* DIY ad styles -----------------------------------------*/ #gallery-diy {margin:10px 0; padding:15px 0; background:url(http://img2.timeinc.net/toh/i/global/border_top.gif) repeat-x;} #gallery-diy div {padding-left:45px;} .diy-headline {background:url(http://img2.timeinc.net/toh/i/global/bg_colorchips.gif) no-repeat; font:italic normal 16px/20px Georgia, "Times New Roman", Times, serif; color:#323232; width:235px;} .diy-try {font:normal 12px/20px Arial, Helvetica, sans-serif; margin-bottom:1em;} /* aColumnGallery styles -----------------------------------------*/ #aColumnGallery { float:left; clear:both; width:769px; margin: 0; } #aColumnGallery .module .aColModuleSplitA { float:left; width:461px; } #aColumnGallery .module .aColModuleSplitB { float:right; width:308px; padding:0 0 0 5px; margin:0 0 0 5px; } #aColumnGallery .module .aColModuleSplitB p { font:normal 12px/20px Georgia, "Times New Roman", Times, serif; color:#333; margin-bottom:2em; } #aColumnGallery .module#galleryLead { background:#fff; padding:18px 0 15px 0; width:779px; } /* BColumnGallery styles -----------------------------------------*/ #bColumnGallery { margin-top: 7px; } #bColumnGallery .moduleContainDivider { background:url(http://img2.timeinc.net/toh/i/homepage/moduleDividerBG.gif) repeat-x 0 0; width:100%; height:5px; clear:both; } * html #bColumnGallery .moduleContainDivider { margin:0px 0 -5px 0; padding:0; clear:left; } #bColumnGallery { float:right; width:160px; } #bColumnGallery .module { background:#fff; width:297px; float:left; margin:0; padding:5px; } #bColumnGallery .module:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } * html #bColumnGallery .module { height:1%; } #bColumnGallery .adModule { background-color:#fff; width:299px; margin:0; padding:4px; clear:both; } #bColumnGallery .adModule img { border:1px solid #ddd; } #bColumnGallery .module h3, #bColumnGallery .module h3 a { font-size:12px !important; line-height:140%; color:#333; font-weight:bold; margin:0; padding:0; } #bColumnGallery .module h3 .q { font-size:11px; line-height:140%; color:#333; font-style:italic; margin:0; } #bColumnGallery .module h4 { font-size:11px; color:#333; font-weight:normal; font-style:italic; margin:7px 0 15px 0; padding:0; } /* aColumnArticle styles -----------------------------------------*/ #aColumnArticle { float:left; clear:both; width:450px; margin:0; } /* bColumnArticle styles -----------------------------------------*/ #bColumnArticle { float:left; width:281px; padding-left:20px; } #bColumnArticle .adModule { background-color:#fff; width:299px; margin:0; padding:4px; clear:both; } #bColumnArticle .adModule img { border:1px solid #ddd; } #bColumnArticle .module h3, #bColumnArticle .module h3 a { font-size:12px !important; line-height:140%; color:#333; font-weight:bold; margin:0; padding:0; } #bColumnArticle .module h3 .q { font-size:12px; line-height:140%; color:#333; font-style:italic; margin:0; } #bColumnArticle .module h4 { font-size:11px; color:#333; font-weight:normal; font-style:italic; margin:7px 0 15px 0; padding:0; } #articleCommentsContainer { margin:10px 0 0 0; padding:0 0 18px 0; background:url(http://img2.timeinc.net/toh/i/global/border_top.gif) repeat-x bottom; } #articleCommentsContainer h4 { font-size:12px; font-weight:bold; margin-bottom:10px; } #articleCommentsContainer h4 span { font-size:11px; font-weight:normal; font-style:italic; } #articleCommentsContainerSteps { margin:10px 0 0 0; padding:0 0 18px 0; } #articleCommentsContainerSteps h4 { font-size:12px; font-weight:bold; margin-bottom:10px; } #articleCommentsContainerSteps h4 span { font-size:11px; font-weight:normal; font-style:italic; } .articleComments { background-color:#f1f3f8; padding:3px; /*10px*/ margin:0 0 4px 0; } .articleComment { margin:8px 7px 1em 7px; } #bColumn p.posted { color:#999; font-style:italic; } #bColumnSteps p.posted { color:#999; font-style:italic; } #dColumnSteps p { font-size:10px; line-height:15px; } #bColumn .articleComment p { font-size:11px; line-height:15px; } #bColumn #articleCommentsContainer p { font-size:11px; line-height:15px; } #bColumnSteps .articleComment p { font-size:11px; line-height:15px; } #bColumnSteps #articleCommentsContainer p { font-size:11px; line-height:15px; } .articleComment:last-child { margin-bottom:0; } .articleComments .tools { background-color:#fff; padding:3px 0 4px 7px; font:normal 11px Arial, Helvetica, sans-serif; } .articleComments .tools .view-all { padding: 0 0 0 20px; background:url(http://img2.timeinc.net/toh/i/global/icon_view-all.gif) no-repeat 0 0; margin-right:11px; } .articleComments .tools .comment { padding: 0 0 0 20px; background:url(http://img2.timeinc.net/toh/i/global/icon_comment.gif) no-repeat 0 0; } #aColumnGallery .module .aColModuleSplitB #articleCommentsContainer p { margin:8px 0 0 0; font-size:11px; line-height:15px; } #aColumnGallery .module .aColModuleSplitB #articleCommentsContainer .articleComments .articleComment p { margin:0; font-size:11px; line-height:15px; } #aColumnGallery .module .aColModuleSplitB #articleCommentsContainer .articleComments .articleComment p.posted { color:#999; font-style:italic; } .articleTxt p {line-height:1.7em !important;} .articleInlineList { background-color:#f2f3f8; float:left; width:180px; display:inline; padding:5px; margin:0 10px 0 0; } .articleInlineList h4 { font:bold italic 11px georgia, serif; padding-bottom:5px; } .articleInlineList ul { margin-top:0px; } .articleInlineList ul li { padding-bottom: 5px; } .articleAd { float:right; width:160px; margin-left:10px; } .articleInlineList a { font:bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; } .articlePageLink { font:13px Arial,Helvetica,sans-serif; display:block; } .articlePageination { background:url(http://img2.timeinc.net/toh/i/global/border_top.gif) repeat-x center bottom; padding-bottom:15px; margin:15px 0; } .btmPageArticle { font-family:arial, sans-serif; } .pageination { text-align:right; margin-bottom:15px; } .pageination a { font:13px Arial,Helvetica,sans-serif; text-decoration:underline; padding-left:3px; } .pageination span { font:13px Arial,Helvetica,sans-serif; } #newsstands h5 { color:#323232; font:bold italic 14px Georgia,serif; margin:0 0 3px 0; } #newsstands .subhead { color:#323232; font:11px Georgia,serif; padding:3px 0 5px 0; margin:3px 0 5px 0; } /* slideshow styles -----------------------------------------*/ #slideshow2 { position: relative; width: 300px; height: 200px; overflow: hidden; } #slideshow2 img { position: absolute; left: 0; top: 0; } /* START SCRIBBLEBOARD STYLES */ /* styles for iframe */ #scribbleboardContent {background-color:#f2f3f8; padding:15px 0 20px 12px; font:normal 11px georgia,times,serif; line-height:15px; border:none;} #scribbleboardContent div {/*width:608px;*/ height:220px; overflow:scroll;} #scribbleboardContent p {margin-bottom:10px;} #scribbleboardContent p span {font-style:italic; color:#999; padding-bottom:20px; margin-bottom:20px;} /* styles for iframe */ /* generic styles for scribbleboard component */ #postform .commentInput label {display:block; font:normal 11px georgia,times,serif;} #postform .commentInput textarea {height:90px; overflow:auto;} #postform .commentInput textarea, #postform .commentInput input {border:solid 1px #CCC;} #postform input.submit {display:block; border:none; margin-top:10px;} #postform:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #postform { height: 1%; } div.moreInfo {padding:10px 0; font-size:11px;} /* generic styles for scribbleboard component */ /* styles for scribbleboard component: Horizontal version */ #articleCommentsContainer #scribbleIframe iframe {width:440px; height:220px;} #articleCommentsContainer #postform {width:415px; border:3px solid #f2f3f8; border-top:12px solid #f2f3f8; padding:10px;} #articleCommentsContainer #postform .commentInput {float:left;} #articleCommentsContainer #postform .commentInput .one {width:330px; margin-right:15px; margin-bottom:10px;} #articleCommentsContainer #postform .commentInput .two {width:300px;} /* styles for scribbleboard component: Horizontal version */ /* styles for scribbleboard component: Three Vertical versions The vertical version comes in 4 flavors: verticalCommentsContainerA, verticalCommentsContainerB, verticalCommentsContainerC and verticalCommentsContainerD The only differnce between the three is that they have slightly different widths. */ #verticalCommentsContainerA, #verticalCommentsContainerB, #verticalCommentsContainerC, #verticalCommentsContainerD {padding-top:10px;} #verticalCommentsContainerA h4, #verticalCommentsContainerB h4, #verticalCommentsContainerC h4, #verticalCommentsContainerD h4 {font-size:12px;} #verticalCommentsContainerA #postform, #verticalCommentsContainerB #postform, #verticalCommentsContainerC #postform, #verticalCommentsContainerD #postform {border:3px solid #f2f3f8; border-top:12px solid #f2f3f8; padding:10px 10px 10px 10px;} #verticalCommentsContainerA #postform .commentInput, #verticalCommentsContainerB #postform .commentInput, #verticalCommentsContainerC #postform .commentInput, #verticalCommentsContainerD #postform .commentInput {float:left; margin-top:15px;} #verticalCommentsContainerA #scribbleIframe iframe {width:280px; height:220px; margin-top:10px;} #verticalCommentsContainerA #postform .commentInput .one {width:250px;} #verticalCommentsContainerA #postform .commentInput .two {width:250px;} #verticalCommentsContainerB #scribbleIframe iframe {width:307px; height:220px; margin-top:10px;} #verticalCommentsContainerB #postform .commentInput .one {width:278px;} #verticalCommentsContainerB #postform .commentInput .two {width:278px;} #verticalCommentsContainerC #scribbleIframe iframe {width:454px; height:220px; margin-top:10px;} #verticalCommentsContainerC #postform .commentInput .one {width:424px;} #verticalCommentsContainerC #postform .commentInput .two {width:424px;} #verticalCommentsContainerD #scribbleIframe iframe {width:446px; height:220px; margin-top:10px;} #verticalCommentsContainerD #postform .commentInput .one {width:420px;} #verticalCommentsContainerD #postform .commentInput .two {width:420px;} /* styles for scribbleboard component: Vertical versions */ /* END SCRIBBLEBOARD STYLES */ #aColumnGalleryAd{ width:760px; float:left; padding:20px 10px 40px 10px; position:relative; text-align:center; border:1px #eee solid; } #aColumnGalleryAd #ad-wrapper{ background-color:#F0F0F0; clear:both; } #aColumnGalleryAd #ad-container div{ margin:0 auto; } #aColumnGalleryAd .next-slide, #aColumnGalleryAd .skip-ad{ display:inline-block; position:absolute; right:10px; } #ad-container{ position:relative; padding:60px 0; display:inline-block; } #aColumnGalleryAd .skip-ad{ top:5px; } #aColumnGalleryAd .next-slide{ bottom:10px; color:#0066CC; font-size:17px; font-family:Georgia,serif; } #aColumnGalleryAd .next-slide a{ margin-right:10px; height:19px; display:inline-block; vertical-align:text-top; padding-left:65px; background:transparent url(http://img2.timeinc.net/toh/i/global/btn_next.gif) no-repeat 0 0; text-decoration:none; } #aColumnGalleryAd .adCopy{ clear:both; display:block; text-align:center; }