/*article display */

#commentcontainer {
	width: 980px;
	margin:0 0 16px 0;
	vertical-align: top;
	float: left;
	}

#articleContent {
	width: 758px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	float:left;
	display: inline;
	}
	
#article a.toggleborder { border-left: 1px solid #01025c;padding-left:4px; color: #01025c; text-decoration: none;}
#article p.readcomments a.toggleborder { border-width:0; color: #01025c; text-decoration: none;}
#article a.toggleborder:hover { text-decoration: underline; }
#article a.post { color: #01025c;background-image: url(/img/cc/redesign/pencil_graphic.gif);background-repeat: no-repeat;background-position: left 2px;padding-left: 27px;text-decoration: none;}
#article a.post:hover { text-decoration:underline; }


/* read all comments styles */
#articlecomment { width: 600px; margin:16px 0 0 16px;padding:0;float:left;}
#articlecomment p {font: 12px arial; }
#articlecomment p.source, #articlecomment p.byline, #articlecomment p.date { font: 12px arial; color: #000; margin: 0; }
#articlecomment a { font: 12px arial;color: #620800;text-decoration:none; }
#articlecomment a:hover { font: 12px arial;color: #620800;text-decoration: underline; }
#articlecomment .clear { clear:both;height:1px; }
#articlecomment h4.reader { font: bold 11px arial; color: #000;margin:0 0 6px 0; }
#articlecomment h2, #articlecomment h2 a { font: bold 16px Trebuchet MS; color: #336600;margin:0;text-decoration: none; }
#articlecomment h2 a:hover { font: bold 16px Trebuchet MS; color: #336600;margin-top:0;text-decoration: underline; }
#articlecomment a.back { font: bold 11px arial;text-decoration:none;color: #751119;margin:0; }
#articlecomment a.back:hover { font: bold 11px arial;text-decoration:underline;color: #751119;margin:0; }

#articlecomment #commentsort { border-top: 1px solid #083994;border-bottom: 1px solid #083994;margin:0;padding:0; }
#articlecomment #commentsort h3 { font: 24px arial;color: #000;margin-bottom:6px;margin-top:8px; }
#articlecomment #commentsort p { color: #620800;margin:0 0 8px 0;}
#articlecomment #commentsort a {margin:0; }

#articlecomment #commentoptions { border-top: 1px solid #083994;padding: 4px 0px;margin-top: 8px;padding-top:8px; }
#articlecomment #commentoptions .smallcomments {text-align:left; }
#articlecomment #commentoptions p.paging a,#articlecomment #commentoptionsbottom p.paging a {font-weight:bold; }
#articlecomment #commentoptions p.paging a:hover,#articlecomment #commentoptionsbottom p.paging a:hover {font-weight:bold; }
#articlecomment #commentoptions p.paging { font-family:arial,sans-serif;font-size:12px;font-weight:bold;color: #620800;}

#articlecomment #commentoptionsbottom { border-bottom: 1px solid #083994;padding: 4px 0px;margin: 8px 0px; }
#articlecomment #commentoptionsbottom .smallcomments {text-align:left; }
#articlecomment #commentoptionsbottom p.paging { font-family:arial,sans-serif;font-size:12px;font-weight:bold;color: #620800;}

#articlecomment .postedcomment { border-bottom: 1px solid #083994;padding: 8px 0px; }
#articlecomment .postedcomment p { font: 12px arial; color: #000;margin:0 0 8px 0; padding:0;}


/*post a comment styles */
#articlepostcomment { margin: 16px 0 0 16px;width:600px; padding:0;float:left;}
#articlepostcomment { font: 12px arial; }
#articlepostcomment p.backto {margin: 0 0 8px 0; }
#articlepostcomment p.byline, #articlepostcomment p.source { margin:0;padding:0; } 
#articlepostcomment p.date { padding: 0; font: 12px arial; margin:0; }


#articlepostcomment p.readcomments { border-top:1px solid #004ea5;border-bottom:1px solid #004ea5;padding: 4px 0;color: #fff;}

#articlepostcomment a { color: #751119; font-family: arial,sans-serif;text-decoration: none;font-size: 12px; }
#articlepostcomment a:hover { color: #751119; font-family: arial,sans-serif;text-decoration: underline; }
#articlepostcomment a.back { font-weight:bold;font-size: 11px;}
#articlepostcomment h2, #articlepostcomment h2 a { font: bold 16px Trebuchet MS; color: #336600;margin:0;text-decoration: none; }
#articlepostcomment h2 a:hover { font: bold 16px Trebuchet MS; color: #336600;margin-top:0;text-decoration: underline; }
#articlepostcomment h3 { font: 24px arial;color: #000;margin-bottom:8px; }
#articlepostcomment .userinfo { font: 12px arial;color: #083994; }
#articlepostcomment #commentoptions { border-top: 1px solid #083994;border-bottom: 1px solid #083994;padding: 4px 0px;margin-top: 8px; }
#articlepostcomment #postform { margin:0;padding:0; }
#articlepostcomment #postform p { font: 12px arial; margin-bottom: 27px; }
#articlepostcomment #postform p.disclaimer { margin-bottom: 16px; }



