/* Cascading Style Sheet for Haba's Home On Internet */
/* Cascading Style Sheet for Haba's Homepage */
/* Cascading Style Sheet for Ajatus.org (1.3.2001) */
/*
Hieno
18:34 18.1.1999
14:37 7.2.1999
19:22 17.4.1999
11:14 18.4.1999
20.3.2000
20:39 17.7.2000 added p.poem
1.8.2000
28.10.2000 fix
22.12.2000 a bit smaller marginals + colors for links
10.1.2001 fixing fonts
19.1.2001 p.Error
1.3.2001 Harri Järvi - Ajatus
25.3.2001 Harri Järvi
20.5.2001 Harri Järvi - Vähemmän MS-fontteja
3.6.2001 Harri Järvi - P.LinkTab -> SPAN.LinkTab
10.6.2001 Harri Järvi - P.ArtistInfo -> TD.ArtistInfo
15.1.2002 Harri Järvi - TABLE.LinkTab, TABLE.GuestBox
7.6.2002 Harri Järvi - img border: none
24.10.2002 Harri Järvi - DIV.LoginPrompt
13.11.2002 Harri Järvi - SPAN.GuestBoxBad etc..
2.12.2002 Harri Järvi - P.NewArtist
13.1.2003 Harri Järvi - P.ArtListItem
1.2.2003 Harri Järvi - kirjasimia pienemmäksi
8.2.2003 Harri Järvi - img.MiniLogo
19.5.2003 Harri Järvi - SearchResultURL
- 15.7.2003 Harri Järvi - Less blue P color
- 28.11.2003 Harri Järvi - font-size: x-small; BODY{font-size: 10pt}
- 17.3.2004 Harri Järvi - smaller right-margin on PgDesc
- 23.6.2004 Harri Järvi - BottomLogo added, Logo added
- 2.1.2005 Harri Järvi - A Fresher look for GuestBox and Box on front page
- 30.7.2005 Harri Järvi - P: Arial primarily, not Helvetica anymore
                        - Arial is thinner and easier to read
*/

/* TODO: relative font sizes */

@import url("/styles/art.css");
@import url("/styles/menu.css");

BODY
{
    color: black; background-color: white;
    /* background-image: url("/pics/bk_light_white.gif"); */
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
}

/* Headers */
H1, H2, H3, H4, H5, H6
{
    color: #084478;
    text-align: left;
    font-weight: bold;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
}

H2, H3, H4, H5, H6
{
    margin-left: 0.8cm;
}

H1
{
    margin-top: 0pt;
    padding-top: 0pt;
    border-top: 0pt;
    margin-left: 2pt;
    font-size: 20pt;
}

H2
{
    font-size: 18pt;
}

H3
{
    font-size: 16pt;
}

H4
{
    font-size: 14pt;
}

H5, H6
{
    font-size: 13pt;
}

H2.ListLink
{
    font-size: 13pt;
    /*text-align: center;*/
    font-family: Arial, Helvetica, sans-serif;
}

H3.ListLink, H4.ListLink
{
    font-size: 12pt;
    /*text-align: center;*/
    font-family: Arial, Helvetica, sans-serif;
}

/* etusivun linkit */
H4.FrontLink
{
    text-align: center;
    text-indent: 0em;
    font-family: Arial, Helvetica, sans-serif;
}

/* Links */

A:link, A:hover /*, A*/ {
    color: #225599;
    /* color: #387838; */
    text-decoration: underline;
    font-weight: bold;
    /*font-weight: normal;*/
}

A:visited {
    /* color: #6818a8; */
    color: #114499;
    /* color: #286828; */
    text-decoration: underline;
    font-weight: bold;
    /* font-weight: normal; */
}

/* Different DIVS */
DIV.LoginPrompt
{
    width: 100%;
    text-align: right;
    /*text-indent: 1em;*/
    /*margin-left: 2em;*/
    font-size: smaller;
    font-family: Helvetica, Arial, sans-serif;
}

/* Different paragraph styles */

P
{
    color: #041030;
    text-align: left;
    text-indent: 1em;
    margin-left: 1cm;
    /*font-size: 11pt;*/
    font-family: Arial, Helvetica, sans-serif;
}

P.PgDesc    /* this is the description of the page */
{
  text-indent: 1em;
  margin-left: 1cm;
  margin-right: 1cm;
  font-weight: bold;
  /*font-size: 11pt;*/
  line-height: 1.4;

  font-family: Helvetica, Arial, sans-serif;
}

P.NoIndent
{
    text-indent: 0pt;
    margin-left: 0pt;
}

P.Bread /* Depracated. Use P instead */
{
    margin-left: 1cm;
    text-indent: 1em;
}

/* Used for the main logo in layout's menu. See also IMG.Logo */
P.Logo
{
  text-align: center;
  text-indent: 0pt;
  margin-left: 0pt;
  margin-top: 0pt;
  margin-bottom: 1em;  
}

/* signature for messages */
P.Signed
{
    text-align: right;
}

P.Back /* e.g. Back to Index Page */
{
    text-indent: 0em;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    margin-left: 0px; margin-right: 0px;

    font-family: Helvetica, Arial, sans-serif;
}

P.PicToLeft
{
    text-indent: 1em;
    text-align: left;

    margin-left: 0in;

    /* font-family: Helvetica, Arial; */
}

