/*  
Theme Name: merciful house v7
Theme URI: http://mercifulhouse.net
Description: Custom made theme for creator's website. June 2009.
Version: 1.0
Author: Ude
Author URI: http://mercifulhouse.net/
Tags: Japan, brown, fixed width, two columns, widgets
*/

/* ----------------------------- TAG ----------------------------- */
html, body { background-color: #DCC9AC;}
body { background-color:#DCC9AC;}
html, body, h1, h2, h3, h4, h5, h6, blockquote, p{ margin: 0; padding: 0; color:#333;}
img { border-width: 0px;}
abbr { text-decoration:none; text-transform:none;}
body{ font-family: Verdana, 'trebuchet ms', sans-serif; font-size: 1em; text-align: center; }
p { padding: 0 0 1em 0; margin:0;}
#footer p { padding: 0;}
blockquote { line-height:1.4em; border: 5px solid #eed; font-size: 1.2em; background-color:#FFF; background: url(images/leftquote.gif) no-repeat left top #FFF;} /* Siteerausblokki */
blockquote p { background: url(images/rightquote.gif) no-repeat right bottom; padding: 1em;}
#container h1 {background:url(images/title.gif) no-repeat top right; margin: 20px 225px 0 -5000px;} /* Blogin otsikko */
h4 { padding: 1em 0;}

/* ----------------------------- HOVER, LINK, VISITED ----------------------------- */

a:link, a:visited{ text-decoration: underline; color: #880000;}
a:hover{ text-decoration: none;}

.post h2 a:link, .post h2 a:visited{ color:#990000; font-weight:bold; text-decoration: none; font-size: 1.1em; font-family:'trebuchet ms',helvetica,arial,sans-serif;} /* Postien otsikot */

.post h2 a:hover { text-decoration:underline;}

.sidebar a:link, .sidebar a:visited { text-decoration:none; color:#333; border-bottom: 1px dotted #AAA;}
.sidebar h2 a:link, .sidebar h2 a:visited { text-decoration:none; color:#FFF; border-bottom: none;}

.sidebar a:hover { border-bottom: 1px dotted #990033; color:#990033;}

/* ----------------------------- ID ----------------------------- */
#bodyrap { background: url(images/bg4.gif) center top repeat-y; width: 981px; margin: 0 auto;} /* Pariton KUVAN leveys korjaa 1-pixel jogin */
#wrapper { margin: 0 auto; width: 865px; text-align: left;}/* Kaikka mit� on body-tagin sis�ll� */
#header { height: 342px; width:860px; background:url(images/taulu.jpg) left bottom no-repeat;} /* T�m� sis�lt�� yl�palkin */
#desc { font-size: 0.8em; margin: 5px 20px 10px;}/* Blogin kuvaus */
#container { float:left; width:580px; margin: 0 13px 0 1px;} /* T�m�n sis�ll� on kaikki postit */
#footer { width:585px; height: 20px; clear:both; text-align:center; font-size: 0.6em; background:url(images/footerkehys.gif) top repeat-x; padding-top: 2em;} /* Alapalkki */
#footer p { color: #800;}
#searchform { margin-top: -32px; text-align:right;} /* Sivupalkin hakukentt� */
#searchsubmit { border:1px solid #DDD; color:#333; font-size:0.5em; font-weight:bold;
height:20px; margin:0 15px 0 0; padding:0 8px 2px; text-transform:uppercase;
}
#searchsubmit:hover, #submit:hover { background-color:#CCCC99;}
#respond { margin-bottom: 1em;} /* Kehoitusteksti ennen kommenttikentti� */

#s { border: 1px solid #EEE; height:16px;} /* Yleinen hakunappula */
input#s:hover { border: 1px solid #CCC;}
#calendar {} /* Sivupalkin kalenteri */
#wp-calendar {} /* Sivupalkin kalenterin itse table-taulukko */
#today {} /* Kalenterin "t�n��n" p�iv� */
#author, #url, #email, #comment { border: 1px solid #DDE; font-family: Verdana, 'trebuchet ms', sans-serif; font-size: 1em;} /* Kommenttikentti� */
#author:hover, #url:hover, #email:hover, #comment:hover { border: 1px solid #BBC;}
#submit { border:1px solid #DDD; color:#333; font-size:1em; font-weight:bold;
height:25px; margin:0 15px 0 0; padding:0 8px 2px; text-transform:uppercase;}
.flickr_badge_image img { border: solid #440 2px; margin-left: -2px;}
#flickr_badge_wrapper { text-align: center;}

/* ----------------------------- CLASS ----------------------------- */

body img.sitename { margin: 5px 15px;} /* domainin nimi ylh��ll� */
.post { padding: 0 20px; font-size: 0.8em; margin-top: 20px;} /* Postin runko */
.post h2{ padding: 0 0 0 17px; background:transparent url(images/entry-header-bg.gif) no-repeat scroll left center; margin:0 0 10px 0;}
.postdateheader { padding-bottom: 0.6em; font-size:0.8em; background: transparent url(images/date-header-bg.gif) repeat-x scroll left bottom; color:#CC6600; text-transform:uppercase; margin-bottom: 5px;}
.entry { line-height: 18px; font-size: 1em;} /* Postin sis�lt� */
.postmetadata { height: 50px; font-size:0.9em; text-align: right; background:transparent url(images/sepa.gif) no-repeat scroll center top;} /* Postin metadatalaatikko */
.navigation { padding: 1em; text-align:center; } /* Postien alle tuleva previous/next-linkit */
h2.pagesubject { margin: 1em 0 0 0; }

.pagenav {} /* Sivupalkin sivuluettelo (page) */
.linkcat {} /* Sivupalkin linkkiluettolo */
.pad {} /* Sivupalkin kalenterin taulukon viimeinen osio */
.textwidget { margin: 10px; color: #666;} /* Sivupalkin text-widgetin alue */
.widget_tag_cloud div { margin: 10px 10px 5px; }

.sidebar { float:left; width:258px; font-size:0.7em; color: #554; display:inline;} /* Sivupalkki, inline korjaa doublemarginin */
.sidebar ul{ list-style-type:none; padding: 0px; margin: 0px;} /* Sivupalkin listat */
.sidebar ul li{ margin: 0 0 10px 0;}/* Sivupalkin listojen tavarat */
.sidebar ul li h2{ list-style-type: none; font-size: 1em; height: 29px; color:#FFFFFF; background: url(images/module-header-bg.gif) repeat-x scroll left top; line-height: 29px; padding: 0 0 0 10px; text-shadow: 0px 1px 0px #633;}/* Sivupalkin otsikot */
.sidebar ul ul li{ list-style-position:inside; margin: 10px 10px 0; background: transparent url(images/li-bg.gif) no-repeat scroll 0 0.35em; text-indent: 10px;} /* Sivupalkin alalistojen tavarat */

.rsswidget img { display: none;}
.flickrbox { margin-top: 5px;}
h2.searchresult, h2.pagetitle { margin: 1em; }

div.split {
background:transparent url(images/sepa.gif) no-repeat scroll 50% 50%;
clear:both;
height:50px;
width:100%;
}

/* .sidebar ul ul li{ margin: 10px 10px 0; list-style-image:url(images/li-bg.gif); list-style-position:inside;} */

/* ----------------------------- TAG+CLASS ----------------------------- */

p.postmetadata{ padding: 2em 0 0;} /* Huomaa, ett� class esiintyy vain p-tagin kanssa */

table#wp-calendar{ width: 100%; } /* Kalenterin leveys */

/* ----------------------------- KOMMENTTI ----------------------------- */

.comments-template{ width:556px;}
.comments-template ol{margin: 0; padding: 0 0 15px; list-style: none;}
.comments-template ol li{background:transparent url(images/sepa.gif) no-repeat scroll center bottom;
line-height:18px; margin:10px 0 0; padding:0 0 20px;}
.comments-template h2, .comments-template h3{ list-style-type: none; font-size: 1em; height: 29px; color:#FFFFFF; background: #9B0000 url(images/module-header-bg.gif) repeat-x scroll left top; line-height: 30px; padding: 0 0 0 10px; margin: 1px -6px 0 -8px;}
.commentmetadata{ padding: 1em 0 0 1em;}
.comments-template p.nocomments{ padding: 0;}
.comments-template textarea{ font-size: 1em;}
.commentlist p { margin: 1em; padding: 1em; border: 3px solid #CCB; font-size: 0.9em; background-color:#EED;}
.commentlist li.alt p { margin: 1em; padding: 1em; border: 3px solid #CCB; font-size: 0.9em; background-color:#E4E4D3;}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption, .gallery {
	border: 1px solid #ddd;
	text-align: center;
	font-size: 11px;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */