/*
article style
pfagan 04/2007
*/

/* display hacks ------------------------------------------------------------ */

.clear {
    clear: both;
}
p.clear {
    margin: 0;
    padding: 0;
}

/* viewport ----------------------------------------------------------------- */

body {
    margin: 0;
    background: #FFF;
    padding: 0;
    font-size: 80%;
    color: #000;
}

#container {
    margin: 0;
    padding: 0;
    width:964px;
}

/* link styles -------------------------------------------------------------- */

a:link {
    color: #015660;
    text-decoration: none;
}
a:visited {
    color: #667B7B;
    text-decoration: none;
}
a:hover, a:visited:hover { 
    text-decoration: underline;
}

/* main article content ----------------------------------------------------- */

/* Layout Widths:
    Left    Left     Article    Right   Vertical  Articlebox   Groupmenu
    Border  Margin   Content    Margin  Rule      Margin       Content
    8px     10px     VARIABLE   10px    1px       10px         VARIABLE
*/

#contentbody {
    border-left: 8px solid #EFEFEF;
    padding:10px 0 10px 10px;
}

table.article tr {
    vertical-align: top;
}

#contentcol {
    width:100%;
    padding-right:10px;
}

#contentcol h1, #contentcol h2, #contentcol h3 {
    font-family: Arial, Helvetica, sans-serif;
}

#contentcol h1 {
    margin:11px 0 0 0;
    font-size:1.44em;
}

#contentcol h2 {
    margin:2px 0 0 0;
    font-size:1.26em;
}

#contentcol div.headlines {
    margin: 0 0 11px 0;
    padding: 0;
}

#contentcol p.byline,
#contentcol p.date {
    margin:0 0 3px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:.86em;
}

#contentcol #divider hr  {display: none;}
#contentcol #divider img {margin-top: 5px;}

/* articletools ------------------------------------------------------------- */
    
#contentcol .articletools {
    clear: both;
    margin-top:  12px;
    background:  url('/templates/types/article/graphics/tools_dashline.gif') repeat-x;
    padding: 6px 0 0 0;  /* padding-top is 5px visually, but the extra top pixel
                            compensates for the dashline background image at the
                            top */
}

/* Article Tools: Font Preferences */

#contentcol .fontprefs {
    display: inline;
	float:right;
    margin-left:10px;
}

#contentcol .fontfamily,
#contentcol .fontminus {
    margin-right: 5px;
}
#contentcol .fontminus {
    margin-left: 7px;
}

#fontbutton {
    display: inline;
    position: relative;
}

#fontpopupmask {
    display: none;
    position: absolute;
    width: 337px;
    height: 480px;
    margin: -106px 0 0 -106px;
}

#fontpopup {
    z-index: 2;
    display: none;
    position: absolute;
    width: 137px;
    margin: -6px 0 0 -6px;
}

#fontpopup .tab {
    display:inline;
    float:left;
    width:  45px;
    height: 15px;
    border-top:   1px solid gray;
    border-right: 1px solid gray;
    border-left:  1px solid gray;
    padding: 5px 0 6px 5px;
    background: #FFF;
}

#fontpopup .tabmask {
    float: right;
    width:  85px;
    height: 26px;
    border-bottom:  1px solid gray;
}

#fontpopup form {
    clear: both;
    margin:0;
    border-right:  1px solid gray;
    border-bottom: 1px solid gray;
    border-left:   1px solid gray;
    background:#FFF;
    padding: 5px 5px 0 5px;
    font-size: .96em;
}

#fontpopup div.choice {
margin-bottom: 5px;
}

#fontpopup input {
margin-bottom: -2px;
}

#fontpopup .isdefault {
    color: #666;
    font-style: italic;
}

.xs {font-size: .86em;}
.sm {font-size: 1.02em;}
.md {font-size: 1.2em;}
.lg {font-size: 1.5em;}
.xl {font-size:   2em;}

.georgia {font-family: Georgia, 'Times New Roman', Times, serif;}
.verdana {font-family: Verdana, Arial, sans-serif;}
.times   {font-family: 'Times New Roman', serif;}
.arial   {font-family: Arial, sans-serif;}

#contentcol .toolsponsor {
    float:right;
}

#contentcol .toolsponsor a img {
    border:0;
}

/* Article Tools: Print and Email Preferences */

