/*stylesheet used on all pages of jansimoen.com*/

/*
Because of IE's ignorance of standards, some VERY ugly tricks have been used.

To adjust the width of the page, you have to adjust the following entries:

- table.page_layout (if IE did not exist (please god, let this happen) this
  would have been the only entry to edit)
- img.banner
- td.menu
- td.body
- img.menu
*/

body
{
    font-family: arial;
    text-align:  center;
}

p
{
    margin-top:    0px;
    margin-bottom: 0px;
    margin-left:   5px;
    margin-right:  5px;
    text-align:    justify;
/*     white-space:   pre-wrap; */
}

span.sc
{
    font-variant: small-caps;
}

a:link
{
}

img
{
    border: none;
}

table.page_layout
{
    border:       1px solid;
    width:        800px;
    min-height:   100%;
    margin-left:  auto;
    margin-right: auto;
}

th.header
{
/*     border-bottom: 1px solid; */
}

th.footer
{
/*     border-top: 1px solid; */
}

img.banner
{
    width: 800px; /*F****** IE won't let me set it to 100%...*/
}

td.menu
{
    border-right:   1px solid black;
    vertical-align: top;
    width:          180px;
}

td.body
{
    width:          620px;
    text-align:     left;
    vertical-align: top;
    border-top:     1px black solid;
    border-bottom:  1px black solid;
}

div.menu
{
    width:      100%;
    text-align: right;
}

img.menu
{
    width: 173px;
/*     margin-right: 4px; */
}

img.submenu
{
    width: 130px;
}

body
{
    background: white;
}

table.news
{
    width: 100%;
}

th.news
{
    border-bottom: 2px solid;
}

td.news
{
    border-bottom: 1px solid;
}

.news
{
    text-align: left;
}

p.news_item
{
}

h4.news_item_title
{
    margin: 5px;
}

h6.news_item_date
{
    margin: 5px;
}

div.news
{
   /*border-bottom: 1px solid black;
    border-top:    1px solid black;*/
}

div.news_item
{
    border-bottom: 1px solid black
}

div.news_page_links
{
}

td.news_page_links
{
}

.news_page_links
{
    text-align: center;
}

a.news_page
{
}

img.book_list_cover
{
    width: 75px;
}

table.book_list
{
    width:         100%;
    border-bottom: 1px solid black;
}

td.book_list_cover
{
    text-align: right;
}

td.book_list_text
{
    vertical-align: top;
}

a.book_list_title_link
{
    color: black;
}

table.book_header
{
    width: 100%;
}

img.book_cover
{
    width: 100px;
}

td.book_header_sections
{
    text-align:     left;
    vertical-align: center;
}

td.book_header_cover
{
    text-align: right;
}

.book_title
{
    text-align:     center;
    vertical-align: center;
}

a.book_section_link,a.life_link,a.biblio_year,a.index
{
    color:          black;
    font-style:     italic;
/*     text-decoration: none; */
}

a:hover.book_section_link,a:hover.life_link,a:hover.biblio_year,a:hover.index
{
    color:           red;
    font-style:      italic;
/*     text-decoration: none; */
}

table.book_header
{
    border-top:    1px solid black;
    border-bottom: 1px solid black;
}

p.book_blurb,p.book_fragment,p.story,p.sigi_story
{
    text-indent:  20px;
}

img.sigi_home
{
    width: 100%;
}

table.gallery
{
    width:        100%;
    table-layout: fixed;
}

img.varia,img.gallery
{
    width: 100%;
}

th
{
    font-size: 16pt;
}

img.home
{
    text-align: center;
}

img.sigi_story,img.news_item
{
    float: right;
    width: 300px;
    margin-left: 5px;
}

div.index
{
    border-bottom: 1px solid black;
}

div.footnote
{
    font-size: 8pt;
}

li.footnote
{
    list-style-type: decimal;
}