/*********************************************/
/* CSS Style definitions for Patina Website  */
/* Mauri Viitamaa, 2006, viitamaa@gmail.com  */
/* DISCLAIMER:                               */
/* As propably can be seen the layout is de- */
/* signed in firefox and then modified to    */
/* work also in IE. Slight violance is nee-  */
/* ded and the layout is not so "fluidy" in  */
/* IE.                                       */
/*********************************************/

body {
    font-size: 13px;
    font-family: Verdana, sans-serif;
    background-image: url(pix/background.gif);
    background-color: #800000;
    
    /* We really don't want text to be centered, */
    /* but this makes #container div centered in IE  */
    text-align: center;
}



#footer {
    clear: both;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    
    /* In IE there is some extra padding on top of footer. */
    /* So we use 2px instead of real 5px...*/
    -padding-top: 2px;
    background-color: #ddd;
    border-top: 1px solid gray;
}

#footer p {
    padding: 0px;
    margin: 0px;
}

img {
    border: 0;
}

a {
    color: #800000;
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

a:hover {
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

a:visited {
    color: #440000
}

a:active {
    color: #ba8972
}

a.ruleheader {
    color: #003344;
    border-bottom-style: none;
}

a.imagelink {
    border-style: none;
}

#content p {
    padding: 0.2em 0 0.2em 0.6em;
    margin: 0;
}

#content p.firstparagraph {
    padding-top: 1em;
}

#content img {
    margin: 0 0 0 1em;
}

div#logoarea {
    margin-top: 10%;
    text-align: center;
}

#container {
    /* Reset text alignment after IE required body text-alignment */
    text-align: left;

    min-width: 472px;
    max-width: 900px;
    
    /* IE doesn't understand max-width so we use IE specific */
    /* width definition to get it work in real browsers. */
    /* Unfortunately this hack makes our CSS-invalid. */
    -width: 900px;
    
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;

    background-color: #bbb;
    color: #333;
    border: 2px solid #fff;
    line-height: 130%;
    
    background-image: url(pix/logo_ie_compatible.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    
}

#leftcol {
    float: left;
    width: 245px;
    height: 150px;
    margin: 0;
    padding: 0px;
}

#content {
    padding: 1em;
    max-width: 42em;
    
    /* IE specific width defined with measure it -firefox extension */
    -width: 733px;
        
    text-align: justify;

    float: right;
    padding-right: 185px;
    
    margin-top: 65px;
    
    /* Why is "bottom right" 19 px upwards from bottom in IE? */
    /* This dirty hack corrects it anyway... */
    -margin-bottom: -19px;
    
    background-image: url(pix/bottom_ie_compatible.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

#contentborder {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 20px;
    margin-bottom: 145px;
    
    border-left-style: solid;
    border-left-width: 1px;
    
}


#leftcol p {
    margin: 0 0 1em 0;
}

#content h2, h3, h4, h5 {
    margin: 1em 0 0 0;
    padding: 8px 8px 6px 8px;
    color: #003344;
}

#content h2.block, h3.block, h4.block {
    background-color: #ccc;
    border-top-style: solid;
    border-top-width: 1px;
}

#content h2 {
    font-size: 1.1em;
}

#content h3 {
    font-size: 1.0em;
}

#content h4 {
    font-size: 0.9em;
}

#content h5 {
    margin: 0.5em 0 0 0;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 0.8em;
}

#content span.subheading {
    /*border-bottom-style: dotted;
    border-bottom-width: 1px;*/
}

#content ul {
    margin-top: 5px;
}

#content .indent {
    padding-left: 6%;
}

/* Strong is strong but we don't want it to be too strong ;) */
strong {
    font-size: 0.9em;
}

div.even {
    margin-right: 10px;
    margin-bottom: 20px;
}

div.odd {
    margin-left: 10px;
    /*margin-top: 120px;*/
    margin-bottom: 20px;
}

div.oddmember {
    margin-left: 35px;
}

#content div.personinfo {
    padding: 0px 8px 8px 8px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px;
    background-color: #ccc;
    -moz-border-radius: 8px;
}

#content div.personinfo h5 {
    padding-top: 0px;
}

#content div.personinfo img {
    padding: 0px;
    margin-left: 0px;
}

#content div.boardmembers {
    padding-left: 5%;
}


/***********************/
/****** Gallery ********/

#gallerytable {
    margin-top: 10px;
}

#gallerytable a {
    margin: 5px;
    display: block;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    border-color: black;
}

#thumb-table a {
    border-style: none;
    color: #800000;
    border-color: black;
    text-decoration: none;
}

#thumb-table a:hover {
    text-decoration: none;
    color:#000000;
}

#thumb-table table {
        padding: 10px;
}

#thumb-table table img {
        border-width: 1px;
        border-style: solid;
        borde-color: #000000;
        margin: 5px;
        padding: 2px;
}

#gallerytable a:hover {
    border-color: #800000;
}

#gallerytable img {
    margin: 1px;
    /* Gecko browsers needs negative margin to get a-border correctly on bottom */
    margin-bottom: -2px;
    -margin-bottom: 1px;
    border-width: 0px;
    padding: 0px;
}


/***********************/
/***** Navigation ******/

#navigation {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: -1px;
    border-top: 1px solid #fff;
    z-index: 1;
}

#navigation ul {
    list-style-type: none;
    text-align: center;
    margin-top: -8px;
    padding: 0;
    position: relative;
    z-index: 2;
}

#navigation li {
    display: inline;
    text-align: center;
    white-space: nowrap;
    margin: 0 5px;
}

#navigation li a {
    padding: 1px 7px;
    color: #ddd;
    font-size: 0.9em;
    background-color: #616160;
    border: 1px solid #fff;
    text-decoration: none;
}

#navigation li a:hover {
    color: #fff;
    border: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

#navigation li a#current {
    color: #fff;
    border: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

/* 2008 syksystä lisätyt sekalaiset  - added fall 2008 -> */

#kuva {
	margin-top: 20px;
	background-image: url(pix/vuosijuhlat.jpg);
	background-repeat: no-repeat;
    background-position: center;
	height: 500px;
	width: 500px;
	}
	
	
body em {
	font-weight: bolder;
	font-size: 0.9em;
	}
	
#tommymerkki {
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-right: 50px;
	}
	
#clear {
	clear: both;
	}