/*   
Theme Name: Butzi
Description: Snyggt fräscht och coolt, precis som Per-O
Author: Andreas Berggren
Author URI: http://www.albacreative.se
Template: bigfeature
*/

/**********************************************
	Global styles 
***********************************************/
body {	
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 22px;
	background-color: #ffffff;
	color: #77706a;
}

p {	
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 22px;
	color: #77706a;
	margin: 0px 0px 20px;
}

h2 {	
	font-size: 18px;
}

h3 {	
	margin: 30px 0px 20px;
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 22px;
	color: #77706a;
	border-bottom: 0px;
}

h4 a {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	border-bottom: 0px #eee solid !important;
	color: #77706a !important;
	font-size:11px !important;
	line-height: 22px !important;
}


h4 {
	margin-bottom: 0px;
	font-size:11px;
}

a { 
	text-decoration: none;
	color: #000000;	
}

a.linkdots{ 
	background: none;
	margin-bottom: 0px !important;	
}

.citatare {
	font-family: Georgia;		
	font-size:12px;
	color:#77706a;
	float:right;
	width:210px;
	position: relative; left: 220px; 
	position: relative; top: 64px; 
}

blockquote {	
	font-family: "Georgia, Times, serif;		
	font-size:14px;
	line-height:22px;
	color:#77706a;
	margin:30px 0;
	letter-spacing:0px;
}

.markeracitat {
	background-color: #afa79f;
	padding:4px 0px 4px 0px;
	color:#ffffff;
}

blockquote:before { content: '\201C'; font-weight: normal; margin-right: 0px; font-size:14px; 	background-color: #afa79f;
	padding:4px 2px 4px 10px;
	color:#ffffff;}
blockquote:after { content: '\201D'; font-weight: normal; margin-left: 0px; font-size:14px; 	background-color: #afa79f;
	padding:4px 10px 4px 1px;
	color:#ffffff;}

blockquote.alignright {	
	width:210px;
	margin: 0 0em 0px 10px;
	padding: 0px 0px 0px 0px;
}

blockquote.alignleft {	
	width:220px;
	margin: 0 1em 10px 0;
}

blockquote p {
	display:inline;
}

hr {
	background:#afa79f;
	color:#afa79f;
	clear:both;	
	width:100%;
	height:1px;
	margin:20px 0;
	border:none;
}

.markera {
	background-color: #afa79f;
	padding:4px 0px;
	color:#ffffff;
}

.post a.more-link, .post a.comment-link {
	background: none;
	padding-left: 0px;
}

.commentlist li {
	background: none;
}


.commentlist li.depth-2, .commentlist li.depth-3, .commentlist li.depth-4, .commentlist li.depth-5 {
	border:none;
	background: url(images/fusk2.jpg) no-repeat 0px 0px;
	background-position:left top; 
	border-top: 0px solid #bfb9b2;	
	margin-left:15px;	
}

.comment {
	margin: 0px 0px 0px -15px;
}

.button {
	padding: 0px 0px;
	margin: -1px 0px;
	background: #ffffff;
	color: #77706a !important;
	border: none;
}

.button:hover {
	background: #ffffff;
	color: #000000 !important;
	text-decoration:none
}

.button:active {
	background:#ffffff;
	color: #77706a !important;
}

.reply {
	margin: -10px 0px;
}

.reply a:hover, .reply a:link, .reply a:visited {
	padding: 0px 0px;
	margin: 0px 0px;
	background: #ffffff;
	color: #77706a !important;
	border: none;
	text-transform: none;
	font-size: 12px;
}

/**********************************************
	Layout 
***********************************************/
#container {	
	margin: 0 auto;
	width: 940px;
	background-color: #fff;	
	padding: 0px 0px;	
}

#header {
	margin-bottom: 30px;
}

#content { 
	float:left;
	width:700px;
	margin-right: 20px;
	padding-top: 23px;
	margin-top: 5px;
	border-top: 5px 	#afa79f solid;
}

#sidebar, .sidebar2 { 
	float:left;
	width:220px;
	overflow: hidden;
	padding-top: 24px;
	margin-top: 5px;
	border-top: 5px 	#afa79f solid;
}

.inside { margin: 0 auto; }
.feature { margin: 0 0 30px; }

.borderfront {
	height: 5px;
	padding-bottom: 0px;
	background: #ffffff;
}
.borderfront2 {
	height: 5px;
	margin-bottom: 28px;
	background: #afa79f;
}

.frontpost {
	width: 700px;
	float: left;
}
.fromblog {
	width: 220px;
	margin-left: 20px;
	float: right;
	margin-top: 4px;
}
.framtummar {
	width: 940px;
	background: transparent url(images/fusk.jpg) no-repeat 0px 0px;
	float: left;
	margin-top: 17px;
	padding-top: 26px;
}

/**********************************************
	Header
***********************************************/	
#logo {
	float:left;
	line-height:0;
	margin-right: 10px;
	margin-top: 47px;
	margin-left: 7px;
}

.blog-title {
	float:left;
	margin-bottom:0;
	padding-top:0;
}

.blog-title a {	
	float:left;
	line-height: 0.8;	
	font-size: 36px;
	letter-spacing: 0px;
	margin: 88px 0 0 9px;
	margin-bottom: 10px;	
	text-decoration:none;
	font-weight:none;
	color: #000000;	
}

p.description {
	float:left;
	color: #77706a;	
	font-size: 18px;
	margin: 126px 0 0 -252px;
	padding: 0px 0 0px 0px;
	border-left: 0px solid #eee;
}

#topsearch {	
	float:right;
	margin-top: 29px;
	margin-bottom: 5px;
}

