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

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

/* templates/flipdot/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: 10px;
    text-align: center;
}

/* END OF style_fallback.css */
/* templates/flipdot/style.css  */
/*  style.css - Flipdot Styles

Colors:
------
Yellow (dark)
#947700

Yellow {link)
#deb300

Yellow
#f6c600

Yellow (light)
#fadd66

Yellow (light+)
#fbe380

Black
#000000

White
#ffffff

Grey (dark)
#808080

Grey (medium)
#acacac

Grey (light)
#e7e7e7

*/

/* FONTS */
@font-face {
    font-family: "ISOCPEUR";
    src: url("/blog/templates/flipdot/fnt/isocpeur.ttf");
}
@font-face {
    font-family: "OpenSans";
    src: url("/blog/templates/flipdot/fnt/OpenSans-Regular.ttf");
}
@font-face {
    font-family: "OpenSans";
    src: url("/blog/templates/flipdot/fnt/OpenSans-Semibold.ttf");
    font-weight: bold;
}
/*
@font-face {
    font-family: "OpenSans";
    src: url("/blog/templates/flipdot/fnt/OpenSans-Italic.ttf");
    font-style: italic, oblique;
}
*/
/*
@font-face {
    font-family: "OpenSans";
    src: url("/blog/templates/flipdot/fnt/OpenSans-SemiboldItalic.ttf");
    font-weight: bold;
    font-style: italic, oblique;
}
*/
/*
@font-face {
    font-family: "FiraMono";
    src: url("/blog/templates/flipdot/fnt/FiraMono-Regular.otf");
    font-weight: bold;
}
*/
/*
@font-face {
    font-family: "FiraMono";
    src: url("/blog/templates/flipdot/fnt/FiraMono-Bold.otf");
    font-weight: bold;
}
*/

h1,
h2,
h4,
/*#pagelocation li a,*/
#pagelocation,
/*#navibar*/
.serendipity_commentsTitle
{
    font-family: ISOCPEUR, Arial, Lucida Grande, sans-serif;
    font-weight: normal;
}

textarea,
body  {
    font-family: OpenSans, Arial, Lucida Grande, sans-serif;
}

body  {
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	background-color: #ffffff;
    margin: 0 0 0 0;
    background: #ffffff;
    direction: ltr;
}

h4 {
	font-size: 38px;
}
h2,
h3,
h5 {
	font-size: 22px;
}

h4,h3 {
    margin: 0;
}

#header {
	position: relative;
    line-height: 1.1em;
}

#headerbar {
    position: absolute;
    bottom: 5px;
    font-size: 16px;
    padding-left: 6px;
	width: 100%;
}

/*
#navibar {
    position: absolute;
    bottom: 5px;
    font-size: 16px;
    padding-left: 6px;
}
*/

#navibar {
    bottom: 6px;
    font-size: 16px;
    padding-left: 6px;
    position: absolute;
    clear: both;
    display: block;
    margin: 0;
	left: 118px;
}

#navibar li {
    border: none;
    padding: 7px 9px;
    display: inline;
    float: left;
    white-space: nowrap;
    margin: 0 2px;
}

#navibar li:hover {
    background-color: #fbe380;
}

#navibar a, #navibar a:visited {
    color: #000000;
    text-decoration: none;
}

#navibar li.current,
#navibar li.current:hover,
#pageline {
    background-color: #f6c600;
}

#navibar a.newhere li {
    background-color: #fbe380;
}

#navibar a.newhere:after {
	background: url('/blogstatic/img/neuhier.png');
	width: 241px;
	height: 68px;
	content: "";
	display: inline-block;
    margin-left: 3px;
    position: absolute;
    bottom: -3px;
}

#statusbar {
    position: absolute;
    display: block;
    margin: 0;
    bottom: 6px;
	right: 20px;
    clear: both;
}

#statusbar li {
	border: none;
    display: inline;
    float: left;
    white-space: nowrap;
    margin: 0 2px;
}

#statusbar li.rss,
#statusbar li.twitter,
#statusbar li.irc,
#statusbar li.github,
#statusbar li.vimeo,
#statusbar li.spacestatus {
	width: 29px;
	height: 29px;	
	background-image: url("/blogstatic/img/header_buttons.png");
}

#statusbar li.rss {
	background-position: 0 0;
}

#statusbar li.twitter {
	background-position: -29px 0;
}

#statusbar li.irc {
	background-position: -58px 0;
}

#statusbar li.github {
	background-position: -116px 0;
}

#statusbar li.vimeo {
	background-position: -145px 0;
}