P.Repeat     /* this is something that is already said on some higher-level page */
{
  text-indent: 2em;
  text-align: left;
  margin-left: 1cm;
  font-style: italic;

  font-family: Helvetica, Arial, sans-serif;
}

/* Used in artpiece lists. now in art_list.inc */
P.ArtListItem
{
    font-weight: bold;
    /*font-size: 10pt;*/
    font-size: x-small;

    /* color: #084478; */
    /* line-height: 1.2; */

    text-indent: 0px;

    margin-top: 1pt;
    margin-bottom: 2pt;
    margin-left: 1cm;
    margin-right: 1cm;
    padding-top: 0pt;
    padding-bottom: 0pt;
    
    font-family: "Verdana", Arial, "Helvetica", sans-serif;
}

P.ListLinkDesc
{
  text-indent: 0em;

  /* margin-left: 1in; */
  margin-left: 1cm;

  /*margin-right: 1in;*/
  margin-right: 2cm;

  /*font-family: Arial;*/
}

/* Used to be called erraticly FootNote.
   The copyright in the bottom */
P.BottomText
{
  font-size: x-small;
  text-align: right;
}

/* The button logos at the bottom of the page,
   including the validated HTML logo */
P.BottomLogo
{
  float: left;

  margin-top: 0pt;
  text-indent: 0pt;
  margin-left: 0pt;  
  font-size: x-small;
}

/* */
P.Error
{
  margin-left: 1cm;
  margin-right: 1cm;
  color: #cc0050;
}

P.Warning
{
  margin-left: 1cm;
  margin-right: 1cm;
  font-weight: bold;
}

/* HR */

HR
{
    /* tried to make it work with IE, Netscape, Gecko and Opera */
    color: #aaaadd;
    background-color: #aaaadd;
    border: 0px solid #aaaadd;
    text-align: center; /* align is not standard, use text-algin */
    width: 50%;
    height: 2px;
}

HR.Full
{
    text-align: center;
    width: 100%;
}

/* The last line before the bottom */
HR.Bottom
{
    width: 100%;
}


/* Tables */

TH
{
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

TD
{
    vertical-align: top;
}

/* Guestbox */
TABLE.GuestBox
{
    border: solid 1px #8888c0;

    /*border-top:    dotted 2px #000000;
    border-bottom: dotted 2px #000000;*/
}

TABLE.GuestBox TD
{
    text-align: left;
    /* sininen */
    /*background-color: #DDeeEE;*/
    /* vaalea */
    /*background-color: #e8f0f0;*/
    background-color: #f8f8e8;

}

TABLE.GuestBox TH
{
    /* vaalea */
    background-color: #e8f0ff;

    border-bottom: solid 1px #000000;
}

/* The tables that look neat and nice */
TABLE.Box
{
    margin-left: 1em;
    border-left: dotted 2px #222244;
    /*border-top: dotted 2px #222244;
    border-top: dotted 2px #222244;*/
    /*#8888ff;*/
}

TABLE.Box TD
{
    text-align: left;
    /* sininen */
    /*background-color: #DDeeEE;*/


}

TABLE.Box TH
{
    /* vaalea */
    background-color: #e8f0ff;

    border-bottom: solid 1px #000000;
}

/* The tables that look ugly (Tilisiirtolomake for example) */
TABLE.Border, TABLE.Border TD
{
    border: solid 1px #000000;
    /* to have the effect of <table cellspacing='0'> */
    border-collapse: collapse; /* ie 6? CSS2? */
    border-spacing: 0;         /* ns 6? */
    /* -- */
}

/* Layout tables */
TABLE.Layout, TABLE.Layout TH, TABLE.Layout TD  {
    margin: 0pt;
    /*  border: 0pt; */
    padding: 0pt;
    /*border: none 0pt;*/

    /* to have the effect of <table cellspacing='0'> */
    border-collapse: collapse; /* ie 6? CSS2? */
    border-spacing: 0;         /* ns 6? */
    /* -- */
}

TABLE.Layout TD.Page
{
    vertical-align: top;
    padding-left: 10pt;
    padding-right: 8pt;
}

TABLE.Layout TH.Layout {
    vertical-align: middle;
}

TABLE.Layout TD.Bottom {
}

/* */


IMG 
{
    border: none;
}

IMG.minipic_link
{
    border: solid 2px #9999ff;
}

IMG.minipic
{
    border: none;
}

/* Used in the menu. See also P.Logo */
IMG.Logo
{
    text-align: center;
}

/* New artists Table */
P.NewArtist
{
    /*font-size: 10pt;*/
    font-size: x-small;
    border-color: green;
    margin-top: 2pt;
    margin-bottom: 3pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    text-indent: 0pt;
    margin-left: 0pt;
}

/* */

UL
{
    margin-left: 24pt;
    margin-right: 2cm;

    text-indent: 0em;
    list-style-type: disc;
    font-family: Arial, "Helvetica", sans-serif;
}

/* Guest Box */

/* TABLE and TD are defined before this */
/* TABLE.GuestBox */
/* TD.GuestBox */

P.GuestBoxThought
{
  color: black;
  text-indent: 0pt;
  margin-left: 0pt;
  /*font-size: 11pt;*/
  font-size: small;
  font-family: "Helvetica", Arial, sans-serif;
}

SPAN.GuestBoxThoughtBad1
{
  color: #778888;
  font-size: smaller;
}

SPAN.GuestBoxThoughtGood1
{
}

/* Search Page */
SPAN.SearchResultURL
{
    font-size: 80%;
    color: #008080;
}