@charset "UTF-8";
/*
THEME NAME: Kultahakku
THEME URI: http://www.guimikko.com
DESCRIPTION: Based on <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a> theme.
VERSION: 1.3b
AUTHOR: <a href="http://www.guimikko.com">Mikko V&auml;h&auml;talo</a>
AUTHOR URI: http://www.guimikko.com
TAGS: store, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

/* Two-column with sidebar on left from the /examples/ folder  */
/*@import url('examples/2c-l.css');*/

/* Just some example content */
body {
    margin:0;
    padding:0;
    font-family:Georgia, Times, Times New Roman, serif;
    /font-size:100%;*/
    direction:ltr;
    line-height: 120%;
    background: #021035;
    background-image: url(images/bkg.jpg);
    background-repeat:repeat-x;
    background-position:top center;
    color: #c1c1c1;
    }

#page {
    position: relative;
    width: 950px;
    height: auto;
    /*min-height: 800px;*/
    margin: 0 auto;
    text-align: center;
    }

a:link {
    text-decoration: none;
    color: #c1c1c1;
    }
a:visited {
    text-decoration: none;
    color: #c1c1c1;
    }
a:hover {
    text-decoration: underline;
    }
a:active {
    text-decoration: none;
    color: #c1c1c1;
    }
/* HEADER */
#header {
    position: relative;
    padding:0;
    margin:0 auto 2px auto;
    height: 225px;
    }
/* TOPHEADER LANGUAGE AND ADMIN LINKS */
#adminheader {
    position: relative;
    margin: 1px 0 0 0;
    top:0;
    padding:0;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    height: 18px;
    width: 950px;
    text-align: left;
    }
#adminmenu {
    height: auto !important; min-height: 18px;
    height: 18px;
    width:950px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 0;
    font-weight:normal;
    font-size:10px;
    margin:0 auto;
    float: left;
    }
div#adminmenu ul { height: auto !important; min-height: 18px;
    height: 18px; margin: 0; padding: 0; list-style-type: none;}
div#adminmenu ul li { margin:0;
    list-style-type: none;
    font-size: 100%;
    line-height:15px; 
    cursor: pointer;
    height: auto;
    padding: 0;
    display: block;
    float:left; text-align: left;
    }
div#adminmenu ul li a {float:left; text-align: left;}
div#adminmenu ul li a, div#adminmenu ul li a:visited, div#adminmenu ul li a:active          {text-decoration:none; display:block; color:#ffffff;}
div#adminmenu ul li a:hover {display: block; text-decoration: underline;}
div#adminmenu ul li a {
    padding:2px 10px 3px 0;}
div#adminmenu ul li.lang { float:right; position:absolute; top: 0; right:0; text-align: right;}
div#adminmenu ul li.lang a {color:#ffffff; padding:2px 0 3px 15px;}
/* HEADER IMAGE */
div#header-image {
    position: relative;
    top: 0;
    margin: 0 auto;
    background:url(images/banner.png) no-repeat center top;
    border: 3px double #c1c1c1;
    height:200px;
    }
/* MAIN MENU */
div#primary {
    float: left;
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    width:950px;
    margin:0 auto;
    padding:0;
    font-weight:normal;
    font-size:1.5em;
    z-index: 999;
    }
div#primary h2, div#primary h3 {
	display:none;
    }
div#primary ul.xoxo {
    position: relative;
    left:1px;
    }
div#primary ul {
    height: auto !important; min-height: 50px;
    height: 50px; margin: 0; padding: 0; list-style-type: none;
    }
div#primary ul li {
    margin:0;
    list-style-type: none;
    font-size: 100%;
    line-height:50px; 
    cursor: pointer;
    height: auto;
    padding: 0;
    display: block;
    float:left; text-align: left;
    }
div#primary a, div#primary a:active, div#primary a:visited {
    display:inline-block; text-decoration:none; color:#ffffff;
    padding:0 15px 0 15px;}
div#primary ul ul li a { float:left; text-align: center; width: auto;}
div#primary a:hover {
    display: inline-block;
    background: #333333;
    color: #ffffff;
    }
/* Etusivu, Info - Home, Info */
/* (Widget links) */
/* CHECK PAGES NUMBERS ON THESE */
#pages-3 ul {
    height: auto !important; min-height: 50px;
    height: 50px;
    margin: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    padding: 0;
    /*float: left;
    text-align: center;
    display: block;
    padding: 0;*/
    }
