/* 
    Document   : tyylitys
    Created on : Jan 2, 2013, 4:06:30 PM
    Author     : Timo
    Description:
        Purpose of the stylesheet follows.
*/

root { 
}

body {
    text-align: center;
}
@font-face {
  font-family: "Charlotte";
  src: url('http://haat.villans.net/fonts/charlotte.ttf') format("truetype");
}
#wrapper{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#lahjalista-area {
    width: 550px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-width: 1px;
    border-color: #FF87FF;
    border-style: solid
}

#toive-koko{
}
#toive-otsikko{
    margin: 0px;
    vertical-align: top;
    width: 80%;
    padding-top: 4px;
    font-size: 15pt;
    font-weight: 800;
    padding-left: 30px;
}
#toive-kuvaus{
    margin: 0px;
    font-size: 12pt;
    border-top-color: #FF87FF;
    border-top-width: 1px;
    border-top-style: dashed;
    padding: 10px;
    
}
#toive-varaus
{
    text-align: right;
    padding-top: 4px;
    padding-right: 10px;
}
#toive-linkki{
padding-bottom: 5px;
border-bottom: #ff5cd1 solid 2px;
font-size: 12pt;
padding-left: 10px;
}

.lahjalista-tr-ala-tyyli{
}
#lahjapoyta
{
    width: 550px;
    font-family: 'Istok Web', sans-serif;
    font-weight: 400;
}
.varausBtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd4ff), color-stop(1, #ff5cd1) );
    background:-moz-linear-gradient( center top, #ffd4ff 5%, #ff5cd1 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd4ff', endColorstr='#ff5cd1');
    background-color:#ffd4ff;
    -moz-border-radius:42px;
    -webkit-border-radius:42px;
    border-radius:42px;
    border:1px solid #d188d1;
    display:inline-block;
    color:#4d0505;
    font-family:arial;
    font-size:14px;
    font-weight:bold;
    padding:3px 21px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ebdfeb;
}.varausBtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5cd1), color-stop(1, #ffd4ff) );
    background:-moz-linear-gradient( center top, #ff5cd1 5%, #ffd4ff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cd1', endColorstr='#ffd4ff');
    background-color:#ff5cd1;
}.varausBtn:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
#otsikko-main h1{
    font-family: 'Pacifico', cursive;
    font-weight: 400;
    font-size: 48pt;
    color: gold;
}
.otsikko{
    font-family: 'Pacifico', cursive;
    font-weight: 400;
    color: gold;
}
.otsikko h1{
    font-size: 48pt;
}
.otsikko h2{
    font-size: 40pt;
}
.otsikko h3{
    font-size: 32pt;
}
.otsikko h4{
    font-size: 26pt;
}
.otsikko h5{
    font-size: 20pt;
}
.otsikko h6{
    font-size: 16pt;
}
#left-panel{
    width: 35%;
    padding-right: 20px;
    font-family: 'Istok Web', sans-serif;
    font-weight: 400;
    font-size: 16pt;
    text-align: left;
    color: gold;
    float: left;
    margin-bottom: 10px;
}
#right-panel{
    width: 62%;
    font-family: 'Istok Web', sans-serif;
    font-weight: 400;
    font-size: 16pt;
    text-align: left;
    float: right;
    margin-bottom: 10px;
}

.haapari-tekstit{
        font-family: 'Istok Web', sans-serif;
    font-weight: 400;
    font-size: 14pt;
    text-align: left;
}
#haapari-teksti1{
    width: 350px;
    float: left;
    margin-left: 30px;
    margin-top: 15px;
}

#haapaikkakuva{
    float: right;
    width: 500px;
}

.separator{
    border-style: dashed;
    border-width: 1px;
    border-color: #FF87FF;
    margin-bottom: 20px;
    margin-top: 20px;
}
#tausta-top{
    background-image: url('images/Scroll-osat_01.png');
    background-repeat: no-repeat;
    width: 900px;
    height: 223px;
}
#tausta-main{
    background-image: url('images/Scroll-osat_full.png');
    background-repeat: repeat-y;
    width: 900px;
    min-height: 764px;
    height: 3820px;
    text-align: center;
    
}
#tausta-bottom{
    background-image: url('images/Scroll-osat_03.png');
    background-repeat: no-repeat;
    width: 900px;
    height: 165px;
}
#ohje-sisalto{
    text-align: left;
        margin-left: auto;
    margin-right: auto;
    width: 700px;
    font-family: "Charlotte", sans-serif;
    font-weight: 400;
}
#ohje-sisalto a{color: #4d0505;}
#ohje-sisalto a:hover{color: #4d0505;}
#ohje-sisalto a:active{
    position:relative;
    top:2px;
    }
#ohje-sisalto h1{
    font-size: 35pt;
}
#ohje-sisalto h2{
    font-size: 18pt;
    margin-bottom: 10px;
}
#helper{
    font-size: 12pt;
    margin-left: auto;
    margin-right: auto;
}