/* GENERAL = Additional Styles for Articles */
#c0 .article .article_content .no-border {border:none!important;}
	
/* standard section styles */
#c0 .article .article_content .article_section {border-bottom:1px dotted #000; padding-bottom: 12px; margin-bottom:12px; float:left; width:626px;}
#c0 .article .article_content .article_section h4 {color:#15a2ca; margin-left:160px; font-size:16px; text-transform:uppercase; font-family:Georgia, serif;}
#c0 .article .article_content .article_section h4 a {color:#15a2ca;}
#c0 .article .article_content .article_section h4 a:hover {text-decoration:underline;}
#c0 .article .article_content .article_section p {margin:4px 0 0 160px;}
#c0 .article .article_content .article_section img {padding:0; margin:0;}

#c0 .article .article_content .article_section.small-image h4 {margin-left:110px;}
#c0 .article .article_content .article_section.small-image p {margin:4px 0 0 110px;}

#c0 .article .article_content .article_section.large-image h4 {margin-left:210px;}
#c0 .article .article_content .article_section.large-image p {margin:4px 0 0 210px;}
/* for any lists in articles, follows editorial/article font and flows with images */
#c0 .article .article_content ul.article-editorial-list {padding:0; margin: 8px 0; font-family:Georgia, serif; clear:none;}

#c0 .article .article_content p.no-margin {margin:0;}

/* basic headers */
#c0 .article .article_content h2.plain-text {font-weight:bold; border:none; font-size:16px; line-height:135%; color:#000; display:block; margin: 8px 0;}
#c0 .article .article_content h3.plain-text {font-size:16px; text-transform:uppercase; margin: 8px 0;}

/* text decoration */
#c0 .article .article_content .hilight { background:#ffef00; padding:2px 4px; color:#000; }
#c0 .article .article_content .hilight a { color:#000;}
#c0 .article .article_content .magenta-subhed em {color:#ED1093; font-style:normal; font-weight:bold;}
#c0 .article .article_content .blue-subhed em {color:#15A2CA; font-style:normal; font-weight:bold;}
#c0 .article .article_content .red-subhed em {color:#C33; font-style:normal; font-weight:bold;}
/* in paragraphs with colour-subhed classes, first to italicize text and keep colour, second to remove colour and bold for regular em text*/
#c0 .article .article_content em.italicize {font-style:italic;}
#c0 .article .article_content em.not-subhed {color:#000; font-weight:normal;}
/* use when simply for decoration, not for true emphasis, mainly for use in 'basic' headers */
#c0 .article .article_content span.blue {color:#15a2ca;}
#c0 .article .article_content span.magenta {color:#ed1093;}
#c0 .article .article_content span.red {color:#c33;}
	
/* lists with number graphic */
#c0 .article .article_content p.item { margin: 0 0 0 32px; padding-top:15px;}
#c0 .article .article_content img.item_number {padding-top:20px; }

/* multi-page list-style articles (ex. 50 Reasons) */
#c0 .article .article_content h2 {color:#c33; border-top:8px solid #000; display:inline; clear:both; font-size:24px; font-weight:normal;}
#c0 .article .article_content h3 {font-size: 40px; padding-top:12px; margin-bottom:20px;}
#c0 .article .article_content .list-item-dek {font-size:18px;}

#c0 .article .article_content .listing {margin-bottom:16px; border-bottom: 1px solid #000; }
#c0 .article .article_content .listing h4 {text-transform:uppercase; border-bottom:4px solid #15A2CA; display:inline; font-size:16px; padding:0; margin:0;}
#c0 .article .article_content .listing p {margin: 0 0 16px 0;}
#c0 .article .article_content .listing p.info {margin:0 0 8px 0; padding:8px 0 0 0; line-height:160%; clear:left;}
#c0 .article .article_content .listing p.info strong { border-bottom:1px dotted #000; }
#c0 .article .article_content .listing p.info a:hover {text-decoration:none; border-bottom:1px solid #336699; }
#c0 .article .article_content .listing#slide { border-bottom:none;}
#c0 .article .article_content .listing#slide h4 {clear:right; float:none; line-height:180%;}
#c0 .article .article_content .listing#slide p.info {clear:none;}

