@import url("edit_styles.css");

#contentwell { 
    width:630px; 
    padding: 0 34px 0 0; 
    overflow:hidden; 
}

.social {
    position: relative;
}

/*not used with new social bookmarks  
.social #hidden_list{
    display: none;
    position: absolute;
    font: normal 1.2em "arial", helvetica, sans-serif;
    border: 1px solid #666;
    padding: 5px;
    background-color: #fff;
    width: 84px;
    height: 60px;
    left: 0;
}*/

#toolbox_art_bot{
    height: 16px;
    padding: 0;
    margin: 0 0 10px 0;
}

#article {
    margin: 20px 0 0 0;
}

#article .img_middle{
    vertical-align: middle;
    padding-bottom: 3px;
}

#article h1 {
    font: normal 2.3em georgia, "times new roman", serif;
    line-spacing: 2.6em;
}

#article #section{
    text-transform: uppercase;
    font: 1em "arial black", helvetica, sans-serif;
    margin-bottom: 5px;
}

#article .date_time {
    font: .95em georgia, "times new roman", serif;
    color:  #666;
    margin: 5px 0 10px 0;
    text-transform: capitalize;
    line-height: 1.5em;
}

#article .date_time .img_middle{
    padding: 0 20px 0 0;
}

#article #article_body {
 font: normal 1.17em georgia, "times new roman", serif;
}

#article #article_body #article_text {
    font: normal 1.2em georgia, "times new roman", serif;
}

#article #article_body p {
    line-height: 1.24em;
    padding-bottom: 18px; 
}

#article #article_body #embed {
    float: left;
    width: 270px;
}

#article #article_body #embed_wide {
    width: 630px;
}

#article  #article_body #embed #pic {
    background: #000;
    width: 250px;
    margin: 0 20px 20px 0;
}

#article  #article_body #embed_wide #pic {
    background: #000;
    width: 630px;
    margin: 0 0 20px 0;
}

#article  #article_body #embed #pic div#zoom a img {
    border: 0;
    width: 19px;
}

#article  #article_body #embed_wide #pic div#zoom a img {
    border: 0;
    width: 19px;
}



#article  #article_body #embed #pic img {
    border: 0;
    width: 250px;
}

#article  #article_body #embed_wide #pic img {
    border: 0;
    width: 630px;
}

#article #article_body #embed #pic .zoom {
    position: relative;
}

#article #article_body #embed #pic .zoom img {
    position: absolute;
    top: -24px;
    left: 226px;
    width: 19px;
    height: 19px;
    z-index: 100;
    cursor: pointer;
}

#article #article_body #embed_wide #pic .zoom, #article #article_body #embed_wide #pic .zoom img  {
    display: none;
}

#article #article_body #embed #caption, 
#article #article_body #embed_wide #caption{
    position: relative;
    font: normal 1em arial, helvetica, sans-serif;
    color: #ddd;
    background: #000;
    padding: 5px;
}

#article #article_body #article_text #embed #caption, 
#article #article_body #article_text #embed_wide #caption{
    font-size: .8em;
    *font-size: .85em;
}

#article #article_body #embed #caption .slideshowLink, 
#article #article_body #embed_wide #caption .slideshowLink{
    display: inline;
    white-space: nowrap;
}

#article #article_body #embed #caption .slideshowLink img, #article #article_body #embed_wide #caption .slideshowLink img{
    width: 16px;
    height: 13px;
    position: relative;
    top: 3px;
    padding: 0 0 0 5px;
}

#article #article_body #embed #caption .slideshowLink a, #article #article_body #embed_wide #caption .slideshowLink a{
    color: #ddd;
}


#article #article_body .left_rail{
    float: left;
    width: 250px;
    padding: 0 20px 0 0;
    clear: left;
}

#article #article_body .left_rail .title{
    text-transform: uppercase;
    font: .8em "arial black", helvetica, sans-serif;
    color: #666;
    padding: 0 0 10px 0;
}

#article #article_body .left_rail .subtitle{
    text-transform: uppercase;
    font: bold .9em arial, helvetica, sans-serif;
    color: #000;
}

#article #article_body .left_rail .wrapper{
    padding: 0 0 0 0;
    clear: both;
}

#article #article_body .left_rail img{
    float: left;
    width: 60px;
    height: 60px;
    padding: 0 10px 10px 0;
    margin: 0 0 3px;
}

#article .left_rail .matchbook_bubble {
    background: transparent url("/images/bubble_tile.gif") repeat-x 0 0;
    clear: both;
    width: 246px;    
    height: 17px;
    margin: 10px 0;
}

#article #article_body #article_text_narrow{
    width: 360px;
    margin: 0 0 0 270px;
}

/* IE 6 fix */
* html #article #article_body #article_text_narrow{
    float: right;
    margin: 0;
}

#article .matchbook_plus {
    background: transparent url("/images/plus_tile.gif") repeat-x 0 0;
    clear: both;
    width: 630px;    
    height: 17px;
}

* html #article #mb_article_end {
    margin-top: -25px;
}
*+html #article #mb_article_end {
    margin-top: 85px;
}

#article #article_footer{
    padding: 10px 0 0 0;
}

#article #article_footer #left_col{
    float: left;
    width: 330px;
    margin-right: 40px;         
}

#article #article_footer #right_col{
    float: right;
    width: 260px;
}

#article #article_footer p{
    font: normal 1.2em georgia, "times new roman", serif;
    color: #000;
    padding-bottom: 10px; 
}

#article #article_footer .date_time {
    font: .8em georgia, "times new roman", serif;
    margin-top: 5px;
    white-space: nowrap;
}

#article #article_footer #correction.date_time {
    display: block;
}