#contentcol .articletools #utilitymenu {
    /* the #utilitymenu div can be removed */
    display:inline;
    float:left;
    width: 222px;
}
#contentcol .articletools ul {
    display:inline;
    float:left;
    width: 222px;
    margin:0;
    padding:0;
    list-style-type:none;
}
#contentcol .articletools li {
    display:inline;
    float:left;
    width:83px;
    margin:0;
    padding:0;
}
#contentcol .articletools li.print {
    width:124px;
}
#contentcol .articletools li a {
    display:block;
    height: 0px !important;
    height /**/:15px;  /* IE5.5Win fix */
    background-image: url('/templates/types/article/graphics/tools_email.gif');
    background-repeat: no-repeat;
    padding: 15px 0 0 0;
    overflow: hidden;
}
#contentcol .articletools li.print a {
    background-image: url('/templates/types/article/graphics/tools_printable.gif');
}

/* Article Tools: Sharing Preferences */

#contentcol .shareprefs {
    display: inline;
    position: relative;
    float:left;
    width: 68px;
}

/* The selectors with numerals below correspond to the top and bottom instances
   of the font prefs popup. Pairs of IDs instead of a single class are used 
   because the JavaScript must address these elements by ID.
*/
#sharepop1, #sharepop2 {
    z-index: 2;
    display: none;
    position: absolute;
    width: 248px;
    margin: -6px 0 0 -9px;
}

#sharepop1mask, #sharepop2mask {
    display: none;
    position: absolute;
    width: 448px;
    height: 480px;
    margin:-106px 0 0 -109px;
}

.shareprefs .tab  {
    display:inline;
    float:left;
    width:  60px;
    border-top:   1px solid gray;
    border-right: 1px solid gray;
    border-left:  1px solid gray;
    padding: 5px 0 6px 8px;
    background: #FFF;
}

.shareprefs .tabmask {
    float: right;
    width:  178px;
    height: 26px;
    border-bottom:  1px solid gray;
}

.shareprefs .sharelinks {
    clear: both;
    border-right:  1px solid gray;
    border-bottom: 1px solid gray;
    border-left:   1px solid gray;
    background:#FFF;
    font-family: Verdana, sans-serif;
    font-size: .82em;
}

.shareprefs .sharelinks img {
    margin: 6px 5px -6px 8px;
    border: 0;
}

.shareprefs .sharelinks table {
    width: 100%;
}

.shareprefs .sharelinks td {
    padding-bottom: 10px;
}

                   .shareprefs .sharelinks td.left {width: 100px;}
* html             .shareprefs .sharelinks td.left {width:  auto;}
*:first-child+html .shareprefs .sharelinks td.left {width:  auto;}

/* Article Tools: Article Comments ------------------------------------------ */

#contentcol img.new {
    display: inline;
    float: left;
}

#contentcol #sfgate_commenttopmenu {
    display:inline;
    float:left;
    font-family: Verdana, sans-serif;
    font-size: .72em;
    color: #666;
}
#contentcol #sfgate_commenttopmenu img {
    float:left;
}
#contentcol #sfgate_topCnt {
    display:inline;
	float:left;
    margin: .16em 5px 0 5px;
}
#contentcol #sfgate_commenttopmenu a,
#contentcol #sfgate_commenttopmenu a:link,
#contentcol #sfgate_commenttopmenu a:visited,
#contentcol #sfgate_commenttopmenu a:hover {
    color: #666;
    text-decoration: none;
}

/* Article Tools: Dotted Lower Edge Clear Div
   The top margin complements the space created by the floated ul. IE 6 and 7
   handle the float+margins differently so they receive hacks. The bottom margin
   takes the place of rules that the bad P tags in the body text prevent.
*/
#contentcol .articletools .loweredge {
    clear: both;
    height: 1px;
    background: url('/templates/types/article/graphics/tools_dashline.gif') repeat-x;
    margin: 20px 0 10px 0;
}
* html             #contentcol .articletools .loweredge {margin-top: 2px;}
*:first-child+html #contentcol .articletools .loweredge {margin-top: 2px;}

/* body of article ---------------------------------------------------------- */

#articlecontent {
    clear:both;
    margin-top: .75em;
}

* html #articlecontent {
    margin-top:-13px;
}

#bodytext {
    clear:left;
    line-height:1.44em;
 }

