/*
Theme Name: Nicklaskoski.fi
Theme URI: http://www.nicklaskoski.fi/
Description: The theme for Nicklaskoski.fi.
Version: 0.1
Author: Nicklas Koski
Author URI: http://www.nicklaskoski.fi/biography/
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 auto;
	padding: 0;
	background: #4f4e4e url(/gen8/p/gradientgrey.gif) repeat-x fixed;
}

div, ol, ul, li, blockquote, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

.print-only {
	display: none;
}

a:link {
	color: #2047ab;
}

a:hover, a:active {
	background: #e5e9ec;
}

a:active {
	color: #cc6600;
}

a:visited {
	color: #50235c;
}

#wrapper {
	min-width: 850px;
	max-width: 60em; 
	position: relative;
	margin: 0 auto;
}

.clear {
	clear: both;
	height: 0;
}

.divider {
	margin: 0;
	padding-bottom: 0.1em;
	background-color: #fff;
}

#header {
	width: 100%;
	overflow: hidden;
	background: #b6b439 url(/gen8/p/topstripe.gif) repeat-x;
}

#logo {
	width: 47%;
	float: left;
}

.description {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	margin: -2px 0 10px 32px;
}

#search { 
	background-color: #818059;
	float: right;
	padding: 10px;
	margin: 24px 18px 0 10px;
}

#navigation {
	background-color: #818059;
	width: 100%;
	overflow: hidden;
}

#navigation ul {
	list-style-type: none;
	height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.4em 0 0 0;
	margin-left: 18px;
}

#navigation li {
	text-align: center; 
	float: left;
	margin: auto 1.6em auto auto;
	padding: 0.1em;
	font-size: 0.9em;
	font-weight: bold;
}

#navigation a {
	text-decoration: none;
	padding-right: 0.4em;
	padding-left: 0.4em;
}

#navigation a:link, #navigation a:visited {
	color: #f2f2f2;
}

#navigation a:hover, #navigation a:active {
	color: #4f4e4e;
	background-color: #efe911;
}

#navigation .here { 
	color: #efe911; 
}

#topads {
	width: 100%;
	padding: 10px 0 10px 0;
	background: #fff url(/gen8/p/gradientwhite.gif) repeat-x;
}

#banner {
	width: 768px;
	margin: auto;
	text-align: center;
	padding-bottom: 5px;
}

#glinks {
	margin-top: 3px;
}

#page {
	padding: 20px 18px 1px 18px;
	margin: 0;
	background: #fff url(/gen8/p/gradientwhite.gif) repeat-x;
}

#page-banner {
	padding: 0 18px 0 18px;
	background-color: #fff;
}

#page-menu {
	float: left;
	width: 30%;
}

#page-text {
	float: right;
	width: 64%;
	padding: 0 25px 0 15px;
	border-left: 2px #dad895 solid;
	margin-bottom: 25px;
}

#page-col1 {
	float: left;
	width: 31%;
}

#page-col2 {
	float: right;
	width: 65%;
	padding: 0 4px 0 15px;
	border-left: 2px #dad895 solid;
	margin-bottom: 25px;
}

#contentwrapper {
	display:table;
	border-collapse:separate;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.wrappermargin {
	padding-bottom: 1em;
	background-color: #fff;
}

.row {
	display:table-row;
}

#content {
	width: 57%;
	padding: 0 18px 0 18px;
	display: table-cell;
	vertical-align: top;
}

.textnavi {
	border-top: 2px #dad895 solid;
	margin-bottom: 30px;
	margin-top: 1em;
	padding-top: 3px;
	font-size: 0.9em;
}

.smaller {
	font-size: 0.9em;
}

.smaller2 {
	font-size: 0.85em;
}

.ad {
	margin: -5px 0 20px 0;
	overflow: hidden;
}

#subad, .subad {
	margin: 20px 0 -10px 0;
	overflow: hidden;
}

#sidebar {
	width: 43%;
	padding: 0 18px 0 15px;
	border-left: 2px #dad895 solid;
	margin-bottom: 18px;
	display: table-cell;
}

#sidebar li, #contact li, #feeds li, #rightcol li, #leftcol li, #page-col1 li, #page-menu li, #page-col2-more li {
	list-style-type: none;
	font-size: 0.8em;
	padding: 2px;
}

#related li {
	list-style-type: none;
	font-size: 0.9em;
	padding: 2px;
}

#related {
	margin-bottom: 10px;
}

#related h4 {
	margin-bottom: 0;
}

.sidebarline {
	margin: 0 0 15px 0;
	border-bottom: 2px #dad895 solid;
}

#bio1 {
	width: 32%;
	float: left;
}

.biopic {
	border: 4px #dad895 solid;
	margin: 2px auto 10px 0;
}

h3.bioheading {
	margin-bottom: -5px;
}

img.linkedin {
	border: none;
}

h4.recentCommentsPostTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
}

.recentcommentscontainer ul {
	margin: 0 auto 5px 1em;
}

.recentcommentscontainer {
	margin-left: 2px;
}

li .commentAuthor {
	margin-left: 22px;
}

.recentcommentscontainer li .commentAuthor {
	margin-left: 0;
}

#sites {
	clear: both;
	border: 1px #818059 dashed;
	padding: 4px 7px 7px 7px;
	margin-bottom: 20px;
	background-color: #f3f3e0;
}

#sites .links, .smallp {
	font-size: 0.8em;	
}

.small {
	font-size: 0.7em;
}

.smallink {
	font-size: 0.8em;
}

#bio2 {
	width: 63%;
	float: right;
}

#links1 {
	width: 47%;
	float: left;
}

#links2 {
	width: 47%;
	float: right;
}

#bottom {
	background-color: #cfcb34;
	display:table;
	border-collapse:separate;
	margin: 0;
	padding: 0 0 10px 0;
	width: 100%;
}

#flickr {
	width: 57%;
	padding: 11px 18px 7px 17px;
	display: table-cell;
	vertical-align: top;
}

#flickr h3, #contact h3, #feeds h3, .space {
	margin-bottom: 8px;
}

#flickr img { 
	height: 80px; 
	margin: 2px 10px 10px 0; 
	border: 4px solid #efe911;  
	float: left; 
}

#flickr-sub {
	margin-top: 10px;
}

#flickr-sub a:hover {
	background-color: transparent;
}

#flickr-sub img { 
	height: 90px;
	width: 120px;
	margin: 2px 11px 10px 0; 
	border: 4px solid #dad895;  
}

#bottomright {
	width: 43%;
	padding: 11px 17px 7px 17px;
	display: table-cell;
}

#contact {
	width: 47%;
	float: left;
}

#contact strong {
	font-size: 0.9em;
}

#contact li, #feeds li, .colpro li {
	margin-bottom: 5px;
}

#feeds {
	width: 47%;
	float: right;
}

#rss {
	margin-top: 10px;
}

#rss img {
	vertical-align: middle;
}

#footer {
	background-color: #b6b439;
	padding: 1px 18px 3px 18px;
	margin-top: -4px;
}

.powered {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}

.text-report h2, .text-subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

.text-report {
	margin-bottom: 20px;
}

.text-wrapper {
	float: right;
	width: 80%;
}

.preview {
	float: left;
	text-align: center;
	width: 18%;
	margin: 2px 10px auto auto;
}

.preview img {
	border: 4px #dad895 solid;
}

.text-meta {
	font-size: 0.9em;
	color: #CC6600;
	margin-top: -0.4em;
}

.text-wrapper .text-meta {
	line-height: 1.4em;
}

.text-meta2 {
	color: #CC6600;
}

.date_tags {
	color: #666; 
	font-size: 0.7em;
	line-height: 1.4em; 
	margin-bottom: 0.7em;
}

h3, .sidebar-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 1.6em auto 0 0;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0.7em auto 0.2em 0;
}

ul.links {
	margin-bottom: 13px;
}

p, .reg, ol, .ul, .entry ul, .text-ingress, .bio-page-navi {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin-bottom: 0.3em;
}

.ul, ol, .entry ul {
	font-size: 0.9em !important;
	margin-left: 40px;
}

blockquote {
	padding-left: 62px;
	background: url(/gen8/p/citat.gif) 8px 0px no-repeat;
	margin: 13px auto 3px auto;
}

form {
	margin-bottom: 0;
	margin-top: 0;
}

#input {
	white-space: nowrap;
}

#input input {
	font-size: 0.8em;
	vertical-align: middle;
}

.search-heading {
	margin: 0.5em auto 1.5em 0;
}

.search-result-footer {
	margin: -1.7em auto 1.5em 0;
}

.search-footer {
	width: 600px;
	padding-top: 1.5em;
}

.search-entry {
	margin: -0.6em auto 1.4em 0;
}

#content-banner {
	width: 600px;
}

.black {
	color: #000;
}

.black a:link, .black a:visited {
	color: #000;
}

a:hover.black {
	color: #2047ab;
}

a:hover.transparent, #topads a:hover, div.official_poster a:hover, a:hover.tr {
	background-color: transparent;
}

img.noborder {
	border: none;
}

.belowdelicious {
	margin-top: 11px;
}

.pipe {
	color: #666; 
	font-size: 0.8em;
}

#comments, #respond {
	margin: 1.6em 0 -4px 0;
}

h4.guestbook {
	margin: 1em 0 -4px 0;
}

ol.commentlist {
	margin: 1em 0 1em 0;
	padding: 0;
	list-style-type: none;
}

cite.comment {
	font-weight: bold;
	font-style: normal;
	font-size: 0.8em;
	margin-left: 0;
	padding-left: 0;
}

li.comment1alt, li.comment2alt {
	padding: 3px 8px 8px 8px;
	margin-bottom: 2px;
	clear:right;
}

.commentOfficialUser {
	border: 1px #4f4e4e dashed;
}

.official_poster {
	float:right;
	margin: 3px auto 5px 15px;
}

.official_poster img {
	border: 2px #dad895 solid;
}

li.comment1alt {
	background-color: #f3f3e0;
}

li.comment2alt {
	background-color: #eee;
}

div.commentmetadata {
	margin: 8px 15px -0.5em auto;
}

.comment-number {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	float: left;
	margin-top: 2px;
	padding-right: 12px;
	padding-bottom: 0.6em;
}

.comment1alt em, .comment2alt em {
	font-style: normal;
}

#commentform input, #commentform #comment, #content input, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

.comment-notice {
	font-weight: bold;
	color: red;
}

#archive-columns {
	margin-top: 2em;
}

#archive-search-field {
	padding-bottom: 0.1em;
}

#leftcol {
	float: left;
	width: 48%;
}

#rightcol {
	float: right;
	width: 48%;
}

.prev-next {
	margin-bottom: 3em;
	margin-top: 1em;
	font-size: 0.8em;
}

.archiveheading {
	margin-bottom: 1.1em;
}

.inlined-adsense {
	float: left;
	margin: 0 15px 0.9em 0;
}

#ts_code {
	vertical-align: top;
}

fieldset {
	border: 0;
	margin: 2em auto 1em -12px;
}

fieldset legend {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 0px;
}

.red {
	border: 2px #CE6600 solid;
	padding: 10px;
	margin-top: 1em;
}

.right {
	float: right;
}

#input a.white {
	color: #fff;
}

#input a:hover, #input a:active {
	color: #2047ab;
}

.search-result-h1 {
	margin-bottom: 0.7em;
}

#newest {
	margin-bottom: 1em;
}

#single-column {
	padding-left: 4%;
	padding-bottom: 2em;
	width: 70%;
	margin: 0;
}

.book-cover {
	float: left;
	margin: 5px 10px 15px auto;
}

.text-list em {
	font-style: normal;
	font-weight: bold;
}

.tight {
	font-size: 0.8em;
	margin: 0.5em auto 0.2em auto;
}

.center {
	text-align: center;
}

.bio-page-navi {
	margin: 0.3em auto 1.2em auto;
}

.multilabel {
	margin: 0 auto 0.6em auto;
}

.skype-add, .noborder {
	border: 0;
}

#linkedd {
	margin: 10px auto 5px auto;
}

.bio-comments-more {
	margin-bottom: 1em;
}

.capitalize {
	text-transform: capitalize;
}

img.left {
	float: left;
	margin: auto 1em 1em auto;
	border: 0;
}

img.right {
	float: right;
	margin: auto auto 1em 1em;
	border: 0;
}

img.normal {
	margin-bottom: 1em;
	border: 0;
}

.seloste {
	width: 100%;
	border: 2px #dad895 solid;
	border-collapse: collapse;
}

.seloste td {
	padding: 0 8px 5px 8px;
	border: 2px #dad895 solid;
}

.seloste .col1 {
	width: 30%;
}

#ad3 {
	margin-bottom: 1.5em;
}

#cocomment-box a {text-decoration: underline; color: #2047ab;}
#cocomment-box{ border:1px dashed #818059; padding:2px; margin:1px;}
#cocomment-box div{ margin:0;}
#cocomment-box .boxhead{ background-color:white;}
#cocomment-box .boxheading {font-size:small;}		
#cocomment-box .entry{ padding:5px; font-size:x-small; background-color:#f3f3e0; border-bottom: 0px;}
#cocomment-box .title{ padding:5px; margin-bottom:3px; background-color:white;}                          
#cocomment-box .article{ color:#000; }
#cocomment-box .author{ color:#000;}
#cocomment-box .author-alias{ display:none;}
#cocomment-box .comment{ color:black;}
#cocomment-box .boxfooter{ font-size:x-small;}
#cocomments {padding-bottom: 0.8em;}