/*   
Theme Name: Tulenheimo
Theme URI: http://www.marttitulenheimo.fi
Description: A Wordpress theme for the personal blog of Martti Tulenheimo
Author: Tuomas Tuomitie
Author URI: http://www.tuomitie.com
Version: 0.9
.
Feel free to take a look at the theme, but please don't use it in your own projects without asking me first.
.
*/

* {		margin: 0;
		padding: 0;
		border: 0;}
		
body {		height: 100%;
		background: url("./gfx/background.jpg") #c0c9cc repeat-y;
		font: 76% Calibri, sans-serif;}
		
#header {		height: 395px;
			width: 748px;
			margin: 0 0 -200px 0;
			background: url("./gfx/plain_container-bg.jpg") transparent no-repeat;}
			
#header>h1 img {	position: absolute;
			top: 140px;
			left: 276px;
			width: 442px;
			height: 36px;}

h1 {			clear: both;
			float: right;
			margin: 12px 6px 0 0;}
			
#content>h2 {		margin: 0 20px -12px 20px;}
		
.post {			clear: both;
			min-height: 200px;
			width: 631px;
			margin: 0 18px 10px 18px;
			padding: 20px 20px 45px 60px;
			font-size: 1.2em;
			background-color: #f3f5f2;
			border: #747474 1px solid;}
		
.post>h2 {		width: 671px;
			margin: -20px 0 0 -60px;
			padding: 16px 20px 19px 20px;
			text-transform: uppercase;
			font: normal 1.5em Helvetica, 'Helvetica Neue', Calibri, Arial, sans-serif;}
		
h2 a {			text-decoration: none;}
		
.post>h3 {		width: 671px;
			margin: -20px 0 0 -60px;
			padding: 0 20px 20px 20px;
			font-weight: normal;
			font-size: 0.9em;
			color: #aaa;}
		
.post p {		padding: 0 0 10px 0;}
		
.post ul {		padding: 4px 20px 8px 70px;}

blockquote {		margin: 8px 10px 15px 25px;
			padding: 15px 15px 5px 45px;
			background: url("blockquo.gif") #e9d0b4 no-repeat 10px 15px;
			border: #999 dashed 1px;}
		
big {			font-size: 1.3em;}

.rewind {		width: 700px;
			margin: 0 18px 12px 18px;
			padding: 12px;
			background: url("rewindbg.jpg") no-repeat bottom left;}
			
.pagetitle {		width: 671px;
			margin: 0 18px 10px 18px;
			padding: 6px 20px 6px 20px;
			background: url("rewindbg.jpg") no-repeat bottom left;}
			
.rewind .alignleft {	display: block;
			float: left;}
			
.rewind .alignright {	display: block;
			float: right;}


#navi {			position: absolute;
			top: 0px;
			left: 750px;
			height: 100%;
			width: 180px;
			padding: 9px;
			color: #ddd;}
			
#navi a {		font-weight: bold;
			color: #ddd;}
			
#infobox {		height: 186px;
			width: 153px;
			margin: 20px 0 4px 0;
			padding: 176px 16px 0 14px;
			background: url("./gfx/martti.jpg") no-repeat top left;
			font-size: 1em;
			line-height: 1.4em;
			text-align: left;
			color: #000;}
		
#navi p {		padding: 0 10px;
			margin: 0 0 48px 0;
			font: normal 1.1em/1.2em Calibri, sans-serif;
			text-align: center;}
		
#cats {			height: 418px;
			margin: 10px 0 0 -1px;
			padding: 32px 5px 0 12px;
			background: url("./gfx/categorybg.jpg") no-repeat top left;
			list-style: none;
			font: normal 1.3em/1.7em Calibri, Tahoma, Geneva, sans-serif;}
		
#cats li {		display: block;
			width: 139px;
			height: 34px;
			margin: 0 0 4px 0;
			padding: 0 8px;
			color: #111;
			background: #eef3f7;
			border: solid 1px black;
			text-align: center;}
		
#cats li a {		font: normal 16px/33px Calibri, Tahoma, Geneva, sans-serif;
			text-transform: uppercase;
			text-decoration: none;
			color: #111;}

#supp {			position: absolute;
			top: 0px;
			left: 950px;
			height: 100%;
			width: 130px;
			padding: 287px 10px 50px 10px;}
				
#archive {		width: 164px;
			margin: 10px 0 10px -1px;
			padding: 35px 0 35px 14px;
			background: url("./gfx/archive0809.jpg") no-repeat top left;}
#arch {			height: 149px;
			width: 153px;
			margin: 0 0 77px 0;
			padding: 1px 0 4px 1px;
			background-color: black;}
#arch li {		display: inline;
			margin: 0;
			padding: 0;
			list-style-type: none;}
#arch li a {		display: block;
			float: left;
			width: 50px;
			height: 50px;
			margin: 0 1px 1px 0;
			padding: 0;
			background: url("./gfx/archivebox.jpg") no-repeat top left;
			color: black;
			font: normal 10px/50px Calibri, Tahoma, Geneva, sans-serif;
			text-decoration: none;
			text-align: center;
			overflow: hidden;}
#arch li a:hover {	background: url("./gfx/archivebox_hover.jpg") #fafbf9;}
#arch li a:visited {	color: #555;}
#archive span {		clear: both;
			display: block;
			width: 155px;
			margin: 0;
			text-align: center;}
				
a {			font-weight: bold;
			color: #393e38;}

a:visited {		color: #736357;}

a:hover {		color: #4b1605;
			text-decoration: none;}
			
#comments {		margin: 4px 40px 30px 40px;}
		
.commentlist>li {	width: 671px;
			margin: 0 0 30px 20px; 
			padding: 16px 20px 19px 20px;
			background: url("post_bot.gif") #fff no-repeat bottom left;
			list-style: decimal;
			color: #6f92b9;}

.commentlist li p {	margin: 0 0 8px 0;
			padding: 0 0 0 40px;
			font: normal 1.1em/1.2em Calibri, Tahoma, Geneva, sans-serif;
			color: #000;}

.commentlist li .commentmetadata {
			width: 671px;
			margin: -40px 0 0 -20px;
			padding: 10px 20px 5px 20px;
			background: url("post_top.gif") #fff no-repeat top left;}	
			
.postmetadata {		margin: 0 0 -20px 0;}

.respond {		margin: 0 20px 5px 20px;}

input {			margin: 5px 20px 5px 70px;}

#comment {		width: 560px;
			margin: 5px 20px 5px 70px;
			padding: 20px;}
			
#submit {		margin: 8px 0 15px 70px;
			padding: 5px;
			background: #6f92b9;
			color: #fff;}