﻿/*
Theme Name: WordPress bygghemma
Description: Bygghemma blogg theme created by Martin Sköld at <a href="http://www.wilsoncreative.se">Wilson Creative</a>.
Version: 1.0
Author: Martin Sköld
Author URI: http://www.wilsoncreative.se/
	Bygghemma blogg 1.0
	 http://bygghemma.se/

	This theme was created by Martin Sköld at <a href="http://www.wilsoncreative.se">Wilson Creative</a>. 

*/
*{margin:0;padding:0;line-height:130%;}
body {
	font-size:62.5%;
	line-height:1.3em;
	color:#666;
	font-family:Arial, Verdana,Helvetica, sans-serif;
	background: #fff url(../images/bodyBg.png) top center no-repeat;
	text-align: center;
}
a {
	color:#ed1c24;
}
a:hover {
	color:#98292d;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	color:#ed1c24;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color:#ed1c24;
	text-decoration:none;
} 
h1{font-size:2.2em;}
h2{font-size:2em;}
h3{font-size:1.8em;}
h4{font-size:1.6em;}
h5{font-size:1.4em;}
h6{font-size:1.2em;}
#page {
	font-size:1.2em;
}
h2.pagetitle {
	margin:0 0 10px 0;
}
#header {
	background: url(../images/headerBg.png) top right no-repeat;
	height:210px;
}
	#header .logo {
		padding:50px 0 0 0;
		width:320px;
		float:left;
	}
	
	#rssBox, #searchBox {
		float:right;
		margin:175px 0 0 0;
	}
		#rssBox a {
			background:url(../images/rssIcon.png) center right no-repeat;
			padding:0 27px 0 0;
			height:26px;
			display:block;
			line-height:26px;
			color:#999;
		}
		#searchBox {
			margin-right:203px;
		}
			#searchBox label {
				display:none;
			}
			#searchBox div {
				float:left;
				background: url(../images/searchInputBg.png) no-repeat;
				width:131px;
				height:24px;
			}
				#searchBox div input {
					background:none;
					border:0;
					height:18px;
					margin:3px 0 0 4px;
					color:#999;
				}
				#searchBox div input.emptySearchInput {
						background: url(../images/searchInputBgOff.png) center left no-repeat;
				}
			#searchBox  .searchBtn {
				float:left; 
				margin:0 0 0 5px;
			}
#content {
	
}
	#content #contentLeft {

	}

.post {
	background:url(../images/byLine.png) right bottom no-repeat;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	clear:both;
}
body.single .post {
	padding:0 0 30px 0;
	border-bottom:1px solid #f2f2f2;
	margin:0 0 20px 0;
}
.page {
	background:none;
	border:0;
}
.postDivider {
	background:url(../images/postDivider.png) no-repeat;
	height:6px;
	width:460px;
	margin:0 0 20px 0;
}
	.post .postDate {
		background: url(../images/postDateBg.png) no-repeat;
		width:48px;
		height:62px;
		text-align:center;
		color:#666;
		text-transform:uppercase;
		font-size:10pt;
		font-weight:bold;
		padding:13px 0 0 0;
		float:left;
		margin:0 10px 0 0;
	}
		.post .postDate span {
			font-size:2em;
			line-height:0.7;
			color:#ed1c24;
			font-weight:normal;
		}
	.post .postTitleMeta {
		float:left;
	}
	.post h2.postTitle {
		float:left;
		width:360px;
		margin:-6px 0 0 0;
	}
	.post .postMetadata {
		width:360px;
		clear:left;
	}
		.post .postMetadata .postCategories, .post .postMetadata .postTags {
			display:block		
		}
		.post .postMetadata .postCategories span, .post .postMetadata .postTags span {
			font-weight:bold;
			margin:0 5px 0 3px;
		}
	
		.post .postMetadata .postCategories {
			margin:0 10px 0 0;
		}
		.post .postMetadata .postCategories a, .post .postMetadata .postTags a  {
			display:inline;
		}
		.post .postMetadata .postCategories span {
		}
		.post .postMetadata .postTags span {
			}
	.post .entry {
		clear:both;
		padding:0 0 20px 0;
	}
	.post .entry img {
		border:4px solid #eaeaea;
	}
		.post .entry img.noborder {
		border:none;
	}
	.post .postComments {
		
	}
		.post .postComments a.countCommentStartpage {
			background: url(../images/commentStartpageSbm.png) left center no-repeat;
			padding:0 0 0 18px;
			height:20px;
			display:block;
			line-height:20px;
			margin:0 20px 0 0;
			float:left;
		}
		.post .postComments a.leaveCommentStartpage{
			background: url(../images/commentWriteStartpageSbm.png) left center no-repeat;
			padding:0 0 0 18px;
			height:20px;
			display:block;
			float:left;
			line-height:20px;
			margin:0 20px 0 0;
		}
	.commentCountSingle  {
		background:url(../images/commentCountSingle.png) left center no-repeat;
		height:26px;
		font-size:11pt;
		line-height:19px;
		color:#ed1c24;
		margin:0 0 20px 0;
	}
		.commentCountSingle span {
			color:#fff;
			margin:1px 10px 0 1px;
			width:22px;
			display:block;
			text-align:center;
			float:left;
			font-size:10pt;
		}

