/*
	GovertMuijs.nl ~ Blog CSS
	Author: J.N. van Oosten (www.jannico.nl)
	Creation date: 28-03-2010
	Description: styles for the blog pages
	Copyright (C) Jan Nico van Oosten
*/

.article {
	margin-bottom:40px;
}

.article.full {
	margin-top:-4px;
}

.article h1{
	padding-right:64px !important;
}

.article h1.pagetitle {
	border-bottom:1px solid;
	margin-bottom:25px;
	padding-right:0 !important;
}

.article h1 a{
	background-color:#EFFAFF;
	border-bottom:0 none !important;
	padding:0 !important;
}

.article .date_wrapper {
	background:url("../img/sprites.png") no-repeat scroll right -129px transparent;
	color:#555555;
	float:right;
	font-size:2em;
	font-weight:bold;
	height:74px;
	letter-spacing:-1px;
	margin:-46px 0 0 20px;
	padding-top:13px;
	text-align:center;
	width:57px;
}

	.article .date_wrapper span.day{
		letter-spacing:-2px;
		line-height:1em;
	}

	.article .date_wrapper span.month{
		font-size:0.5em;
		letter-spacing:-1px;
		line-height:1em;
		text-transform:uppercase;
	}

.article .readmore_wrapper a {

}
	
.article .readmore_wrapper a.top {
	border-bottom:1px solid #50606D !important;
	color:#305776 !important;
	display:inline !important;
	font-size:1.1em !important;
	margin-top:0 !important;
	padding:2px 2px 0 !important;
}

.article .readmore_wrapper a.top:hover {
	color:#000!important;
}

.article .readmore_wrapper a.top span{
	color:#555!important;
}

.article ul {
	list-style:disc inside none;
}

.article ol {
	list-style:decimal inside none;
}

.article  li {
	margin:0 0 0.1em 1em;
	font-size:1.2em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height:1.7em;	
	text-align:justify;
}

.article blockquote,
.article blockquote p,
.article li blockquote {
	border-left:1px solid #666666;
	font:italic 1.2em "Times New Roman",Times,serif;
	margin:1.5em 1.5em 1.5em 1.5em;
	padding-left:1em;
}

.article blockquote p {
	border-left:0 none!important;
	margin:0!important;
	padding:0!important;
}

.article img {
	background-color:#FFFFFF!important;
	border-color:#DDDDDD #AAAAAA #AAAAAA #DDDDDD!important;
	border-style:solid!important;
	border-width:1px 2px 2px 1px!important;
	margin:20px 10px 10px 15px!important;
	padding:8px!important;
}

/* Sidebar styles
--------------------------------------------------------------------------------*/
.side_block ul {
	list-style:square inside none;
}

.side_block ul li{
	margin-bottom:5px;
}

.side_block .reflect_year,
.side_block .reflect_month {
	font-size:1em;
}

/* Reacties
--------------------------------------------------------------------------------*/
#comments_wrapper {
	font-size:1.2em;
	margin:2.5em 2em 0 1em;
	width:570px;
}

#comments_wrapper h2{
	border-bottom:1px solid #0A3A4F;
	color:#0A3A4F;
	font-size:1.6em;
	line-height:1.5em;
	padding:0 90px 2px 0;
	margin-bottom:1em;
}
/*
#comments_wrapper h2#reacties {
	display:none;
}

#comments_wrapper h2#reacties.visible {
	display:block;
	clear:both;
}*/

#comments_wrapper img{
	border:0 none!important;
	margin:0!important;
	padding:0!important;
}

.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;}
.jot-cfm {border: 1px solid green;font-weight: bold;color: green;padding: 5px;margin-bottom: 10px;}

.jot-row {border-bottom:1px solid #ccc;background-color:#fff;}
.jot-row  ul{list-style:none outside none!important;}
.jot-row-alt {background-color: #f9f9f9;}
.jot-row-author {background-color: #FFFFE1;}
.jot-row-me {background-color: #FFDDDD;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}

.jot-comment {padding:1em;}
.jot-comment hr {border: 0px; border-bottom: 1px solid #cccccc;}

.jot-posticon {color:#666666;float:right;height:20px;width:44px;}
.jot-posticon img {border:0px;float:left;}

.jot-subject {font-weight: bold;font-size: 1em;line-height:1.3em;color:#666666;}
.jot-message {padding: 2px;overflow: auto;margin-bottom:1em;font-weight:normal!important;}

.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 4em;width:500px;}

.jot-form fieldset {border: 0px;}
.jot-form fieldset a {	border:0 none!important;}
.jot-form label {color:#555555;display:block;font-weight:bold;}
.jot-form input{
	border:2px solid #ccc;
	color:#555555;
	margin-bottom:0.5em;
	padding:5px;
	width:250px;
}
.jot-form textarea{
	border:2px solid #ccc;
	color:#555555;
	margin-bottom:0.5em;
	padding:5px;
	width:490px;
}
.jot-form input:hover,
.jot-form textarea:hover,
.jot-form input:focus,
.jot-form textarea:focus{
	border-color:#000;
	color:#000;
}
.jot-form input.button{
	background-color:#666666;
	border-color:#555555;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	width:150px;
}

.jot-poster {background-color:#FFFFFF;color:#666666;font-size:0.9em;padding:0;text-align:left;font-style:normal !important;}
.jot-user {float: left;width:110px;}
.jot-user li {line-height:1em !important;margin:0 0 4px !important;text-align:left !important;font-size:1em !important;font-style:italic !important;}

.jot-content {margin-left:120px;}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}

.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border:0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a.jot-mod-link {
	background:transparent url(../img/ico_comments_mod.png) no-repeat top left;
	float:right;
	padding:1px 2px;
	display:block;
	width:16px;
	height:15px;
}
.jot-mod a.jot-mod-link:hover {background-color: #666666;color: #666666;}
.jot-mod #delete {background-position:2px -16px}
.jot-mod #publish  {background-position:2px -67px}
.jot-mod #unpublish {background-position:2px -49px}
.jot-mod #edit {background-position:2px -32px}

#submit_wrapper {
	display:block;
	float:right;
}