/*
Theme Name: Konsepto blogi
Theme URI: http://konsepto.fi/
Description: Konsepto site theme.
Version: 0.9
Author: Mikko Paltamaa
Author URI: http://konsepto.fi/
Tags: Konsepto

Konsepto site theme. Please don't copy the visual style.

*/

/* Import Konsepto site styles */
@import url('/css/konsepto.css');

/* Apply basic typography styles */
/*@import url('../thematic/library/styles/typography.css');*/

/* Apply a basic layout */
/*@import url('../thematic/library/layouts/2c-r-fixed.css');*/

/* Apply basic image styles */
/*@import url('../thematic/library/styles/images.css');*/

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
/*@import url('../thematic/library/styles/default.css');*/

/* Prepare theme for plugins */
/*@import url('../thematic/library/styles/plugins.css');*/

/* Common blog styles */
#blog #col-1 {
	float: left;
	width: 540px;
}

/* Sidebar */
#blog #col-2 {
	float: left;
	margin-left: 20px;
	width: 260px;
	margin-top: 40px;
	padding-bottom: 8px;
}
#blog #col-2 h3 {
	margin: 0px;
}
#blog #col-2 .block-1,
#blog #col-2 .block-2 {
	padding: 8px 18px 0px 18px;
	border: 2px solid #e0e0e0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#blog #col-2 .block-1 {
	margin-bottom: 18px;
}
#blog #col-2 .authors .person {
	margin-bottom: 20px;
}
#blog #col-2 .authors .person p {
	margin-left: 65px;
	font-size: 14px;
}
#blog #col-2 .authors .person .picture {
	float: left;
	margin-left: -10px;
	margin-top: -4px;
	padding: 10px;
	background: transparent url(/img/picture-shadow-50-50.png) no-repeat;
}
#blog #col-2 .authors .person .links {
	clear: left;
	list-style: none;
	font-size: 14px;
}
#blog #col-2 .authors .person .links li {
	display: inline;
	margin-left: 0px;
}
#blog #col-2 .authors .person .links .linkedin {
	margin-left: 5px;
	padding-left: 12px;
	background: transparent url(/img/bullet-grey-14.png) no-repeat 0px 8px;
}
#blog #col-2 .latest-posts {
	margin-bottom: 20px;
}
#blog #col-2 .categories {
	margin-bottom: 19px;
}
#blog #col-2 .tags {
	margin-bottom: 16px;
}
#blog #col-2 .latest-posts ul ,
#blog #col-2 .categories ul{
	list-style: none;
	margin-bottom: 10px;
}
#blog #col-2 .latest-posts ul li {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#blog #col-2 .categories ul li {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 8px 0px;
}
#blog #col-2 .categories ul li {
	font-size: 12px;
	line-height: 20px;
	color: #888888;
}
#blog #col-2 .categories ul li a {
	font-size: 16px;
	color: #0066CC;
}
#blog #col-2 .categories ul li a:visited {
	color: #660099;
}
#blog #col-2 .categories ul li a:hover {
	color: #0099FF;
}
#blog #col-2 .feed {
	margin-bottom: 20px;
}
#blog #col-2 .feed .link {
	margin-top: -2px;
}
#blog #col-2 .feed .link a {
	vertical-align: middle;
	padding-left: 24px;
	background: transparent url(/img/icon-rss-feed.png) no-repeat 0px 2px;
}
#blog #col-2 .search {
	margin-bottom: 17px;
}
#blog #col-2 .search form * {
	vertical-align: middle;
}
#blog #col-2 .archive {
	margin-bottom: 18px;
}
#blog #col-2 .search form *,
#blog #col-2 .archive .controls * {
	vertical-align: middle;
}
#blog #col-2 .search form .button,
#blog #col-2 .archive .controls .button {
	margin-left: 5px;
}
#blog #col-2 .search form .field {
	width: 175px;
}
#blog #col-2 .archive .controls .field {
	width: 180px;
}

/* Index page */
#blog .post.excerpt {
	margin-bottom: 20px;
}
#blog .post.excerpt .footer {
	position: relative;
	height: 20px;
	/* margin-bottom: -2px;*/
}
#blog .post.excerpt .footer .display-post {
	margin-right: 20px;
	padding-left: 18px;
	background: transparent url(/img/link-arrow.png) no-repeat 0px 5px;
}
#blog .post.excerpt .footer .display-post:visited {
	background: transparent url(/img/link-arrow-visited.png) no-repeat 0px 5px;
}
#blog .post.excerpt .footer .display-post:hover {
	background: transparent url(/img/link-arrow-hover.png) no-repeat 0px 5px;
}
#blog .post.excerpt .date,
#blog .post.excerpt .comments {
	margin-left: 3px;
	padding-left: 10px;
	background: transparent url(/img/bullet-grey-12.png) no-repeat 0px 7px;
}
#blog .post.excerpt .meta {
	font-size: 12px;
	color: #888888;
}
#blog .post.excerpt .meta a,
#blog .post.excerpt .meta a:visited {
	font-size: 12px;
	color: #888888;
	text-decoration: none;
}
#blog .post.excerpt .meta a:hover {
	text-decoration: underline;
}

/* Search and error pages */
#blog #search-form {
	padding-bottom: 17px;
}
#blog #search-form .words * {
	vertical-align: middle;
}
#blog #search-form .field {
	width: 465px;
	margin-right: 5px;
}