/* FEATURE = Total Control - Feb. 2010 Magazine */
#c0 .article .article_content div.sidebar {width:200px; font-size:12px; line-height:120%; border:1px solid #000; padding:8px; margin-left:12px; float:right;}
#c0 .article .article_content div.sidebar p {margin-left: 86px;}
#c0 .article .article_content div.sidebar img {clear:left;}
#c0 .article .article_content div.sidebar h3 {font-size:16px; margin-bottom:12px;}
#c0 .article .article_content div.sidebar p.sidebar-dek { margin-left:0; font-size:14px; font-style:italic;}

/* FEATURE = Good Stuff Cheap - Jan. 2010 Magazine */
.l2 #c0 .article h1#cheap-2010 {font-size:76px; font-style:italic; line-height:110%; display:block; margin:-20px 0 24px 0;}
.l2 #c0 .article h1#cheap-2010  span {color:#999;}
#c0 .article p#cheap-2010-intro {color:#15a2ca; font-size:20px; font-family:Georgia, serif; line-height:140%; font-weight:bold;}
#c0 .article span#cheap-2010-byline { font-weight:normal; color:#000;}
#c0 .article .article_content .article_section.cheap-2010-article-list {width:626px;}
#c0 .article .article_content .article_section.cheap-2010-article-list h4 a {color:#ed1093; }
#c0 .article .article_content .article_section.cheap-2010-article-list h4 a:hover {text-decoration:underline; }
#c0 .article .article_content .article_section.cheap-2010-article-list h4, #c0 .article .article_content .article_section.cheap-2010-article-list p {margin-left:208px; }

#c0 .article .article_content .article_section.cheap-2010-article-list h4 a {color:#ed1093;}

ol#cheap-thrills {font-family:Georgia, serif; padding:0; margin:0;}
ol#cheap-thrills li { list-style-type:none; list-style-position:outside; margin:0 0 20px 0; padding:0; }
ol#cheap-thrills li span.number {font-family:Arial, sans-serif; font-weight:bold; font-size:32px; padding:8px 8px 8px 0; float:left; display:block;}
#c0 .article .article_content img#vertical-right {float:right; margin-top:20px;}
#c0 .article .article_content img#horizontal-right {float:right;}

#c0 .article .article_content div.related-links {padding:20px 0 0 0; clear:both; height:220px;}
#c0 .article .article_content div.related-links p {font-size:16px; margin:0;}
#c0 .article .article_content div.related-links ul {float:left; margin-right:32px; clear:none;}

/* FEATURE = 25 Ideas That Are Changing the World - Dec. 2009 Magazine */
.l2 #c0 .article .article_content h1#ideas-feature {font-size:68px; display:block; padding:10px 0;}
.l2 #c0 .article .article_content h1#ideas-feature strong {color:#c33; font-size:94px;}

/* FEATURE = Holiday Gift Guide - Dec. 2009 Magazine */
#c0 .article .article_content #holiday-landing-intro {clear:both; color:#C33; font-size:24px; font-style:italic;
line-height:120%; margin-top:-80px;}
#c0 .article .article_content #holiday-byline {margin:-10px 0 10px 0; color:#333; font-style:italic; font-size:16px;}
#c0 .article .article_content #holiday-byline a {color:#333;} 

#c0 .article .article_content .more-slides-img {padding:10px; margin:10px 20px 10px 0; border:1px solid #000;}
.l2 #c0 div.article-hdr {display:table; height:65px;}
.l2 #c0 div.article-hdr img {float:left; margin:0; padding:0;}
.l2 #c0 .energizer-sponsorship {background-color:#ddd; padding:8px; height:90px; margin-top:12px;}
.l2 #c0 .energizer-sponsorship img {margin:8px 0 0 12px; padding:0; vertical-align:middle;}
.l2 #c0 .energizer-sponsorship #energizer-ad {margin: 0 auto; width:560px;}

