.bodytext    { font-family: times new roman, serif; font-size: 100%; line-height: 125%; text-align: justify; }
a:hover      { background-color: #ffffe0; color: #FF0000; background-color: rgba(0,0,0,0.1); }

div#content  { display: flex; }
.navbar      { padding: 2px 2px 2px 2px; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 100%; line-height: 125%; width: 160px; min-width: 160px; }
.navbar div  { padding: 4px 0px 4px 0px; }
.navbardivider { margin: 0 6px 0 2px; border-radius: 5px; width: 5px; min-width: 5px; background-color: #000000; }
div#main     { width: auto; }

.centered      { text-align: center; }
.underlined    { text-decoration: underline; }
.centeredunderlined { text-align: center; text-decoration: underline; }
.serifed       { font-family: times new roman, serif; }
.sansserifed   { font-family: sans-serif; }
.centeredsansserifed { text-align: center; font-family: sans-serif; }
.nextentrytable { border-style: solid; border-width: 4px; }

	h1		{line-height: 80%; }
	h2		{font-size: 125%; margin-top: 2em; margin-bottom: .5em;}
	h3		{font-size: 100%; margin-top: 1.2em; margin-bottom: .5em; font-weight: bold;}
	h4		{font-size: 100%; margin-top: 1.2em; margin-bottom: -0.2em; font-weight: bold;}
	h5		{font-size: 100%; margin-top: 1.2em; font-weight: bold;}
    p       { margin-top: .6em; margin-bottom: .6em; }
    pre     { white-space:pre-wrap; background-color: #f8f8f8; }
    .floatleft   { float: left; border-width: 0px; margin-right: 8px; }
    .floatright  { float: right; border-width: 0px; margin-left: 8px; }
    img.nofloat     { border-width: 0px; vertical-align: middle; }
    img.centered    { display:block; position: relative; margin-left: auto; margin-right: auto; }
	
div.diaryentry { position: relative; }
hr.diaryentry { width: 25%; }
hr.diaryentry + hr.diaryentry { width: 10%; }
div.affiliate {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-style: dotted;
  animation-name: pulse_affiliate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes pulse_affiliate {
  0% { border-color: black; }
  50% { border-color: transparent; }
  100% { border-color: black; }
}

/* Experimental CSS3 stuff */
/* Specialise font selection for Cleartype display:
   serif = Constantia
   sans-serif = Corbel
   monospace = Consolas
*/
a:hover {
  background-color: transparent;
  text-shadow:
    /*#FF0000 0px 0px 0.5em,
    #FF0000 0px 0px 0.5em,
    #FF0000 0px 0px 0.5em,*/
    #aa0000 0px 0px 0.5em;
}
div.quote, blockquote {
  margin-left:4em;
  margin-right:4em;
  padding-left:0.5em;
  padding-right:0.5em;
  background-color:#EEEEF0;
  background-color: rgba(0,0,0,0.05);
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;  
  box-shadow: 0px 0px 8px #aaa;
  -moz-box-shadow: 0px 0px 8px #aaa;
  -webkit-box-shadow: 0px 0px 8px #aaa;
}
.shadow8 {
  margin: 6px;
  box-shadow: 0px 0px 8px #000;
  -moz-box-shadow: 0px 0px 8px #000;
  -webkit-box-shadow: 0px 0px 8px #000;
}
.shadow16 {
  margin: 12px;
  box-shadow: 0px 0px 16px #000;
  -moz-box-shadow: 0px 0px 16px #000;
  -webkit-box-shadow: 0px 0px 16px #000;
}
pre, textarea {
  /*font-family: Consolas, monospace;*/
  padding: 0.5em;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}
pre, textarea {
  box-shadow: 0px 0px 8px #aaa;
  -moz-box-shadow: 0px 0px 8px #aaa;
  -webkit-box-shadow: 0px 0px 8px #aaa;
}
input {
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;  
}
/*h2, h3, h4, h5, h6, input {
  font-family: Arial, Helvetica, sans-serif;
}*/
p.centered img:not(.nofloat), p.centered a img:not(.nofloat) /*, p.centered object[type="image/svg+xml"]*/ {
  margin: 8px;
  box-shadow: 0px 0px 8px #000;
  -moz-box-shadow: 0px 0px 8px #000;
  -webkit-box-shadow: 0px 0px 8px #000;
}

/* Experimental CSS4 stuff */
/* This solves a very, very long standing problem of hyperlinking images where a little underlined bit appears on the left */
a! > img {
  text-decoration:none;	
}