﻿/* -----------------------------------------------------------

   8: BLOG
	
	Styles for blog-, archive and single post-spesific elements

   ----------------------------------------------------------- */
	
.single-meta { float:left; display:block; clear:both; width:100%; padding:6px 0; margin-bottom:10px; }
p.time { float:left; width:auto; clear:none; border:none; margin:0 20px 0 0; background:url(https://www.giorgosyfantis.gr/images/menu/time.png) no-repeat 4px 6px; padding:6px 0 6px 28px; font-size:11px; }
p.user { float:left; width:auto; clear:none; border:none; margin:0 20px 0 0; background:url(https://www.giorgosyfantis.gr/images/menu/user.png) no-repeat 6px 6px; padding:6px 0 6px 25px; font-size:11px; min-height:12px; }
p.tag { float:left; width:auto; clear:none; border:none; margin:0 20px 0 0; background:url(https://www.giorgosyfantis.gr/images/menu/tag.png) no-repeat 4px 6px; padding:6px 0 6px 25px; font-size:11px; }
p.cat { float:left; width:auto; clear:none; border:none; margin:0 20px 0 0; background:url(https://www.giorgosyfantis.gr/images/menu/binders.png) no-repeat 4px 6px; padding:6px 0 6px 25px; font-size:11px; }
p.comments { float:left; width:auto; clear:none; border:none; margin:0 20px 0 0; background:url(https://www.giorgosyfantis.gr/images/menu/bubble.png) no-repeat 4px 6px; padding:6px 0 6px 25px; font-size:11px; }
p.cat a, p.tag a, p.user a, p.comments a { margin:0; padding:0; color:#777; }
p.cat a:hover, p.tag a:hover, p.user a:hover, p.comments a:hover { text-decoration:underline; }
/* Normal blog */
.blog_post { width:900px; display:block; float:left; margin:0px 0 20px; padding:0 0 10px 0; }
.blog_postcv { width:100%; display:block; float:left; margin:0px 0 20px; padding:0 0 10px 0; }

.blog_post .post_image { display:inline; float:left; clear:none; width:590px; }
.blog_post .blog-meta { width:179px; padding:0 0 0 15px; margin:0 0 0 15px; float:left; clear:none; display:block; border-left:1px dotted #bbb; }
.blog_post .blog-meta p.time, .blog_post .blog-meta p.user, .blog_post .blog-meta p.tag, .blog_post .blog-meta p.cat, .blog_post .blog-meta p.comments { padding:6px 0 6px 29px; font-size:11px; border-bottom:1px solid #ddd; margin:0; clear:both; width:150px; }
.blog_post .post_info { display:inline; float:left; clear:none; width:690px; }
.blog_post .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }
.blog_post h2 { margin: 0 0 6px 0; }

/* Fullwidth blog */
.blog_post_full { width:900px; display:block; float:left; margin:20px 0 30px; padding:0px 0 30px 0; position:relative; border-bottom:1px solid #ddd; }
.blog_post_full .post_image { display:block; float:left; clear:none; width:430px; min-height:100px; background:#f4f4f4; padding:0; margin:0; margin-right:30px; position:relative; }
.blog_post_full .post_image .image-wrap { margin:0; }
.blog_post_full .post_info { display:inline; float:left; clear:right; width:230px; position:relative; }
.blog_post_full .blog-meta {width:179px; padding:0; margin:0 30px 0 0; float:left; clear:none; display:block; }
.blog_post_full .blog-meta p.time, .blog_post_full .blog-meta p.user, .blog_post_full .blog-meta p.tag, .blog_post_full .blog-meta p.cat, .blog_post_full .blog-meta p.comments { padding:6px 0 6px 29px; font-size:11px; border-bottom:1px solid #ddd; margin:0; clear:both; width:150px; }
.blog_post_full .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }
.blog_post_full h2 { margin: 0 0 6px 0; }

/* Fullwidth blog */
.blog_post_half { width:430px; display:block; float:left; margin:20px 0 30px; padding:30px 0 30px 0; position:relative; border-top:1px solid #ddd; }
.blog_post_half .post_image { display:block; float:left; clear:both; width:430px; min-height:100px; background:#f4f4f4; padding:0; margin:0; margin-right:30px; position:relative; }
.blog_post_half .post_image .image-wrap { margin:0; }
.blog_post_half .post_info { display:inline; float:left; clear:right; width:230px; position:relative; }
.blog_post_half .blog-meta {width:179px; padding:0; margin:0 30px 0 0; float:left; clear:none; display:block; }
.blog_post_half .blog-meta p.time, .blog_post_half .blog-meta p.user, .blog_post_half .blog-meta p.tag, .blog_post_half .blog-meta p.cat, .blog_post_half .blog-meta p.comments { padding:6px 0 6px 29px; font-size:11px; border-bottom:1px solid #ddd; margin:0; clear:both; width:150px; }
.blog_post_half .button { clear:none; float:left; display:block; margin: 0 2px 0 0; }
.blog_post_half h2 { margin: 0 0 6px 0; }


/* Post author box*/
.author-box {display:block; float:left; clear:both; margin:0 0 30px; width:100%; background:#fff;  border-bottom:1px solid #eee;}
.author-avatar { display:inline; padding:20px; width:100px; float:left; }
.author-description { display:inline; float:left; padding:20px 20px 0px 20px; width:700px; }
.content-default .author-description { display:inline; float:left; padding:20px 20px 0px 20px; width:300px; }


a.comments_link { float:left; display:block; background-color:#ccc; color:#fff; padding:0 10px; height:24px; line-height:24px; font-weight:bold; margin:0 0 10px 0; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; text-decoration:none; }
a.comments_link:hover { background:#333; }
#post-wrapper { margin:0px 0 0px 0; }
.post { width:590px; float:left; margin:0 0 30px 0; padding-bottom:20px;  }
.post h2 { margin-bottom:10px; }
.post .post-image { width:590px; margin: 0 0 20px 0; display:block; }
.post .post-info { width:590px; float:left; margin:0 0px; }
.post .meta { font-size:11px; color:#999; clear:both; display:block; margin:16px 0 16px 0; border-top:1px solid #ddd; padding:10px 0; float:left; width:590px; border-bottom:1px solid #ddd; }
.post-comments { float:right; font-size:11px; color:#999; }
.post-date { float:right; font-size:11px; font-weight:bold; padding:6px 6px 6px 30px; margin-top:4px; background:url(https://www.giorgosyfantis.gr/images/menu/clock.png) no-repeat left center; }
.archive-list { width:100%; float:left; margin:0 0 20px 0; padding:20px; background:#f7f7f7; }
.archive-list .post-image { width:150px; float:left; margin: 0 20px 0 0; display:inline; min-height:10px !important; }
.archive-list .post-info { min-width:410px; max-width:700px; float:left; }
.archive-list .meta { font-size:11px; color:#999; clear:both; display:block; margin:0 0 6px 0; }
/* Post  box*/
.-box { display:block; float:left; clear:both; margin:0 0 30px; width:100%; background:#fff; border-bottom:1px solid #eee; }
.-avatar { display:inline; padding:20px; width:100px; float:left; }
.-description { display:inline; float:left; padding:20px 20px 0px 20px; width:700px; }
#content-default .-description { display:inline; float:left; padding:20px 20px 0px 20px; width:400px; }
/* Post comments */

/* Updated in version 1.3 */
#respond { margin:0px; float:left; }
#respond input[type=text] { width:300px; margin-right:20px; }
#respond textarea { width:550px; height:120px; padding:10px; }
#comments { float:left; margin:0px 0 30px 0; }
.comment-meta { margin-top:0px; margin-bottom:20px; display:block; float:left; }
.commentlist { margin:0px; float:left; list-style:none; width:100%; }
.commentlist ul { list-style:none; margin:0; padding:0; float:left; clear:both; }
.commentlist li { float:left; margin:0; padding:0; display:block; }
.commentlist li .comment-meta { width:455px; }
.commentlist li li { margin:0 0 20px 40px; }
.commentlist li li .comment-meta { width:405px; }
.commentlist li li li { margin:0 0 20px 40px; }
.commentlist li li li .comment-meta { width:375px; }
.commentlist li li li li { margin:0 0 20px 40px; }
.commentlist li li li li .comment-meta { width:335px; }
.commentlist li li li li li { margin:0 0 20px 40px; }
.commentlist li li li li li .comment-meta { width:295px; }
.single-comment { margin-bottom:20px; }
.commentlist p { }
.comment-body { }
.comment- { float:left; margin: 0px 10px 6px 0px; display:inline; width:50px; }
.comment- cite { clear:both; font-weight:bold; }
.vcard { float:left; clear:both; display:block; width:100px; padding:20px 0; background:url(https://www.giorgosyfantis.gr/images/menu/comment_author_bg.png) no-repeat top right; }
/* End updated in version 1.3 */


.content-wrap {float:left; width:900px; margin:0 auto; padding:0 40px 30px 40px;}
