/*  
Theme Name: Tatu Hiltunen
Theme URI: http://tatuhiltunen.com/
Description: Portfolio of Tatu Hiltunen, built on Blueprint 0.5
Version: 1.0
Author: am Design, 2008-
Author URI: http://www.amdesign.fi/
*/
.avatar { float: left; border: 1px solid gray;}

#imageDataContainer, #imageDataContainer * { overflow: hidden ! important }

#caption { font-weight: normal ! important; }
#caption strong { font-weight: bold ! important; }

.otsikoton #gallery { margin-top: 1.1em; }
.otsikoton h2 { margin-top: -0.5em; }

#alavalikko li.current_page_item a:hover,
#sivuvalikko li.current_page_item a:hover,
#paavalikko li.current_page_item a { text-decoration: underline ! important; }
#alavalikko li.current_page_item a,
#sivuvalikko li.current_page_item a,
#paavalikko li.current_page_item a:hover { text-decoration: none ! important; }

.country-name { display: none; }
strong { font-weight: 700 ! important; font-size: 1.1em;}

a, a:link, a:visited, a:link:hover, a:visited:hover,
a.selected:link:hover, a.selected:visited:hover
{
color: black;
text-decoration: underline;
}
a:link:hover, a:visited:hover,
a.selected:link, a.selected:visited, a.selected
{
text-decoration: none;
}

#konteineri
{
width: 910px;
padding: 0 40px 0 40px;
margin: 0 auto 0 auto;
}

#konteineri
{
border: 1px solid #fff;
}

#paaotsikko 
{
width: 990px; 
margin-left: -40px;
background-color: white;
text-align: left;
position: absolute;
top: 0;
height: 110px;
}

h1 
{
width: 100%; height: 100%;
display: block;
}

h1 a:link, h1 a:visited,
h1 a:link:hover, h1 a:visited:hover
{
color: black;
text-decoration: none;
position: relative;
z-index: 50;
margin: 28px 0 0 37px;
letter-spacing: 2px;
display: block; 
width: 100%; height: 100%; 
font-variant: small-caps;
font-family: Palatino, “Palatino Linotype”, “Hoefler Text”, Times, “Times New Roman”, serif;
font-size: 38px;
font-weight: 400;
font-family: calluna;
font-family: legitima;
}

h1 a:first-letter { text-transform: uppercase; }

h1 a span { position: relative;
width: 100%; height: 100%;
background-color: transparent;
background-image: none;
display: block; display: none;
background-repeat: no-repeat;
background-position: center -10px;
z-index: 100; }


#paavalikko
{
position: absolute; 
z-index: 150;
width: 990px; 
top: 102px;
margin-left: -40px;
text-align: left;
}
#paavalikko, #yhteystiedot
{
height: 46px;
overflow: hidden;
}

#paavalikko ul, #yhteystiedot p
{
height: 32px;
margin: 0 auto 0 auto;
width: 910px;
position: relative;
background-color: black;
background-image: ;
background-repeat: repeat-x;
background-position: top;
padding: 12px 40px 0 40px;
}

#paavalikko li
{
list-style-type: none;
display: inline;
padding-right: 2em;
padding-top: 12px;
}

#paavalikko li a:link,
#paavalikko li a:visited,
#paavalikko li a.selected:hover,
#paavalikko li a.selected:visited:hover
{
color: white;
text-decoration: none;
font-weight: 700;
}
#paavalikko li a:link:hover,
#paavalikko li a:visited:hover,
#paavalikko li a.selected:link,
#paavalikko li a.selected:visited
{
color: white;
text-decoration: underline;
font-weight: 700;
}

#sisus
{
position: relative;
margin-top: 178px;
width: 500px;
text-align: left;
float: left;
}

#sivupalsta
{
position: relative;
height: 480px;
width: 320px;
margin: 180px 0 6px 70px;
padding: 9px;
border: 1px solid #a7a7a7;
float: left;
background: transparent;
}

#linkit
{
height: 480px;
width: 320px;
position: absolute;
background-repeat: no-repeat;
background-position: center;
}

.palsta #linkit
{
background: white ! important;
z-index: -10;
}
#sivupalsta.palsta
{
margin-top: -18px;
z-index: -10;
border: none ! important;
width: 320px;
}

#leipateksti #sisus .teksti,
#leipateksti #sisus .teksti-videot
{
width: 932px;
position: relative;
}
#leipateksti #sisus .teksti *
{
width: 500px;
}
#leipateksti #sisus .teksti-videot *
{
width: 425px;
}

#gallery, #videogallery
{
width: 345px ! important;
float: right;
z-index: 100;
margin-top: -26px;
text-align: left;
}
#videogallery
{
width: 430px ! important;
border: 1px solid #a7a7a7;
text-align: center;
margin-right: 24px;
}
#gallery img
{
border: 1px solid gray ! important;
padding: 9px; height: 75px ! important;
width: 70px ! important;
}
#gallery img:hover
{
background: #c8c8c8;
}
.teksti-videot #videogallery div, .teksti-videot  #videogallery object
{
width: 425px ! important;
margin-left: 1px ! important;
}


#statement
{
width: 500px;
position: relative;
}

#sivuvalikko
{
position: relative;
margin-top: 18px;
}

#yhteystiedot
{
clear: both;
z-index: 100;
padding-top: 32px;
position: relative;
width: 990px; 
margin-left: -40px;
background-color: white;
position: relative;
height: 40px;
}
#yhteystiedot p
{
color: white;
text-align: right;
margin: 0 auto 0 auto;
width: 910px;
}

#alavalikko
{
width: 930px;
margin-left: -20px;
text-align: right;
padding: 12px 0 54px 0;
}

#alavalikko img
{
margin: 0 0 -2px 0;
}

#alavalikko li
{
list-style-type: none;
display: inline;
padding-left: 2em;
}

#alavalikko *
{
color: gray;
}

#very-non-semantic-clearing-div, #tagit
{
clear: both;
}

#tagit p
{
display: none;
}