/*
Theme Name: remcoK2
Theme URI: http://www.remcokouwenhoven.nl
Description: Handgemaakt thema voor Remco Kouwenhoven
Version: 1.0
Author: Funki design Nederland
Author URI: http://funkidesign.nl/
*/

/* ------------------------------ */

body, form, h1, h2, h3, h4, div, blockquote, p, ul, ol, li, span, button, input, textarea, select {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #444;
}

body {
    font-size: 75%;
    background: #2a2a2a;
}

h1, h2, h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: normal;
}

a {
    color: #038de5;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0;
}

img.bordered {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
}

/* ------------------------------ */

#wrapper {
    background: #fff;
    overflow: hidden;
}

div.container {
    width: 970px;
    margin: 0 auto;
}

/* ------------------------------ */

#row1 {
    height: 6px;
    background: #0372e5;
}

#row2 {
    clear: both;
    height: 10px;
    background: url("images/line.gif") top left repeat-x;
}

#row3 {
    clear: both;
    height: 25px;
}

/* ------------------------------ */

#menu {

}

#menu ul {
    list-style: none;
}

#menu ul li {
    float: left;
    display: inline;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 130%;
    font-weight: bold;
    padding: 10px 20px 10px 0;
}

#menu ul li a {
    color: #666;
}

#menu ul li.current_page_item a,
#menu ul li a:hover {
    text-decoration: none;
    border-bottom: 1px dashed #038de5;
    color: #038de5;
}

#menu ul li.admintab {
    float: right;
    padding-right: 0;
}

/* ------------------------------ */

#header {
    padding: 15px 0 25px 0;
    overflow: hidden;
}

#logo {
    float: left;
    width: 520px;
    margin-right: 10px;
}

#logo h1 {
    font-size: 300%;
    color: #2a2a2a;
}

#logo h1 a {
    color: #2a2a2a;
}

#banner {
    float: right;
    width: 440px;
}

/* ------------------------------ */

#main {
    clear: both;
    background: url("images/bg.gif") top left repeat-y;
    overflow: hidden;
}

/* ------------------------------ */

#content {
    float: left;
    width: 520px;
    margin-right: 10px;
}

#content h2 {
    font-size: 200%;
    color: #038de5;
}

#content h3 {
    font-size: 150%;
}

#content ul li {
    margin-left: 15px;
}

div.post {
    margin-bottom: 25px;
}

div.post small {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 110%;
    color: #666;
}

div.post div.entry {
    overflow: hidden; /* hide excessive content */
    width: 100%; /* IE 6 */
}

div.post div.entry div, /* --> for Flash content */
div.post div.entry p {
    margin-top: 15px;
}

div.post div.entry blockquote {
    margin: 15px 30px 0 0;
    padding-left: 15px;
    border-left: 5px solid #ddd;
    font-style: italic;
}

div.post div.entry ul {
    
}

div.post div.entry li {
    margin-left: 0; /* Fix broken lists... */
}

div.post div.entry ul li {
    margin-left: 15px;
}

html>body div.post div.entry li {
    margin-left: 15px; /* IE 6 */
}

div.post div.entry ol {
    margin-left: 23px;
}

html>body div.post div.entry ol {
    margin-left: 8px; /* IE 6 */
}

div.post img {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
}

div.post p.postmetadata {
    margin-top: 15px;
    padding-left: 20px;
    color: #666;
    background: url("images/tags.gif") top left no-repeat;
}

div.post p.postmetadata a {
    font-weight: bold;
}

div.post p.alt {
    margin-top: 15px;
    font-size: 95%;
    padding: 10px;
    background: #f9f9f9;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

div.navigation {

}

div.navigation div.alignleft {
    float: left;
}

div.navigation div.alignright {
    float: right;
}

/* ------------------------------ */

#comments,
#respond {
    padding-bottom: 5px;
}

ol.commentlist {
    margin-bottom: 25px;
}

ol.commentlist li {
    margin-top: 10px;
    padding: 10px;
    background: #f9f9f9;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

ol.commentlist li p {
    margin-bottom: 15px;
}

ol.commentlist li cite {
    font-weight: bold;
    font-style: normal;
}

ol.commentlist li small {
    font-size: 95%;
}

#commentform {
    margin-bottom: 25px;
}

#commentform p {
    margin-top: 8px;
}

#commentform input, textarea {
    font-size: 100%;
    padding: 2px;
}

#commentform textarea {
    width: 98%; /* IE */
}

/* ------------------------------ */

#sidebar1 {
    width: 205px;
    padding: 0 10px 10px 10px;
    margin-right: 10px;
}

#sidebar2 {
    width: 205px;
}

div.sidebar {
    float: left;
}

div.sidebar h2 {
    font-size: 140%;
    font-weight: bold;
}

.feedlink { /* K2 injects RSS icon... */
    display: none;
}

div.sidebar p,
div.sidebar ul {
    margin-top: 10px;
    font-size: 95%;
}

div.sidebar li {
    list-style: none;
}

div.sidebar div.widget {
    overflow: hidden; /* hide excessive content */
    width: 100%; /* IE 6 */
    background: url("images/separator.gif") bottom left repeat-x;
    padding: 10px 0;
}

div.sidebar div.final {
    background: none;
    padding-bottom: 0;
}

/* ------------------------------ */

#footer {
    overflow: hidden;
    padding: 25px 0;
}

div.column {
    float: left;
    width: 320px;
}

div.column h3 {
    font-size: 150%;
    color: #fff;
}

div.column p {
    color: #fff;
}

#column1 {
    margin-right: 5px;
}

#column2 {
    margin-right: 5px;
}

#column3 {

}

/* ------------------------------ */
