/* MAGAZINE ARTICLE STYLES */

/* General Magazine Styles */
.article .magazine, .article .magazine td { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 18px;  }
.article .magazine h3 { font-family: Georgia, serif; font-size: 30px; font-weight: normal; padding: 10px 0px 10px 0px; margin: 0px; color: #C13D55; }
.article .magazine a, .article .magazine a:link { text-decoration: none; color: #7B051B; }
.article .magazine a:visited { color: #666; }
.article .magazine a:hover { text-decoration: none; color: #C13D55; }
.article .magazine a img { border: 0; }
.article .magazine p { color: #333; margin: 8px 0px; }
.article .magazine ul { margin: 0px 0px 20px 0px; padding: 0px; }
.article .magazine li { list-style: none; line-height: 27px; border-bottom: 1px dotted #CCC; }
.article .magazine table, .magazine tr { padding: 0px; margin: 0px;}
.article .magazine td { vertical-align: top; }

.article .magazine .border { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNpiPHPmDAMQdACxCxDPYoEyyhkgoIMJSLxnQID3IBVngTgMiI1BWhj////PgAwICwAEGABCHBHhVzY/GgAAAABJRU5ErkJggg==) repeat-y; }

/* 2 Column Template - normal width with sidebar */
.article .magazine .two_column { width: 100%;  }
.article .magazine .two_column td { width: 50%; padding: 10px 20px 0px 0px; }


/* 3 Column Template - full width */ 
.article .magazine .three_column { width: 100%; }
.article .magazine .three_column td { width: 30%; padding: 10px 10px 10px 15px; }


/* COLOR PALETTES */
/* If no color is specified - defaults to SK pink */

.article .black h3 { color: #000; }
.article .black a:link, .black a, .black li a { color: #000; text-decoration: none; }
.article .black a:hover, .black a:hover, .black li a:hover { color: #666; text-decoration: none; }
.article .black p { color: #333;}
.article .black li { border-bottom: 1px dotted #999; }
.article .black .border { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNpiYICADiA+A8RpII4LEP+H4ncgAWMkgbuMUC2hUIlZjP///2dABoQFAAIMABpBEhZIGWwcAAAAAElFTkSuQmCC) repeat-y; }

.article .gray h3 { color: #666; }
.article .gray a:link, .gray a, .gray li a { color: #666; text-decoration: none; }
.article .gray a:hover, .gray a:hover, .gray li a:hover { color: #999; text-decoration: none; }
.article .gray p { color: #333;}
.article .gray li { border-bottom: 1px dotted #CCC; }
.article .gray .border { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNpiTEtLYwCCDiB2AeJZLFBGOQMEdDABifcMCPAepOIsEIcBsTFIC+P///8ZkAFhAYAAAwC2MxCvY3ZMYAAAAABJRU5ErkJggg==) repeat-y; }

/* SK Love */
.article .red h3 { color: #CA0202; }
.article .red a:link, .red a, .red li a { color: #820000; text-decoration: none; }
.article .red a:hover, .red a:hover, .red li a:hover { color: #e76a6a; text-decoration: none; }
.article .red li { border-bottom: 1px dotted #999; }

/* SK Parenting */
.article .orange h3 { color: #E46516; }
.article .orange a:link, .orange a, .orange li a { color: #BB4001; text-decoration: none; }
.article .orange a:hover, .orange a:hover, .orange li a:hover { color: #FE8605; text-decoration: none; }
.article .orange li { border-bottom: 1px dotted #999; }

/* SK Shopping */
.article .macncheese h3 { color: #FFB037; }
.article .macncheese a:link, .macncheese a, .macncheese li a { color: #FE8605; text-decoration: none; }
.article .macncheese a:hover, .macncheese a:hover, .macncheese li a:hover { color: #FFB037; text-decoration: none; }
.article .macncheese li { border-bottom: 1px dotted #999; }

.article .yellow { }

.article .green { }

/* SK Contests */
.article .shamrock h3 { color: #0E8A4B; }
.article .shamrock a:link, .shamrock a, .shamrock li a { color: #0E8A4B; text-decoration: none; }
.article .shamrock a:hover, .shamrock a:hover, .shamrock li a:hover { color: #45B87E; text-decoration: none; }
.article .shamrock li { border-bottom: 1px dotted #999; }

/* SK Living */
.article .sage h3 { color: #81B872; }
.article .sage a:link, .sage a, .sage li a { color: #517247; text-decoration: none; }
.article .sage a:hover, .sage a:hover, .sage li a:hover { color: #81B872; text-decoration: none; }
.article .sage li { border-bottom: 1px dotted #999; }

.article .blue { }

/* SK Pets */
.article .azure h3 { color: #0A8CFE; }
.article .azure a:link, .azure a, .azure li a { color: #0A8CFE; text-decoration: none; }
.article .azure a:hover, .azure a:hover, .azure li a:hover { color: #73C5FF; text-decoration: none; }
.article .azure li { border-bottom: 1px dotted #999; }

/* SK Home */
.article .skyblue h3 { color: #6FB4D3; }
.article .skyblue a:link, .skyblue a, .skyblue li a { color: #2f778a; text-decoration: none; }
.article .skyblue a:hover, .skyblue a:hover, .skyblue li a:hover { color: #6FB4D3; text-decoration: none; }
.article .skyblue li { border-bottom: 1px dotted #999; }

/* SK How-to */
.article .denim h3 { color: #0061AA; }
.article .denim a:link, .denim a, .denim li a { color: #0061AA; text-decoration: none; }
.article .denim a:hover, .denim a:hover, .denim li a:hover { color: #0194FD; text-decoration: none; }
.article .denim li { border-bottom: 1px dotted #999; }

.article .navy { }
.article .navy .border { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpiFBDRZwCCDiB2AeJZjEABEGM3AwS8ZwIRDAjwnpmDS+I5kHENiO8BcQHj////GZABYQGAAAMA9rYSD7ZzFLYAAAAASUVORK5CYII=) repeat-y; }

.article .violet h3 { color: #694291; }
.article .violet a:link, .violet a, .violet li a { color: #694291; text-decoration: none; }
.article .violet a:hover, .violet a:hover, .violet li a:hover { color: #a085bc; text-decoration: none; }
.article .violet li { border-bottom: 1px dotted #999; }

/* SK Wellness */
.article .orchid h3 { color: #9A3A84; }
.article .orchid a:link, .orchid a, .orchid li a { color: #9A3A84; text-decoration: none; }
.article .orchid a:hover, .orchid a:hover, .orchid li a:hover { color: #d78dc4; text-decoration: none; }
.article .orchid li { border-bottom: 1px dotted #999; }

/* SK Entertainment */
.article .magenta h3 { color: #BD057F; }
.article .magenta a:link, .magenta a, .magenta li a { color: #881A61; text-decoration: none; }
.article .magenta a:hover, .magenta a:hover, .magenta li a:hover { color: #d84faa; text-decoration: none; }
.article .magenta li { border-bottom: 1px dotted #999; }



/* CUSTOME COLOR PALETTES */

/* Royal Wedding */
.article .royal_wedding h3 { color: #c52424; }
.article .royal_wedding a:link, .royal_wedding a, .royal_wedding li a { color: #10142f; text-decoration: none; }
.article .royal_wedding a:hover, .royal_wedding a:hover, .royal_wedding li a:hover { color: #4e5373; text-decoration: none; }
.article .royal_wedding li { border-bottom: 1px dotted #999; }
.article .royal_wedding .border { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpiFBDRZwCCDiB2AeJZjEABEGM3AwS8ZwIRDAjwnpmDS+I5kHENiO8BcQHj////GZABYQGAAAMA9rYSD7ZzFLYAAAAASUVORK5CYII=) repeat-y; }`



/* FACEBOOK COMMENTS BOX - What readers are saying */

.article .facebook_box.tall { width: 245px; }
.article .facebook_box.wide { width: 100%; }

.article .facebook_box.wide div.comments { padding: 10px; width: 95%; }
.article .facebook_box div.comments { border: 1px solid #CCC; background: #fff; padding: 10px 0px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}
.article .facebook_box .comments h3 { color: #a32143; font-family: Arial, sans-serif; font-size: 16px; padding: 0px 10px 10px 10px; margin: 0px; }
.article .facebook_box .comments ul { margin: 0px; padding: 0px; border-top: 1px solid #CCC; }
.article .facebook_box .comments li { clear: both; border-bottom: 1px solid #CCC; background-color: #e2e2e2; list-style: none; padding: 10px; margin: 1px 0px; min-height: 56px; }
.article .facebook_box .comments li:nth-child(even) { background-color: #f6f6f6; }
.article .facebook_box .comments li img { float: left; display: block;  height: 50px; width: 50px; border: 1px solid #CCC; background-color: #FFF; padding: 2px; }
.article .facebook_box .comments li p { padding: 0px; margin: 0px; padding-left: 60px; color: #515050; font-family: Arial, sans-serif; font-size: 13px; }
.article .facebook_box .comments li p em { color: #c33d58; font-style: normal; font-weight: bold; }

.article .facebook_box.wide .chimein_button { width: 290px; font-size: 16px; padding: 8px; }
.article .facebook_box .chimein_button a { color: #FFF; text-decoration: none; }
.article .facebook_box .chimein_button { background-color: #a32143; color: #FFF; margin: 10px 0px; padding: 5px; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; 

/* Shadows for everyone else */
-moz-box-shadow:2px 2px 2px #b0b0b0;
-webkit-box-shadow:2px 2px 2px #b0b0b0;
box-shadow:2px 2px 2px #b0b0b0;

/* Shadows for IE */
zoom: 1; /* This enables hasLayout, which is required for older IE browsers */
       filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);
}

.article .facebook_box .chimein_button::after {
content: "►";
padding-left: 4px;
}


/* QUOTE BOX */
.article .quote-box { float: right; width: 160px; padding: 30px 20px 10px 20px; margin: 20px 0px 20px 20px; font-family: Georgia, serif; font-weight: bold; font-size: 14px; line-height: 24px; }

.article .quote-box p { margin: 0px; padding-bottom: 10px; border-bottom: 1px dotted; font-style: italic; }
.article .quote-box em { font-size: 80px; line-height: 2px; vertical-align: bottom; font-style: normal; padding-top: 10px; } /* big quote */
.article .quote-box p em { font-size: 40px; line-height: 2px; vertical-align: bottom; font-style: normal;} /* small quote */
.article .quote-box .signature { text-align: right; font-family: Arial, sans-serif; font-weight: normal; padding-top: 10px;  }

/* Color pallettes */
.article .quote-box { background-color: #a32143; color: #FFF; border-color: #FFF; } /* Default SK Pink */
.article .quote-box.black { background-color: #000; color: #FFF; border-color: #FFF; }
.article .quote-box.charcoal { background-color: #333; color: #FFF; border-color: #FFF; }
.article .quote-box.red { background-color: #CA0202; color: #FFF; border-color: #FFF; }
.article .quote-box.orange { background-color: #E46516; color: #FFF; border-color: #FFF; }
.article .quote-box.macncheese { background-color: #FFB037; color: #FFF; border-color: #FFF; }
.article .quote-box.shamrock { background-color: #0E8A4B; color: #FFF; border-color: #FFF; }
.article .quote-box.sage { background-color: #81B872; color: #FFF; border-color: #FFF; }
.article .quote-box.azure { background-color: #0A8CFE; color: #FFF; border-color: #FFF; }
.article .quote-box.skyblue { background-color: #6FB4D3; color: #FFF; border-color: #FFF; }
.article .quote-box.denim { background-color: #0061AA; color: #FFF; border-color: #FFF; }
.article .quote-box.violet { background-color: #694291; color: #FFF; border-color: #FFF; }
.article .quote-box.orchid { background-color: #9A3A84; color: #FFF; border-color: #FFF; }
.article .quote-box.magenta { background-color: #BD057F; color: #FFF; border-color: #FFF; }


/* QA BOXES */
.article .qa-box { margin: 0px; padding: 0px; }
.article .qa-box .text-box h2 { margin: 0px 15px 10px 15px; padding: 20px 0px 10px 0px; border-bottom: 1px dotted; font-family: Georgia, serif; font-weight: bold; font-size: 15px; line-height: 20px; }
.article .qa-box .text-box p { margin: 0px; padding: 0px 15px 20px 15px; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px; }

.article .stencil.qa-box { float: right; padding: 0px; margin: 20px 0px 20px 20px; }
.article .stencil.qa-box h1 { background: transparent url(http://cdn.sheknows.com/magazine/qa-box/qa-stencil.png) no-repeat bottom center; height: 172px; width: 200px; text-indent: -9999px; overflow: hidden; padding: 0px; margin: 0px; }

.article .cutout.qa-box .bg-img { position: relative; padding: 0px; margin: 0px; width: 600px; height: 420px; }
.article .cutout.qa-box .bg-img img { width: 600px; height: 420px; }
.article .cutout.qa-box .wrapper { position: absolute; top: 0px; left: 0px; }
.article .cutout.qa-box .text-box { height: 248px;}

.article .cutout.qa-box h1 { background: transparent url(http://cdn.sheknows.com/magazine/qa-box/qa-cutout.png) no-repeat bottom center; height: 172px; width: 200px; text-indent: -9999px; overflow: hidden; padding: 0px; margin: 0px; }
.article .cutout.qa-box.charcoal h1 { background: transparent url(http://cdn.sheknows.com/magazine/qa-box/qa-cutout-charcoal.png) no-repeat bottom center; height: 172px; width: 200px; text-indent: -9999px; overflow: hidden; padding: 0px; margin: 0px; }

/* Color pallettes */
.article .qa-box .text-box { background-color: #a32143; color: #FFF; border-color: #FFF; width: 200px;} /* Default SK Pink */
.article .qa-box.black .text-box { background-color: #000; color: #FFF; border-color: #FFF; }
.article .qa-box.charcoal .text-box { background-color: #333; color: #FFF; border-color: #FFF; }
.article .qa-box.red .text-box { background-color: #CA0202; color: #FFF; border-color: #FFF; }
.article .qa-box.orange .text-box { background-color: #E46516; color: #FFF; border-color: #FFF; }
.article .qa-box.macncheese .text-box { background-color: #FFB037; color: #FFF; border-color: #FFF; }
.article .qa-box.shamrock .text-box { background-color: #0E8A4B; color: #FFF; border-color: #FFF; }
.article .qa-box.sage .text-box { background-color: #81B872; color: #FFF; border-color: #FFF; }
.article .qa-box.azure .text-box { background-color: #0A8CFE; color: #FFF; border-color: #FFF; }
.article .qa-box.skyblue .text-box { background-color: #6FB4D3; color: #FFF; border-color: #FFF; }
.article .qa-box.denim .text-box { background-color: #0061AA; color: #FFF; border-color: #FFF; }
.article .qa-box.violet .text-box { background-color: #694291; color: #FFF; border-color: #FFF; }
.article .qa-box.orchid .text-box { background-color: #9A3A84; color: #FFF; border-color: #FFF; }
.article .qa-box.magenta .text-box { background-color: #BD057F; color: #FFF; border-color: #FFF; }