/*   
Theme Name:JussiWP 1.0
Theme URI:
Description:Dark Theme
Author:Teemu
Author URI:http://www.pomppulinna.org
Version:1.0
Tags:Dark, Horror, Wood

*/

*
{
  margin:0;
  padding:0;
}

body
{
  font-family:arial, sans-serif;
  font-size:14px;
  color:#FFF;
  background:url(images/tausta.jpg) no-repeat top left #000;
  margin:0;
}

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

#header
{
  width:1040px;
  height:auto;
  float:left;
  margin:20px 0 50px 0;
}

#header .logo
{
  width:388px;
  height:auto;
  float:left;
  margin:10px;
}

#header .menu
{
  width:622px;
  height:50px;
  float:left;
  margin:0;
}

#header .menu ul
{
  width:622px;
  height:50px;
  list-style-type:none;
  margin:15px 20px 0;
}

#header .menu ul li
{
  float:left;
  font-size:14px;
  padding:9px;
}

#container
{
  width:1040px;
  height:auto;
  margin-top:50px;
  line-height:18pt;
  margin-bottom:50px;
}

#container .main_info
{
  margin-left:40px;
  margin-right:10px;
  width:500px;
  height:auto;
  float:left;
}

#container .main_info h1
{
  padding-top:10px;
  width:518px;
  height:50px;
}

#container .sidebar
{
  width:430px;
  margin-left:10px;
  float:left;
  height:auto;
}

#container .sidebar .preview
{
  width:430px;
  float:left;
}

.preview ul
{
  width:430px;
  height:100px;
  float:left;
  list-style-type:none;
}

#container .sidebar .gallery_more
{
  width:400px;
  float:left;
  margin-left:30px;
  margin-top:20px;
}

#container .sidebar .latest
{
  width:410px;
  height:auto;
  float:left;
  margin-top:0px;
  margin-left:20px;
}

.preview ul li
{
  width:100px;
  margin-left:20px;
  float:left;
}


.latest h3
{
  color:#FFF;
  font-size:14px;
  font-weight:600;
  margin:0;
}

.latest h3 a
{
  color:#FFF;
  text-decoration:none;
  padding:0;
}

.latest p
{
  color:#9b9b9b;
  font-size:12px;
  margin:0;
  padding:0;
}

.post
{
  width:500px;
  float:left;
  height:auto;
}

.entry
{
  width:500px;
  float:left;
  height:auto;
  margin-top:20px;
  margin-bottom:20px;
  border-bottom:1px dotted #333;
  padding-bottom:20px;
}

#footer
{
  float:left;
  margin-top:20px;
  margin-left:40px;
  font-size:14px;
}

.input
{
  width:200px;
  height:25px;
  background:#101010;
  margin-bottom:10px;
  border:none;
  color:#FFF;
  padding:2px;
}

.textarea
{
  border:none;
  float:left;
  background:#101010;
  color:#FFF;
  margin-bottom:20px;
  width:500px;
  height:100px;
  padding:2px;
}

.submit
{
  border:none;
  height:27px;
  width:80px;
  color:#FFF;
  font-size:14px;
  background:#101010;
}

#comments
{
  font-size:12px;
  line-height:16pt;
}

.kommentti
{
  margin-bottom:20px;
  background:#101010;
  padding:10px;
}

.page_container
{
  width:900px;
  margin-left:40px;
  margin-right:10px;
  float:left;
  height:auto;
}

.page
{
  width:900px;
  margin-right:10px;
  float:left;
  height:auto;
  margin-bottom:40px;
  font-size:16px;
  line-height:22pt;
  border-bottom:1px dotted #333;
  padding-bottom:20px;
}


.page p {margin-bottom:20px;}

.page h2 a {
text-decoration:none;}

.page a {
color:#FFF;
text-decoration:underline;
}

.page img {
margin:10px 10px 0 10px;}


.page h1
{
  margin-top:40px;
  padding-bottom:20px;
  font-size:28px;
}

.page h1 a {
text-decoration:none;}

.big_blog
{
  margin-top:20px;
}

.small_post
{
  margin-bottom:10px;
}

.latest h1,#comments h2
{
  margin-bottom:20px;
}

.formit {margin-right:46px;
width:350px; float:left;
}

.tekstit { width:500px;  float:left;}