#commentlist {
	border-bottom: 1px solid #f2f2f2;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
	#commentlist ul, #commentlist li {
		margin:0;
		padding:0;
		list-style:none;
	}
		
		#commentlist li .left {
			width:60px;
			background:url(../images/commentArrow.png) right top no-repeat;
			float:left;
		}
		#commentlist li.comment-author-claudia.depth-2 .left {
			background:none;
		}
		#commentlist li.comment-author-claudia.depth-1 .left {
			background:none;
		}
			#commentlist li .left .avatar  {
				margin:6px 0 0 0;
			}
			#commentlist li.comment-author-claudia.depth-2 .left .avatar {
				visibility:hidden;
			}	
			#commentlist li.comment-author-claudia.depth-1 .left .avatar {
				visibility:hidden;
			}
		#commentlist li .right {
			width:399px;
			float:left;
		}
			#commentlist li .right .top {
				background:url(../images/commentBubbleTop.png) left bottom no-repeat;
				height:11px;
				width:399px;
				font-size:0;
				line-height:0;
			}
			#commentlist li.comment-author-claudia.depth-2 .right .top {
				background:url(../images/commentBubbleTopReply.png) left bottom no-repeat;
			}
			#commentlist li.comment-author-claudia.depth-1 .right .top {
				background:url(../images/commentBubbleTopAuthor.png) left bottom no-repeat;
			}
			#commentlist li .right .middle {
				background:url(../images/commentBubbleMiddle.png) repeat-y;
				width:399px;
			}
			#commentlist li.comment-author-claudia.depth-2 .right .middle {
				background:url(../images/commentBubbleMiddleReply.png) repeat-y;
				color:#fff;
			}
			#commentlist li.comment-author-claudia.depth-1 .right .middle {
				background:url(../images/commentBubbleMiddleReply.png) repeat-y;
				color:#fff;
			}
				#commentlist li .right .middle a.commentDate {
					color:#1b456d;
					text-decoration:none;
					font-weight:bold;
				}
				#commentlist li .right .middle span.commentAuthorLink, #commentlist li .right .middle a.commentAuthorLink {
					text-transform: capitalize
				}
				#commentlist li.comment-author-claudia.depth-2 .right .middle a.commentDate {
					color:#330000;
				}
				#commentlist li.comment-author-claudia.depth-1 .right .middle a.commentDate {
					color:#330000;
				}
			
				#commentlist li .right .middle .commentText {
					padding:10px;
					min-height:60px;
				}
				#commentlist li.comment-author-claudia.depth-2 .right .middle .commentText {
					background:url(../images/commentBubbleMiddleReplyFace.png) right bottom no-repeat;
				}
					#commentlist li.comment-author-claudia.depth-2 .right .middle .commentText p {
						width:300px;
					}
				#commentlist li.comment-author-claudia.depth-1 .right .middle .commentText {
					background:url(../images/commentBubbleMiddleReplyFace.png) right bottom no-repeat;
				}
					#commentlist li.comment-author-claudia.depth-1 .right .middle .commentText p {
						width:300px;
					}
				#commentlist li .right .middle .comment-meta {
					
				}
			#commentlist li .right .bottom {
				background:url(../images/commentBubbleBottom.png) left top no-repeat;
				height:5px;
				width:399px;
				font-size:0;
				line-height:0;
				margin:0 0 10px 0;
			}
			#commentlist li.comment-author-claudia.depth-2 .right .bottom {
				background:url(../images/commentBubbleBottomReply.png) left top no-repeat;
			}
			#commentlist li.comment-author-claudia.depth-1 .right .bottom {
				background:url(../images/commentBubbleBottomReply.png) left top no-repeat;
			}
#commentform {
	border-bottom: 1px solid #f2f2f2;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
	#commentform label {
		display:block;
		font-weight:bold;
	}
	#commentform input {
		width:452px;
		padding:4px 4px 0 4px;
		height:22px;
		background:#f2f2f2;
		border:0;
	}
	#commentform textarea {
		width:452px;
		padding:4px;
		background:#f2f2f2;
		border:0;
	}
	#commentform input#submitBtn {
		width: 86px;
		padding:0;
		height: 29px;
		border:2px solid #f2f2f2;
		background:#e71921;
		color:#fff;
		font-weight:bold;
	}
