/*
 * Colours:     plum   orange green  blue   red
 * (very light) aaf254 aaf254 aaf254 92bfff ff4949
 * (light)      8ae234 8ae234 8ae234 729fcf ef2929
 * (medium)     73d216 73d216 73d216 3465a4 cc0000
 * (dark)       4e9a06 4e9a06 4e9a06 204a87 a40000
 */
body
{
	text-align: center;
	font-family: Arial, sans-serif;
	background: #d3d7cf;
/*	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 255, 0.2) 33%, white 33%, white 67%, rgba(255, 0, 0, 0.2) 33%) repeat scroll 0 0; */
	margin: 0;
	padding: 0;
}

div.main div.article div.body, div.side div.body
{
	border: solid 1px #babdb6;
	background: #eeeeec;
}

div.articleListItem
{
	padding-top: 3em;
}

div.articleListItem:first-child
{
	padding-top: 0em;
}

ul.footnotes
{
	font-size: 75%;
	list-style-type: none;
}

ul.footnotes li a
{
	vertical-align: super;
	padding: 10;
}

ul.footnotes li p a
{
	vertical-align: baseline;
}

p
{
	font-family: Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 140%;
}

dd, dt
{
	font-family: Arial, sans-serif;
	line-height: 140%;
}

li p
{
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}

div.comment div.article div.body li p
{
	margin-bottom: 0em;
	margin-top: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}

div.comment div.article div.body ul
{
	padding-bottom: 1em;
}

div.addComment p
{
	font-family: Arial, sans-serif;
}

div.credits
{
	font-size: 70%;
	text-align: right;
}

