/* 
    Document   : style.css
    Created on : Jul 29, 2009, 2:44:25 PM
    Modified   : 26.8.2010
    Author     : jason / feedimage
*/

/*
    Swatches:
                White: #fff
                
/* h3: vakio otsikko
   h2: help otsikko

*/


A:link {color:black;text-decoration: underline}
A:visited {color:#777;text-decoration: underline}
A:active {color:gray;text-decoration: none}
A:hover {color:black;    background-image:url(systeemigrafiikka/wallpaper_hover.png);  background-position:top; text-decoration: none}

h5{padding:5px; color:#999; padding-bottom:0px;}
h2{font-size: 22px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
   
   text-align:left; font-variant: small-caps; letter-spacing: 1px;
   padding:0;color:#666; margin-bottom:0.5em;
   background-image:url(systeemigrafiikka/h2.png); background-position:bottom; background-repeat-no-repeat;
}

.font8{font-size:8pt;}
.aaa{color:#aaa;}

br{clear:both;}
br.noclear{clear:none;}
.round{-moz-border-radius:4px; -webkit-border-radius: 4px;}

.top{position:absolute; right:8px; bottom:0px; border:0px solid black;}

html{
    background-image:url(systeemigrafiikka/htmlbackground-2.png);
    background-repeat:repeat-x;
    background-color:#fff;
    height:100%;
}

body{
 font-size: 10pt;
 font-family: Verdana, Geneva, sans-serif;
 color:black;
 overflow:-moz-scrollbars-vertical;
 margin-bottom:1.5em;
}

/* 120 */



#nav{position:relative;margin:0 auto;  padding-top:5px;width:878px; height:40px;
     /* 855px */
 font-size: 15px;
 font-family: Verdana, Geneva, sans-serif;
 color:#473f26;
 font-variant: small-caps;
 /*margin-bottom:95px;*/
 background-image:url(systeemigrafiikka/navbar-bg.png);
 background-repeat:no-repeat;
 background-position:bottom;
 padding-left:22px;
 
}


#nav ul{float:left; margin-left:0px;height:34px;margin-top:5px; width:855px; list-style-type:none;}

#nav li {
    float:left;
    color:black;
    height:30px;
    border-right:1px dotted #ccc; /*999*/
    /*border-left:1px solid #eee;*/
}



#nav a{float:left; height:26px;  text-decoration:none; padding:4px 15px 0px 15px; }


#nav a:hover{background-image: url(systeemigrafiikka/button_hover2.png)!important; background-position:top right;background-repeat:repeat-x;}

#nav a.eka:hover{background-image: url(systeemigrafiikka/button_hover2.png)!important; background-repeat:repeat-x; background-position:top left;}

.active {background-image: url(systeemigrafiikka/button_sel.png); background-repeat:no-repeat;float:left; height:26px!important; text-decoration:none;padding:4px 15px 0px 15px; background-position:top right; cursor:default;}

.activehome {background-image: url(systeemigrafiikka/button_sel.png); background-repeat:no-repeat;float:left; height:26px!important; text-decoration:none;padding:4px 15px 0px 15px; background-position:top left; cursor:default;}



/*#nav li a:hover{background-image: url(systeemigrafiikka/menu-hover.png); color:#ddd;color:#FBCC4D;}*/

/*#nav li.active{width:25px;cursor:default; height:23px;
       color:#FBCC4D;padding-top:0px;padding-left:0px;
       background-image: url(systeemigrafiikka/menu-activestate-2.png);}*/

#uusimmat{margin:0 auto;width:900px; height:120px; border:0px solid black;}

#contentTop{position:relative;margin:0 auto; padding-top:0px;width:900px; padding-left:0px; height:95px;}
/*856px*/

#content{position:relative;margin:0 auto;width:900px; margin-top:-1px;padding-top:0px;
         background-image:url(systeemigrafiikka/contentbackground.png);
         background-repeat:repeat-y; min-height:550px;
         }

#contentWide{position:relative;margin:0 auto;width:800px; margin-top:-1px;padding-top:0px;
background-image:url(systeemigrafiikka/contentwidebackground.png);
 background-repeat:repeat-y; padding-left:50px; padding-right:50px;}

