/* southernaccents.com| article.css */
#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 10px; background: url(../i/icons.gif) no-repeat 0 -649px; 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;}
.featPhotoA2 {float:left; margin-right:20px; text-align:right;}
.featPhotoA2 img {margin:0 0 2px 0; border:none;}

/* Photo tout with click to enlarge */
#photoTout {float:left; background-color:#f2f1e0; 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:#369; 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:#369;}
#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:#369;}

/* Info Box */
div.articleModules div.infoBox {float:left; margin:0 0 15px 0; border:none; padding:0; border:1px solid #eaead5; padding:2px;}
div.articleModules div.infoBox .inner {float:left; background-color:#f2f1e0;  padding: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 10px;}

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:#6f773b;}
div.articleModules div.infoBox h4 a,
div.articleModules div.infoBox h5 a{font:normal 110% georgia,"times new roman",times,serif; color:#369; 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 #c9dae6; border-top:0;}
div.articleModules #featPhotoB .inner {float:left; background-color:#e4ecf2;  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:#6f773b;}
div.articleModules #featPhotoB h4 a {font:normal 115% georgia,"times new roman",times,serif; color:#369; line-height:1.15em;}
div.articleModules #featPhotoB .teaserLink a {display:inline; font:bold 100% arial, helvetica;}
div.articleModules #featPhotoB .enlarge {margin-top:10px;}

/* Featured Photo pop-up (show/hide) */
#layerDiv.showhide {visibility:hidden;}
#layerDiv .popWrapper500 {width:548px; position:absolute; top:420px; left:40px; z-index:10;}
#layerDiv .popWrapper500 #censhad {float:left; width:548px; height:100%; background:transparent url(../i/shad-top-down.png) 0 0 repeat-y; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/shad-top-down.png', sizingMethod='crop')}
#layerDiv .popWrapper500 #censhad #inner {float:left; width:518px; margin:0 14px; background:#FFF; border:1px solid #90c8db;}
#layerDiv .popWrapper500 #censhad #inner .enlargedImg {margin:8px 9px 0 9px;}
#layerDiv .popWrapper500 #censhad #inner .btnClose {position:absolute; top:36px; left:488px; cursor:pointer;}
#layerDiv .popWrapper500 #censhad #inner .popFooter {width:483px; margin:0 9px 8px 9px; text-align:right; background:url(../i/bg_photoboxLogo.png) no-repeat 3% 50% #e4ecf2;border:1px solid #c9dae6;color:#bbbdbd;padding:8px 15px 30px 0;}
#layerDiv .popWrapper500 #topshad {float:left; height:14px; width:548px; background:transparent url(../i/shad-top.png) 0 0 no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/shad-top.png', sizingMethod='crop')}
#layerDiv .popWrapper500 #botshad {float:left; height:14px; width:548px; background:transparent url(../i/shad-bottom.png) 0 0 no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/shad-bottom.png', sizingMethod='crop')}
#layerDiv .popWrapper400 {width:448px; position:absolute; top:420px; left:40px; z-index:10;}
#layerDiv .popWrapper400 #censhad {float:left; width:448px; height:100%; background:transparent url(../i/shad-top-down-w400.png) 0 0 repeat-y; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/shad-top-down-w400.png', sizingMethod='crop')}
#layerDiv .popWrapper400 #censhad #inner {float:left; width:418px; margin:0 14px; background:#FFF; border:1px solid #90c8db;}
#layerDiv .popWrapper400 #censhad #inner .enlargedImg {margin:8px 9px 0 9px;}
#layerDiv .popWrapper400 #censhad #inner .btnClose {position:absolute; top:36px; left:388px; cursor:pointer;}
#layerDiv .popWrapper400 #censhad #inner .popFooter {width:383px; margin:0 9px 8px 9px; text-align:right; background:url(../i/bg_photoboxLogo.png) no-repeat 3% 50% #e4ecf2;border:1px solid #c9dae6;color:#bbbdbd;padding:8px 15px 30px 0;}
#layerDiv .popWrapper400 #topshad {float:left; height:14px; width:448px; background:transparent url(../i/shad-top-w400.png) 0 0 no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/shad-top-w400.png', sizingMethod='crop')}
#layerDiv .popWrapper400 #botshad {float:left; height:14px; width:448px; background:transparent url(../i/shad-bottom-w400.png) 0 0 no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/shad-bottom-w400.png', sizingMethod='crop')}

#byline {}
#byline span {margin:0 4px;}

/* Sponsored by */
.sponsImg {}
.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 #e4e3c0; padding:5px 9px; text-align:center; color:#369; 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 #cac782; margin-left:10px; font:bold 100% Arial, Helvetica, sans-serif;}
#pag span b {float:left; display:block; background:#cac782; 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:#f2f1e0; border-color:#cac782;}

/* 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:#e4ecf2; margin:0 auto; line-height:1.4em; border:1px solid #fff; border-width:0 10px 10px 10px;}
#imageData{border:1px solid #c9dae6; 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 -775px; }
#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 -775px; 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:#369; font-size:12px;}
#myrecipesNtwk ul.linkList li {padding-left:11px; background-position:0 -255px;}
#myrecipesNtwk .ntwkLogo {margin-right:0; height:15px; background:url(../i/myrecipesNtwkLogo.png) right bottom no-repeat;}

.toolbarS1 {clear:both; padding:15px 0 0 0;}