/*
Theme Name: Swedish Fika
Theme URI: http://www.swedishfika.com
Description: The first version of Swedish Fika
Version: 1.0
Author: Alexander Radsby & Simon Kjellberg
*/

/* RESET 
-----------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* Globals 
-----------------------------------------------------------------------------*/

body {
	background: #eadfcb url(body-bg.jpg) top center no-repeat;
	padding-top: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

code { 
	border: 1px solid #ccc; 
	padding: 15px 10px; 
    line-height: 11px;
	display:  block; 
	font-size: 100%;
	background: #fefde0;
	white-space:pre;
}

div#first-column h3 {
	font-size: 100%;
	color: #6e8d4f;
	display: block !important;
	clear: both !important;
	text-transform: uppercase;
}

div#first-column h4 {
	font-size: 85%;
	color: #5c7841;
	display: block !important;
	clear: both !important;
	text-transform: uppercase;
}

div.main-content {
	clear: both;
}

div#first-column p {
	margin-bottom: 15px;
}

div#first-column #contactform {
	clear: both;
	display: block;
}

div#container{
	width: 955px;
	margin: 0 auto;
	padding: 0;
	height: 400px;
}

.home h1 {
	text-indent: -9999px;
}


/* Banner/menu-section 
-----------------------------------------------------------------------------*/

div#menu-container {
	width: 955px;
	height: 74px;
	float: left;
}

div#menu-container div#logo {
	width: 243px;
	height: 74px;
	background: url(logo.jpg) top left no-repeat;
	float: left;
	text-indent: -999px;
}

div#menu-container div#menu {
	width: 476px;
	padding-top: 28px;	
	float: left;
}

div#menu-container div#menu ul {
	width: 456px;
	height: 46px;
	background: #3d3c3c;
	float: left;	
	position:relative;	
	padding-left:20px;
}

div#menu-container div#menu ul li {	
	font-family: Georgia, "Times New Roman", Times, serif;	
	position:absolute;	
	display: block;
	float: left;
	height:46px;
	width:71px;
	background:url(menu.gif) 0 0 no-repeat;
}

div#menu-container div#menu ul li a {
	text-decoration: none;
	color: #fff;
	height: 46px;
	width:71px;
	float: left;
	text-transform: lowercase;
	font-weight:bold;
	letter-spacing:-1px;
	overflow: hidden;
}

div#menu-container div#menu ul li.nav_home {
	text-indent: -9999px;
	background-position: 0px -46px;	left:20px;
}

div#menu-container div#menu ul li.nav_home a:hover, 
div#menu-container div#menu ul li.nav_home a:active, 
div#menu-container div#menu ul li.nav_home a:focus, 
body.home div#menu-container div#menu ul li.nav_home a {
	text-indent: -9999px;
	background:url(menu.gif) 0px 0px no-repeat;
}

div#menu-container div#menu ul li.nav_about {
	text-indent: -9999px;
	background-position:-71px -46px;	left: 91px;
}

div#menu-container div#menu ul li.nav_about a:hover, 
body.about div#menu-container div#menu ul li.nav_about a {
	text-indent: -9999px;
	background:url(menu.gif) -71px 0px no-repeat;
}

div#menu-container div#menu ul li.nav_archive {
	text-indent: -9999px;
	background-position:-142px -46px;	left: 162px;
}

div#menu-container div#menu ul li.nav_archive a:hover, 
body.archives div#menu-container div#menu ul li.nav_archive a {
	text-indent: -9999px;
	background:url(menu.gif) -142px 0px no-repeat;
}

div#menu-container div#menu ul li.nav_contact {
	text-indent: -9999px;
	background-position: -213px -46px;	left: 243px;
}

div#menu-container div#menu ul li.nav_contact a:hover, 
body.contact div#menu-container div#menu ul li.nav_contact a {
	text-indent: -9999px;
	background:url(menu.gif) -213px 0px no-repeat;
}

div#menu-container div#search {
	padding-top: 28px;
	width: 236px;
	float: left;
	height: 46px;
}

div#menu-container div#search form {
	width: 236px;
	height: 35px;
	background: #3d3c3c;
	padding-top: 11px;
	float: left;
}
div#menu-container div#search form div {
	background: #494949 url(search-bg.jpg) center left no-repeat;
	background-position: 5px;
	border: 1px solid #535353;
	padding: 3px 0 3px 20px;
	width: 205px;
	float: left;
}

div#menu-container div#search form div input {
	width: 198px;
	background: #494949;
	padding-left: 5px;
	border: 1px solid #494949;
	float: left;
	color: #fff;
}

/* First column 
-----------------------------------------------------------------------------*/

