
p.whiteline {
    margin-top: 0em;
    margin-bottom: 1em;
}

p.break {
    margin-top: 0em;
    margin-bottom: 0em;
}

img {
   behavior: url("http://www.johnkleijn.nl/plugin/pngbehavior.htc");
}
/* templates/default/style_fallback.css  */
/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css template. 
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Default image classes for left/right/usual layout */
.serendipity_image_center {
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_left {
  float: left;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_right {
  float: right;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: Centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

/* Embedded images with comments inside the s9y image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

/* END OF style_fallback.css *//* templates/Sagittarius-A/style.css  */
* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	background: transparent url(/templates/Sagittarius-A/img/pattern-red.png) repeat 0 0;
	color: #464646;
}

#header .homelink {
	border: none;
	text-decoration: none;
}
#johnkleijn-logo {
	background: transparent url(/templates/Sagittarius-A/img/johnkleijn.gif) no-repeat 0;
	display: block;
	height: 82px;
	margin: 0 0 5px 10px;
	width: 511px;
}

.entry a, .entry a:hover, .entry a:visited {
	color: #790000;
}

.page_margins {
	width: auto;
	max-width: 1280px;
	min-width: 1000px;
	background: #ddd;
	padding: 0px;
	margin: 0 auto;
}

.page {
	padding: 12px 24px;
	border: 1px #aaa solid;
	background: #fff;
}

#header {
	padding: 0 24px;
	color: #000;
	background: #fff;
	position: relative;
}

#header, #nav, #main, #footer {
	clear: both;
}

#header h2 {
	color: #FFFFFF;
	height: 220px;
	margin: 0;
	padding: 30px;
	font-weight: bold;
}

#topnav {
	position: absolute;
	top: 12px;
	right: 24px;
	color: #aaa;
	background: transparent;
	text-align: right;
}

#topnav #sociallinks a {
	border: none;
	display: block;
	float: right;
	height: 32px;
	width: 32px;
}

#topnav #sociallinks a.rss {
	background: transparent url(/templates/Sagittarius-A/img/socialicons/rss-32x32.png);
}

#topnav #sociallinks a.facebook {
	background: transparent url(/templates/Sagittarius-A/img/socialicons/facebook-32x32.png);
}

#topnav #sociallinks a.twitter {
	background: transparent url(/templates/Sagittarius-A/img/socialicons/twitter-32x32.png);
}

#topnav #sociallinks img {
	padding: 0;
	margin: 0;
}

#sociallinks {
	margin: 10px 0;
}

.post .share {
	text-align: right;
}
.post .post_footer {
	border: 1px dotted #ddd;
	padding: 10px;
}

.post_footer {
 	margin: 20px 20px 20px 0;
}

.post .post_footer .serendipity_freeTag {
	background: none;
	display: block;
	font-size: 0.95em;
	width: auto;
	float: left;
}

.post .serendipity_freeTag {
	float: none;
	display: block;
	background: none;
}

#main .serendipity_freetag_taglist {
	background: none;
}
a.stbar.chicklet img {
	border:0;
	height:16px;
	width:16px;
	margin-right:3px;
	vertical-align:middle;
	padding:0;
}

a.stbar.chicklet {
	height:16px;
	line-height:16px;
}

#topnav a {
	color: #790000;
	font-weight: normal;
	background: transparent;
	text-decoration: none;
	margin: 0 5px;
}

.sidelist li {
	list-style-type: none;
}

a {
	color: #605843;
	text-decoration: none;
	border-bottom: 1px dotted #ddd;
}

h1 {
	font-size: 300%;
	line-height: .5em;
	margin-top: .5em;
	margin-bottom: .5em;
	letter-spacing: -2px;
}

h1, h3, h4, h5, h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	color: #000;
}

h2 {
	line-height: 1.5em;
	margin-top: .75em;
	margin-bottom: .75em;
	color: #666;
	font-weight: bold;
	font-size: 110%;
}

.subcr h3 {
	color: #464646;
}

.post h2, .c66l h3 a {
	color: #790000;
}

.subcr h3.columnheader {
	color: #790000;
}

#serendipity_commentform_comment {
	width: 90%;
}

#serendipity_commentform_name, #serendipity_commentform_email, #serendipity_commentform_url {
	margin-right: 10px;
}

input[type=text], input[type=checkbox], textarea {
	border: 1px solid #DDDDDD;
}

input[type=text] {
	height: 20px;
}

textarea {
	border: 1px solid #DDDDDD;
}

a.serendipity_xml_icon img {
	padding: 0;
	margin: 0 0 0 10px;
}

.subcolumns {
	border-bottom: 1px #ddd solid;
}

.entry {
	padding: 20px 0;
	border-bottom: 1px dotted #DDDDDD;
}

