/* === YLEISET TYYLIT === */

img, a {
        border: none;
        text-decoration: none;
}

    a {color:#77A}
    a:visited {color:#77A}
    a:hover {color:#FFF}
    
    .colortext1 {
        color:#979;
    }
    
/* === SIVUPOHJA JA LOMAKEALUEET === */

    body {
        font-family: "Palatino linetype", Palatino, serif;
        background:#000 url("images/tiilet.jpg") repeat-x;
        color:#DDD;
        margin: 0px;
        padding: 0px;
        height:100%;
    }
    
    .topbar {
        
        padding: 15px;
    }
    
    #login{
	width: 280px;
	margin: 80px auto;
    }
    
    #register{
	width: 350px;
	margin: 0px auto;
	padding-top: 80px;
    }
    

    
    /* STICKY FOOTER */
    html, body {height: 100%;}
    #wrap {min-height: 100%;}
    .main {overflow:auto;
    padding-bottom: 150px;}  /* must be same height as the footer */     
    /*Opera Fix*/
        body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
        }
/* === KALA-ANIMAATIO === */

    #fisuarea{
        position: relative;
	margin-top: -150px; /* negative value of footer height */
	clear:both;
        width:100%;
        height:150px;
        overflow: hidden;
    }
    
    #leva{
        background: url("images/leva.png");
        position: absolute;
        top:0px;
        width:100%;
        height:150px;
        z-index:2;
    }
    
    #fisu {
        position: absolute;
        left:-300px;
        top:0px;
        width:250px;
        height: 150px;
        background: url("images/fisu.jpg") no-repeat;
    }
    
    #kuplat {
	background: url("images/kuplat1.png") no-repeat;
        position: absolute;
        left:30px;
        bottom: 20px;
        width: 50px;
        height: 0px;
        z-index: 2;
    }
/* Kirjautumislomake ja sen linkit ovat yhdessä suorassa pystyrivissä. */
.login-form { display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; }
.login-form h1 { font-size: 20px; font-weight: normal; margin: 0 0 16px; }
.login-form input { box-sizing: border-box; width: 100%; min-width: 0; padding: 8px; font: inherit; }
.login-form button { align-self: stretch; padding: 9px 16px; font: inherit; margin-top: 8px; cursor: pointer; }
.login-links { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 18px; }
.login-links a { display: inline-block; }