@import url('/css/common.css');

/*
Theme Name: tuomastolppi.com
Theme URI: http://tuomastolppi.com/blogi
Description: 
Version: 2.9.2
Author: Tuomas Tolppi
Author URI: http://tuomastolppi.com
Tags: 
*/


/*
RAKENNE  ---------------------------------------*/

#wrapper {width:720px;margin:20px auto 0;}
#mainContent {width:430px;float:left;}
#sidebar {width:200px;padding:20px;float:right;color:#77797F;font-size:12px;}


/*
SISALTO  ----------------------------------------*/

h1 a {color:#393B40;text-decoration:none;}
h1 a:hover {color:#61676F;}

.postWrap {position:relative;padding-bottom:20px;}
.postWrap.home {padding-bottom:60px;}

.postWrap img.imgFull {background:url(img/imgFull.png);padding:10px 10px 20px;margin-bottom:-10px;}

.postTime {font-size:16px;color:#A4A9AF;font-weight:bold;text-align:right;position:absolute;right:430px;padding-right:10px;top:0;}
.postTime .year {color:#CBD0D6;}

.postInfo {font-size:12px;padding-bottom:20px;}
.postInfo .category, .postInfo .comments {padding:0 0 0 14px;background:url(img/category.png) no-repeat 0 50%;text-decoration:none;color:#bbb;margin-right:6px;float:left;}
.postInfo .category a, .postInfo .comments a {text-decoration:none;}
.postInfo .comments {background-image:url(img/comments.png);}

.share {float:right;background:url(img/share.png) no-repeat 0 50%;padding-left:10px;}

.share a {float:left;display:block;text-indent:-9999px;width:16px;height:16px;background:url(/img/bg/sprite.png) no-repeat 0 -40px;padding:2px 0;margin-left:4px;}
.share a:hover {opacity:.5;}
.share a.shareFb {background-position:0 0;}

.tipsy {padding:5px;font-size:11px;background:url(../img/tipsy.png) no-repeat;}
.tipsy-inner {padding:0px 8px 0px 8px;background-color:#3D3F43;color:#52545A;max-width:200px;text-align:center;background:url(/img/bg/white30.png);}
.tipsy-south {background-position:bottom center;}


/* 
SIVUPALKKI  -------------------------------------*/

#search {position:absolute;right:0;bottom:3px;}
#search input {vertical-align:middle;}

#search input.s {width:152px;background:#F1F6F9 url(img/s.png) no-repeat 5px 50%;color:#333;font:12px Arial,sans-serif;display:inline;}
#search input.s:focus {background-position:4px 50%;background-color:#EEF2F5;}
#search button.searchBtn {float:left;font-size:11px;background-image:none;padding:3px 4px;margin:0 0 0 6px;display:inline;}

#search .inputShadow {float:left;}

#sidebar p a {padding:3px 12px 3px 0;background:url(img/rss.png) no-repeat 100% 50%;}


/*
TYPOGRAPHY  -------------------------------------*/

.postTime {font-family:Arial,sans-serif;}

p code {background:#DEE3E6;font-family:'Lucida Grande',Arial,sans-serif;}
h2 {font-size:16px;color:#393B40;font-weight:bold;margin-bottom:-20px;}

.archive h2 {margin-bottom:20px;}

#mainContent h3 {color:#3A3C40;margin:30px 0 -10px 0;}

blockquote {padding-left:26px;margin-left:-26px;background:url(img/blockquote.png) no-repeat;}
blockquote p {padding-right:26px;color:#666;background:url(img/blockquote-p.png) no-repeat 100% 100%;}

#mainContent ul {list-style-type:disc;}

#mainContent ol li, #mainContent ul li {color:#A4A9AF;}
#mainContent ol li p, #mainContent ul li p {color:#3F4147;}

p#edit {color:#777;padding-top:20px;}
p#edit strong {display:block;}


/*
KOMMENTIT  -------------------------------------*/

.commentlist {list-style-type:none;padding:20px 0 40px;}
.commentlist li {padding:20px 0 20px 0px;position:relative;font-size:12px;}
.commentlist li.comment.comment-author-admin {border-left:2px solid #393B40;padding-left:18px;}

.commentlist .avatar {border:4px solid #F1F2F4;float:left;margin:0 10px 0 0;float:left;}
.commentlist .comment-author {}
.commentlist .comment-author cite {font-style:normal;color:#333;}

#mainContent .commentlist .commentmetadata {color:#B5BABE;font-weight:normal;text-decoration:none;display:block;}

#mainContent .commentlist .moderation {float:right;background:#FFF9D8;font-size:12px;color:#555;padding:0 4px;margin-top:20px;}
#mainContent .commentlist .comment-edit-link {color:#aaa;font-weight:normal;text-decoration:none;float:right;}

#mainContent .commentlist .comment p {color:#333;margin-bottom:0px;}

#commentform {padding-top:20px;}
#respond {margin-top:0;}