div#content-container {
	width: 935px;
	background: #fff;
	background-image: url(border.jpg);
	background-repeat: repeat-y;
	background-position: 480px 10px;
	float: left;
	padding: 10px;
}

div#first-column {
	width: 456px;
	padding: 0 15px 0 0;
	float: left;
}

div#first-column img {
	padding-bottom: 10px;
}

div#first-column img.big-image {
	border:1px solid #cfd0cb;
	padding: 4px;
	width: 446px;
	margin-bottom: 10px;
}

div#first-column a.big-image-link, 
div#first-column a.big-image-link:hover {
	border: none;
}

div.datebox {
	background: #92a966 url(datebox-bottom.gif) bottom left no-repeat;
	width: 47px;
	height: 44px;
	float: right;
}
div.datebox div.date {
	padding: 6px 0 0 0;
	background: url(datebox-top.gif) top left no-repeat;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	text-align: center;
	width: 47px;
	font-size: 100%;
}

div.datebox div.month {
	color: #fff;
	display: block;
	font-weight: normal;
	text-align: center;
	width: 47px;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	font-family: Georgia;
	font-size: 90%;
}

div#content-container p {
	width: 456px;
	line-height: 18px;
	clear:both;
	color: #363636;
	float: left;
	text-align: left;
}

div#main-entry {
	width: 456px;
	border-bottom: 2px solid #edf1e5;
	padding-bottom: 20px;
	float: left;
}

div.main-entry {
	width: 456px;
	border-bottom: 2px solid #edf1e5;
	padding-bottom: 20px;
	margin-bottom: 20px;
	float: left;
}

div.main-entry ul, div#main-entry ul {
    list-style: disc;
    clear:both;
    display: block;
}


div.main-entry li, div#main-entry li {
    margin-left: 30px;
}

div.article-top {
	margin: 0;
	padding: 0 0 10px 0;
}

.page {
	width: 456px;
	padding-bottom: 20px;
	border-bottom: 0px !important;
	float: left;
}

.page p {
	width: 456px !important;
}

div.entry {
	width: 456px;
	border-bottom: 2px solid #edf1e5;
	padding-bottom: 20px;
	padding-top: 20px;
	float: left;
}

div#first-column h2, 
div#first-column h1 {
	padding: 5px 0 10px 0;
	width: 359px;
	float: left;
	font-family: Georgia;
	font-size: 215%;
	font-style: italic;
	color: #57371b;
	font-weight: normal;
	letter-spacing: -1px;
}

span#author {
	display: block;
	clear:both;
	padding-top: 10px;
	font-size: 90%;
	color: #4e4e4e;
	text-transform: capitalize;
}

div#first-column a {
	color: #57371b;
	border-bottom: 1px dotted #57371b;
	text-decoration: none;
}

div#first-column h2 a, 
div#first-column h1 a {
	color: #57371b;
	border-bottom: none;
	text-decoration: none;
}

div#first-column h1 a:hover,
div#first-column h2 a:hover {
	color: #496189;
	border-bottom: none;
	text-decoration: none;
}

div#first-column div.main-content h3 {	
	padding-top:20px;
	width:379px;
	float:left;
}

div#first-column ul {
	padding: 0 0 0 15px;
	margin-bottom: 15px;
}

div#first-column ul li {
	margin: 0 0 5px 0;
}

div#first-column a:hover {
	color: #496189;
	border-bottom: 1px dotted #496189;
	text-decoration: none;
}

div#first-column div.archive-month {
	margin: 0;
	padding: 0;
}

div#first-column div.car-container ul li {
	list-style:none;
}

div#first-column div.car-container ul li span.car-yearmonth {
	font-size:120%;	
	margin:20px 0px 3px 0px;
	display:block;	
	font-weight:bold;	
	color:#57371B;
}

div.navigation {
	width: 456px;
	float:left;
}

div.navigation div.newer {
	float:right;
	width:228px;
	text-align:right;
}

div.navigation div.older {
	float:left;	
	width:228px;
}

/* Second column 
-----------------------------------------------------------------------------*/

div#second-column {
	width: 208px;
	padding: 0 15px 0 15px;
	float: left;
	border-right: 1px solid #e4ebd8;
}

div#second-column h2, 
div#second-column h3, 
div#second-column h4 {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #e4ebd8;
	width: 208px;
	float: left;
	font-family: Georgia;
	font-size: 155%;
	font-style: italic;
	color: #57371b;
	font-weight: normal;
	letter-spacing: -1px;
}

div#second-column ul#sections {
	float: left;
	width: 208px;
	padding-bottom: 20px;
}

div#second-column ul#sections li {
	float: left;
}

