/*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 #820600;padding-left:4px; color: #820600; text-decoration: none;}
#article .readcomments a.toggleborder { border-width:0; color: #820600; text-decoration: none;}
#article a.toggleborder:hover { text-decoration: underline; }
#article a.post { color: #820600;background-image: url(/img/universal/pencil_graphic.gif);background-repeat: no-repeat;background-position: left 2px;padding-left: 27px;text-decoration: none;}
#article a.post:hover { text-decoration:underline; }

#articleVideo_AwardsVideo a.toggleborder { border-left: 1px solid #820600;padding-left:4px; color: #820600; text-decoration: none;}
#articleVideo_AwardsVideo .readcomments a.toggleborder { border-width:0; color: #820600; text-decoration: none;}
#articleVideo_AwardsVideo a.toggleborder:hover { text-decoration: underline; }
#articleVideo_AwardsVideo a.post { color: #820600;background-image: url(/img/universal/pencil_graphic.gif);background-repeat: no-repeat;background-position: left 2px;padding-left: 27px;text-decoration: none;}
#articleVideo_AwardsVideo a.post:hover { text-decoration:underline; }


/* read all comments styles */
#articlecomment { width: 620px; margin:0 0 0 10px;padding:0;}
#articlecomment p.source { 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 arial; color: #083994;margin-top:0;text-decoration: none; }
#articlecomment h2 a:hover { font: bold 16px arial; color: #083994;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-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-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: 0 0 0 8px;width:620px; padding: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; }
#articlepostcomment a:hover { color: #751119; font-family: arial,sans-serif;text-decoration: underline; }
#articlepostcomment a.back { font-weight:bold;}
#articlepostcomment h2, #articlepostcomment h2 a { font: bold 16px arial; color: #083994;margin-top:0;text-decoration: none; }
#articlepostcomment h2 a:hover { font: bold 16px arial; color: #083994;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:420px; }
#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; }
#previewcontent h2, #previewcontent h2 a { font: bold 16px arial; color: #083994;margin-top:0;text-decoration: none; }
#previewcontent h2 a:hover { font: bold 16px arial; color: #083994;margin-top: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 { 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; }

/* hubpage link display styles */


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

#homeCenter #comments a.post { 
	background-image: url(/img/universal/pencil_graphic.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 27px;
	margin-left: 0px;
	font: 11px arial;
	color: #820600;
}

#leftHomeCenter #comments a.post, #midWrapper #comments a.post, .hubEntry #comments a.post, #FEcolumns #comments a.post, #FEopening #comments a.post, .FEcenterLeft #comments a.post, #SE_content #comments a.post, #surveysfeaturestory #comments a.post { 
	background-image: url(/img/universal/pencil_graphic.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 27px;
	margin-left: 0;
	font: 11px arial;
	color: #820600;
}	

.hubEntry #comments, .FEcenterLeft #comments  #SE_content #comments, #surveysfeaturestory #comments, #middleTopHub #comments { margin-top: 8px; }





#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: #620800; text-decoration: none; }

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

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