div.credits p
{
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

pre
{
	margin: 0.5em;
	border: solid 1px #babdb6;
	overflow: auto;
}

p, pre, h1, h2, h3, h4, div.articleMetaData, div.commentMetaData, dl
{
	padding: 0.25em;
}

div, ol, li, ul, table
{
	margin: 0;
	padding: 0;
}

li
{
	margin-left: 2em;
}

div.full, div.top
{
	width: 990px;
	text-align: left;
	margin: 0 auto;
	clear: both;
}

div.main
{
	width: 655px;
	text-align: left;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

div.side
{
	width: 325px;
	text-align: left;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	float: left;
	font-size: 75%;
}

div.wide
{
	width: 990px;
	text-align: left;
	margin: 0 auto;
	float: left;
	background-color: #2e3436;
	color: #eeeeec;
}

h1
{
	font-size: 166%;
	color: #eeeeec;
	background-color: #663399;
}

h2, h3
{
	font-size: 125%;
	color: #d3d7cf;
	background-color: #663399;
	clear: both;
}

hr
{
	clear: both;
}

div.comment h1, div.comment h2, div.comment h3
{
	background-color: transparent;
	color: #000;
}

div.addComment a
{
	color: #000000;
}

h1 a
{
	text-decoration: none;
	background-color: #663399;
	color: #eeeeec;
}

h2 a, h3 a, h4 a
{
	text-decoration: none;
	color: #eeeeec;
}

h1, h2, h3, h4
{
	margin-top: 0;
	margin-bottom: 0.5em;
}


div.articleMetaData, div.commentMetaData
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

a
{
	color: #204a87;
}

a:hover, div.addComment a:hover
{
	color: #3465a4;
}

h1 a:hover
{
	color: #d3d7cf;
}

div.commentList
{
	clear: both;
}

div.commentListJoindin
{
	margin-bottom: 2em;
}

div.comment, div.addComment
{
	background-color: #729fcf;
	margin-left: 1em;
	margin-top: 0.5em;
	margin-right: 0.5em;
}

div.previewComment div.article div.body div.comment
{
	margin: 0.5em;
}

div.addComment form
{
	background: #eeeeec;
	border: 1px solid #92bfff;
	margin-bottom: 1em;
}

div.location, div.commentName
{
	font-weight: bold;
}

div.date
{
	font-style: italic;
}

div.comment div.article div.body
{
	border: 1px solid #92bfff;
}


img, iframe
{
	text-align: center;
	margin: 0 auto 1em;
	display: block;
}

blockquote
{
	font-style: italic;
}

img.left
{
	float: left;
	margin: 0.5em 0.5em 0.5em 9px;
}

img.right
{
	float: right;
	margin: 0.5em 9px 0.5em 0.5em;
}

img.icon
{
	display: inline;
	border: 0;
}
div.addComment th
{
	text-align: left;
}

div.addComment td, div.addComment th
{
	vertical-align: top;
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}

div.addComment table
{
	padding-right: 1em;
}

div.addComment table, div.addComment td, div.addComment textarea
{
	width: 100%;
}

div.addComment span.note
{
	font-size: 75%;
	color: #555753;
}

div.addComment tr
{
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #92bfff;
}

div.header
{
	vertical-align: center;
}

div.header ul
{
	position: relative;
	left: 0.42em;
	top:  3em;
}

div.header ul li
{
	display: inline;
	margin: 0.3em;
	padding: 0em;
}

div.header ul li a
{
	color: #eeeeec;
	text-decoration: none;
	font-size: 125%;
}

div.header ul li a:hover
{
	text-decoration: underline;
}

div.footer
{
	font-size: 75%;
	padding: 0.5em;
	text-align: center;
}

div.footer a
{
	color: #eeeeec;
}

div.video p, div.figure p
{
	font-size: 75%;
	text-align: center;
}

p.extend
{
	text-align: right;
}

div#dopplr-blog-badge
{
	margin: 0 auto;
	padding-top: 2em;
	padding-bottom: 2em;
}

ul.lifeline
{
	list-style-type: none;
}

ul.lifeline li div div.source
{
	color: #555753;
	text-align: right;
}

ul.lifeline li 
{
	margin: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 1em;
	clear: both;
	border-top: dashed 1px #888a85;
}

ul.lifeline li:first-child
{
	border-top: none;
}

div.flickr div.center
{
	text-align: center;
}

div.flickr div.center img
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

p.comment
{
	margin: 0;
	padding: 0;
}

span.hide
{
	display: none;
}

div.commentErrors
{
	background-color: #ef2929;
}

div.commentOk
{
	background-color: #3465a4;
}

div.validationMessage
{
	margin-left: 1em;
	border-right: solid 1px #babdb6;
	background: #eeeeec;
}

div.validationMessage h1
{
	margin-bottom: 0;
}

div.lines
{
	padding: 1em 0;
}

div.line
{
	font-family: monospace;
	white-space: pre;
}

div.lineWithError
{
	font-family: monospace;
	white-space: pre;
	background-color: #ef2929;
	color: #eeeeec;
}

ul.errorMessages li
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.footnote
{
	vertical-align: super;
	font-size: 80%;
}

ul.footnotes li p
{
	display: inline;
}

code
{
	margin: 0;
	padding: 0 0.2em;
	border: solid 1px #babdb6;
}

div.talk-comments
{
	display: none;
}

div.rating
{
	float: right;
}

p.extend
{
	display: none;
}

div.articleListItem div.addComment table, div.articleListItem div.addComment td 
{
	border: none;
	font-size: 100%;
	margin: 0;
	padding: 0.25em;
	padding-right: 1em;
	width: 100%;
}

div.articleListItem table
{
	font-size: 80%;
	border: solid #888 1px;
	margin-top: 0em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	width: 95%;
}

div.articleListItem thead td
{
	border: solid #444 1px;
	vertical-align: bottom;
}

div.articleListItem tbody td
{
	border: solid #888 1px;
}

div.articleListItem table thead
{
	font-weight: bold;
}

div.articleListItem table p
{
	padding: 0px;
	margin: 1px;
}

div.flattr
{
	float: left;
	padding: 4px;
}

div.credit
{
	font-size: 80%;
	background-color: #eee;
	padding-bottom: 0.5em;
}