/*  
Theme Name: hello :D
Theme URI: http://hellowiki.com/2008/03/30/theme-hello-d-fixed
Description: Simple & Clean Theme. Last updated at March 30th, 2008.
Version: 1.5
Author: Fen
Author URI: http://hellowiki.com/

	Blueprint CSS Framework
	http://code.google.com/p/blueprintcss/

	This theme was designed by Fen,
	whose blog you will find at http://hellowiki.com/

	Valid XHTML 1.0 Strict & CSS2

*/

* {
margin: 0;
padding: 0;
}

body {
color: #333;
background: #F2F2E8 url(images/bg.png) repeat-x;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 12px;
line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, Geneva, Arial, Helvetica, serif;
font-weight: normal;
}

#logo {
float: left;
margin-top: 17px;
}

h1 {
font-size: 3em;
position: relative;
top: 5px;
margin-left: 75px;
font-style: italic;
}

h1 a { color: #fff; text-decoration: none; }
h1 a:hover, h1 a:active { color: #fff; }
/* h1 a {display: block;width: 320px;height: 80px;background: url(images/logo.png);text-indent: -9999px;}
h1 a:hover {background: url(images/logo.png) bottom left;} */

h2 {
font-size: 1.7em;
margin-bottom: 0.75em;
}

h3 {
font-size: 1.5em;
line-height: 1;
margin-bottom: .25em;
}

h4 {
font-size: 1.4em;
line-height: 1.25;
margin-top: 1.25em;
margin-bottom: .25em;
}

h5 {
font-size: 1em;
font-weight: 700;
margin-bottom: 1.5em;
}

h6 {
font-size: 1em;
font-weight: 700;
}

p {
font-size: 1.1em;
margin: 0 0 1.5em;
}

blockquote {
background: #EFEFE9 url(images/quote.png) no-repeat;
color: #666;
margin: 15px;
padding-left: 25px;
}

em {
font-style: italic;
background: #efefe9;
}

strong {
font-weight: 700;
}

pre, code {
font-family: "Courier New", Courier, Monospace;
line-height: 1.5;
}

pre {
background: #efefe9;
border-top: 1px solid #ccc;
white-space: pre;
overflow: auto;
margin: 0 15px;
padding: 10px 15px;
max-height: 300px;
}

img {
border: none;
}

a:focus, a:hover {
color: #C40000;
text-decoration: none;
}

a {
color: #0063DC;
text-decoration: underline;
outline: none;
}

ul, ol {
margin: 0 2.5em 1.5em;
}

ul li, ol li {
margin-bottom: 0.5em;
}

ul {
list-style-type: circle;
}

ol {
list-style-type: decimal;
}

input, textarea {
font-family: "Lucida Grande", Verdana, sans-serif;
}

.clear {
clear: both;
}

.border {
border-collapse: collapse;
}

.border td {
border: 1px solid #ccc;
padding: 3px;
}

.container {
width: 925px;
margin: 0 auto;
}

#header {
width: 100%;
}

#header h2 {
color: white;
margin-left: 75px;
}

ul.menu {
list-style-type: none;
position: relative;
height: 35px;
margin: 0;
font-variant: small-caps;
}

li.page_item {
float: left;
display: inline;
font-size: 1.2em;
background: url(images/menu_bg.png) top left no-repeat;
height: 35px;
padding: 0 10px 0 10px;
}

li.page_item_1 { background: none; padding-left: 10px; }

li.page_item a {
color: #333;
display: block;
text-decoration: none;
padding: 5px 10px 5px 0;
}

li.page_item a span {
padding: 5px 0 5px 10px;
}

li.page_item a:hover, li.current_page_item a {
color: #fff;
background: url(images/menu_a.png) center right no-repeat;
}

li.page_item a:hover span, li.current_page_item a span {
background: url(images/menu_a.png) center left no-repeat;
padding: 5px 0 5px 10px;
}

/*
li.page-item-653 a {
color: #fff;
background: url(images/menu_a_red.png) center right no-repeat;
}

li.page-item-653 a span {
background: url(images/menu_a_red.png) center left no-repeat;
padding: 5px 0 5px 10px;
}
*/

#leftcolumn, #rightcolumn {
position: relative;
top: 25px;
}

#leftcolumn {
float: left;
width: 620px;
overflow: hidden;
padding-bottom: 1em;
}

#rightcolumn {
float: right;
width: 280px;
}

.post {
background: url(images/post_bg.png) no-repeat;
padding: 15px 15px 20px;
}
.post_c {
background: url(images/post_bg_c.png) repeat-y;
}
.post_b {
background: url(images/post_bg_b.png) center bottom no-repeat;
width: 100%;
border-bottom: 25px solid #F2F2E8;
}

.title h2 {
color: #369;
padding-left: 38px;
}

.title h2 a {
color: #369;
text-decoration: none;
}

.title h2 a:hover {
color: #369;
border-bottom: 1px solid #bbb;
}

.date {
border-top: 1px dotted #aaa;
clear: both;
}

.tags, .date {
text-align: right;
font-size: 0.9em;
}

.tags a, .date a {
text-decoration: none;
}

