/*  
Description: This is the theme for my weblog 2008
Version: 1.0
Author: Tommi Tawast
Author URL: http://www.tommitawast.com/
*/


/* OSAT */

body {

margin: 0px;
padding: 0px;
width: 100%;
text-align: center;
background-color: #333333;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
vertical-align: top;

}

div.page {

margin-left: auto;
margin-right: auto;
padding: 0px;
width: 906px;
text-align: left;
vertical-align: top;

}

div#header {

margin: 0px 0px 0px 0px;
padding: 0px;
width: 906px;
text-align: left;

}

h1, h2, h3, h4, p {

margin: 0px;
padding: 0px;

}

div.title {

float: left;
width: 120px;
padding-top: 23px;
height: 55px;
display: inline;

}

.rss {

margin-right: 10px;
margin-left: 130px;
padding-top: 15px;
float: left;
display: inline;

}

div.description {

width: 420px;
margin-left: 6px;
padding-top: 15px;
float: left;
display: inline;

}

div.main-image {

float: left;

}

div#content {

margin: 0px 0px 0px 0px;
width: 906px;
vertical-align: top;
background-image: url(images/bg-content.gif);
background-repeat: repeat-y;
text-align: left;
float: left;

}

div.posts-column {

width: 500px;
float: left;
display: inline;
vertical-align: top;
margin: 0px;
padding: 0px;

}

div.post {

margin-left: 43px;
padding-top: 15px;
vertical-align: top;

}

div.entry {

margin-top: 25px;

}

div.entry p {

margin-bottom: 12px;

}

.postmetadata {

padding-bottom: 25px;

}

div.sidebar {

width: 250px;
float: left;
display: inline;
padding-right: 10px;
padding-left: 119px;
margin-top: 12px;
padding-top: 0px;
vertical-align: top;

}

div.sidebar ul, div.sidebar li, div.sidebar p, div.sidebar h2 {

margin: 0px;
padding: 0px;

}

div.sidebar li {

list-style-type: none;
padding-bottom: 14px;

}

div.sidebar h2 {

padding-bottom: 15px;
padding-top: 7px;

}

div.sidebar ul.about {

margin-top: 0px;

}

.cat {

margin: 0px;

}

ul.cate li {

margin: 0px 5px 0px 0px;
padding: 0px;
display: inline;

}

div.contact {

margin-top: 0px;
padding-bottom: 25px;

}

div.footer {

clear: both;
background-image: url(images/bg-footer.gif);
background-repeat: no-repeat;
width: 906px;
height: 233px;
padding-top: 35px;
margin: 0px;
text-align: left;

}

div.introduction {

color: #ffffff;
font-size: 8pt;
margin: 0px 0px 0px 43px;
width: 550px;
float: left;
display: inline;

}

div.archives {

margin: 0px 0px 0px 10px;
float: left;
display: inline;
width: 250px;

}

div.archives ul, div.archives li {

margin: 0px;
padding: 0px;

}

div.archives li {

list-style-type: none;

}

div.archives ul {

margin-left: 27px;
margin-top: 35px;

}

div.introduction p {

clear: both;
padding-bottom: 15px;

}

.intro-1 {

padding-top: 35px;

}

.copyright {

clear: both;
padding-top: 50px;
margin-bottom: 25px;

}


/* FONTIT */

body, h1, h2, h3, h4, h5, h6, p, blockquote {

font-family: Helvetica;

}

h1 {

font-size: 16pt;

}

h1 {

font-size: 12pt;

}

p {

font-size: 10pt;

}

.time {

font-size: 8pt;

}

div#header h1 {

color: #006ab3;

}

div.description a {

color: #006ab3;
text-decoration: none;

}

div#header p {

color: #ffffff;

}

div.post h2 {

color: #333333;

}

div.entry p {

color: #333333;

}

div.entry a {

color: #006ab3;

}

.postmetadata, .postmetadata a {

font-size: 8pt;
color: #333333;

}

a.post-header {

color: #333333;
text-decoration: none;

}

p.copyright {

color: #636666;
font-size: 8pt;
text-align: center;

}

div.introduction p {

font-size: 8pt;

}

.introduction a {

color: #ffffff;

}

div.archives {

color: #ffffff;
font-size: 8pt;

}

div.archives li a {

color: #ffffff;
font-size: 8pt;

}

div.sidebar ul, div.sidebar li, div.sidebar p, div.sidebar h2 {

color: #333333;

}

div.sidebar h2 {

font-size: 12pt;

}

div.sidebar p, div.sidebar a, div.sidebar li {

font-size: 8pt;

}

div.sidebar a {

color: #333333;

}


/* COMMENTS */

.comments-template {
	clear: left;
	margin: 10px 0 0;
	padding: 10px 0 0;

}

.comments-template ol {
	margin: 0;
	padding: 0 0 15px;
	list-style: none;

}

.comments-template ol li {
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;

}
 
.comments-template h2, .comments-template h3{
	font-family: Helvetica;
	font-size: 12pt;
	color: #333333;

}

.commentmetadata, .commentmetadata a {
	font-size: 8pt;
	color: #333333;

}

.comments-template p.nocomments {
	padding: 0;

}

.comments-template textarea {
	font-family: Helvetica;
	font-size: 10pt;

}

#commentform a {

color: #333333;
font-size: 8pt;

}

#commentform p {

color: #333333;
font-size: 8pt;

}

#respond {

color: #006ab3;

}