/* allyou.com | article.css  */

h5 {color:#597276; font-size:13px;}

#article {width:640px; padding-bottom:30px; }
#article div.lineWrapper {width:640px;}
#article div.lineWrapper p{font-size:105%; line-height:145%;}

/*WYSWYG fix*/
#article div.lineWrapper li,  #article div.articleModules div.infoBox ul.tout ul li, #article div.articleModules ul.linkList li  { margin:0; padding:0 0 4px 15px; background: url(../i/icons.gif) no-repeat 0 -785px; overflow: hidden;}/* adds for lists in article body,  info tout, and linkLists*/
#article div.articleModules #featPhotoB li, #article div.articleModules div.infoBox li { background: none; padding:0;}/* removes from the ones that do not need it*/
#article div.articleModules div.infoBox ul.tout ul{margin-top: 8px;}
#article div.lineWrapper ul, #article div.lineWrapper ol{padding-bottom:10px;}
#article div.lineWrapper ol{overflow:hidden;  padding-left:15px; }
#article div.lineWrapper ol li{ background:none; list-style-type: decimal; overflow:visible; padding-left:0; margin-left:8px; display:list-item; }/*overflow is set to show numbers with list-position:outside; */

/* Article Modules (Photo box / click to enlarge, Editorial Tout) */
div.articleModules {float:left; margin-right:15px; width:300px;}
#featPhotoA {width:300px; margin-bottom:15px;}
#featPhotoA a {outline:none;}
#featPhotoA p {margin:0; padding:0 5px;}
#featPhotoA .photo {padding:0 0 9px 0;}
#featPhotoA .caption {padding-bottom:3px; font:normal 100% arial,sans-serif; color:#555;}

/* Photo tout with click to enlarge */
#photoTout {float:left; background-color:#f7f7f7; margin:-20px 0 5px 0; padding:10px;}
#photoTout ul {margin:0; padding:0;}
#photoTout li {}
#photoTout p {margin:0; padding:0;}
#photoTout p img {width:150px; float:left; margin-right:10px;}
#photoTout p.dek {float:left; margin-bottom:10px; width:40%;}
#featPhotoA p.credits {margin-bottom:10px;}
#photoTout h4 a {font:normal 115% georgia,"times new roman",times,serif; color:#08a0b6; line-height:115%;}
p.enlarge {padding:10px 5px;}
p.enlarge a {padding:2px 0 5px 20px; background:url(../i/icon_enlarge01.gif) no-repeat; font:bold 90% arial,sans-serif; color:#08a0b6;}
#photoTout p.enlarge,
#featPhotoA p.enlarge a {text-align:right; padding:2px 0 5px 20px; background:url(../i/icon_enlarge01.gif) no-repeat; font:bold 90% arial,sans-serif; color:#08a0b6;}

.featPhotoA2 {float:left; margin-right:20px; text-align:right;}
.featPhotoA2 img {margin:0 0 2px 0; border:none;}

/* Info Box */
div.articleModules div.infoBox {float:left; margin:0 0 15px 0; border:none; padding:0; border:1px solid #f6c1e5; padding:2px;}
div.articleModules div.infoBox .inner {float:left; background-color:#f7f7f7;  padding:5px 10px 10px 10px; width:274px;}
div.articleModules div.infoBox li {line-height:normal; font:normal 100% georgia,"times new roman",times,serif; padding:0;}
#article div.lineWrapper div.articleModules div.infoBox ul {padding-bottom:0;}
div.articleModules div.infoBox ul.linkList li {padding:0pt 0pt 4px 15px;}

div.articleModules div.infoBox p.dek {font:normal 93% georgia,"times new roman",times,serif; line-height:130%; display:inline; width:40%;}
div.articleModules div.infoBox h4,
div.articleModules div.infoBox h5{font:bold 110% arial,helvetica; color:#08a0b6;}
div.articleModules div.infoBox h4 a,
div.articleModules div.infoBox h5 a{font:normal 110% georgia,"times new roman",times,serif; color:#08a0b6; line-height:115%;}
div.articleModules div.infoBox .teaserLink a {display:inline; font:bold 93% arial, helvetica;}

/* Featured Photo "B" tout (smaller image, dek and backgrounf color) */
div.articleModules #featPhotoB {float:left; margin:-20px 0 5px 0; border:solid 1px #f7f7f7; border-top:0;}
div.articleModules #featPhotoB .inner {float:left; background-color:#f7f7f7;  padding:10px; width:280px;}
div.articleModules #featPhotoB ul {margin:0; padding:0; }
div.articleModules #featPhotoB li {}
div.articleModules #featPhotoB p {margin:0; padding:0;}
div.articleModules #featPhotoB p img {float:left; margin-right:10px;}
div.articleModules #featPhotoB p.dek {font:normal 93% arial,helvetica; line-height:160%; display:inline; width:40%; }
div.articleModules #featPhotoBh4.title {font:bold 115% arial,helvetica; color:#08a0b6;}
div.articleModules #featPhotoB h4 a {font:normal 115% georgia,"times new roman",times,serif; color:#08a0b6; line-height:1.15em;}
div.articleModules #featPhotoB .teaserLink a {display:inline; font:bold 100% arial, helvetica;}
div.articleModules #featPhotoB .enlarge {margin-top:10px;}

#byline span {margin:0 4px;}
#byline strong {color:#555}

/* Sponsored by */
.sponsImg li {float:left; margin:0 63px 15px 0;}
.sponsImg li.last {margin-right:0;}

/* Article pagination */
#pag {font:bold 108% Arial, Helvetica, sans-serif; padding:10px 0;}
#pag p {float:right; margin:0; padding:0;}
#pag a {float:left; border:2px solid #4dc5d6; padding:5px 9px; text-align:center; color:#08a0b6; margin-left:10px; text-decoration:none;}
#pag a#next {padding-right:18px; background:url(../i/arrow_next.gif) 43px 10px no-repeat;}
#pag a#prev {padding-left:16px; background:url(../i/arrow_prev.gif) 6px 10px no-repeat;}
#pag span#currPage {float:left; padding:1px; border:1px solid #ed008c; margin-left:10px; font:bold 100% Arial, Helvetica, sans-serif;}
#pag span b {float:left; display:block; background:#ed008c; color:#FFF; text-align:center; padding:5px 9px 5px 9px;}
#pag span {float:left; display:block; font-weight:normal; color:#555; font-size:80%; padding-top:9px;}
#pag a:hover, #pag a:hover#prev, #pag a:hover#next {background-color:#f7f7f7; border-color:#ed008c;}

/* Comment Links */
#commentLinks {padding-top:18px; font:11px bold Arial, Helvetica, sans-serif; color:#999; float:left;}

/* Quigo & OFIE */
.quigo {float:left; width:300px;}
.ofie {float:right; width:300px;}

#lightbox {position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img {border:none;}
#outerImageContainer {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; border:1px solid #fff; border-width:10px 10px 0 10px;}
#imageContainer {padding:0;}
#loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url(../i/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../i/prev.gif) left 50% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../i/next.gif) right 50% no-repeat;}
#nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration:none;}
#nextLinkText{padding-left:20px;}
#prevLinkText{padding-right:20px;}
.ontop #imageData {padding-top:5px;}
#imageDataContainer{font:11px Verdana, Helvetica, sans-serif; background:#fef2f9; margin:0 auto; line-height:1.4em; border:1px solid #fff; border-width:0 10px 10px 10px;}
#imageData{border:1px solid #f6c1e5; border-top:none; padding:10px 10px 0 10px;}
#imageData #imageDetails{width:70%; float:right; text-align:right;}
#imageData #caption{color:#999; padding-bottom:1.0em;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px; float:left;  padding-bottom:0.7em;}
#imageData #helpDisplay {clear:left; float:left; display:block;}
#overlay{position:absolute;top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;}
#lightbox .topCloseBtn {position:absolute; top:10px; right:10px; cursor:pointer;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}

/* network Integration MHI  */
#myhomeNtwk {float:left; border:solid 1px #88a8d8; padding:0; width:100%; background: #f0f6ff url(http://img4.myhomeideas.com/static/i/bg_scroll.png); color:#547ac0; margin-bottom:20px;}
#article  #myhomeNtwk ul {padding:0; margin-bottom:0;}
#myhomeNtwk li {padding:0 0 3px 8px;  font:normal 94% arial,helvetica,sans-serif;  background:url(../i/icons.gif) no-repeat 0 -989px; }
#myhomeNtwk p {margin:0; padding:0;}
#myhomeNtwk h4 {padding-bottom:5px; font:bold 116% arial,helvetica,sans-serif; color:#547ac0;}
#myhomeNtwk h4 span {font-size:85%;color:#555; margin-left:5px;}
#myhomeNtwk a {color:#547ac0;}

#myhomeNtwk div.inner {padding:10px; }
#myrecipesNtwk .inner h4 {font-size:15px;}
#myrecipesNtwk .inner h4 span{font-size:11px;}
#myhomeNtwk ul.linkList li a {color:#547ac0; font-size:12px;}
#article #myhomeNtwk ul.linkList li {padding-left:10px;  background: url(../i/icons.gif) no-repeat 0 -989px; line-height:18px;}
#myhomeNtwk div.ntwkLogo{background: url(../i/myhomeNtwk.png) no-repeat; width: 124px; height: 32px; margin: 0 0 0 155px;}

/* network Integration MR  */
#myrecipesNtwk {float:left; padding:0; width:100%; background:#fef8e1 url(../i/myrecipesNtwk.png) no-repeat top right ; font:georgia,times,serif; color:#ebf1e3; border:1px solid #ffd590; margin-bottom:20px;}
#myrecipesNtwk .inner h4 {margin-top:0; font:bold 16px georgia,times,serif; color:#563907;line-height:19px;}
#myrecipesNtwk div.inner {padding:10px; }
#myrecipesNtwk .inner h4 {font-size:16px; color:#000; margin-bottom:8px;}
#myrecipesNtwk .inner h4 span {font-size:16px; margin-left:0; color:#563907;}
#myrecipesNtwk ul.linkList li a {color:#08a0b6; font-size:12px;}
#myrecipesNtwk .ntwkLogo {margin-right:0; height:15px; background:url(../i/myrecipesNtwkLogo.png) right bottom no-repeat;}

.coupons2 {border:1px solid #f6c1e5; background:#f7f7f7; margin:0 0 5px 0; clear:both; font:14px arial, sans-serif;}
.coupons2 h3 {background:url(../i/scissors.gif) 140px 7px no-repeat; padding:8px 140px 8px 10px; margin:0 10px; color:#b91c8d; font-size:13px; font-weight:bold;}
.coupons2 .inner {border:3px double #f6c1e5; background:#fff; margin:0 10px 12px;}
.coupons2 td {padding:5px 10px 5px 15px; border-top:1px dotted #ccc;}
.coupons2 td:first-child {padding-left:25px;}
.coupons2 tr:first-child td {border:none;}

.ssimodule {margin:0 0 15px 0;}
.ssimore {text-align:right; margin-right:15px;}