/* 
Theme Name: Juha-Pekka Koskinen
Theme URL: http://www.jpkoskinen.com
Description: Theme for Juha-Pekka Koskinen
Author: ebWorks
Author URI: http://www.ebworks.fi
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

body {
margin: 0;
font-size: 100%;
color: #fff;
font-family: Constantia, "Lucida bright", Lucidabright, Georgia, "Lucida serif", serif;
text-align: center;
background: #000;
}
ul.menu {
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
}

a {
text-decoration: none;
color: #fff;
}

ul {
list-style-type: none;
}

.clear {
clear: both;
}

#container{
position: relative;
width: 960px;
margin: 0 auto;
text-align: left;
height: 1050px;
}
.etusivu {
background: url(images/bg_etusivu.jpg) no-repeat 0px 0px;
height: 1010px;
}

.biografia {
background: url(images/bg_biografia.jpg) no-repeat 749px 90px;
}
.ajankohtaista {
background: url(images/bg_ajankohtaista.png) no-repeat 750px 260px;
}
.arvostelut {
background: url(images/bg_arvostelut.jpg) no-repeat -30px 90px;
}
.otteita {
background: url(images/bg_otteita.jpg) no-repeat -20px 90px;
}
.raapaleet {
background: url(images/bg_raapaleet.jpg) no-repeat -30px 90px;
}
.esiintymiset {
background: url(images/bg_esiintymiset.png) no-repeat -40px 90px;
}
.linkit {
background: url(images/bg_linkit.jpg) no-repeat -10px 90px;
}
.otayht {
background: url(images/bg_otayht.jpg) no-repeat -10px 90px;
}
.vieraskirja {
background: url(images/bg_esiintymiset.png) no-repeat -40px 90px;
}

.sit_etu {
position: absolute;
top: 120px;
left: 560px;
}
.sit_biog, .sit_ajank {
position: absolute;
top: 110px;
left: 0;
width: 241px;
}
.sit_arv {
position: absolute;
right: 0;
top: 110px;
}
.sit_otteita {
position: absolute;
right: 0;
top: 110px;
}
.sit_raapaleet {
position: absolute;
right: 0;
top: 110px;
}
.sit_esiint {
position: absolute;
right: 0;
top: 110px;
}
.sit_linkit {
position: absolute;
right: 0;
top: 110px;
}
.sit_otayht {
position: absolute;
right: 0;
top: 110px;
}
.sit_vieraskirja {
position: absolute;
right: 0;
top: 110px;
}


.credit_etu, .copy_etu {
position: absolute;
top: 450px;
left: 0;
width: 830px;
color: #fff;
font-size: .64em;
text-align: left;
}
.copy_etu {
top: 469px;
}

#header {
}

ul.menu {
position: relative;
z-index: 50;
font-size: .67em;
margin-top: 45px;
}

ul.menu li {
float: left;
position: relative;
}

ul.menu li a {
line-height: 2em;
padding-right: 15px;
display: block;
font-weight: 700;
}

ul.menu li ul {
padding: 7px 0px;
display: none;
position: absolute; 
top: 15px;
left: 0px;
z-index: 150;
width: 200px;
}

.current_page_parent ul, 
.current_page_ancestor ul {
display: block;
}

ul.menu ul li {
display: block;
clear: both;
}
ul.menu ul li a {
line-height: 1.66em;
font-size: .9em;
color: #fff;
}

ul.menu li a:hover,
ul.menu li ul li a:hover {
 color: #fff200;
}

.current_page_ancestor a, 
.current_page_item a,
li.current_page_ancestor ul li.current_page_item a {
color: #fff200;
}

.post{
width: 420px;
position: absolute;
top: 100px;
left: 291px;
}
.post_teokset{
position: absolute;
top: 100px;
left: 0;
width: 960px;
}

.post p {
margin: 0;
padding: .6em 0 1.2em;
font-size: .9em;
line-height: 1.4em;
}
.post_teokset p {
margin: 0;
padding: 0 0 1.8em;
font-size: .9em;
line-height: 1.4em;

}
.post h3, .post_teokset h3 {
font-weight: bold;
font-size: 1.3em;
color: #fff200;
margin-bottom: .5em;
}

.post h4, .post_teokset h4  {
color: #fff200;
font-size: 1.1em;
margin-top: .8em;
}


.post a, .post_teokset a {
color: #1F74C7;
}

.post_teokset div {
width: 23%;
float: left;
margin-right: 10%;
}
.post_teokset img {
padding: 20px 0;
text-align: center;
}

.pressit {
width: 960px;
left: 0;
}
.pressit div {
float: left;
width: 200px;
margin-right: 40px;
font-size: 11px;
}
.pressit div img, pressit div.extra img {
height:200px;
text-align: center;
margin: 0 auto;
padding: 15px 0;
}
.pressit div.extra {
width: 320px;
margin-right: 40px;
}


#postmeta{}
#postnavigation{}
#searchform{}
#sidebar{
position: relative;
float: right;
height: 500px;
}

.blogi {
width: 70px;
height: 46px;
position: absolute;
right: 170px;
top: 440px;
}

.biogblogi {
top: 460px;
right: 66px;
}

.ajankblogi {
top: 200px;
right: 126px;
}
.arvblogi {
top: 400px;
right: 0;
}
.otteitablogi {
top: 340px;
right: 0;
}
.raapaleetblogi {
top: 340px;
right: 0px;
}
.esiintblogi {
top: 350px;
right: 80px;
}

.linkitblogi {
top: 370px;
right: 80px;
}
.otayhtblogi {
top: 360px;
right: 80px;
}
.vieraskirjablogi {
top: 350px;
right: 60px;
}