/*
Theme Name: Enpunto
Theme URI: http://enpunto.nl/
Description: Enpunto template for wordpress.
Version: 1.0
Author: Luis Mendo & Charlie van de Kerkhof
Author URI: http://www.ministryofwebdevelopment.nl
Tags: 

	 Based on Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#left-column {
    float: left;
    width: 25%;
}
#container {
    float: left;
    margin-top: 25px;
    width: 600px;
}
#right-column {
    float: right;
    width: 25%;
}
#header {
    margin-top: 30px;
}
#menu {
    margin-top: 20px;
    vertical-align: bottom;
    float: left;
}
#lang {
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
}
#lang a {
    color: #333;
    text-decoration: none;
}
#lang a:hover {
    text-decoration: underline;
}
#logo {
    margin-top: 10px;
    float: right;
}
#content {
    margin-top: 3px;
}
.footer {
    margin-top: 30px;
    margin-bottom: 0px;
    border: 0px;
    border-bottom: 1px dotted #333;
    width: 100%;
}
#contact {
    float: left;
}
#footer-rght {
    float: right;
}
/************************************************************

* Menu styles

************************************************************/
#menu table td {
    padding: 0px;
    margin: 0px;
}
#menu table td a {
	text-decoration: none;
}
/************************************************************

* Typography & classes

************************************************************/
h1 {
	color: #666;
	margin-bottom: 10px;
	font-size: 24px;
}
h2, h3 {
	font-size: 14px;
	color: #666;
}
h4{
	font-size: 12px;
	color: #666;
}
h5{
	font-size: 11px;
	color: #666;
}
h6 {
    font-size: 10px;
    color: #666;
}
p {
	color: #666;
	font: .9em/1.4em Georgia, "Times New Roman", Times, serif;
	list-style-type: circle;
	list-style-position: inside;
}
#content h2 {
    font-size:22px;
    font-weight:normal;
    margin:0pt 0pt 15px;
}
.bold {
	font-weight: bold;
}
.post {
    margin-bottom: 20px;
}
#content ul li {
	padding-left: 12px;
}
blockquote {
	background-color: #F0F0F0;
	border: 1px solid #D4D4D4;
	line-height: 18px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	color: #666666;
}
#content a {
	color: #333;
    text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#content .entry-meta {
    background-color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #eee;
    padding: 4px 6px;
    margin: 0 0 10px 0;
}
#content .entry-meta a {
    color: #eee;
    font-weight: bold;
    text-decoration: none;
}
#content .entry-meta a:hover {
    color:#fff;
    text-decoration:none;
}
#content .tags {
    margin:10px 0 20px 0;
}
#content .tags a {
    color: #333;
    text-decoration: underline;
}
#content .tags a:hover {
    text-decoration: none;
}
.navigation {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}
#content .navigation a {
    color: blue;
}
#content a {
	color: #333;
    text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#content .comments a {
    font-size: 12px;
    border-top:1px solid #cccccc;
    color:#222222;
    padding:3px 6px 2px 4px;
    text-decoration: none;
}
#content .comments a:hover {
    border-top:1px solid #777777;
    text-decoration: none;
}

/* single with comments */
h3#comments, h3#respond {
    margin-top: 20px;
}
.commentlist {
    list-style: none;
}
.commentlist li {
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
}
.commentlist li:hover {
    border-top: 3px solid #ccc;
}

/************************************************************/
.clear {
    clear: both;
}
.seo_hid {
    display: none;
}
.navigation {
	text-align: center;
    margin-bottom: 35px;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
#searchform {
	margin: 10px auto;
    clear: both;
	text-align: left;
}
#s {
    float: left;
}
#sidebar {
    border-top: 1px dotted #333;
}
#sidebar h1.news {
    clear: both;
    font-size: 14px;
	color: #666;
	margin-top:30px;
	margin-bottom:2px;
}
#sidebar ul a {
    color: #333;
    text-decoration: underline;
}
#sidebar ul li {
    color: #333;
    font-size: 12px;
    list-style: none;
    float: left;
    margin-right: 10px;
}