/*
Theme Name: Mathias Lindholm Blog
Description: Custom theme for my blog.
Author: Mathias Lindholm
Author URI: http://mathiaslindholm.com/
*/


body {
	background: #fff;
	font-family: "calluna-1","calluna-2", "Georgia", sans-serif;
	font-size:75%; 
	line-height:1.25;
/*	font-size: 13px;
	line-height: 17px; */
	color: #414042;
}

#wrapper {
	padding: 20px 0 20px 60px;
	width: 920px;
}

#sidebar {
	float: left;
	margin-right: 60px;
	/*position: fixed;*/
	width: 180px;
}

#content {
	float: right;
	text-align: left;
	width: 680px;
}

#content.frontpage {
	margin-top: 142px;
}

#logo {
	height: 108px;
}

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

a:hover {
	background: #fafafa;
	color: #ff5a00;
}

.top_text {
	line-height: 20px;
	padding-top: 8px;
	text-align: right;
}

.top_text a {
	color: #414042;
}

.top_text a:hover {
	border: none;
}

#menu {
	line-height: 20px;
}

#menu a {
	color: #231f20; 
	-webkit-transition:color .1s ease-in-out;  
    -moz-transition:color .1s ease-in-out;  
    -o-transition:color .1s ease-in-out;  
    transition:color .1s ease-in-out;	
}

#menu a:hover {
	color: #ff5a00;
	border: none;
}

#menu ul li.active {
	background: url(../img/menu.png) no-repeat right center;
}

#menu ul li.active a {
	color: #ff5a00;
}

.slideshow-nav {
	background: #eee;
	float: left;
	font-size: 12px;
	line-height: 1;
	margin: 5px 0 15px 0;
	padding: 4px 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.slideshow-nav a {
	color: #414042;
}

.slideshow .file .info {
	float: right;
}

.filed {
	color: #808285;
	padding-top: 20px;
}


/*--Typography--*/
h1, h2, h3 { margin-top:0; margin-bottom:0; font-weight: normal;}

h1 {
	font-size:1.75em;
	padding:1.48495em 0; 
}

h1 a {
	color: #414042;
}

h1 a:hover {
	-webkit-transition:color .1s ease-in-out;  
    -moz-transition:color .1s ease-in-out;  
    -o-transition:color .1s ease-in-out;  
    transition:color .1s ease-in-out;
}

h2 {
	font-size:1.5em;
	padding:1.42615em 0; 
}

h3 {
	font-size:1.33333em;
	padding:1.68269em 
}

p {
	padding-bottom: 16px;
}

/*
 * Blog CSS
 */

.entry {
	border-bottom: 1px solid #eee;
	padding: 0 0 20px 0;
}

.storytitle, .story {
	float: left;
	width: 540px;
}

.story {
	overflow: hidden;
}

.metadata {
	color: #808285;
	float: left;
	font-size: 11px;
	padding: 0 0 0 20px;
	width: 120px;
}

.metadata a {
	color: #808285;
}

.metadata a:hover {
	color: #ff5a00;
	-webkit-transition:color .1s ease-in-out;  
    -moz-transition:color .1s ease-in-out;  
    -o-transition:color .1s ease-in-out;  
    transition:color .1s ease-in-out;
}

.pagination {
	padding: 20px 0 0;
	text-align: center;
}

/*--Misc. Styles--*/

blockquote {
	color: #666;
	margin: 0 0 16px 16px;
	padding-left: 16px;
	border-left: 2px solid #ddd;
}

blockquote p {padding-bottom: 0;}

div.wp-caption {
	padding: 0 0 16px 0;
}

p.wp-caption-text {
	font-size: 11px;
	font-style: italic;
	color: #666;
	padding-bottom: 0px;
}
	
	
#s {
	color: #808285;
	background: #fafafa;
	border: solid 1px #999;
	padding: 4px;
	width: 150px;
}

td.padded {
	padding-right: 19px;
}


/*--Comment--*/

.commentlist li {
	border-bottom: 1px solid #eee;
	padding: 10px;
}

#submit {
	background: #111;
	border: 1px solid #eee;
	color: #fff;
	padding: 4px;
}

.fn {color: #0d181d; font-style: normal;}
.fn a {color: #0d181d;}

.comment-author {
	font-size: 14px;
	font-weight: bold;
	}
	
.comment-meta {
	margin-bottom: 4px;
}

.comment-body p {
	padding: 0;
}

#commentform p {
	padding-bottom: 5px;
}

#commentform input {
	width: 200px;
	border: 1px solid #999;
	padding: 4px;
}

#commentform textarea {
	border: 1px solid #999;
	height: 70px;
	margin: 0;
	padding: 4px;
}

.clear {clear: both;}