#content p, #contentWide p{padding-left:10px; padding-right:10px; padding-bottom:1em; line-height:1.35em; /*text-align: justify; word-spacing: -2px;*/}
#content h3, #contentWide h3{
            font-size: 18px;
            font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
            text-align: left; 
            color:#444; margin-bottom:0.2em; padding-top:8px;
            background-image:url(systeemigrafiikka/h3.png); background-repeat:repeat-x; background-position:bottom;
            }


#vasemalle{float:left; margin-left:50px; margin-right:43px; width:500px;}
#oikealle{float:left;  margin-left:9px;margin-right:29px; width:260px;}


#footer{position:relative;margin:0 auto;height:38px; width:900px; background-image:url(systeemigrafiikka/footerbackground.png);
 background-repeat:no-repeat; background-position:top;}
#footer p{color:#aaa;}
.alasOikealle{position:absolute; bottom:10px; right:50px;}

#realfooter,#realfooterclose{
    margin:0 auto;
    height:100%;
    width:900px;
    background-image:url(systeemigrafiikka/realfooter_bg.png);
    background-repeat:repeat-y;
    background-position:top;
}

#realfooterclose{
    height:17px;
    background-image:url(systeemigrafiikka/realfooter_close.png);
    background-repeat:no-repeat;
    background-position:top;
}

#realfooter p{padding-left:1em;font-size:8pt; color:#777;}


#footerWide{position:relative;margin:0 auto;height:140px; width:900px; background-image:url(systeemigrafiikka/footerwidebackground.png);
 background-repeat:no-repeat; background-position:top;}
#footerWide p{color:#aaa;}
#contentWide a{color:black;}


a.uudetKuvatA:link{color:black; border:0px solid black;text-decoration: none}
a.uudetKuvatA:visited{color:black; border:0px solid black;text-decoration: none}
a.uudetKuvatA:active{color:black; border:0px solid black;text-decoration: none}
a.uudetKuvatA:hover{color:black;border:0px solid black;text-decoration: none}

.uudetKuvat img{border:0px solid black!important;}


