/*   
Theme Name: stdout
Theme URI: 
Description: een thematic child theme
Author: Stijn Debrouwere
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {
	font-size: 1em;
	font-family: arial, sans-serif;
	padding: 0;
	margin: 0;
}

p {
    margin-bottom: 1em;
    padding: 0;
	line-height: 1.2;
}

h3 {
    font-weight: bold;
}

a:hover {
    color: #0060ff;
}

a:visited {
    color: #594082;
} 

#branding, #main, #siteinfo {
    padding-top: 0;
    margin: 0 auto;
    width: 810px;
}

#branding {
    padding-bottom: 0;
}

.main-aside {
    width: 250px;
}

#searchform input {
    width: 200px;
}

#container, #content {
    width: 530px;
}

div#topbar {
    display: inline-block;
    font-weight: normal;
    background: black;
    border: 1px solid black;
    color: white;
    width: 665px;
    padding: 10px;
    margin: 20px auto;
}

#topbar div, #topbar h1 {
    display: inline;
}

#blog-title, #blog-title a {
    line-height: 12pt;
    color: white;
    font-weight: bold;
}

#blog-title, #blog-title a, #blog-description {
    font-size: 12pt; 
    font-style: normal;
}

#blog-description {
    margin-left: 2px;
}

div#branding.front {
    font-weight: normal;
    color: #aaa;
}

div#branding strong {
    color: white;
}

div#language {
    display: inline-block;
    margin-left: 0;
}

#language ul {
    margin: 0 0 0 5px;
    padding: 0;
}

#language li {
    display: inline-block;
}

#language li a {
    display: block;
    text-align: center;
    width: 25px;
    padding: 10px;
    border: 1px solid #ccc;
    margin-left: 5px;
    color: tomato;
    text-decoration: none;
}

#language li a:hover {
    background: #eee;
}

div.topic ul {
    margin-top: 10px;
    padding-left: 25px;
}

div.topic li {
    font-size: 0.9em;
    list-style-image: url('li.png');
    margin-bottom: 5px;
}

#comments-list ol {
    border-width: 5px 0 0 0;
    border-color: black;
}

#comments-list li {
    padding: 15px 0;
}

#comments-list li .avatar {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin-right: 10px;
}

#comments-list .comment-author, #comments-list .comment-meta {
    padding: 0;
}

.comment-content p:first-child {
    margin-top: 20px;
}

.comment-content {
    margin-bottom: 10px;
}

/* static frontpage */

body.voorpagina #main {
    width: 850px;
}

body.voorpagina #main>div {
    float: left;
    margin: 0 0 20px 20px;
}

.topic {
    font-family: lucida grande, trebuchet ms, sans;
    width: 156px;
    height: 160px;
    padding: 13px 15px;
    border: 1px solid #ddd;
}

.letter {
    width: 188px;
    height: 188px;
    font-size: 10em;
    font-weight: bold;
    text-align: center;
    line-height: normal;
}

.wide {
    width: 356px;
}

.blue {
    background: #3353da;
    color: white;
}

.yellow {
    background: #ebdb26;
    color: white;
}

.teal {
    background: #27b380;
    color: white;
}

.pink {
    background: #dd2f95;
    color: white;
}

.green {
    background: #9ddd2f;
    color: white;
}

.brown {
    background: #7f5e3d;
    color: white;
}

.red {
    background: #b72727;
    color: white;
}

.empty {
    border-color: white;
}

.wp-caption {
     border: 1px solid #999;
     border-width: 1px 0;
     padding: 5px 0;
     background: #eee;
     min-width: 530px;
}

code {
     background: #eee;
}

#comments-list li.bypostauthor {
     background: #ffd;
}

#comments-list li.btc-comment {
     color: #999;
     font-size: 0.9em;
     font-family: georgia, serif;
     padding: 10px 0;
}

#comments-list li.btc-comment a {
     color: #b4c6d8;
}

#comments-list li.btc-comment div.comment-content, 
#comments-list li.btc-comment div.comment-content p:last-child {
     margin: 0;
}
#comments-list li.btc-comment div.comment-content p:first-child {
    margin-top: 10px;
}

div.delicious-posts ul {
    padding: 0;
    margin: 0;
}

div.delicious-posts li {
    list-style-type: none;
    border-bottom: 1px solid #eee;
}

div.delicious-posts p {
    margin-bottom: 0;
}

#content .aside {
    border: 0;
    padding: 0;
}

#single-insert.aside ul {
    padding: 0;
}

div.delicious-blogbadge {
    border-color: #ccc;
    width: 513px;
}

p.btc-summary {
    float: right;
    margin-bottom: -20px;
}

#comments {
    padding-top: 0;
}

p.btc-powered {
    display: none;
}

#respond {
    margin: 0;
    padding: 0;
}