#bodytext p {
margin:.75em 0 0 0;
/* Until paragraphs are proper containers, we can't count on the first
   paragraph being identified as such. so the leading after the first
   paragraph is handled by the top of the second, and so on. The leading
   ABOVE the first paragraph is handled by the bottom margin of
   .articletools .loweredge */ 
padding: 0;
}

#bodytext .dropcap {
display: inline;
float:left;
font-size: 3.1em;
line-height: .9em;
padding-top: .02em;
padding-right: .15em;
}

/* article footers ---------------------------------------------------------- */

#articlefooter {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .74em;
    line-height: 1.2em;
}

#articlefooter .imgleft {
    float:left;
    border:1px solid #000;
}

#articlefooter .imgright {
    float:right;
    border:1px solid #000;
}

/* charts ---------------------------------------------------------------- */

#chart_start pre {
    clear:both;
    font-family: 'Andale Mono', 'Lucida Console', monospace;
    font-size:.98em;
}

#chart_start hr {
    border:0px;
    background-color: #666;
    height: 1px;
    color:#666;
}

#chartlink {
    border: 1px solid #999;
    padding: 6px;
    font-size:.86em;
}

#chart_display div.view_article {
margin-top: 11px;
}

/* page number -------------------------------------------------------------- */

#contentcol #pageno {
    color: #555;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:.86em;
    font-style: italic;
}



/* article comment box ------------------------------------------------------ */

#contentcol #sfgate_commentbox {
    background: #EFEFEF;
    margin-top: -10px;
    padding: 12px 10px;
    border-bottom: 1px solid #CCC;
}
#contentcol #sfgate_commentbox h3,
#contentcol #sfgate_commentbox div {
    font-family: Verdana, sans-serif;
}
            * html #contentcol #sfgate_commentbox div {font-size:  .86em;}
*:first-child+html #contentcol #sfgate_commentbox div {font-size:  .86em;}

#contentcol #sfgate_commentbox h3 {
    display: inline;
    float: left;
    width:80px;
    height: 11px;
    margin:0 0 7px 0;
    padding: 0;
    text-indent: -1024px;
    background: url('/templates/types/article/graphics/comments_heading.gif') no-repeat;
}
#contentcol #sfgate_bottomCnt {
    display: inline;
    float: left;
    width: 120px;
    margin:-3px 0 7px 7px;
    font-weight: bold;
}
#contentcol #sfgate_bottomQuestion {
    clear: both;
    margin-bottom: 7px;
    font-size: .96em;
    font-weight: bold;
}
#contentcol #sfgate_bottomQuestion .error {
margin-left: 10px;
color: #900;
}
#contentcol #sfgate_addlink {
    display: inline;
    float: left;
    margin-right: 15px;
}
#contentcol #sfgate_addlink,
#contentcol #sfgate_viewlink {
    font-size: .92em;
}

/* google ad, wide ---------------------------------------------------------- */

#contentcol .google {
/* margin:10px 0 30px 0; -- defaults from google.css */
       margin:25px 0 15px 0;
}

/* buy chronicle ------------------------------------------------------------ */

#buychronicle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:.86em;
    line-height:2.6em;
}

#buychronicle img {
    float:left;
    margin-right:5px;
    border:0;
}

#buychronicle img {
    float:left;
    border:0;
}

/* back to top -------------------------------------------------------------- */

#toplink {
    clear: both;
    margin: 40px 0 0 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:.82em;
}

/* article box -------------------------------------------------------------- */

#articlebox {
    display:inline;
    float:right;
    width:160px;
    margin-left: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#articlebox .boxitem, #objbox, #chartlink {
    margin-bottom: 10px;
}

#articlecontent div.dropin {
    margin-top: 10px;
    border:1px solid #000;
    padding:8px;
    font-size:.82em;
}
* html #articlecontent .dropin {width: 100%;}
#articlecontent .dropin a         {color: #006; text-decoration: none;}
#articlecontent .dropin a:visited {color: #369;}
#articlecontent .dropin a:hover   {text-decoration: underline;}

#articlecontent .dropin h1 {
    margin:-8px -8px .5em -8px;
    padding:4px;
    background:#666;
    text-align:center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
    color: #FFF;
}
#articlecontent .dropin h2 {
    margin:0 0 .5em 0;
    padding:0;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
    text-align: center;
}
#articlecontent .dropin p {
    margin:0 0 .5em 0;
    padding:0;
}
#articlecontent .dropin hr {
    border:0;
    height:1px;
    color: #999;
    background-color: #999;
}
#articlecontent .dropin .bold a {
    font-weight: bold;
}
#articlecontent .dropin .center {
    text-align: center;
}