#pages-3 ul li {
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: auto;
    height: auto;
    float: left;
    }
/* Toimitusehdot, Kauppa - Terms, Store */
/* (Widget links) */
/* CHECK PAGES NUMBERS ON THESE */
#pages-4 ul {
    float: right;
    position: absolute;
    top: 0;
    right:0;
    text-align: right;
}
#pages-4 ul li {
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: auto;
    height: auto;
    float: left;
    margin:0 4px 0 4px;
    padding: 0; 
    }


.current_page_item, .current_page_ancestor, .current_page_parent {
    /*width:auto;*/
    /*height: 45px;*/
    background: transparent url(images/tausta.png) repeat top left;
    color: #ffffff;
    }
.current_page_parent {
    background: transparent url(images/tausta.png) repeat top left;
    color: #ffffff;
    }
/*.current_page_item a:hover {
z-index:0;
}*/
/* ALAVALIKKO - LOWER MENU */
/* (Widget links) */
/* CHECK PAGES NUMBERS ON THESE */
#secondary {
    float: left;
    height: 0px;
    width:950px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    font-weight:normal;
    font-size:16px;
    margin:0;
    margin-top: 0;
    z-index: 100;
    }
#secondary h1,#secondary h2,#secondary h3, {
    display:none;
}
/** INFON VALIKKO**/
div#infomenu {
height: 22px;
width: 950px;
float: right;
position: absolute;
    left: 1px;
padding: 0;
margin: 0;
    }
#infomenu ul li a, #infomenu ul li a:visited {
    display:block; text-decoration:none; color:#ffffff;
    line-height:20px;
    padding:2px 15px 2px 15px;
    margin: 0 -1px -1px -1px;}
#infomenu ul {
    position: absolute; top:0; right: 0; margin: 0; list-style-type: none; padding:0;
    height: 0 !important; min-height: 22px;
    height: 22px; line-height:20px;}
#infomenu ul li {
    float:left; margin:0; position:relative; left:0; top:0; line-height:20px;}
#infomenu ul ul li ul {display: none;}
#infomenu ul li:hover a { color:#ffffff; background:#c1c1c1;}

/**KAUPAN VALIKKO**/
#secondary ul li{
    list-style-type:none;
    }
#secondary ul ul li a, #secondary ul ul li a:visited {
    display:inline-block; text-decoration:none; color:#ffffff;
    padding:2px 15px 2px 15px;
    margin: 0 -1px -1px -1px;}
#secondary ul ul {
    position: absolute; top:0; margin: 0; list-style-type: none; padding:0;
    height: 0 !important; min-height: 22px;
    height: 22px; line-height:20px;}
#secondary ul ul li {
    float:left; margin:0; position:relative; left:0; top:0; line-height:20px;}
#secondary ul ul li ul {display: none;}
#secondary ul ul li:hover a { color:#ffffff; background:#c1c1c1;}
/*fly-out drop-down menu*/
#secondary ul ul li:hover ul {
    display:inline-block; position:absolute; top:24px; left:0; z-index: 999;}

#secondary ul ul li:hover ul li a {
    display:inline-block; background:#333333; color:#c1c1c1; width: 6em; position:relative; float:left;  top:0; left:0; line-height:21px;}

#secondary ul ul li:hover ul li ul {
    display: none;}

/* alempien tasojen korostus */
#secondary ul ul li:hover ul li a:hover {
    position:relative; left:0; top:0; background:#c1c1c1; color:#ffffff;}

/* valikon kolmas taso */
/* kolmannen tason sijainti kun hiiri toisen tason päällä */
#secondary ul ul li ul li:hover ul {
    display:inline-block; position:absolute; top:5px; left: 6.5em; z-index: 9999;}

h3.widgettitle { display:none; }

/* Ostoskori - Shopping Cart */
/* (Widget links) */
/* CHECK PAGES NUMBERS ON THESE */
#pages-5 {
    position: absolute;
    top:0;
    right:0;
    float: right;
    text-align: right;
    clear: both;
    width: 15%;
    height: auto;
    z-index:9999;
    height: 0 !important; min-height: 20px;
    height: 20px;
    }
