/*
Theme Name: Henry Toivari
Theme URI: http://www.henrytoivari.org/
Description: Leiska Henry Toivarin kotisivulle
Version: 1.0b
Author: Janne Argillander
Author URI: http://www.rostech.org/
*/
html {
 margin: 0;
 padding: 0;
}
body {
 font-size: 62.5%;
 font-family: Verdana, Arial, Helvetica, sans-serif;;
 background-color: #454C51;
 color: #333;
 text-align: center;
 margin-top: 10px;
 padding: 0; 
}

div#page {
 background-color: white;
 margin: 0 auto;
 padding: 0;
 width: 700px;
 text-align: left;
}

div#header {
 width: 700px;
 height: 190px;
 margin: 0;
 padding: 0;
}

div#headerimg { 
 margin: 0; 
 height: 190px; 
 width: 700px; 
} 

div#navi {
 clear: both;
 width: 700px; 
 height: 40px;
 margin: 0px;
 padding: 0;
}

div#toplinks {
 float: left;
 width: 449px;
}

div#logo {
 margin-left: 449px;
}

div#logo h1 {
 text-indent: 0px;
 background: url(images/logo.gif) no-repeat 0 0;
 margin: 0; 
}

div#logo h1 a:link, div#logo h1 a:visited {
 display: block;
 border: none;
 margin: 0;
 padding: 0;
 width: 190px;
 height: 40px;
}

div#content {
 border: none;
 font-size: 1.2em;
 height: auto;
}

.narrowcolumn {
 float: left;
 margin: 0;
 padding: 0;
 width: 449px;
}

.widecolumn {
 float: left;
 padding: 0;
 margin: 0;
 width: 700px;
}

div#sidebar {
 padding: 15px 0 0 20px;
 margin-left: 449px;
 height: auto;
}

div#sidebar p {
 margin-left: 30px;
 font-weight: normal;
}

div#footer {
 height: 50px;
 clear: both;
}

div#headerimg ul {
 float: right;
 list-style: none;
 width: 225px;
 margin: 5px 0 0 0;
 padding: 0;
 text-align: left;
}

div#headerimg ul li:before {
 content: "\00BB \0020";
}

div#headerimg li {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 font-weight: normal;
 padding: 5px 0 0 10px;
 color: white;
}

div#headerimg li a:link, div#headerimg li a:visited { color: white; text-decoration: none; }
div#headerimg li a:active, div#headerimg li a:hover { color: white; text-decoration: underline; }

div#navi ul {
 width: 438px;
 margin: 0;
 list-style-position: inside; 
 padding: 11px 0 0 15px;
}

div#navi ul li:before {
 content: url(images/bullet.gif) "\0020";
}

div#navi li {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 display: inline;
 padding: 10px 5px 0 5px; 
}

div#navi li a:link, div#navi li a:visited { color: #000; text-decoration: none; padding-top: 7px; border-top: 5px solid #eee; }
div#navi li a:active, div#navi li a:hover { color: #000; text-decoration: none; padding-top: 7px; border-top: 5px solid #ccc; }

div#sidebar ul {
 list-style: none;
 margin: 5px 0 15px 0;
 padding: 0px;
}

div#sidebar ul li:before {
 content: "\00BB \0020";
}

div#sidebar li {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 font-weight: bold;
 padding: 2px 0 2px 8px;
}

div#sidebar li a:link, div#sidebar li a:visited { color: #000; text-decoration: none; }
div#sidebar li a:active, div#sidebar li a:hover { color: #000; text-decoration: underline; }

div#footer ul {
 width: 100%;
 text-align: center;
 margin: 0;
 padding: 25px 0 10px 0;
}

div#footer li {
 display: inline;
 list-style: none;
 padding: 25px 8px 0 8px;
}

div#footer li a:link, div#footer li a:visited { color: #ddd; text-decoration: none; }
div#footer li a:active, div#footer li a:hover { color: #ccc; text-decoration: none; }

abbr, acronym, .help {
 border-bottom: 1px dotted #ddd;
 padding-bottom: 1px;
 cursor: help;
}

div.post {
 margin: 10px 20px 30px 20px;
 text-align: justify;
}  

div#headerimg h1 {
 visibility: hidden;
}
  
h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 17px;
 height: 20px;
 text-transform: uppercase;
 border-bottom: 1px solid #39f;
 padding: 0;
 margin: 0;
 clear: both;
}

html.hasFlash h2{
 visibility: hidden;
}

div.replaced-h2{
 height: 20px;
 border-bottom: 1px solid #39f;
 padding: 0;
 margin: 0;
}

h3 {
 font-size: 1.2em;
}

.date {
 float: right;
 margin: 2px 0 12px 0;
 padding: 0;
 text-transform: lowercase;
 color: #666;
}

.entry {
 clear: both;
}

.entrytext {
 margin-top: 20px;
}

.navigation {
 display: block;
 clear: both;
 height: 20px;
 margin-top: 20px;
 margin-bottom: 20px;
}

div#comments {
 margin: 10px 20px 30px 20px;
}

.commentlist {
 padding: 0;
 text-align: justify;
}

.commentlist li {
 margin: 15px 15px 3px 15px;
 padding: 5px 10px 3px;
 list-style: none;
 font-weight: bold;
}