.uudetKuvat{border:1px solid #ddd;  margin:0;padding:4px; margin-bottom:1em; font-size:8pt; width:250px;}
.uudetKuvat:hover{border:1px solid aqua;
      background-image:url(systeemigrafiikka/wallpaper_hover.png);
background-repeat:repeat-x; background-position:top;
}


.uudetKuvat img{float:left; margin-right:4px;}
.uudetKuvat p{float:left; width:110px; padding:0px!important; margin:0!important;}

.Front{float:left; width:100%;border:1px dashed #ddd;  margin:0; margin-bottom:1em; font-size:8pt; }
.Front:hover{border:1px solid aqua;
      background-image:url(systeemigrafiikka/wallpaper_hover.png);
background-repeat:repeat-x; background-position:top;
}
.Front img{float:left; border:0px solid black; margin:10px;}
.Front p{float:left; font-size:10pt;padding:0px!important; margin:0!important;}


.wallFrame{text-align:center;margin: 0 auto; margin:7px; margin-bottom:2px;width:144px;
         border:1px solid #ddd; background-color:white; font-size:8pt; padding:3px;}
.wallFrame:hover{ border:1px solid #aff3ff; background-image:url(systeemigrafiikka/wallpaper_hover.png);
background-repeat:repeat-x; background-position:top;}

.wallFrame img{padding-top:3px; margin:0px; border:0px solid red;}
.wallFrame b{color:#666;}


/* kauppapaikka */

.info{margin-left:5px;position:relative; border:1px solid #ddd;margin-bottom:10px; height:95px; padding-bottom:10px; padding-left:5px; padding-right:5px;}
/*.info:hover{position:relative; border:1px solid #ccc;margin-bottom:10px;}*/

.help{border:1px dashed #ddd; background-color:white; color:#666;}
.help:hover{border:1px dashed #ddd; background-color:white;}

.license{position:absolute; left:15px; bottom:10px;}

.hinta{position:absolute; top:0px; right:5px;}
.osta{color:black; position:absolute; right:10px; bottom:10px;}


/* websivut */

.webFrame{margin: 0 auto; margin-top:5px; margin-bottom:10px;padding:8px;width:224px;
         border:1px dashed #ddd; background-color:white;}

.imgFrame{margin:5px; padding:8px;border:1px solid #ddd; -moz-border-radius:2px;}


/* formit */


fieldset {
    position:relative;
    border: 1px solid #7F5417;
    background-color:#fafafa;
    -moz-border-radius:6px;
    
    margin-bottom:1.5em;
    padding:1em 0em 1em 10px;
}

legend {
    color:black;
    border-left:1px solid #7F5417;
    border-right:1px solid #7F5417;
    padding: 0px 5px 2px 5px;
    margin-left:10px;
    background-image: url(../systeemigrafiikka/form-legend-bg.png);
    background-repeat:repeat-x;
    background-position:bottom;
}

label {
    display: block;
    float: left;
    width: 130px;
    text-align: right;
    padding-right: 7px;
    margin-bottom: 1em;
}

label.checkbox {
    display: block;
    float: left;
    width: 130px;
    text-align: right;
    padding-right: 7px;
    margin-bottom: 1em;
}

textarea{border: 1px solid #177F75;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        display: block;
        float: left;
        margin-bottom: 1em;
        font-size:0.9em;}

input[type="text"] {
  border: 1px solid #177F75;
  font-family:Verdana, Arial, Helvetica, sans-serif;

}
input[type="submit"]{
    margin-top:1em;
    float:right;
    margin-right:15px;
}

input[type="checkbox"]{
    margin-top:4px;
}

input[type="text"], select {
  display: block;
  float: left;
  margin-bottom: 7px;
}



/* tablet */

table {margin:0 auto;border:1px solid #888; border-collapse:collapse; width:90%; margin-top:0.3em;margin-bottom:1em;}
th {padding:5px; border:1px solid #888;}
td {padding:5px; border:1px solid #888;}
tr:hover{background-color:#f5f5f5;}


.tableTH{background-color:#efefef;}

.margintop4{margin-top:4px;}


#esittely, #ruokabrowse{float:left; width:100%; padding:5px; padding-left:0px;border:1px dashed #ddd; position:relative;}

#esittely img{float:right; margin-left:10px; margin:0; border:0px;}
#ruokabrowse img{float:right; margin:0;margin-left:10px;  border:1px solid #aaa;}



#ruokabrowse:hover{background-image:url(systeemigrafiikka/wallpaper_hover.png); background-repeat:repeat-x;}


#ruoka{}
#ruoka ul{padding:10px; list-style:none inside;}
#ruoka li{padding:0px 2px 2px 2px; border-bottom:1px dashed #ddd;}
#ruoka li:hover{background-image:url(systeemigrafiikka/ruoka_hover.png); background-repeat:repeat-x;}
#ruoka ol{padding:10px; padding-left:2.5em;list-style-type:decimal}
#olli li{margin-bottom:1em; padding:0px 2px 0px 2px; border:0px solid white;}

#ruokasub{}
#ruokasub li{list-style-position:inside; list-style:none; padding-left:10px; padding-bottom:0.2em;}

#ruoka A:hover {color:black;    background-image:url(systeemigrafiikka/wallpaper_hover--.png);  background-position:top; text-decoration: none}

.emtpy{background-image:url(systeemigrafiikka/emtpy.png);}

a.tooltip:hover {
    background-color:#fff;
    text-decoration:none;
} /*background-color pakollinen IE6:sta varten */

a.tooltip span {
    display:none;
    padding:2px 3px;
    margin-left:7.6em;
    margin-top:-10em;
}

a.tooltip:hover span{
    display:inline;
    position:absolute;
    background-color:#ffffff;
    border:1px solid #cccccc;
    color:#6c6c6c;
}


/* BLOGIIN */

#content ul{margin-bottom:1em; padding-left:1.5em;list-style-position: inside; list-style-type: circle;}
#content li{}

.alamenu {float:left; margin-top:0.5em; margin-bottom:2em; width:500px; color:#aaa;  border-bottom:1px solid #ddd;}
.valikko {float:left; margin-top:2em;padding:5px; padding-top:8px;width:490px; border-top:1px dashed #aaa;}