/**********************************************
	Navigation
***********************************************/
ul.navigation {	
	list-style-type: none;
	float: left;
	width: 240px;
	margin: -17px 0px 0px 721px;
	border-top: 0px solid;
	border-bottom: 0px solid;
	line-height:0px;
}

ul.navigation li { float: left; }

ul.navigation li a {
	display: block;
	padding: 8px 6px;
	color: #77706a;
	font-size:11px;
	text-transform:none;
	font-weight:normal;	
}

ul.navigation li.current_page_item a { color: #000000; }

/**********************************************
	Search 
***********************************************/
.searchform {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

.searchform .searchbox {	
	border:1px solid #ddd;
	padding:0 10px 0 0px;	
	width: 209px;
	height: 26px;
}

.searchform a.searchicon {
	float:right;
	height:16px;
	width:16px;
	margin: 5px 1px 0 5px;
}


.searchform .searchfield {
	float:left;
	width: 175px;
	font-size: 13px;
	padding:4px;
	border:0;
	color: #999;
	background: #fff !important;
	border: none !important;
}

/**********************************************
	Blog Posts
***********************************************/

.post {
	margin: 0px 0px 0px 0px;	
}

.post .meta {
	margin: 0px 0 10px;	
	border-top: 0px #eee solid;
	border-bottom: 0px #eee solid;	
	font-size: 12px;
	text-transform:none;
	color: #77706a;	
}

.post .meta a {	
	color: #77706a;	
}

.post h1, .slider-h1{
	font-size: 36px;	
	margin-bottom: 20px;
	margin-top: -4px;
	letter-spacing: 0px;
}

.post.thumb a.thumb-link, .post.thumb h2 {
	font-size: 18px;	
	margin-top: 20px;
	margin-bottom: 3px;
	letter-spacing: 0px;
}
.post.thumb {
	float: left;
	margin: 0px 40px 20px 0px;
}

.post.thumb .postimage {
	border: 0px;
}

.postdivider {
	background:#afa79f;
	color:#afa79f;
	clear:both;	
	width:100%;
	height:5px;
	margin:30px 0 40px;
	border:none;
}

.feature .post-title, .normal .post-title, .post.normal {
	margin: 0px 0px -5px 0px;
}

.post.normal .post-title {
	margin:0px 0px 0px 0px;
}

.post.normal .postimage {
	margin:0px 0px 10px 0px;
}

.comsep {
	height:1px;
}

.related-posts ul, .recent-posts ul, .popular-posts ul {
	margin:10px 0px 10px 0px;
}

.bfthumbs .meta, .post.thumb .meta {
	margin:-9px 0px 14px 0px;
}
/**********************************************
	Widgets 
***********************************************/

#sidebar .widget_text .widgetheading, #sidebar .widget_sidepages .widgetheading {
	margin-bottom: -5px;
}

#sidebar .widgetheading h2 {
	font-size:18px;
	text-transform:none;
	font-weight:normal;	
	border-bottom: 0px;
	letter-spacing:0px;
	margin-bottom: 5px;
}
.widgetheading {
	margin-bottom: -3px;
}
#sidebar ul li ul li, #sidebar ul li ol li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px;
}

#sidebar ul li.widget {
	margin-bottom: 38px;
	padding-bottom: 20px;
	background: url(images/fusk2.jpg) no-repeat 0px 0px;
	background-position:left bottom; 
}

#sidebar .widget_categories ul li, 
#sidebar .widget_archive ul li, 
#sidebar .widget_links ul li,
#sidebar .widget_categories ul li a, 
#sidebar .widget_archive ul li a, 
#sidebar .widget_links ul li a,
#sidebar .date,
#sidebar a,
#sidebar ul ul, #sidebar ul ol {
	width: 220px;
	float: left;
	display: inline;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px #eee solid;
	color: #77706a;
	font-size:11px;
	line-height: 22px;
}

#sidebar ul {
	margin: -1px 0px 0px 0px;
}

#sidebar ul ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px #bfb9b2 solid;;
}

.widget_featured_posts .post.thumb.no-image {
	width: 220px;
	margin: 0px 0px 0px 0px;
}

#sidebar .post.thumb {
	margin: 0px 0px 0px 0px;
}

#sidebar li.recentcomments {
	width: 220px;
	padding: 0px 0px 0px 0px;
}

.widget_featured_posts .post.thumb.no-image {
	background-image: none !important;
}

/**********************************************
	Footer 
***********************************************/
#footer {
	color: #999;
	margin-top: 10px;
	margin-bottom: 20px;
}

#footer a { 	
	color: #77706a;	
	font-size:11px;
}

#footer-widgets {
	margin-top: 12px;	
	padding-top: 10px;
	border-top: 1px #afa79f solid;
}


#footer-widgets li.widget {	
	float: left;
	width:220px
	margin-left: 20px;
	_margin-left: expression(this.previousSibling==null?'0px':'20px');
}

#footer-widgets li.widget:first-child {
	margin-left: 0px;	
}

#footer-widgets h2 {
	font-size:18px;
	margin-bottom: 5px;
	margin-top: 11px;	
}

#footer-widgets ul, #sidebar ol {
	list-style:none;
	margin: 0;
	padding: 0;	
}

#footer-widgets ul li ul {
	padding: 0px;	
}

#footer-widgets ul li ul li,
#footer-widgets ul li ul li a {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px #eee solid;
	color: #77706a;
	font-size:11px;
	line-height: 22px;
}

#footer-widgets ul p {
	margin: 0;
}

#toplink {
	float: right;	
	font-size:11px;	
}

#footer-widgets li.widget { 
	width: 220px;   
	margin-left: 20px;  
}

#footer { 
	color:#77706a; 
}

#footer a { 
	color:#000000; 
}



/**********************************************
	Övrigt
***********************************************/