/* FEATURE = Winners and Losers of the Great Economic Shakedown - Nov. 2009 Magazine */
.l2 #c0 .article .article_content h1#winners-losers {font-size:68px; display:block; padding:10px 0;}
.l2 #c0 .article .article_content h1#winners-losers strong { text-transform:uppercase; color:#c33; font-weight:normal;}
.l2 #c0 .article .article_content p#winners-losers-intro {color:#c33; font-size:24px; line-height:120%; font-style:italic; clear:both;}

/* FEATURE = With Friends Like These - Oct. 2009 Magazine */
#c0 .article .article_content p.item { margin: 0 0 0 32px; padding-top:15px;}
#c0 .article .article_content img.item_number {padding-top:20px; }

/* FEATURE = Best of Fall package - Oct. 2009 Magazine */
#c0 .article .article_content #best-fall-guide h3 {font-size:20px; margin:12px 0 0 0; display:table;}
#c0 .article .article_content #best-fall-guide .guide-article { border-bottom:1px dotted; padding:10px 0; height:100px; }
#c0 .article .article_content #best-fall-guide .guide-article p { line-height:115%; margin-bottom:0;}
#c0 .article .article_content #best-fall-guide .guide-article img { padding-right:5px; }
#c0 .article .article_content #best-fall-guide .guide-article h4 { padding-top:0; text-transform: uppercase; font-size:16px; }
#c0 .article .article_content #best-fall-guide .guide-article h4 a { color:#000; }
#c0 .article .article_content #best-fall-guide .guide-article h4 a:hover { color:#369; }
#c0 .article .article_content span.red {font-weight:bold; color:#c33; font-family:Georgia, Times New Roman, serif;}

/* FEATURE = 50 Reasons to Love Toronto - June 2009 Magazine */
#c0 .article .article_content h2#table {display:table; clear:none;}
#c0 .article .article_content h2#last-page {color:#c33; border-top:8px solid #000; display:inline; clear:both; font-size:48px; font-weight:normal; text-transform:uppercase; }

#c0 .article .article_content h3#large {font-size: 60px; text-transform:uppercase;}
#c0 .article .article_content h3#small {font-size: 16px; font-weight:normal; line-height:150%;}
#c0 .article .article_content h3 span.large {font-size: 24px; text-transform:uppercase; color:#000; font-weight:bold;}
#c0 .article .article_content h3 span.larger {font-size: 32px; text-transform:uppercase; color:#000; font-weight:bold;}
#c0 .article .article_content h3 span.largest {font-size: 60px; text-transform:uppercase; color:#000; font-weight:bold; line-height:130%;}
#c0 .article .article_content h3#magenta-strong strong {color:#ed1093;}

#c0 .article .article_content div.multi-image {width:257px; margin: 0 12px 12px 0; border: 1px dotted #333; height:240px; float:left; padding:8px; clear:left;}
#c0 .article .article_content div.multi-image#right {margin: 0 0 10px 0; clear:none;}
#c0 .article .article_content div.multi_image p {clear:left; margin:0;}

#c0 .article .article_content div.multi-image-horiz {margin: 12px 0 12px 0; border-bottom: 1px dotted #333; height:140px;}
#c0 .article .article_content div.multi-image-horiz p {margin: 0 0 0 120px;}

#c0 .article .article_content div#miller-gore div.multi-image-horiz {margin: 12px 0 12px 0; border-bottom: 1px dotted #333; height:90px; clear:left;}
#c0 .article .article_content div#miller-gore div.multi-image-horiz p {margin: 0 0 0 72px;}
#c0 .article .article_content div#miller-gore div.multi-image-horiz#top-border {border-top: 1px dotted #333; }
#c0 .article .article_content div#miller-gore div#miller-gore-legend {padding:4px; border-bottom: 3px dotted #2d9958; margin-bottom:24px; height:72px;}
#c0 .article .article_content div#miller-gore div#miller-gore-legend p {color:#2d9958; font-weight:bold;}