div#second-column ul#sections li a {
	background: url(tag.gif) center left no-repeat;
	background-position: 7px;
	padding: 10px 0 10px 32px;
	color: #6d7e4e;
	text-decoration: none;
	border-bottom: 1px solid #e4ebd8;
	float: left;
	width: 173px;
	font-weight: bold;
}

div#second-column ul#sections li.even a {
	background: #f7faf2 url(tag-even.gif) center left no-repeat;
	background-position: 7px;
	padding: 10px 0 10px 32px;
	color: #6d7e4e;
	text-decoration: none;
	border-bottom: 1px solid #e4ebd8;
	float: left;
	width: 173px;
}
div#second-column ul#sections a:hover, div#second-column ul#sections  li.even a:hover {
	color: #505f35;
}

div#second-column dl {
	float: left;
	padding-bottom: 20px;
	width: 100%;
}

div#second-column dl dt {
	color: #4869a6;
	font-family: Arial;
	padding: 10px 0 1px 0;
	font-weight: bold;
	letter-spacing: -1px;
	float: left;
	width: 100%;
	width: 191px;
	padding: 10px 10px 0 7px;

}

div#second-column dl dt a {
	color: #4869a6;
}

div#second-column dl dd {
	color: #454545;
	font-family: Arial;
	font-size: 80%;
	text-transform: uppercase;
	float: left;
	clear: both;
	width: 191px;
	padding: 5px 10px 10px 7px;
	border-bottom: 1px solid #e4ebd8;
}

div#second-column dl dt.even {
	color: #4869a6;
	font-family: Arial;
	padding: 10px 0 1px 0;
	font-weight: bold;
	letter-spacing: -1px;
	float: left;
	background: #f7faf2;
	width: 191px;
	padding: 10px 10px 0 7px;
}

div#second-column dl dd.even {
	color: #454545;
	font-family: Arial;
	font-size: 80%;
	text-transform: uppercase;
	float: left;
	clear: both;
	background: #f7faf2;
	width: 191px;
	padding: 5px 10px 10px 7px;
	border-bottom: 1px solid #e4ebd8;
}

div#second-column dl dt a {
	color: #4869a6;
	text-decoration: none;
}

div#second-column dl dd a {
	color: #4869a6;
}

div#second-column dl#recent-comments{	
	float: left;
	padding-bottom: 0;
}

div#second-column dl#recent-comments dt {
	color: #454545;	
	font-family: Arial, Verdana, Sans-serif;	
	padding: 15px 0 5px 7px;
	font-weight: normal;
	letter-spacing: -1px;
	float: left;
	width: 191px;
}

div#second-column dl#recent-comments dt span {
	color: #4869a6;	
	font-weight: bold;
}

div#second-column dl#recent-comments dt span a {
	color: #4869a6;	
	text-decoration: none;
}

div#second-column dl#recent-comments dd {
	color: #454545;	
	padding: 0 0 15px 7px;
	font-family: Arial;	
	font-size: 90%;	
	float: left;
	clear: both;
	text-transform: none;
	width: 191px;
	border-bottom: 1px solid #e4ebd8;
}

div#second-column dl#recent-comments dt.even {
	color: #454545;	
	font-family: Arial, Verdana, Sans-serif;
	padding: 15px 0 5px 7px;
	font-weight: normal;
	letter-spacing: -1px;
	float: left;
	width: 191px;
	background: #f7faf2;
}

div#second-column dl#recent-comments dd.even {	
	color: #454545;	
	padding: 0 0 15px 7px;
	font-family: Arial, Verdana, Sans-serif;
	font-size: 90%;
	float: left;
	clear: both;
	text-transform: none;
	width: 191px;
	border-bottom: 1px solid #e4ebd8;
	background: #f7faf2;
}

/* Third column 
-----------------------------------------------------------------------------*/

div#third-column {
	width: 210px;
	float: left;
	padding: 0 0 0 15px;
}

div#third-column a {
	color: #4869a6;
}


div#third-column p {
	width: 205px;
	float: left;
	padding: 10px 0;
	text-align: left;
}

div#third-column h2, 
div#third-column h3, 
div#third-column h4 {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #e4ebd8;
	width: 205px;
	float: left;
	font-family: Georgia;
	font-size: 155%;
	font-style: italic;
	color: #57371b;
	font-weight: normal;
	letter-spacing: -1px;
}

div#third-column h2 a, 
div#third-column h3 a {
	padding: 0;
	margin: 0;
	font-family: Georgia;
	font-style: italic;
	color: #57371b;
	font-weight: normal;
	letter-spacing: -1px;
	text-decoration: none;
}

div#third-column ul.tweets {
	font-size:90%;
	line-height:18px;
	float:left;
	padding-bottom: 10px;
	width: 210px;
}

