/* Cascading Style Sheet for Haba's Home On Internet */
/* Cascading Style Sheet for Haba's Homepage */
/*
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
24.3.2001 stuff from ajatus
14.5.2003 Harri Järvi - some purifying in style - ideas from ajatus
29.10.2003 Harri Järvi - remove gradually Comic Sans fonts
- 16.6.2004 Harri Järvi - gradually darken the P-color.
*/

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

/* Headers */
H1
{
    text-align: center;
    margin-top: 4pt;
    padding-top: 0pt;
    border-top: 0pt;
}

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

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

/* Links */

A:link, A:hover {
  color: #4400cc;
  text-decoration: underline;
}

A:visited {
  color: #6818a8;
  text-decoration: underline;
}

/* Front Page */

DIV.FrontPagePic
{
  float: right;
  margin-right: 4em;
  margin-left: 2em;
}

/* H4.FrontLink = etusivun linkit */
DIV.ListLink, H4.ListLink, H3.ListLink, H2.Listlink
{
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
}

DIV.FrontLink
{
  /*text-align: center;*/

  font-size: larger;

  margin-left: 4em;
  margin-right: 4em;
  maring-top: 0.5em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

DIV.GuestBookLinks
{
  font-size: larger;
  text-align: center;
  line-height: 1.5;
}

DIV.FrontLink A, DIV.GuestBookLinks A, DIV.ListLink A, H2.ListLink A,
H3.ListLink A, H4.ListLink A
{
  text-decoration: none;
}



/* Different paragraph styles */

P
{
  color: #041036;
  text-align: left;
  /*text-indent: 1em;*/
  /*margin-left: 2em;*/
  font-family: Helvetica, Arial, sans-serif;
}

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

P.Bread
{
  margin-left: 2em;
  margin-left: 3em;
  text-indent: 1em;
}

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: serif, Arial;
}

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

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

P.PgDesc    /* this is the description of the page */
{
  text-indent: 2em;
  text-align: left;
  margin-left: 3em;
  font-style: italic;

  /*font-family: "Comic Sans MS", Arial, sans-serif;*/
}

P.ListLinkDesc
{
  text-indent: 2em;

  /* margin-left: 1in; */
  margin-left: 4em;
  /*margin-right: 1in;*/
  margin-right: 4em;

  /*font-family: Arial;*/
}

P.FootNote, DIV.BottomText
{
  font-size: x-small;
  text-align: left;
  color: #606080;

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

P.ArtName
{
  margin-left: 0;
  margin-right: 0;

  font-family: "Verdana", sans-serif;
}

P.Error
{
  margin-left: 2em;
  margin-right: 2em;
  color: #ee0000;
}

/* Strange stuff */

DIV.LinkTab
{
    font-size: smaller;
    text-align: left;
}

DIV.LinkTab A
{
  color: #1166BB;
  text-decoration: none;
  font-weight: bold;
  font-family: "Helvetica", Arial, sans-serif;
}

SPAN.LinkTab
{
    color: #606080;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
}

/* Language selection */
DIV.LangLinks
{
    float: right;
    font-family: Courier, monospace;
}

A.LangLink
{
  color: #000000;
  font-weight: bold;
  font-family: Courier, monospace;
}

/* on index page */
.LocationBanner
{
    font-weight: bold;
    color: #606060;
    font-family: Helvetica, Arial, sans-serif;
}

UL
{
  margin-left: 1cm;
  margin-right: 1cm;

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

/* HR */

HR
{
    clear: both;
    width: 50%;
    /* tried to make it work with IE, NS4, Gecko and Opera */
    color: #444499;
    background-color: #444499;
    border: 0px solid #444499;
    align: center;
    /* width: 50%; */
    height: 2px;
}

HR.Full
{
  width: 100%;
}

/* Photos   */
/* -------- */

P.PicDesc
{
  margin-left: 0px;
  margin-right: 1cm;

  text-indent: 1em;
  font-family: Arial, sans-serif;
}


/* Thoughts */
/* -------- */

P.Thought
{
  margin-left: 1in;

  font-size: 110%;
  font-family: Arial, sans-serif;
}

P.MediumThought
{
  margin-left: 0px;

  font-size: 125%;
  font-family: Arial, sans-serif;
}

P.BigThought
{
  margin-left: 0px;

  font-size: 180%;
  font-family: Helvetica, Arial, sans-serif;
}

P.WhoSaid
{
  text-align: right;

  font-size: 100%;
  font-family: Arial, sans-serif;
}

P.WhoSaidMedium
{
  text-align: right;

  font-size: 110%;
  font-family: Arial, sans-serif;
}

P.WhoSaidBig
{
  text-align: right;

  font-size: 150%;
  font-family: Arial, sans-serif;
}

/* end of thoughts */
/* -------- */



/* Navigation */
/* used in Thoughts */
/* ---------------- */

A.NavButton
{
  text-decoration: none;
  font-size: 150%;
  font-weight: bold;
  color: #000000;
  background: #B0B0FF;
}

/* disabled option on nav bar */
SPAN.DisNavButton
{
  text-decoration: none;
  font-size: 150%;
  color: #A0A0A0;
  background: #B0B0FF;
}

SPAN.Page
{
  font-size: 120%;

  font-weight: bold;
  font-family: Arial, sans-serif;
}

SPAN.Location
{
  font-size: 150%;

  font-weight: bold;
  font-family: Arial, sans-serif; 
}

HR.EndNav
{
  width: 20%;
}

/* End of navigation */


/* Gallery */
/* ------- */

P.InfoHeader
{
  font-family: Arial, Helvetica, sans-serif;

  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
}

P.Novelli
{
  margin-left: 2cm;
  margin-right: 2cm;
  text-indent: 2em;
  font-size: 14pt;
  line-height: 32pt;
  font-style: italic;
  font-weight: bold;
}

P.Aine
{
  margin-left: 2cm;
  margin-right: 1in;
  text-indent: 2em;
  font-size: 14pt;
  line-height: 21pt;
  font-family: Arial, Helvetica, sans-serif;
}

P.Poem
{
  margin-left: 1in;
  margin-right: 1in;
  text-indent: 0em;
  line-height: 32pt;
  font-size: 16pt;
  font-style: italic;
}

/* End of Gallery */