#article #article_footer .title, #article #article_footer #see_also strong {
    font:  bold 1.1em "arial", helvetica, sans-serif;
    color: #666;
}

#article #article_footer .title_big {
    font:  bold 1.5em "arial", helvetica, sans-serif;
    color: #666;
}

#article #article_footer #search {
    padding-bottom: 20px;
}

#article #article_footer #search .input_text{
    border: solid 1px #999;
    width: 235px;
    height: 16px;
    padding: 0;
    margin: 0;
}

#article #article_footer #search #wrapper{
    position: relative;
    display: inline;
    top: 4px;
}

#article #article_footer #search #wrapper .go{
    width: 20px;
    height: 18px;
}





/* commentary css starts here */

#article h2 {
    font: normal 2.6em "arial", helvetica, sans-serif;
    text-transform: uppercase;
    padding-bottom: 3px;
}

#article .matchbook_rain {
    background: transparent url("/images/rain_tile.gif") repeat-x top left;
    clear: both;
    width: 628px;
    height: 17px;
    margin-bottom: 5px;
}

#article .matchbook_rain_light {
    background: transparent url("/images/rain_tile_light.gif") repeat-x top left;
    clear: both;
    width: 628px;
    height: 17px;
    padding-bottom: 15px;
}

#article #author_left {
    height: 70px;
    padding-top: 10px;
    float: left;
}

#article #author_left .img_middle{
    vertical-align: middle;
    margin: 0;
    padding: 0 10px 10px 0;
    width: 70px;
    height: 70px;
}

#article #author_right {
    height: 70px;
    padding: 18px 0 0 0;
    float: right;
}

#article #author_right .img_middle{
    vertical-align: middle;
}

#article #author_right .credit{
    font:  normal 1.5em "arial", helvetica, sans-serif;
    color: #666;
}

#article #author_left .alt_text{
    font: normal 2.3em "arial", helvetica, sans-serif;
}

/* migrated content */
div.columnToolsL { float:left; margin:0 10px 0 0; }

#article #comment{
    float: left;
    width: 250px;
    padding: 0 20px 20px 0;
    clear: left;
}

#article #comment #top{
    background: url(/images/comment_back_top.gif) no-repeat top;
    width: 250px;
    height: 35px;
}

#article #comment #top #comment_wrapper{
    font:  bold 1em "arial", helvetica, sans-serif;
    padding: 15px 0 0 10px;
    vertical-align: bottom;
}

#article #comment #middle{
    background: url(/images/comment_back_middle.gif) repeat-y;
    width: 250px;
}

#article #comment #middle .title{
    text-transform: none;
    font:  bold .9em "arial", helvetica, sans-serif;
    color: #999;
    padding: 0 0 0 10px;
}

#article #comment #middle .name{
    font: bold .9em georgia, "times new roman", serif;
    color: #444;
}

#article #comment #middle #date_time {
    font: bold .9em georgia, "times new roman", serif;
    color:  #999;
    padding: 0 0 10px 10px;
    margin: 0;
}

#article #comment #middle #text{ /* this is necessary to prevent justify inheritance */
    padding: 0 10px 6px 10px;
}

#article #comment #middle p{
    display: inline;
    font: 1em georgia, "times new roman", serif;
    text-align: left;
}

#article #comment #bottom{
    background: url(/images/comment_back_bottom.gif) no-repeat bottom;
    width: 250px;
    height: 35px;
}

#article #comment #bottom a{
    font: normal 1em georgia, "times new roman", serif;
    padding: 7px 10px;
}


/* comments out */

#article #article_footer #login_register, #article #article_footer .title_big{
}


/* temporary article body shell */

.storyassetshell {
    border: 1px solid rgb(237, 237, 237);
    color: rgb(140, 140, 140);
    font-size: 0.9em;
    line-height: 0.95em;
    width:410px; 
}

.storyassetshellleft {
    border: 1px solid rgb(237, 237, 237); 
    color: rgb(140, 140, 140); 
    font-size: 0.9em; 
    line-height: 0.95em;
    float:left;
    margin: 0px 7px 5px 0px;
    width:260px;
}

.storyassetshellright {
    border: 1px solid rgb(237, 237, 237); 
    color: rgb(140, 140, 140); 
    font-size: 0.9em; 
    line-height: 0.95em;
    float:right;
    margin: 0px 0px 5px 7px;
    width:260px;
}

.storyassettop {
    border-bottom: 1px solid rgb(237, 237, 237); 
    padding: 5px;
}

.storyassetcaption {
    padding: 5px;
}

.storyassetcredit {
    text-align: right;
}

/* magazine page style */

#article #article_body #article_text .row{
    clear: both;
    padding: 0 0 10px 0;
}

#article #article_body #article_text .title{
    font: bold 1.2em georgia, "times new roman", serif;
}

#article #article_body #article_text .row .col{
    margin: 0 0 0 270px;
}

#article #article_body #article_text .row .col_noimage {
    margin: 10px 0;
}

#article #article_body #article_text .row .col .title {
    color: #333;
}

#article #article_body #article_text .row .col .title a{
    color: #333;
}

#article #article_body #article_text .row .col .title a:hover {
    color: #007ca5;
}

#article #article_body #article_text .row .pic{
    width: 270px;
    float: left;
}

#article #article_body #article_text .row .pic img{
    width: 250px;
    margin: 0 20px 10px 0;
}

#article #article_body #article_text .row .pic .zoom {
    position: relative;
}

#article #article_body #article_text .row .pic .zoom img {
    position: absolute;
    top: -34px;
    left: 226px;
    width: 19px;
    height: 19px;
    *height: 16px;
    z-index: 100;
    cursor: pointer;
}