/*
Theme Name: johanhermansson.se
Theme URI: http://johanhermansson.se/
Description: Theme built specifically for johanhermansson.se
Version: 1.0
Author: Johan Hermansson
Author URI: http://johanhermansson.se/
Tags: johan hermansson, web developer, design
*/

html, body { background-color: #f3ede1; }

h1, h2, h3 { margin: 0; padding: 0; line-height: 1em; }

small { font-size: .8em; }

hr { margin: 1em 0; width: 100%; }

a:link, a:visited { color: #000099; }
a:hover, a:active, a:focus { color: #666699; }

#header { background-color: #292938; color: #fff; font-size: 14px; }

#header h1, #header .h1 { color: #fff; font-size: 24px; font-weight: bold; }
#header a:link, #header a:visited { color: #fff; text-decoration: none; }
#header a:hover, #header a:active, #header a:focus { color: #fff; text-decoration: underline; }

#header_logo { padding: 25px 0 20px 0; margin-left: 20px; }
#header_menu { margin-top: 63px; text-align: right; word-spacing: 20px; }

#shadow { height: 40px; background-image: url(images/header_shadow.png); margin-top: 1px; }

#body { margin-top: 50px; min-height: 780px; }

#content h1, #content h2 { font-size: 30px; font-weight: bold; }
#content img { vertical-align: text-top; padding: 10px; background-color: #eadcc1; border: 1px solid #d7c6a5; margin-bottom: 1em; }
#content img.alignleft { margin-right: .5em; }
#content img.alignright { margin-left: .5em; }

.entry.first { margin-top: 0; }
.entry.notfirst { margin-top: 4em; }

.entry .date { color: #444; text-align: center; background: #ccc; padding: 3px 0 7px 0; }
.entry .date .a { position: absolute; width: 10px; height: 21px; left: 60px; margin-top: 7px; background-image: url(images/date_arrow.png); }
.entry .date .d { font-size: 48px; line-height: 48px; font-weight: bold; }
.entry .date .m { font-size: 30px; line-height: 30px; font-weight: normal; margin-top: -5px; }
.entry .date .y { font-size: 18px; line-height: 18px; font-weight: normal; }

.entry .title { margin: 5px 0; }
.entry .title a:link, .entry .title a:visited { color: #000; text-decoration: none; }
.entry .title a:hover, .entry .title a:active, .entry .title a:focus { color: #000; text-decoration: underline; }
.entry .categories { color: #999; font-size: 12px; letter-spacing: 2px; }
.entry .categories a { color: #999; text-decoration: none; }
.entry .categories a:focus { background: #ddd; }
.entry .content { margin-top: 5px; }
.entry .content code { background-color: #eadcc1; border: 1px solid #d7c6a5; display: block; padding: 1em; }
.entry .excerpt { margin-top: 5px; font-size: 14px; }
.entry .excerpt a:link, .entry .excerpt a:visited { text-decoration: none; }
.entry .excerpt a:hover, .entry .excerpt a:active, .entry .excerpt a:focus { text-decoration: underline; }
.entry .content p, .entry .content ul { font-size: 14px; margin-bottom: 10px; }
.entry .comments { font-size: 14px; }

.navigation { margin: 0 0 1em 0; line-height: 1em; font-style: italic; }

.alignleft { float: left; }
.alignright { float: right; }

.page .title { margin: 5px 0; }
.page .content { margin-top: 10px; }
.page .content h2 { font-size: 18px!important; margin: 1em 0; }

h1.archive { font-size: 1.2em!important; margin-bottom: 20px; }

#comments { background-color: #fff; padding-bottom: 20px; border: 1px solid #ebe2d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#disqus_thread { margin: 0 20px; padding-top: 20px; }
#disqus_thread h3 { font-size: 18px; margin-bottom: 1em; }
#dsq-comments-title h3 { margin-top: 1em; }
.dsq-brlink { margin-left: 20px; }
.dsq-trackback-url { padding: 3px; border: 1px solid #ccc; width: 370px; }
.dsq-subscribe { font-size: .9em; }

.sidebar { background: transparent url(images/sidebar_background.png) repeat-x; min-height: 150px; margin-bottom: 20px; }
.sidebar .arrow { position: absolute; width: 19px; height: 10px; margin-top: 33px; left: 19px; background: transparent url(images/sidebar_arrow.png) no-repeat; }
.sidebar .title { padding: 8px 0; margin: 0 8px; }
.sidebar .title h3 { font-size: 18px; line-height: 18px; }
.sidebar .title a:link, .sidebar .title a:visited { color: #000; text-decoration: none; }
.sidebar .title a:hover, .sidebar .title a:active, .sidebar .title a:focus { color: #000; text-decoration: underline; }
.sidebar .content { margin: 20px; }
.sidebar ul { margin: 0; }
.sidebar li { list-style: none; margin: 0; }
.sidebar p { margin-bottom: 0; margin-top: 10px; }
.sidebar .tweets li { margin-top: 10px; }

#footer { margin-top: 50px; padding-top: 10px; background-color: #eadcc1; min-height: 50px; border-top: 1px solid #d7c6a5; color: #aa9977; text-align: right; }
#footer a { color: #aa9977; }