/*
Theme Name: knome.fi / Open source
Theme URI: http://open.knome.fi/
Description: Theme for Open source writing.
Author: Pasi Lallinaho
Author URI: http://knome.fi/
Version: 0.1 WP
*/

body {
	background: #fff url(images/bg.png) -200px -150px no-repeat;

	font-size: small;
	margin: 0;
	padding: 0;

	line-height: 1.7em;
}

/* control the site width */
#wrapper { min-width: 770px; }

/* general classes */
.hidden { display: none; }
.clearer { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

/* self-clearing float */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ------------------------------------------------------------------ */

/* general */
p, pre, ul, ol { margin-bottom: 1em; }

/* headers */
h1 { font-size: 170%; }
h2 { font-size: 120%; color: #333; }
h3 { font-size: 110%; color: #3f3f3f; }
h4 { font-size: 140%; color: #444; }
h5, h6 { font-size: 105%; }

h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	margin: 1em 0 0.5em 0;
	font-weight: normal;
}
p+h1, p+h2, p+h3, p+h4, p+h5, p+h6 {
	margin-top: 1.3em;
}

/* links */
a { text-decoration: none; }
a, a:link, a:visited { color: #00aad4; }
a:hover, a:active { color: #55ddff; }

/* special links */
#title h1 a { color: #000; }
h3 a:link, h3 a:visited { color: #0088aa; }
#headnote a:hover, #headnote a:active { color: #0089ab; }
#footer a, .commentmetadata a { color: #777; }
#footer .browseposts a { color: #ddd; }
.post-meta a { color: #007996; }

/* lists */
li { margin-bottom: 0.3em; }

/* generic list bullets for posts */
.post-post ul { list-style-type: circle; }
.post-post ol { list-style-type: decimal; }
.post-post ul, .post-post ol {
	padding-left: 1.3em;
	line-height: 1.6em;
	color: #555;
}

/* special lists */
li.linkcat, .commentlist li { list-style-type: none; }
.commentlist li { margin-left: -1.3em; }
li.comment { clear: both; border-top: 1px solid #ddd; padding: 0.3em 0; }
li.comment.comment-author-admin { border-top: 1px solid #007996; }

/* everything else */
abbr { border-bottom: 1px dashed #bbb; }
cite { font-style: normal; }

/* ------------------------------------------------------------------ */

/* layout */
#title {
	margin: 1.5em 5% 0.5em 5%;
	border-bottom: 1px solid #ddd;
}

#title #naviwide {
	float: left;
	margin: 0.9em 0 0 1em;

	font-size: 120%;
	line-height: 1.5em;
}
	#naviwide li { float: left; margin-right: 1em; }

#myhead {
	margin: 0 5%;
	padding: 2.4em 0 2em;
	border-bottom: 1px solid #ddd;

	font-size: 130%;
	color: #777;
}
	#myhead div { float: left; }
	#myhead #thisblog { width: 70%; line-height: 1.8em; }
	#myhead .menu-navigation-container { width: 23%; margin-left: 7%; }
	#myhead .menu-navigation-container li { margin-bottom: 0.3em; }
	#myhead .menu-navigation-container li:before, #naviwide li:before { content: "» "; }

#c { clear: both; padding: 2em 5%; }
	#c .main { clear: both; float: left; width: 70%; }
	#c .post-excerpt {
		float: left;
		margin-left: 5%;
		width: 25%;

		color: #ccc;
		font-size: 135%;
		line-height: 1.8em;
		word-spacing: 0.2em;
		letter-spacing: 0.05em;
		text-align: center;

		font-weight: lighter;
		font-style: oblique;
	}
	#c .post-excerpt p { margin-bottom: 2em; }

#footer {
	clear: both;
	margin: 2em 5% 0 5%;
	padding: 1em 0 2em 0;
	border-top: 1px solid #ddd;

	font-size: 90%;
	color: #aaa;
}
	#footer .browseposts { font-size: 120%; }
	#footer .credits { clear: both; }

/* posts */
.post { clear: both; }
.post-post { margin-bottom: 4em; }

.post-meta {
	color: #444;
	font-size: 90%;
	line-height: 1.3em;
	margin: -0.8em 0 1.5em 0;
}
	.post-meta p { display: inline; }

/* comments */
#respond, .reply { clear: both; }
#respond, #comments { margin-top: 4em; border-top: 1px solid #f6f6f6; padding-top: 1em; }
.commentlist { line-height: 1.5em; }
.comment, .pingback, .trackback { margin-bottom: 1em; }
cite.fn, span.says { font-size: 115%; }
.pingback, .trackback { font-size: 80%; }
.commentmetadata { font-size: 85%; line-height: 1.2em; margin-bottom: 0.8em; }
.pingback p, .trackback p { line-height: 1.4em; } 
.pingback .says, .trackback .says { display: none; }
.avatar { float: right; padding: 0 0 10px 10px; }
.pingstitle { border-top: 1px solid #ddd; padding-top: 0.3em; }

/* yearly archives */
ul.archive_condensed li {
	float: left;
	display: inline;
	list-style-type: none;
	margin-right: 0.4em;
}
	ul.archive_condensed .archive_year { clear: both; font-weight: bold; }


/* will there be a search? */
#searchform {
	padding: 0;
	text-align: right;
	margin-top: -2em;
	line-height: 2em;
}
	#searchform input {
		font-size: 85%;
	}