/* standard elements */
html {min-height: 100%;}
* {
margin: 0;
padding: 0;
}
a {color: #CC3; text-decoration:none;}
a:hover {color: #FF3; text-decoration:none;}
.picture{color:black !important;border-color:black !important;border:0px !important;}
body
{
/* V1 */
/*background: #000 url('Images/realkuva.gif') no-repeat; *//* url(Images/bg.jpg) repeat-x; */
background: #000 url('Images/tausta2.png') no-repeat; /* url(Images/bg.jpg) repeat-x; */
/* V1 */
/* V1 */
/*background-color:black;*/
/* V1 */
color: #DDD;
font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
padding-left: 90px;
}
p,code,ul,ol {padding-bottom: 1.2em;}
h1 {
/*color: #CCC;*/
color:#DDD;
font: normal 2em Impact,sans-serif;
}
h1 a {
color: #000;
text-decoration: none;
}
h1 a:hover {
color: #F00;
}
h2 {font: normal 1.8em Tahoma,sans-serif;}
h1,h2 {padding-top: 6px;}
blockquote {
color: #CCA;
display: block;
font-weight: bold;
padding-left: 28px;
}
Images {border: none;}
Images.right {margin: 5px 0 5px 12px;}
Images.left {margin: 5px 12px 5px 0;}
Images.border {
background: #000;
display: block;
padding: 3px;
}
/* misc */
.clearer {
clear: both;
font-size: 0;
}
.left {float: left;}
.right {float: right;}
.divader,.divader-small {
/*background: url('Images/divader.gif') no-repeat left center;*/
/*background: url('Images/isolinnunkakka.gif') no-repeat left center;*/
/*color: #000;*/
color:#DDD;
font: normal 1.0em Impact,sans-serif;
letter-spacing: 1px;
/*padding: 0 0 12px 22px;*/
padding: 0 0 12px 0;
}
.divader-small {
background: url('Images/divader-small.gif') no-repeat left center;
/*background: url('Images/linnunkakka.gif') no-repeat left center;*/
padding:0 0 12px 22px;
}
.divader{
padding: 0 0 0 0;
}
p.postinfo {
border-top: 1px dashed #333;
color: #666;
font: bold 0.9em sans-serif;
margin-bottom: 24px;
padding: 8px;
}
p.postinfo a {color: #888;}
p.postinfo a:hover {color: #CCC;}
/* structure */
#container {
font-size: 1.3em;
}
/* title */
#site-title
{
/*font: normal 3em Tahoma,sans-serif;*/
background: url('Images/logo600(2).png') no-repeat left center;
width:600px;
height:50px;
}
/*
#site-title a {
color: #DDD;
text-decoration: line-through;
}
#site-title a:hover {
color: #FFF;
text-decoration: none;
}
*/
#site-description {color: #CCC;}
/* content */
#content {
left: 360px;
position: absolute;
/* V1 */
/*top: 90px;*/
/* V1 */
top: 160px;
width: 610px;
}
#content .descr {
color: #8DC63F;
margin-bottom: 6px;
}
#content li {margin-left: 18px;}
/* navigation */
#navigation {
left: 120px;
position: absolute;
/*top: 290px;*/
top: 230px;
width: 210px;
}
#navigation h2 {
color: #000;
font-size: 1.5em;
letter-spacing: 0;
line-height: 30px;
margin: 0;
}
#navigation ul {margin: 0 0 0 1em;}
#navigation li {list-style: none;}
#navigation li a {
color: #777;
font-size: 1.1em;
line-height: 1.5em;
text-decoration: none;
}
#navigation li a:hover {color: #8DCA3F;}
/* footer */
#footer
{
width:100%;
border-top: 1px dashed #333;
color: #666;
font: normal 0.9em sans-serif;
position: absolute;
top: 100%;
}
#footer a {
color: #999;
text-decoration: none;
}
#footer a:hover {
color: #CCC;
text-decoration: underline;
}
#footer .left, #footer .right {padding: 10px 0;}
#footer .right a {color: #777;}