#pages-5 ul{
    position: absolute;
    top:0;
    right:0;
    float: right;
    height: auto;
    z-index:9999;
    height: 0 !important; min-height: 20px;
    height: 20px;
    }
div#secondary.wpsc_current_cat {
    background: #c1c1c1;
    color: #ffffff;
    height: auto;
    }
/* CONTENT */
div#taus {
    background: transparent url(images/bkgcontent.png) no-repeat bottom left;
    z-index: 2;
    width: 950px;
    position: relative;
    top: 50px;
    display: block;

    margin:0 auto;
    }
div#taus.etusivu {
    background: transparent url(images/bkgcontent.png) no-repeat bottom left;
    z-index: 2;
    bottom: 0;
    }
div#taus.store {
    background: none;
    z-index: 2;
    bottom: 0;
    }
div#taus.ostoskori {
    background: none;
top: 0;
padding-top: 50px;
height: 80%;
z-index: 2;
    }
div#content {
    position: relative;
    width: 630px;
    /*top: 50px;*/
    display: block;
    /*background: transparent url(images/tausta.png) repeat top left;*/
    /*height: auto;    */
    text-align: left;
    line-height:120%;
    margin:0 auto 0 auto;
    padding:20px 160px 15px 160px;
    font-size:1em;
    border: 1px solid #333333;
    border-top: none;
    z-index: 1;
    }
div#content.kauppa {
    background: transparent url(images/tausta.png) repeat top left;
/*top: 50px;*/
    z-index: 1;
    }
div#content.index {
    background: transparent url(images/tausta.png) repeat top left;
/*top: 50px;*/
    z-index: 1;
    }
div#content.info {
    background: transparent url(images/tausta.png) repeat top left;
    z-index: 1;
    }
div#content.kori { 
background: transparent url(images/tausta.png) repeat top left;
    z-index: 1;
 }

div#content a.ext:link {
    text-decoration: none;
    color: #58beee;
    }
div#content a.ext:visited {
    text-decoration: none;
    color: #58beee;
    }
div#content a.ext:hover {
    text-decoration: underline;
    }
div#content a.ext:active {
    text-decoration: none;
    color: #58beee;
    }

#content .post,#content .page,#content .attachment,.postcontent {
    display:block;
    margin:0;
    padding:0;
    }
#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
    line-height:150%;
    font-weight: normal;

    }
div.archive-meta { display: none;}

div.entry-content p { font-size: 14px; }
/*div.entry-content h3 {
    font-size: 14px;
    margin-bottom: 0em;
}*/
div#content h3.ehdot { font-size: 1.5em; }

div.entry-content a:link {
    text-decoration: none;
    color: #ffffff;
    }
div.entry-content a:visited {
    text-decoration: none;
    color: #ffffff;
    }
div.entry-content a:hover {
    text-decoration: underline;
    color: #58beee;
    }
div.entry-content a:active {
    text-decoration: none;
    color: #ffffff;
    }

div.entry-meta a:link {
    text-decoration: none;
    color: #ffffff;
    }
div.entry-meta a:visited {
    text-decoration: none;
    color: #ffffff;
    }
div.entry-meta a:hover {
    text-decoration: underline;
    color: #58beee;
    }
div.entry-meta a:active {
    text-decoration: none;
    color: #ffffff;
    }

div.navigation a:link {
    text-decoration: none;
    color: #ffffff;
    }
div.navigation a:visited {
    text-decoration: none;
    color: #ffffff;
    }
div.navigation a:hover {
    text-decoration: underline;
    color: #58beee;
    }
div.navigation a:active {
    text-decoration: none;
    color: #ffffff;
    }


h3.entry-title a:link {
    text-decoration: none;
    color: #ffffff;
    }
h3.entry-title a:visited {
    text-decoration: none;
    color: #ffffff;
    }
h3.entry-title a:hover {
    text-decoration: underline;
    color: #58beee;
    }
h3.entry-title a:active {
    text-decoration: none;
    color: #ffffff;
    }

div#ostoskori a, div#ostoskori a:link, div#ostoskori a:visited, div#ostoskori a:active {
    text-decoration:none;
    color: #ffffff;
    }
div#ostoskori a:hover {
    text-decoration: underline;
    color: #58beee;
    }

.img .postcontent {
	text-align:center;
	margin-bottom:30px;
    }
