/*
Theme Name: Simple Mind
Theme URI: http://wordpress.org/
Description: WordPress standardtema baserat p&aring; k&auml;nda <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.5
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Reset CSS
--------------------------------------------- */

td,th,blockquote,p,textarea,input,fieldset,form,pre,h6,h5,h4,h3,h2,h1,li,ol,ul,dd,dt,dl,div,body{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}img,fieldset,acronym,abbr{border:0}var,th,strong,em,dfn,code,cite,caption,address{font-style:normal}var,th,strong,em,dfn,code,cite,caption,address,h6,h5,h4,h3,h2,h1{font-weight:normal}ul,ol{list-style:none}th,caption{text-align:left}h6,h5,h4,h3,h2,h1{font-size:100%}q:after,q:before{content:''}

/* General Elements
--------------------------------------------- */

body, html {
	font-family: Lucida Grande, Helvetica, Arial, Georgia, Verdana, sans-serif;
	font-size: 62.5%;
	background: #fff;
	color: #000;
	margin:0;padding:0 0 10px 0;
}

	a {color: #a43f46;text-decoration: none;}
	a:hover {color: #fff; background: #a43f46; text-decoration: none;}
	strong {font-weight: bold;}
	em {font-style: italic;}
	.clear {clear:both;}

/* Structure
--------------------------------------------- */

#page {width: 960px; margin: 0 auto; }
.my-avatar{position: fixed; bottom: 0}

/* Content
--------------------------------------------- */

#content {width: 724px; margin: 70px 0 0 200px ;font-size: 2em;}

	#content .blog-title{}
	#content .blog-title span{font-size: 1.3em; color: #7a7a7a; margin: 0 0 70px 0; display: block; line-height: 180%;}
	#content .blog-title span strong{color: #5b5b5b}
	#content .blog-title a.title {color: #5b5b5b}
	#content .blog-title a.title:hover {color: #000; background: none;}
	
	#content  h1{font-family: Helvetica; color: #b45457; font-size: 3.5em; font-weight: bold; margin: 15px 0 25px 0;}
	#content  h1 a{padding: 3px 0;}
	
	#content .entry-meta{width: 150px; float: right; font-size: .9em;}
	#content .entry-meta span{display: block; color: #6c6c6c; background: url(images/icon-clock.png) no-repeat; padding: 0 0 0 25px; margin: 0 0 12px 0;}
	#content .entry-meta a.comments{font-weight: bold; background: url(images/icon-comment.png) no-repeat; padding: 0 0 0 25px;}
	
	#content ul.share{margin: 20px 0 0 0; color: #545454;}
	#content ul.share li{line-height: 180%; margin: 0 0 4px 0;}
	#content ul.share li.title{font-weight: bold;}
	#content ul.share li a.facebook{padding: 0 0 2px 25px; background: url(images/icon-facebook.png) no-repeat;}
	#content ul.share li a.twitter{padding: 0 0 2px 25px; background: url(images/icon-twitter.png) no-repeat;}
	#content ul.share li a.bloggy{padding: 0 0 2px 25px; background: url(images/icon-bloggy.png) no-repeat;}
	#content ul.share li a.pusha{padding: 0 0 2px 25px; background: url(images/icon-pusha.png) no-repeat;}
	#content ul.share a:hover, #content .entry-meta a:hover{color: #a43f46;text-decoration: underline;}

	#content .entry{float: left; width: 520px; margin: 0 0 15px 0;}
	#content .page{ width: 814px !important; margin: 0 0 0px 0!important;}
	#content .page p{ width: 520px !important; }
	#content .entry p{line-height: 165%; color: #515151; margin: 0 0 20px 0;}
	#content .entry .more-link{font-weight: bold;}
	
	#content blockquote {margin: 0 0 0 40px; padding: 0 0 0 20px; font-style: italic; border-left: 6px solid #f9f9f9;}
	#content .entry h2 {font-weight: bold; font-size: 1.5em; font-family: Helvetica; margin: 35px 0 8px 0; color: #3f3f3f;}
	#content .entry h3 {font-weight: bold; font-size: 1.1em; font-family: Helvetica; margin: 0 0 4px 0; color: #3f3f3f;}
	#content .entry h3 a{padding: 1px 0;}
	#content .entry ul {margin: 0 0 14px 30px; list-style-type: square;}
	#content .entry ol{margin: 0 0 14px 30px; list-style-type: decimal;}
	#content .entry ol li{ list-style-type: decimal; color: #515151; line-height: 160%;}
	#content .entry ul li {list-style-type: square;color: #515151; line-height: 160%;}
	
	#content .related {margin: 0 0 40px 0;}
	#content .related h3{font-weight: bold; font-size: 1.4em; color: #383838; font-family: Helvetica; margin: 0 0 5px 0;}
	#content .related ul{font-weight: bold; font-size: 1em; line-height:160%;}
	
	#content #comments{width: 520px;}
	#content #comments h3{font-weight: bold; font-size: 1.4em; color: #383838; font-family: Helvetica; margin: 0 0 15px 0;}
	#content #comments li {}
	#content #comments li img{float: left; width: 48px; height: 48px; background: #fff; border: 1px solid #e2e2e2; padding: 4px; margin: 0 15px 0 0;}
	#content #comments li div{float: left; width: 440px; margin: 0 0 20px 0;}
	#content #comments li span.author{font-size: 1.1em; font-weight: bold; display: block; margin: 0 0 4px 0;}
	#content #comments li p{line-height: 165%; color: #515151; margin: 0 0 12px 0; font-size: 1em;}
	#content #comments li span.date{display:block; color: #b7b7b7; margin: 0 0 0px 0; font-size: .85em;}
	
	#content #write {width: 700px; padding: 15px 0 0 0;}
	#content #write p{margin: 0 0 10px 0; line-height: 160%; }
	#content #write .connect{float: left; width: 210px; color: #515151; font-size: .95em;}
	#content #write .connect img{margin: 0 12px 0 0px;}
	#content #write .form{float: left; width: 380px; margin: 0 20px 0 0;}
	#content #write label{width: 110px; float: left; color: #484848; font-weight: bold;}
	#content #write label span{color: #ed1c25}
	#content #write input{border: 1px solid #d7d7d7; padding: 4px; width: 240px;}
	#content #write textarea{border: 1px solid #d7d7d7; width: 240px; padding: 4px;}
	#content #write #submit{display: block; width: 243px; height: 42px; background: url(images/submit-button.png) no-repeat; border: 0; text-indent: -9000px; cursor: pointer; position: relative; left: 115px;}
	
	#content ul#list, #content ul#list li {list-style-type: none; margin: 0 0 0 0; padding: 0;}
	#content ul#list li img {border: 1px solid #f3f3f3; padding: 8px; float: left; margin: 0 20px 0 0;}
	#content ul#list li div {float: right; width: 360px;}
	
		.highlight {margin: 0 0 20px 0;}
	
/* Footer
--------------------------------------------- */

	#footer .container{height: 160px; background: #fcfcfc; border: 1px solid #e1e1e1; margin: 0 0 14px 0;}
	#footer .container h3{color: #454545; font-family: Helvetica, Arial; font-weight: bold; font-size: 1.4em; margin: 0 0 8px 0;}
	#footer .primary-box{padding: 24px; width: 360px; float: left;}
	#footer .primary-box p{line-height: 180%; color: #595959;}
	#footer .secondary-box{padding: 24px; width: 250px; float: right;}
	#footer {margin: 30px 0 0 0;}
	#footer p.center{margin: 10px 0 0 0;}
	#footer p.center{text-align:center; color: #8d8d8d; font-size: .95em;}
	#footer p.center a{ color: #686868; }
	#footer p.center a:hover{background: none; color: #686868; text-decoration: underline;}