.graybox {
 background-color: #f8f8f8;
 border-top: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
}
.commentlist p {
 margin: 10px 5px 10px 0;
 font-weight: normal;
 line-height: 1.5em;
 text-transform: none;
}

.commentlist cite {
 font-weight: bold;
 font-style: normal;
 font-size: 1.0em;
 margin-bottom: 4px;
 color: #333;
}

.commentlist cite a {
 text-decoration: none;
 color: #39f;
}
.commentlist cite a:hover {
 text-decoration: underline;
 color: #039;
}

#commentform p {
 margin: 5px 0;
}

.nocomments {
 text-align: center;
 margin: 0;
 padding: 0;
}

.commentmetadata {
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 0.9em;
 font-weight: normal;
 margin: 0;
 display: block;
}
	
.commentmetadata a {
 text-decoration: none;
 color: #39f;
}

.commentmetadata a:hover {
 text-decoration: underline;
 color: #39f;
}

.edit {
 float: right;
 margin-right: 15px;
}

code {
 font-size: 1.1em;
 color: #666;
}

.notice {
 font-weight: bold;
 color: #900;
}

fieldset {
 margin: 10px 30px 20px 30px;
 border: none;
}

.author {
 font-size: 1.2em;
 color: #000;
 margin-bottom: 3px;
}

div#commentnarrow {
 display: block;
 width: 340px;
 float: left;
 margin: 0;
}

div#commentdetails {
 display: block;
 height: 180px;
 margin-left: 350px;
 padding: 5px 0 0 0;
}

div#commentwide textarea {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: .92em;
 width: 560px;
 height: 125px;
 margin: 2px;
 padding: 2px; 
}

div#commentnarrow textarea {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: .92em;
 width: 320px;
 height: 125px;
 margin: 2px;
 padding: 2px; 
}

div#commentdetails input {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: .92em;
 width: 200px;
 margin: 2px;
 padding: 2px;
}

div#comments input#submit {
 width: 85px;
 background-color: #2C2C2C;
 background-image: url(images/submitbg.gif);
 background-repeat: repeat-x;
 background-position: 0 0;
 border: 1px solid #666;
 padding: 5px;
 margin: 30px 0 0 40px;
 color: #000;
}
div#comments input#submit:hover {
 background-position: 0 -35px;
 border: 1px solid #009;
}

.huomaa {
 padding: 4px 0 0 4px;
 font-size: 0.9em;
 color: #666;
}

span.alignright {
 float: right;
 display: block;

 margin-right: 20px;
 padding: 0;
}
	
span.alignleft {
 float: left;
 display: block;

 margin-left: 20px;
 padding: 0;
}
	
.postmetadata {
 text-align: left;
}
	
.alt {
 color: #999;
 font-size: 0.9em;
 padding: 5px;
 text-align: center;
}

.alt a:link, .alt a:visited, .alt a:active {
 color: #666;
 text-decoration: none;
}

.alt a:hover {
 color: #333;
 text-decoration: underline;
}
	
a:link, a:visited {
 color: #01426F;
}

a:hover, a:active {
 color: #900;
}

.contactform {
 width: 90%; 
 position: relative;
}
		
.contactleft {
 width: 150px; 
 font-size: 1.0em;
 clear: both; 
 float: left; 
 display: inline; 
 padding: 0; 
 margin: 0; 
}
		
.contactright {
 width: 100%;  
 float: left; 
 display: inline; 
 padding: 0 0 4px; 
 margin: 0; 
}

.contacterror {
 border: 1px solid #ff0000;
}	

form#contactform {
 margin-top: 20px;
}

form#contactform textarea {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 1.0em;
 background-color: #fff;
 border: 1px solid #ccc;
 color: #333;
 padding: 2px;
 margin-top: 4px;
 width: 380px;
}
form#contactform input {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 1.0em;
 background-color: #fff;
 border: 1px solid #ccc;
 color: #333;
 padding: 2px; 
 margin-top: 4px;
 width: 280px;
}
form#contactform input:focus, form#contactform textarea:focus {
 background-color: #fff;
 border-color: #888;
}
form#contactform input:hover, form#contactform textarea:hover {
 border-color: #33bbff;
}

form#contactform input#submit {
 width: 60px;
 background-color: #2C2C2C;
 background-image: url(images/submitbg.gif);
 background-repeat: repeat-x;
 background-position: 0 0;
 border: 1px solid #666;
 padding: 5px;
 margin-left: 100px;
}
form#contactform input#submit:hover {
 background-position: 0 -35px;
 border: 1px solid #009;
}
/* Photopress */
#pp_gallery {
 width: 100%;
 margin: 10px 10px 20px 10px;
 text-align: center;
 clear: both;
}
#pp_meta {
 text-align: center;
 padding: 10px;
}
.pp_centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.pp_cell {
 width: 200px;
 text-align: center;
 vertical-align: top;
 padding: 5px;
}
.pp_prev, .pp_next {
 margin: 10px;
 display: block;
 padding: 5px;
}
a.pp_prev:link, a.pp_next:link, a.pp_prev:visited, a.pp_next:visited {
 background-color: #acf;
 color: #000;
 text-decoration: none;
 font-weight: bold;
}
a.pp_prev:hover, a.pp_next:hover {
 background-color: #369;
 color: #fff;
 text-decoration: none;
}
.pp_prev {
 float: left;
}
.pp_next {
 float: right;
}