h2.entry-content { display:none; }
.entry-title,.entry-meta {
    clear:both;
}
#content h1 {
    font-size: 2.6em;
}
#content h2 {
    font-size: 1.8em;
    /*margin-bottom: 0em;*/
}
#content h2.cart {
    font-size: 1.5em;
    margin-bottom: 0em;
}
#content h3 {
    font-size: 1.3em;
    margin-bottom: 0em;
}
#content p {
    margin-top: 0em;
    font-size: 1.3em;
    line-height: 1.4em;
    }
#content p.tarina {
    margin-top: 1em;
    font-size: 0.8em;
    line-height: 1.4em;
    font-style: italic;
    }

table.table { width: 630px; border-collapse: collapse; border:0;}
table.table tr { padding: 5px 0; line-height: 1.4em; border-top: 5px;}
table.table th, table.table td { font-size: 120%; height: 120%; text-align: left; vertical-align: top; font-weight: normal;}
table.table th { width: 30%;}

.wpsc_category_details { font-size: 150%; line-height: 150%; }
form#commentform .form-label {
    margin:1em 0 0;
    }

/*Yhteyslomakkeet*/
#content p.formerror {
    color: red;
    font-size: 14px;
font-style: italic;
margin-top: 0;
margin-bottom: 0;
    }
#content p.formlink {
margin-top: 0;
margin-bottom: 0;
    }
form#commentform span.required {
    background:#fff;
    color:#c30;
    }

form#commentform,form#commentform p {
    padding:0;
    }

input#author,input#email,input#url,textarea#comment {
    padding:0.2em;
    }

div.comments ol li {
    margin:0 0 3.5em;
    }

textarea#comment {
    height:13em;
    margin:0 0 0.5em;
    overflow:auto;
    width:66%;
    }

.alignright,img.alignright{
    float:right;
    margin:1em 0 0 1em;
    }

.alignleft,img.alignleft{
    float:left;
    margin:1em 1em 0 0;
    }

.aligncenter,img.aligncenter{
    display:block;
    margin:1em auto;
    text-align:center;
    }

div.gallery {
    clear:both;
    height:180px;
    margin:1em 0;
    width:100%;
    }

p.wp-caption-text{
    font-style:italic;
    }

div.gallery dl{
    margin:1em auto;
    overflow:hidden;
    text-align:center;
    }

div.gallery dl.gallery-columns-1 {
    width:100%;
    }

div.gallery dl.gallery-columns-2 {
    width:49%;
    }

div.gallery dl.gallery-columns-3 {
    width:33%;
    }

div.gallery dl.gallery-columns-4 {
    width:24%;
    }

div.gallery dl.gallery-columns-5 {
    width:19%;
    }

div#nav-above {
    margin-bottom:1em;
    }

div#nav-below {
    margin-top:1em;
    }

div#nav-images {
    height:150px;
    margin:1em 0;
    }

div.navigation {
    height:1.25em;
    }

div.navigation div.nav-next {
    float:right;
    text-align:right;
    }

div.sidebar h3 {
    font-size:1.2em;
    }

div.sidebar input#s {
    width:7em;
    }

div.sidebar li {
    list-style:none;
    margin:0 0 2em;
    }

div.sidebar li form {
    margin:0.2em 0 0;
    padding:0;
    }

div.sidebar ul ul {
    margin:0 0 0 1em;
    }

div.sidebar ul ul li {
    list-style:disc;
    margin:0;
    }

div.sidebar ul ul ul {
    margin:0 0 0 0.5em;
    }

div.sidebar ul ul ul li {
    list-style:circle;
    }

#menu ul li,div.gallery dl,div.navigation div.nav-previous {
    float:left;
    }

#header,#footer {
    text-align:center;
    }

input#author,input#email,input#url,div.navigation div {
    width:50%;
    }
    
div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
    margin:0;
    padding:0;
    }



#footer {
	position: relative;
    bottom: -5em;
    z-index: -99;
	margin: 3em auto 0 auto;
	padding: 10px 5px 5px 5px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color: #cccccc;
    }
#footer.copyright { font-size: 12px; }
#footer a {
    color: #ffffff;
	text-decoration: none;
    }
#footer a:hover {
    color: #cccccc;
	text-decoration: underline;
    }