#statusbar li.rss:hover {
	background-position: 0 -29px;
}

#statusbar li.twitter:hover {
	background-position: -29px -29px;
}

#statusbar li.irc:hover {
	background-position: -58px -29px;
}

#statusbar li.github:hover {
	background-position: -116px -29px;
}

#statusbar li.vimeo:hover {
	background-position: -145px -29px;
}

#statusbar li.spaceopen {
	background-position: -87px -29px;
}

#statusbar li.spaceclosed {
	background-position: -87px 0;
}

#statusbar li.spaceclosed div {
	display: none;
	background: #e7e7e7;
	padding-bottom: 9px;
}

#statusbar li.spaceopen div {
	display: block;
	background: #fbe380; 
	padding-bottom: 9px;
}

#statusbar li.spacestatus div {
	position: absolute;
	right: 0;
    top: 29px;
    z-index: 999;
}

#statusbar li.spacestatus:hover div {
	display: block;
}

#statusbar li.spacestatus div ul {
	margin: 6px 9px;
	padding: 0;
	display: block;
}

#statusbar li.spacestatus div ul a {
	color: #000000; 
	text-decoration: none;
}

#statusbar li.spacestatus div ul a:hover {
	color: #808080; 
}

#statusbar li.spacestatus div ul {
	font-size: 13px;
}
#statusbar li.spacestatus div ul li {
	float: left;
	display: inline;
}

#statusbar li.spacestatus div ul li:after {
	content: ", ";
}

#statusbar li.spacestatus div ul li:nth-last-child(3):after,
#statusbar li.spacestatus div ul li:nth-last-child(2):after,
#statusbar li.spacestatus div ul li:last-child:after {
	content: "";
}

#statusbar li.spacestatus div p {
	margin: 0;
	clear: both;
	font-size: 18px;
	padding: 8px 9px;
}

#statusbar li.spaceopen div p {
	background: #f6c600; 
}

#statusbar li.spaceclosed div p {
	background: #acacac;
}

#statusbar li.spaceclosed div p:last-child {
	background: #e7e7e7; 
	font-size: 13px;
}

/*
    alternative: text

#statusbar li.spaceopen,
#statusbar li.spaceclosed {
    border: none;
    display: inline;
    float: right;
    margin: 0 2px;
    padding: 7px 9px;
    white-space: nowrap;
}

#statusbar li.spaceclosed {
	background: #e7e7e7;
	color: #ffffff;
}

#statusbar li.spaceopen {
	background: #f6c600;
}
*/

/* CUSTOM HEADER */
#header {
	height: 66px;
}

#header #headerbar {
	float: left;
}

#header #navibar,
#header #spacestatus {
	float: right;
}

#header #logo {
    margin: 7px 10px 0 6px;
}

#infobar {
	clear: both;
	padding-top: 12px;
}
#pageline {
	background-color: #f6c600;
    clear: both;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
	top: 62px;
}

/* CUSTOM FOOTER */
#footer {
    min-height: 32px;
    text-align: center;
}

#footer ul {
	padding: 0;
	margin: 42px 0 0 0;
}

#footer li {
    margin: 0;
    padding: 0 12px 0 0;
    display: inline;
    font-size: 13px;
}

#footer li a,
.entry_infoline a {
	text-decoration: none;
	color: #808080!important;
}

#footer li a:hover,
.entry_infoline a {
	text-decoration: underline;
}

/* OTHER CUSTOM STUFF */
.serendipitySideBarContent a {
	text-decoration: none;
	color: #808080;
}

serendipitySideBarContent a:hover {
	text-decoration: underline;
}

/* CUSTOM ENTRY */
.entry_infoline {
	padding: 12px 5px 6px 5px;
	color: #808080;
}

.entry_infoline div {
	float: right;
	display: inline;
}

.entry_infoline div p {
	display: inline;
	/*padding: 0 0 0 6px;*/
	padding: 0;
}

.entry_infoline div p:after {
	content: " –";
}

.entry_infoline div p:last-child:after {
	content: "";
}

.entry_edit {
	float: left;
	display: inline;
}

a.readmore {
    background-color: #f6c600;
    clear: both;
    color: #000000 !important;
    float: right;
    margin: 12px 0 6px;
    padding: 6px 12px;
}

a.readmore:hover {
	text-decoration: none;
    background-color: #fbe380;
}

a.readmore:after:parent {
	content: "123";
	clear: both;
}

