div.blogletEntryThumbnail,
div.blogletEntryContent {
	display: inline-block;
}

div.blogletEntryContent p {
	padding: 4pt;
	margin-left: 0;
}

div.blogletEntryContent ul {
  list-style: initial;
  list-style-type: initial;
  list-style-position: initial;
  padding: 0 0 0 40px;
	/*margin: 0 auto 4pt auto;*/
}

div.blogletEntryContent ol {
  list-style: initial;
  list-style-type: initial;
  list-style-position: initial;
	/*margin: 0 auto 4pt auto;*/
}

div.blogletEntryInlineContainer {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

div.blogletEntryThumbnail {
	vertical-align: top;
	/* max-height: 512px; */
	padding: 4pt;
}
/*
hack for IE:
because IE can't do 'max-width' for percentages correctly,
we need to wrap an 'img' for wish we want to constrain its
width to '100%' in another 'div', and then constrain that
div instead, and inherit its width in the nested 'img' tag.
*/
div.blogletEntryThumbnail div {
	width: 100%;
}
div.blogletEntryThumbnail div img {
	margin-right: 8pt;
	width: inherit;
}

div.blogletCutoffFader {
  background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient( rgba( 0, 0, 0, 0 ), rgba( 255, 255, 255, 1.0 ) ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( rgba( 0, 0, 0, 0 ), rgba( 255, 255, 255, 1.0 ) ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( rgba( 0, 0, 0, 0 ), rgba( 255, 255, 255, 1.0 ) ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( rgba( 1, 1, 1, 0 ), rgba( 255, 255, 255, 1.0 ) ); /* Standard syntax */
}

h2.blogletTitle {
	margin: 0;
  margin-top: 4pt;
	font-size: medium;
}

/* BUTTON: ADD NEW ENTRY */
div.blogletButtonAddNewEntry {
	background-color: #29F;
	border: 1px solid #4CF;
	color: white;
	padding: 16pt;
	font-size: large;
}

div.blogletButtonAddNewEntry:hover {
	background-color: #4CF;
}

div.overlayButtonBar {
	margin: 0;
	padding; 0;
	overflow-y: hidden;
	/*display: inline-block;*/
	height: 20pt;
	transition: 0.3s ease-in-out;
	opacity: 0.5;
}
div.overlayButtonBar:hover {
	height: 28pt;
	opacity: 1;
}

div.overlayButton {
	display: inline-block;
	background-color: #29F;
	color: white;
	margin: 1pt;
	padding: 4pt;
	padding-bottom: 30pt;
	border: 1px solid black;
}
div.overlayButton:hover {
	background-color: #4CF;
	cursor: default;
}

.bookmarkoffset {
	display: block;
	width: 0;
	height: 0;
	position: relative;
	top: -40px;
}

/*
ul,
ol {
	margin: 0 auto;
}
li {
	margin: 0 auto 4pt auto;
}

a {
	text-decoration: none; !important
	padding-left: 1pt;
	padding-right: 1pt;
	border-bottom: 1px dotted black;
	color: inherit;
}
*/

@-webkit-keyframes blinker {
  from { opacity: 0.5; }
  to { opacity: 0.0; }
}
.css3-blink {
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier( 1.0, 0, 0, 1.0 );
  -webkit-animation-duration: 1s;
}
div.errorBorderBlinker {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	border: 8px red solid;
}
.errorBorderPadding {
	padding: 16px;
}