/* Singe post */
#blog .post.full h1 {
	margin-bottom: 10px;
}
#blog .post.full .header {
	/*margin-bottom: 10px;*/
	font-style: italic;
	position: relative;
	top: 1px;
	font-size: 12px;
	color: #888888;
}
#blog .post.full .header a,
#blog .post.full .header a:visited {
	font-size: 12px;
	color: #888888;
	text-decoration: none;
}
#blog .post.full .header a:hover {
	text-decoration: underline;
}
#blog .post.full .date,
#blog .post.full .comments {
	margin-left: 3px;
	padding-left: 10px;
	background: transparent url(/img/bullet-grey-12.png) no-repeat 0px 7px;
}
#blog .post.full .footer {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 18px 0px 8px 0px;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

/* Comments */
#blog #comments .listing {
	list-style: none;
}
#blog #comments .comment {
	clear: both;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#blog #comments .comment .avatar {
	float: left;
	margin-left: -10px;
	margin-top: -8px;
	padding: 10px;
	background: transparent url(/img/picture-shadow-50-50.png) no-repeat;
}
#blog #comments .comment .content {
	margin-left: 70px;
	margin-bottom: 10px;
}
#blog #comments .comment .footer {
	margin-left: 70px;
	margin-bottom: 10px;
}
#blog #comments .comment .footer .meta {
	position: relative;
	top: 1px;
	font-size: 12px;
	color: #888888;
}
#blog #comments .comment .footer .meta a,
#blog #comments .comment .footer .meta a:visited {
	font-size: 12px;
	color: #888888;
	text-decoration: none;
}
#blog #comments .comment .footer .meta a:hover {
	text-decoration: underline;
}
#blog #comments .comment .date {
	margin-left: 3px;
	padding-left: 10px;
	background: transparent url(/img/bullet-grey-12.png) no-repeat 0px 7px;
}

/* Comment form */
#blog #comment-form label {
	display: block;
	margin-bottom: 5px;
}
#blog #comment-form .message {
	margin-bottom: 19px;
}
#blog #comment-form .message .guide {
	margin-top: 3px;
	font-size: 12px;
	color: #808080;
}
#blog #comment-form .author,
#blog #comment-form .email,
#blog #comment-form .url  {
	position: relative;
	height: 50px;
	margin-bottom: 20px;
}
#blog #comment-form .message textarea {
	width: 492px;
	height: 257px;
}
#blog #comment-form .author input,
#blog #comment-form .email input,
#blog #comment-form .url input {
	width: 492px;
}
#blog #comment-form .submit{
	margin-bottom: 17px;
}

/* Wordpress and plugins */
#blog .xoxo {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#blog .xoxo li {
	margin: 0px;
}
#blog .wp-paginate {
	margin: 30px 0px 10px 0px;
	/*position: relative;
	height: 30px;*/
	list-style: none;
}
#blog .wp-paginate li {
	display: inline;
	/*float: left;*/
	margin-right: 8px;
}
#blog .wp-paginate .page,
#blog .wp-paginate .next,
#blog .wp-paginate .prev {
	/*display: block;*/
	padding: 3px 8px 4px 8px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-decoration: none;
}
#blog #recaptcha_area {
	margin-bottom: 19px;
}
#blog .wp_syntax pre {
	line-height: 20px !important;
}
#blog .wp_syntax {
	margin-bottom: 21px !important;
}
#blog .wp_syntax div, #blog .wp_syntax td {
  padding: 5px 10px 0px 10px !important;
}
ul.addtoany_list li a {
	margin-left: -9px !important;
	padding-left: 35px !important;
	margin-bottom: 10px !important;
}
#jquery-comment-wrap {
	width: 500px !important;
}
#jquery-comment-preview {
	width: 486px !important;
}
#comment_preview {
	width: 476px !important;
	background-color: #FFFFFF;
	padding: 10px !important;
}
#preview-tab,
#html-editor a,
#html-editor a:hover,
#html-editor a:active {
	color: #000000 !important;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif !important;
}
a#ed_strong,
a#ed_strong:hover,
a#ed_strong:active {
	font-weight: bold !important;
}
a#ed_em,
a#ed_em:hover,
a#ed_em:active {
	font-style: italic !important;
}




/* -------------------------------------------------------------- 
   
   Default styles for Images
  
-------------------------------------------------------------- */   

.entry-content img {
    margin: 0px 0px 18px 0px;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right: 20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left: 20px;
}
.aligncenter,
img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}
img.alignleft,
img.aligncenter,
img.alignright {
	margin-top: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 17px;
}
img.alignleft {
	margin-right: 20px;
}
img.alignright {
	margin-left: 20px;
}
.wp-caption {
	font: bold 14px/20px "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 3px 0px 19px -4px;
	padding: 0px 0px;
}
.wp-caption img {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}
.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 2px 5px 0px 5px;
}
.wp-caption.alignleft {
	margin-right: 20px;
	margin-bottom: 20px;
}
.wp-caption.alignright {
	margin-left: 20px;
	margin-bottom: 20px;
}
.gallery img {
    margin: 0px;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height: 12px;
	margin: 0px !important;
}

/*

Adapt the following for use in your Child Themes when using
different font-sizes and line-heights

.entry-content img,
.wp-caption {
    margin-bottom:--px;
}
.wp-smiley {
    max-height:--px;
}

All other styles can be overridden--or ignored!--in Child Theme stylesheets

*/