/* LEGACY TEXT STYLES */
    #articlecontent .text1sm,  #articlecontent .text2sm,
    #articlecontent .text1smb, #articlecontent .text2smb {
    font-size:.82em; line-height:1.25em;}
    #articlecontent .text1smb, #articlecontent .text2smb {
    font-weight:bold;}

/* object thumbs ------------------------------------------------------------ */

#objbox {
    border: 1px solid #999;
    padding: 6px 0 0 6px;
}

#objbox img {
    display:inline;
    float:left;
    margin: 2px 8px 8px 2px;
    border: 1px solid #000;
}

/* the vspace in the img tags is unwanted, but ignored by all but IE6Win.
    Remove this IE6Win hack when the vspace in the img tags is gone. */
* html #objbox img {    
    margin: 1px 8px 7px 2px;
}

#objbox a.more {
    clear:both;
    margin:2px;
    font-size:.86em;
    line-height:.75em;
}

#objbox div.clear {
    clear:both;
    margin-top:6px;
}

/* groupmenu ---------------------------------------------------------------- */

#groupmenu {
    margin-top:10px;
    padding: 0 0 0 11px;
    background: #FFF url('/templates/types/article/graphics/vertical_rule.gif') repeat-y;
}

#adpos3,#topmost,#adjacency,#adpos2,#adpos4 {
    margin-bottom:10px;
}

table.groupmenu {
    width:300px;
}

table.groupmenu tr {
    vertical-align: top;
}

table.groupmenu td.leftcol {
    padding-right:10px;
}

/* ADDITIONAL: Column Banner Defaults --------------------------------------- */

#divider {
    margin-top: 5px;
}

#divider #bylinelogo, #divider #columnlogo {
    border-top: 1px solid #BBB;
    padding: .5em 0;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #BBB;
    margin-bottom:11px;
}
#divider #bylinelogo img, #divider #columnlogo img {
    display:inline;
    vertical-align:middle;
    margin:0 1.4em 0 0;
}
#divider #bylinelogo h3, #divider #columnlogo h3 {
    display:inline;
    vertical-align:middle;
    margin:0;
    padding:0;
    line-height:2em;
    font-size:1.52em;
    text-transform: uppercase;
    color: #293173;
}
    #divider #bylinelogo h4, #divider #columnlogo h4 {
    display:inline;
    vertical-align:middle;
    margin:0 0 0 1.4em;
    padding:0;
    line-height:2em;
    color:#666;
}

/* ADDITIONAL: TopMost Widget ----------------------------------------------- */

#topmost .tabs {
    height:20px;
    background: url('/templates/types/topmost/images/fill_tabs.gif');
}

#topmost img {
    border: 0;
}

#topmost .content {
    border-right:  1px solid #B4C7C7;
    border-left:   1px solid #B4C7C7;
    background: #EEF6F6;
    padding: 10px 10px 6px 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .86em;
}

#topmost ul {
    margin: 0px 0px 0px 12px;   
    padding: 2px 2px 0px 2px;
}

#topmost ol {
    margin: 0px 0px 0px 18px;
    padding: 2px 2px 0px 2px;
}
* html #topmost ol {
    margin: 0px 0px 0px 21px;
}

#topmost li {
    padding: 0px 0px 4px 0px;
}

#topmost ul li {
    list-style-type: square;
}

#topmost .footer {
    background: #EEF6F6 url('/templates/types/topmost/images/fill_footer.gif') repeat-x;
}

#topmost .footer img {
    width:4px;
    height:4px;
}

#topmost img.botleftcorner {
    float:left;
}

#topmost img.botrightcorner {
    float:right;
}

/* ADDITIONAL: Text Ads ----------------------------------------------------- */

#adpos4 .textads {
    width: 160px;
    border-top:   1px solid #666;
    background: #F9F8F8;
    font: .97em Geneva, Arial, sans-serif;
    color:#333;
    border-bottom:1px solid #666;
}

#adpos4 .textads .heading {
    background-color:#F4F4DA;
    padding:10px 5px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

#adpos4 .textads a {
    color:#666;
    text-decoration:none;
    padding:8px 5px 8px 5px ;
    display: block;
}

#adpos4 .textads a:hover {
    background: #ECEBEB;
}

/* -------------------------------------------------------------------------- */