﻿/* CSS Document used for opinion and analysis page*/

/*main opinion and analysis page*/
.opinion-top { padding: 0; float:left; width:630px; margin: 0 0 20px;border-bottom: 3px solid #d5d7ca;}
.opinion-top a .opinion-writer { padding: 0; float: left; width: 150px; margin: 0 10px 0 0; border-top: 1px solid #d5d7ca; cursor:pointer;}
.opinion-top a .opinion-writer:hover { background:#f6f6ec;}
.opinion-top a .last { margin-right: 0;}
.opinion-top a .opinion-writer a { display: block;}
.opinion-top a .opinion-writer .author-name { font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; padding: 5px 10px; border-top: 1px solid #ffccc8;}
.opinion-top a .opinion-writer .article-title { font-family: Arial, Helvetica, sans-serif; font-size: 100%;font-weight: normal; color: #000; text-decoration: none; padding: 5px 10px; border-top: 1px solid #ffccc8;}
.opinion-top a .opinion-writer .h2 { padding: 0; margin: 5px;}
.opinion-top a .opinion-writer  h2 { border-top: 1px solid #d5d7ca; font-family: Georgia, "Times New Roman", Times, serif; font-size: 125%; font-weight: bold; color: #000; padding: 5px 10px; margin: 0;}
.opinion-top a:hover .opinion-writer h2 { color: #c00000;}

/*single author page*/
.authorIntro { margin: 0 0 30px; padding: 0 20px 0 10px; float: left; width: 600px; border-top: 1px solid #d5d7ca; border-bottom: 3px solid #d5d7ca; height: 240px; }
.authorIntro .pic { margin: 0; padding: 0; float: left; height: 240px; width: 165px; }
.authorIntro .bio { float: left; width: 435px; margin-top: 10px; }
.authorIntro .bio h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 48px; font-weight: normal; margin: 0 0 5px; padding: 0; }
.authorIntro .bio h3 { font-family: Arial, Helvetica, sans-serif; color: #c00000; font-weight: bold; margin: 0 0 5px 5px; }
.authorIntro .bio p { font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 0 20px; font-size: 145%; line-height: 150%; }
#content-left .sub-section div ul.story-list li a {padding: 0 10px 10px;}
div#content-left div.sub-section {border-bottom:none;}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*html .clearfix { zoom: 1; display: block;  } /* IE6 */
*+html .clearfix { zoom: 1; display: block; } /* IE7 */