.serendipity_entry_body a:link,
.serendipity_entry_body a:visited,
.serendipity_entry_body a:active {
    border-bottom: 1px solid #f6c600;
    color: #333333;
    text-decoration: none;
}

.serendipity_entry_body a:hover {
    color: #808080;
}

.serendipity_entry_body iframe {
	width: 100%;
	margin-top: 24px;
}
.serendipity_entry_body iframe,
.serendipity_entry_body img,
.serendipity_entry_body object {
	/*
	width: 200px;
	height: 20px;	
	*/
    margin-left:auto;
    margin-right:auto;
	display: block;
}

.serendipity_image_left,
.serendipity_image_right {
	float: none;
}

/* CUSTOM COMMENTS */
.serendipity_tweetback_check {
	display: none;
}

b {
	font-weight: normal;
	font-style: italic;
}

.captcha {
	float: left;
    margin: 60px 16px 0 0;
}

#captcha {
	margin-top: -33px!important;
}

#captcha,
.serendipity_challengeresponse {
    float: left;
    margin: 6px 0 0 134px;
    width: 230px;
}

#serendipity_comment table {
	width: 80%;
    margin-left:auto;
    margin-right:auto;
	display: block;
}

#serendipity_comment table input[type="submit"] {
	float: right;
	margin-left: 6px;
}

.comment_source_author a,
.serendipity_comment_source {
	color: #808080;
}

.serendipity_comment_source {
	clear: both;
}

.comment_source_trace {
	display: none;
}

.serendipity_section_comments .serendipity_center {
	display: none;
}

.serendipity_commentBody ul {
	padding: 0 0 0 8px;
	margin: 0;
}

.serendipity_commentBody p,
.serendipity_commentBody ul,
.serendipity_commentBody li {
	display: inline;
}

.serendipity_commentBody ul a,
.serendipity_commentBody li:last-child:before {
	color: #acacac;
}

.serendipity_commentBody li:before:last-child {
	content: " / ";
	background: red;
	width: 20px;
	height: 20px;
}

.serendipity_commentBody li:last-child:before {
	content: " / ";
}

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

/* selection highlight */
::selection {
    background: #fbe380; /* Safari */
    }
::-moz-selection {
    background: #fbe380; /* Firefox */
}

.serendipitySideBarContent input {
    width: 150px;
}

#mainpane {
    margin: auto;
    /*width: 960px;*/
	width: 750px;
    background-color: #ffffff;
}

#content {
    margin: 10px 10px 0;
    padding: 10px 10px 0;
    width: auto;
	clear: both;
}

#serendipityRightSideBar {
    width: 49%;
    vertical-align: top;
	float: right;
}

#serendipityLeftSideBar {
    width: 49%;
    vertical-align: top;
	float: left;
}

body {
    margin: 0;
    background-color: #ffffff;
}

input,
textarea,
select {
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    color: #000000;
    font-size: 14px;
    padding: 4px 12px;
}

input:hover,
textarea:hover,
select:hover {
	border-color: #f6c600;
}

th, td {
}

p, td, th, div, span {
}

#serendipity_banner {
    margin: auto;
    width: 100%;
    height: 72px;
    background-image: url(/blog/templates/flipdot/img/background.png);
}

a.homelink1,
a.homelink1:hover,
a.homelink1:link,
a.homelink1:visited,
#serendipity_banner h1 {
    color: #FFFFFF;
    padding-left:15px;
    padding-top: 10px;
    margin: 0;
    text-decoration: none;
}

a.homelink2,
a.homelink2:hover,
a.homelink2:link,
a.homelink2:visited,
#serendipity_banner h2 {
    color: #FFFFFF;
    padding-left: 15px;
    margin: 0;
    text-decoration: none;
}

.serendipity_title {
	font-size: 38px;
    margin-top: 10px;
    padding-left: 5px;
	padding-bottom: 4px;
    border-bottom: 2px solid #f6c600;
}

.serendipity_title a:link,
.serendipity_title a:visited {
   text-decoration: none;
   border: 0;
   color: #000000;
}

.serendipity_title a:hover {
   color: #808080;
}

.serendipity_entry {
    color: #333333;
    font-weight: normal;
    padding-right: 10px;
    width: 95%;
    margin: auto;
    margin-top: 10px;
}

.serendipity_entry_body_folded,
.serendipity_entry_body_unfolded,
.serendipity_entry_extended {
    /* Inner blocks of .serendipity_entry, can be used for further customization */
}

.serendipity_entry_date {
    margin: auto;
}



.serendipity_date {
	font-size: 14px;
	font-weight: normal;
    color: #808080;
    margin: 0;
    margin-top: 20px;
    text-align: right;
}