div#third-column ul.tweets li{
	margin: 0;
	color:#454545;
	padding: 10px 0 0 0;
}

div#third-column ul#books{
	float: left;
	padding-bottom: 10px;
}

div#third-column ul#books li {
	float: left;
	width: 205px;
	padding: 10px 0 0 0;
}

div#third-column ul#books li img {
	float: left;
	margin: 0 10px 0 0;
}

div#third-column ul#books li a {
	color: #4869a6;
	text-decoration: none;
}

div#third-column ul.delicious {
	width: 205px;
	font-size: 90%;
	line-height: 18px;
	padding: 0;
	float: left;
}

div#third-column ul.delicious li.delicious-item {
	float: left;
	padding: 10px 0 0 0;
	width: 205px;
}

div#third-column ul.delicious li.delicious-item a {
	color: #4869a6;
	text-decoration: none;
}

div#third-column ul.delicious li {
	color: #454545;
	padding: 7px 0 0 0;
	float: left;
}

/* Footer */

div#footer {
	border-top: 2px solid #d3d8ca; 
	background: #eff4e6;
	margin-top: 10px;
	padding: 20px 15px;
	float: left;
	clear: both;
	width: 905px;
}

div#footer div#footer-left {
	width: 609px;
	float: left;
}

div#footer div#footer-left p {
	width: 609px;
	color: #787878;
	line-height: 20px;
	font-size: 90%;
}

div#footer div#footer-left p a {
	color: #3e3e3e;
	text-decoration: none;
}

div#footer div#footer-left p.copyright {
	color: #303030;
	padding: 0 0 10px 0;
	font-size: 90%;
}

div#footer div#footer-right {
	width: 296px;
	float: left;
}

div#footer div#footer-right p {
	width: 291px;
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	color: #475a22;
	font-size: 90%;
	text-align: right;
}

div#footer div#footer-right p a {
	color: #475a22;
	text-decoration: none;
}

#bottom {
	height: 20px;
	width: 955px;
	float: left;
}

/* Comments Template 
-----------------------------------------------------------------------------*/

div#comment-form {
	padding-top: 20px;
	padding-bottom: 40px;
	clear: both;
	width: 455px;
}

div#comment-form input {
	border: #e8e8e8 1px solid;
	padding: 0.3em;
	width: 132px;
	font-size: 100%;
}

textarea {
	border: #e8e8e8 1px solid;
	padding: 0.3em;
	font-family: Arial;
	font-size: 100%;
	width: 436px;
}

div.formfield-message {
	clear:both;
}

div#author-info {
	clear: both;
	padding-top: 15px;
}

div.formfield {
	margin-right: 20px;
	width: 131px;
	float: left;
}

div.formfield-submit {
	padding-top: 20px;
	clear: both;
	display: block;
}

span.desc {
	font-size: 90%;
	color: #a4a4a4;
}

label {
	font-weight: bold;
	color: #383838;
}

div.comment-wrapper {
	clear: both;
	padding-top: 10px;
}

div.admin-comment div.message {
	background-color:#EFF4E6;
}

div.comment-meta {
	float: left;
}

div#first-column div.comment-meta a {
	border-bottom: none;
}

div.message {
	margin-left: 10px;
	width: 384px;
	float: left;
	padding: 0.7em;
	padding-bottom: 1em;
	border-bottom: 1px solid #d3d3d3;
	background: #fff8ea;
}

div.message p {
	width: 387px !important;
}

div.comment-author span {
	font-weight: bold;
}

div.comment-author span.comment-date {
	font-size: 90%;
	color: #959595;
}

div.comment-post {
	padding-top: 10px;
}

/* Archives 
-----------------------------------------------------------------------------*/
.monthtitle {
	font-size: 120%;
}

.postspermonth li{
	padding-left: 10px;
	margin: 0.3em;
}

/* Overall styles 
-----------------------------------------------------------------------------*/

.hidden {
	display: none;
}
.block {
	display: block;
}
.clear {
	clear: both;
}


/*code styles*/
pre {
	width:439px;
	float:left;
	background:#FEFDE0 none repeat scroll 0;
	border:1px solid #CCCCCC;
	display:block;
	font-size:100%;
	line-height:11px;
	padding:15px 10px;
	white-space:pre;
}

ul.post-list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0;
	padding-left:5px;
	text-indent:-8px;
	padding-bottom:15px;
}

ul.post-list li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height: 1.5;
	padding-bottom:10px;
	color:#363636;
	margin-left:20px;
}

ol.post-list {
	width:379px;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	padding:10px 0px 15px 5px;
}

ol.post-list li {
	list-style-image:none;
	list-style-position:outside;
	line-height: 1.5;
	padding-bottom:10px;
	color:#363636;
}