#shareButton {
	border-bottom: 1px solid #f2f2f2;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
#relatedPosts {
	border-bottom: 1px solid #f2f2f2;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}
	#relatedPosts h3 {
		margin:0 0 10px 0;
	}
	#relatedPosts ul, #relatedPosts li {
		padding:0;
		list-style:circle;
		color:#ed1c24;
	}
	#relatedPosts li {
		margin:0 0 10px 0;
	}
.sidebar {
	
}
	.sidebar .aboutClaudia {
		margin:0 0 20px 0;
		display:block;
		height:190px;
	}
	.sidebar div.widget {
		margin:0 0 20px 0;
	}
	.sidebar h2.widgettitle {
		font-size:1em;
		color:#000;
		font-weight:bold;
		margin:0 0 5px 0;
	}
	
	.sidebar ul {
		margin:0;
		padding:0;
		list-style:none;
	}
		.sidebar ul li {
			list-style:none;
		}
			.sidebar ul ul {
				margin:0 0 0 10px;
			}
			
.sidebar .widget_archive ul li {
	text-transform: capitalize
}
.sidebar .widget {
	
}
	.sidebar .widget .top{
		background:#f2f2f2 url(../images/widgetTop.png) left top no-repeat;
		height:5px;
		width:220px;
		font-size:0;
		line-height:0;
	}
	.sidebar .widget_twitter .top {
		height:10px;
	}
	.sidebar .widget .middle{
		background:url(../images/widgetMiddle.png) repeat-y;
		padding:10px;
	}
	.sidebar .widget_twitter .middle {
		padding:1px;
	}
		.sidebar .widget_twitter h2.widgettitle {
			margin:0 5px 10px 5px;
			background:url(../images/twitterBird.png) left center no-repeat;
			padding:0 0 0 42px;
			height:23px;
		}
			.sidebar .widget_twitter h2.widgettitle a {
				color:#ed1c24;
				font-weight:normal;
				font-size:1.3em;
			}
		.sidebar .widget_twitter .middle .widgetContent {
			background:url(../images/twitterLogo.png) 5px bottom no-repeat;
			padding:0 0 23px 0
		}
		.sidebar .widget_twitter .middle ul.tweets {
			margin:0;
			padding:0;
		}
			.sidebar .widget_twitter .middle ul.tweets li {
				margin:0 0 0 0;
				background:#fff;
				padding:5px;
				width:208px;
				border-bottom:1px solid #f2f2f2;
			}
	.sidebar .widget .bottom {
		background:#f2f2f2 url(../images/widgetBottom.png) left bottom no-repeat;
		height:5px;
		width:220px;
		font-size:0;
		line-height:0;
	}
	.sidebar .widget_twitter .bottom {
		height:10px;
	}
	
	.sidebar .widget_get_recent_comments h2.widgettitle, .sidebar .widget_text h2.widgettitle {
		color:#ed1c24;
		font-weight:normal;
		font-size:1.3em;		
	}
	.sidebar .widget_get_recent_comments¨.middle ul {
		margin:0;
		padding:0;
	}
	.sidebar .widget_get_recent_comments .middle ul li {
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		border-bottom:1px solid #e6e6e6;
	}
		.sidebar .widget_get_recent_comments .middle ul li img {
			float:left;
			margin:0 5px 5px 0;
		}
		.sidebar .widget_get_recent_comments .middle ul li span {
			font-weight:bold;
			margin:0 5px 0 0;
		}
		
#searchBoxPage 	{
	
}
	#searchBoxPage label {
		display:block;
		clear:both;
		font-size:1.3em;
	}
	#searchBoxPage div {
		float:left;
		background: url(../images/searchInputBg.png) no-repeat;
		width:131px;
		height:24px;
	}
		#searchBoxPage div input {
			background:none;
			border:0;
			height:18px;
			margin:3px 0 0 4px;
			color:#999;
		}
		#searchBoxPage div input.emptySearchInput {
				background: url(../images/searchInputBgOff.png) center left no-repeat;
		}
	#searchBoxPage  .searchBtn {
		float:left; 
		margin:0 0 0 5px;
	}

.searchBtn {
	width: 24px;
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../images/searchBtn.png) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}


#footer {
	background: url(../images/footerBorder.png) left top repeat-x;
	padding:20px 0 0 0;
}
	#footer #footerContent {
		background: url(../images/footerContentBg.png) center bottom  no-repeat;
		height:200px;
	}
	#footer .left {
		float:left;
		width:400px;
	}
	#footer a.logo {
		display:block;
	}
		#footer a.logo img{
			margin:40px 0 0 0;
		}
	#footer .copy {
		margin:50px 0 0 0;
	}
	#footer .bygghemmaScreen {
		float:right;
		margin:17px 0 0 0;
	}