.date img, .tags img, #footer img {
	vertical-align: middle;
	margin-bottom: 3px;


}









.entry {
clear: both;
margin: 0 0.5em 0 0.8em;
}

.entry h3 {
font-size: 1.4em;
}

.more-link {  }

#related h3, h3#comments {
padding: 8px 15px 5px 38px;
}

.pagers {
text-align: center;
}

/* -------------------
*      Sidebar
------------------- */

ul#sidebar {
list-style-type: none;
margin: 0;
padding: 0;
}

#sidebar h2 {
color: #369;
padding-left: 25px;
font-size: 1.4em;
margin-bottom: 0.5em;
}

.widget {
background: url(images/widget_bg.png) no-repeat;
padding: 15px 13px 5px;
}
.widget_c {
background: url(images/widget_bg_c.png) repeat-y;
}
.widget_b {
background: url(images/widget_bg_b.png) center bottom no-repeat;
height: 10px;
border-bottom: 25px solid #F2F2E8;
}

.widget ul {
list-style-type: none;
margin: 5px 10px 0 0;
width: 100%;
}

.widget ul li {
background: url(images/sidebar_li.png) no-repeat;
color: #999;
padding-left: 20px;
}

#get_recent_comments_wrap li, #generalstats li {
color: #333;
}

#sidebar a {
color: #333;
text-decoration: none;
}

#sidebar h2 a {
color: #369;
}

#sidebar a:hover {
color: #666;
}

#get_recent_comments_wrap a {
color: #0063DC;
text-decoration: underline;
}

#get_recent_comments_wrap a:hover {
color: #C40000;
text-decoration: none;
}

.tagcloud {
font-family: Georgia, Geneva, Arial, Helvetica, serif;
word-spacing: 5px;
}

/* Search */
.widget_search {
text-align: center;
}
#searchform input {
width: 80px;
margin-bottom: 1em;
padding: 3px;
}
input#s {
font-size: 1.2em;
width: 230px;
border: 1px solid #CFCFAF;
}

/* Comment Area */

.commentlist {
font-family: Georgia, Geneva, Arial, Helvetica, serif;
margin: 0 0 0 2em;
}

.commentlist .body {
font-family: "Lucida Grande", Verdana, sans-serif;
padding: 0 1em;
overflow: hidden;
}

.commentlist li {
width: 100%;
padding: 0 0 .5em;
}

.commentlist li .top {
color: #555;
background: #EBEBDC url(images/var.png) center left no-repeat;
padding: 5px 10px 5px 30px;
font-weight: bold;
width: 93%;
}

.commentlist li .top a {
color: #369;
}

.commentlist li .top span {
float: right;
font-size: 0.8em;
font-weight: 400;
margin-top: 2px;
}

.avatar {
	float: right;
	margin: 0 0 1em 1em;
	background-color: white;
	border: 1px solid #ccc;
	padding: 2px;
}

.theform {
border-top: 2px solid #EBEBDC;
padding: 1.5em 0 2em;
}

.theform label {
font-size: 0.9em;
vertical-align: middle;
}

#remember, #forget, #txpCommentHelpLink {
margin-left: 2em;
}

#commentform {
margin-left: 1em;
}

#commentform input:focus, #commentform textarea:focus {
border: 1px solid #C0C092;
background: #fcfcfc;
}

.comment_input {
vertical-align: middle;
width: 260px;
border: 1px solid #CFCFAF;
background: #F7F7F1;
padding: 0.3em;
margin-right: 5px;
}

.message_input {
font-size: 1em;
width: 90%;
height: 200px;
border: 1px solid #CFCFAF;
margin-top: 0.2em;
background: #F7F7F1;
padding: 0.3em;
}

.commentlist_error {
color: #c00;
}

/* Footer */

#footer {
background: #EAEADD url(images/footer.png) repeat-x;
position: relative;
top: 100px;
color: #555;
width: 100%;
padding: 20px 0 0;
display: block;
}

#footer span {
color: #999;
float: right;
}

#footer a {
color: #369;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.postdata a:hover, .pagers a:hover {
color: #333;
}

.alignleft {
float: left;
}

.aligncenter {
display: block;
margin: 0 auto;
}

.alignright {
float: right;
margin: 0 0 1em 1em;
}

hr {
background: #E6E6D2; 
color: #E6E6D2;
clear: both; 
float: none; 
width: 100%; 
height: .1em;
margin: 0 0 1.4em;
border: none; 
}

hr.space {
height: 4em;
}

#get_recent_comments_wrap img {
	float: left;
	margin-right: .5em;
	background-color: white;
	border: 1px solid #ccc;
	padding: 2px;
}

.clearfix:after, #get_recent_comments_wrap li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#get_recent_comments_wrap li {
background: none;
padding: 0;
}

.wp-caption {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #F3F3F3;
	border: 1px solid #DDDDDD;
	margin: 4px;
	padding-top: 4px;
	text-align: center;
}

.wp-caption-text {
	font-size: .8em;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.iseloomustus-pilt {
	background-color: white;
	border: 1px solid #ccc;
	padding: 2px;
}