.serendipity_commentsTitle {
    margin-top: 10px;
    margin-bottom: 12px;
    color: #000000;
    padding-left: 5px;
    border-bottom: 2px solid #f6c600;
	font-size: 21px;
}

div.serendipity_entryFooter,
div.serendipity_buttonFooter {
    color: #000000;
    padding-top: 10px;
    padding-bottom: 4px;
    clear: both;
	margin-top: 32px;
}

div.serendipity_buttonFooter a {
	margin-top: 32px;
	font-size: 14px;
	background-color: #f6c600;
	padding: 6px 12px;
	color: #000000;
	text-decoration: none;
}

div.serendipity_buttonFooter a:hover {
	background-color: #fbe380;
	text-decoration: none;
}

img.serendipity_entryIcon {
    float: right;
    border: 0;
}

img.serendipity_entryIcon {
    float: right;
    border: 0;
}

td.serendipity_commentsLabel {
    vertical-align: top;
}

#serendipity_commentform_comment {
	margin-bottom: 16px;
}

td.serendipity_commentsValue input,
td.serendipity_commentsValue select,
td.serendipity_commentsValue textarea {
    width: 100%;
}

input[type="button"],
input[type="submit"] {
    background-color: #f6c600;
    border: none;
}

input[type="button"]:hover,
input[type="submit"]:hover {
    background-color: #fbe380;
}

.serendipity_commentForm {
    color: #404040;
    margin-bottom: 13px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
}
.serendipity_comment {
    margin-top: 6px;
    margin-right: 10px;
    margin-left: 10px;
    color: #404040;
    padding: 0;
    /*background-color: #fbe380;*/
    overflow: auto;
}

.serendipity_comment_source {
    margin-top: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    padding-bottom: 3px;
}

a:link,
a:visited,
a:active {
    /*
	color: #fadd66;
	color: #e2b600;
	*/
	color: #deb300;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

table.serendipity_calendar td {
    padding: 3px;
}
table.serendipity_calendar a {
    color: #FF0000;
    font-weight: bold;
    text-decoration:none;
}

table.serendipity_calendar a:hover {
    text-decoration: none;
}

td.serendipity_weekDayName {
    font-weight:bold;
}
td.serendipity_calendarHeader a:link,
td.serendipity_calendarHeader a:visited,
td.serendipity_calendarHeader a:hover {
    border: 0;
    text-decoration: none;
}

div.serendipityPlug {
    padding-left: 10px;
}

div.serendipityPlug a {
    text-decoration: none;
    border: 0;
}

/* Container for each item on the side bar */
div.serendipitySideBarItem {
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-weight:normal;
}

/* title of an individual item */
.serendipitySideBarTitle {
	display: none;
    margin: 0;
    color: #000000;
    font-weight:bold;
    padding-left:2px;
    padding-bottom:2px;
}
.plugin_comment_wrap {
	font-size: 13px;	
}

.serendipityImageButton {
    cursor: pointer;
}
.serendipity_entry p {
    margin-top: 0;
    padding-bottom: 0;
}

/** Embedded images with the s9y image manager **/
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #DDDDDD;
    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: 0;
    padding: 0;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #DDDDDD;
    margin: 0;
    padding: 3px;
    clear: both;
    text-align: center;
}

.serendipity_comments {
}

.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

.serendipity_entry_author_self {
}

.serendipity_comment_author_self .serendipity_comment_source {
    background-color: #EEEEFF;
}


/*** Additional plugin styles needed for the modernized output code ***/
/*** added by Matthias 'YellowLed' Mees                             ***/

.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.container_serendipity_authors_plugin .serendipitySideBarContent div {
    margin: 5px 0;
    padding-left: 0;
}

.serendipity_history_author { font-weight: bolder; }

.serendipity_history_intro,
.serendipity_history_info { margin-bottom: 3px; }

.serendipity_history_body { margin-bottom: 10px; }

.serendipity_recententries_entrylink { margin-bottom: 2px; }

.serendipity_recententries_entrydate { margin: 0 0 4px 0; }

.plugin_comment_body { padding: 3px 0; }

.serendipity_shoutbox_date { margin: 5px 0 2px 0; }

.serendipity_shoutbox_comment { padding: 3px 0; }

/*** End Additional plugin styles                                   ***/

/* plugin twitter */
#twitter_update_list {
    list-style: none;
    padding-left: 0;
}
a.twitter_update_time {
    display: block;
    padding-bottom: 5px;
}