/*
* www.haiku.art.pl layout
* graphics and css (C) Wydawnictwo ELAY
* http://elay.media.pl
*/

html, body {
margin:0;
padding:0;
height:100%;
font: 100% "Palatino Linotype", "Book Antiqua", "Palatino", serif;
}

#wrapper-main {
min-height: 100%;
position: relative;
}

#wrapper-top {
width: 100%;
overflow:auto;
height:auto;
}

#background { 
margin: 0;
padding:0;
background-repeat: no-repeat;
background-position: top left;
height: 600px;
width: 450px;
z-index: 50;
float: left;
}

/* główna treść %%%%%%%%%%%%%%%%%%%%%%% */

#content {
height: auto;
position: absolute;
left: 500px;
margin: 0;
padding: 0;
padding-top: 90px;
text-align: left;
font-size: 0.8em;
}

#content p{
padding-top: 1em;
width: 320px;
}

#content p a{
text-decoration: none;
color: #3E3939;
font-style: italic;
}

#content p.autor{
padding-top: 0px;
margin-top: 0px;
padding: 0 0 0 1em;
margin:  0 0 0 1em;
font-style: italic;
}

#content p.prevnext{
margin-left: 1em;
padding-left: 1em;
}

#content p.haiku_pl{
font-size: 1.8em;
padding: 0 0 0 1em;
color: #000000;
}

#content table {
margin-left: 1em;
padding-left: 1em;
table-layout: fixed; 
width: 100px; 
border-spacing: 0;
}

#content table a{
text-decoration: none;
color: #3E3939;
font-style: italic;
}

#content h2{
text-decoration: none;
color: #3E3939;
font-style: italic;
font-size: 3em;
}

/* statyczna duża treść z pagerem: o-haiku  %%%%%% */

#haiku_static{
position: absolute;
left: 430px;
/* float: left; */
padding: 20px 0 0 0;
text-align: left;
font-size: 1em;
width: 450px;
}

#haiku_static p{
padding-top: 0.7em;
}

#haiku_static h2{
text-decoration: none;
color: #3E3939;
font-style: italic;
height: 1.2em;
font-size: 2em;
}

/* prawe menu obrazkowe  %%%%%%%%%%%%%%%%%%%%%%%%% */
#menu-right {
float:right;
padding: 0px;
margin; 0px;
text-align: right;
z-index: 50;
}

#menu-right ul{
list-style-type: none;
}

#menu-right ul li{
margin-bottom: 2em;
font-style: italic;
padding-right: 1em;
height: 51px;
}

#menu-right a{
color: #888888;  
text-decoration: none;
height: 51px;
}

#menu-right img{
opacity: 0.5;
filter: Alpha(Opacity=50);
border-style: none;
padding-left: 5px;
}

#menu-right a:hover{
color: #000000;  
opacity: 1;
}

#menu-right a:hover img{
filter: Alpha(Opacity=100);
opacity: 1;
}

#menu-right a.active {
color: #000000;  
}

#menu-right a.active img{
filter: Alpha(opacity=100);
opacity: 1;  
}

#menu-bottom {
position: absolute;
bottom: 0;
width: 100%;
height: 30px;
text-align: right;
font-size: 0.8em;
color: #888888;
}

#menu-bottom a:link, #menu-bottom a:visited { color: #444444; text-decoration: none;}
#menu-bottom a:hover, #menu-bottom a:active { color: #000000; text-decoration: none;}

#smd_pagnav {
position: absolute;
left: 430px;
text-align: left;
word-spacing: 30px;
z-index: 2;
}

#smd_pagnav a{
text-decoration: none;
color: #3E3939;
font-style: italic;
}