.subcolumns {
	width: 100%;
	overflow: hidden;
}

ul.sidelist li ul li.cat-item {
	list-style-type: circle;
	list-style-position: inside;
}

.c50l, 
.c25l, 
.c33l, 
.c38l, 
.c66l, 
.c75l, 
.c62l, 
.c50r, 
.c25r, 
.c33r, 
.c38r, 
.c66r, 
.c75r, 
.c62r {
	display: inline;
}

.c33l, .c33r {
	width: 33.333%;
}

.c50l, 
.c25l, 
.c33l, 
.c38l, 
.c66l, 
.c75l, 
.c62l {
	float: left;
}

.subc, .subcl, .subcr {
	height: 1%;
}

.subcl {
	padding: 0 24px 0 0;
}

.subcl {
	padding: 0 1em 0 0;
}

h6 {
	font-size: 116.67%;
	line-height: 1.286em;
	margin-top: 1.286em;
	margin-bottom: 1.286em;
	font-weight: bold;
}

ul, ol, dl {
	line-height: 1.5em;
	margin: 0 0 1em 1em;
}

ul, ol, dl {
	margin: 0 0 1em 1em;
}

li {
	margin-left: 1.5em;
	line-height: 1.5em
}

ol.commentlist li {
	list-style-type: circle;
	margin-left: 40px;
}

#header.subc {
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
}

#header.subc {
	padding: 024px;
}

.subc {
	padding: 00.5em;
}

#header.subcolumnsp, .subcolumns.subcolumnsp {
	margin-bottom: 0;
	padding-bottom: 1.5em;
}

p {
	font-size: 1em;
	color: #444;
	line-height: 1.5em;
	margin: 1.5em 0;
}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {
	float: right;
	margin-left: -5px;
}

.subcr {
	padding: 0 0 0 24px;
}

.subcr {
	padding: 0 0 0 1em;
}

#main {
	position: relative;
	padding: 0px 24px;
	margin: 12px 0;
	background: #fff;
}

.c66l, .c66r {
	width: 66.666%;
}

#main .subcl {
	border-right: 1px #ddd solid;
}

.maincontent {
	padding-left: 6px;
}

.float_left {
	float: left;
	display: inline;
	margin: 0 1.5em 1em -36px;
}

img {
	padding: 5px;
	border: 1px #888 solid;
}

fieldset, img {
	border: 0 solid;
}

em, i {
	font-style: italic
}

blockquote {
	margin: 1.5em 0 1.5em 2em;
	color: #888;
}

cite, blockquote {
	font-style: italic
}

blockquote {
	margin: 0 0 1em 0.8em;
}

hr {
	color: #fff;
	background: transparent;
	margin: 1.5em 0;
	padding: 0;
	border: 0;
	border-bottom: 2px #ddd solid;
}

.subcolumns .subcolumns {
	border-bottom: 0px #ddd solid;
}

.c50l, .c50r {
	width: 50%;
}

.subcolumns .subcolumnsp {
	text-indent: 0;
	margin-left: 0;
}

h2, h3 {
	font-family: "WarnockPro", "GoudyOldStyle", "Palatino", "BookAntiqua", Georgia, serif;
	color: #605843;
	font-size: 23px;
	line-height: 1.0em;
	margin: 20px 10px;
	letter-spacing: 0px;
	font-style: italic;
	color: #605843;
}

.serendipity_calendar td.serendipity_calendarDay a {
	color: #790000
}

h2 a, h3 a {
	color: #605843;
}

em {
	font-weight: bold;
}

.note {
	text-indent: 0!important;
	color: #333;
	background: #f4f4f4;
	padding: 1.5em;
}

p.small {
	font-size: 0.8333em;
	line-height: 1.8em;
	margin: 1.8em 0;
}

#footer {
	padding: 0px 24px;
	color: #666;
}

#footer h2 {
	border-bottom: 1px #ddd solid;
	margin-bottom: 0;
	padding-bottom: .75em;
	height: 50px;
	line-height: 50px;
}

#footer a {
	color: #222;
	background: transparent;
	font-weight: bold;
}

.clearfloat h6 a {
	color: #605843;
	font-size: 150%;
	line-height: 1.0em;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	font-weight: normal;
}

.title {
	font-weight: bold;
	line-height: 1.0em;
}

.serendipity_calendarDay {
	text-align: center;
}

.link a {
	color: #222;
	background: transparent;
	font-weight: bold;
}

table.serendipity_calendar {
	width: 100%;
}

table.serendipity_calendar a {
	font-weight: bold;
}

#footer p {
	font-size: 10px;
}

.skip, .hideme, .print, dfn {
	position: absolute;
	left: -1000em;
	top: -1000em;
}