/* review comment styles */
#previewcontent { margin: 0 0 0 8px;width:600px;float:left; }
#previewcontent p { font: 12px arial; }
#previewcontent p.backto {margin: 0 0 8px 0; }
#previewcontent p.byline, #previewcontent p.source, #previewcontent p.date { margin:0;padding:0; } 
#previewcontent p.readcomments { border-top:1px solid #004ea5;border-bottom:1px solid #004ea5;padding: 4px 0;}
#previewcontent a { color: #751119; font-family: arial,sans-serif;text-decoration: none; }
#previewcontent a:hover { color: #751119; font-family: arial,sans-serif;text-decoration: underline; }
#previewcontent a.back { font-weight:bold;font-size: 11px; }
#previewcontent h2, #previewcontent h2 a { font: bold 16px Trebuchet MS; color: #336600;margin:0;text-decoration: none; }
#previewcontent h2 a:hover { font: bold 16px Trebuchet MS; color: #336600;margin:0;text-decoration: underline; }

#previewcontent .userinfo { color: #004ea5; }

#previewcontent #postinginfo { border-bottom:1px solid #004ea5; }
#previewcontent #postinginfo h3 { font: 20px arial;color: #000;margin: 8px 0px; }
#previewcontent #postinginfo h4 { font-family: arial,sans-serif;color: #004ea5;font-weight:bold;margin-bottom:8px; }

#previewcontent .postedcomment { border-bottom: 1px solid #177AAE;padding: 8px 0px;margin-bottom:8px; }
#previewcontent .postedcomment p { margin:0 0 8px 0; }


#articleRightCol { width:300px; float:right;}
#articleRightCol h3{ text-transform:uppercase; font: 11px arial; color: #c7c7c7;text-align:center; margin: 8px 0 0 0}



/* hubpage link display styles */


#comments { margin-top: 0;margin-bottom:10px; } 
#spotlight #comments {margin-bottom:8px;}
#comments a.post { 
	background-image: url(/img/cc/redesign/pencil.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 27px;
	margin-left: 6px;
}

#comments a.post, #hubtopstory #comments a.post, .digest .abstract #comments a.post { 
	background-image: url(/img/cc/redesign/pencil.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 27px;
	margin-left: 0px;
	font: 11px arial;
	color: #01025c;
	text-decoration:none;
}

#hubtopstory #comments a.post:hover, .digest .abstract #comments a.post:hover {text-decoration:underline; }

	



#recentStories #comments a.post { 
	background-image: url(/img/universal/pencil_graphic.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 27px;

}
#recentStories #comments a, #spotlight #comments a, #hubpageSpotlight #comments a { font: 11px arial; color: #01025c; text-decoration: none; }

#recentStories #comments a:hover, #spotlight #comments a:hover, #hubpageSpotlight #comments a:hover { font: 11px arial;  color: #01025c; text-decoration: underline; }
#recentStories #comments a.toggleborder, #spotlight #comments a.toggleborder, #hubpageSpotlight #comments a.toggleborder { border-left: 1px solid #01025c;padding-left:4px; color: #820600;}

.unlinkedcomments { font: 11px arial;color: #000;}
.linkedcomments { font: 11px arial;color: #01025c;}

.articlepod { width:297px; margin:8px 0; background: url(/img/iplb/bottom_cap_green297.gif) no-repeat center bottom; padding: 0 0 8px 0;}
.articlepod h2 { font: bold 0.75em arial; text-transform:uppercase; color: #fff; background: url(/img/iplb/top_cap_green297.gif) no-repeat center bottom; padding: 4px 0 6px 8px; margin:0;}
.articlepod ul { margin:0; padding:0; padding: 6px 8px; background: url(/img/iplb/border_green297.gif) repeat-y;text-align:left;}
.articlepod ul li { list-style-type: none; background: url(/img/iplb/bullet_green.gif) no-repeat left 5px; font: bold 0.75em/1.5em arial; padding: 0 0 0 15px; margin: 0 0 8px 0;}
.articlepod ul li a, .articlepod ul li a:visited{ color: black;margin:0;text-decoration:none;}
.articlepod ul li a:hover{ color: black;margin:0;text-decoration:underline;}