body { background-color: #FFF; color: #000; font-size: 10pt; }
a { color: #006; }
@media screen {
	body { padding-left: 11em; margin-left: 0em; margin-top: 0em; }
	body.blog { padding-left: 11em; margin-left: 0em; margin-top: 35px; }
	body.blog #header { margin-top: 0em !important; }
	.blog-permalink { text-align: right; margin-top: 0em; margin-bottom: 0em; font-size: 8pt; }

	a:active { color: #00C; }
	a:visited { color: #008; }
	a:hover { color: #04C; }
	.entrylink, .entrylink a { font-size: 11pt; color: #668; }

	body > div > div.nav { position: fixed; }
	body > div.nav { position: fixed; }
	body > div.navjournal { position: fixed; }
	body > div > div.blognav { position: absolute !important; top: 35px !important; }
	body > div.blognav { position: absolute !important; top: 35px !important; }
	body > .donate { position: fixed; }
	body .donate { position: fixed; }
	body > form > p > .donate { position: fixed; }
	body > div > span.w3cvalid { position: fixed; }
	body > .currencies { position: fixed; }
	body > div > div#stylelistbase { position: fixed; }
	body > div > div#stylelist { position: fixed; z-index: 100; }
	body > div.adboxside { position: fixed; }

	/*
	 * Rounded boxes using CSS - just do <div class="SOMETHING
	 * rounded">, and the SOMETHING class will define the background
	 * colour etc - and be the style that IE6 falls back to.
	 *
	 * We use the > hack to force IE to fail to apply these styles,
	 * because it doesn't support :before and :after.
	 */
	* > .rounded { margin: 1em !important; padding: 0 !important; border: none !important; }
	* > .rounded > * { padding: 5px 10px 5px 10px; }
	* > .rounded:before {
		background: transparent url(../images/tr.png) scroll no-repeat top right;
		margin-bottom: -10px;
		height: 15px;
		display: block;
		content: url(../images/tl.png);
		padding: 0px;
		line-height: 0.1;
		font-size: 1px;
	}
	* > .rounded:after {
		background: transparent url(../images/br.png) scroll no-repeat bottom right;
		margin-top: -10px;
		height: 15px;
		display: block;
		content: url(../images/bl.png);
		padding: 0px;
		line-height: 0.1;
		font-size: 1px;
	}
}

p,td,th,ul,ol,li,dt,dd,div.nav { font-size: 10pt; }

h1,h2,h3,h4,th {
	color: #000;
	margin: 0.2em 0em 0.2em 0em;
	border-bottom: solid black 1px;
	text-align: left;
}

h1 {
	font-size: 18pt;
	font-weight: bold;
	padding-left: 128px;
	background-image: url(../images/titlegradient.png);
	background-position: top left;
	background-repeat: repeat-y;
	text-align: right;
}
h2 { font-size: 16pt; font-weight: bold; }
h3 { font-size: 14pt; font-weight: bold; }
h4 { font-size: 11pt; font-weight: bold; margin: 0.2em 20% 0.2em 0.8em; }

h2.adline { font-size: 14pt; border: none; }
h2.adline a { color: #000; text-decoration: underline; }

span.skipnav { font-size: 1pt; display: none; }

div.nav {
	position: absolute;
	top: 0.2em;
	left: 0.2em;
	border-bottom: solid #9BC 1px;
}

div.blognav { position: absolute !important; overflow: hidden !important; top: 35px !important; }

div.nav ul { list-style-type: none; margin: 0em; padding: 0em; }
div.nav ul li a {
	width: 11em;
	display: block;
	border: solid #9BC 1px;
	margin: 2px 2px 2px 0px;
	padding: 0.1em;
}
div.nav ul.sub li a { margin-left: 0.8em; width: 10.2em; }
div.nav ul.subsub li a { margin-left: 1.6em; width: 9.4em; }
div.nav ul.subsubsub li a { margin-left: 2.4em; width: 8.6em; }

.nav a {
	color: #000;
	text-decoration: none;
	font-size: 8pt;
}
.nav a:visited { color: #024; }
.nav a:hover { background-color: #DFF; color: #024; }
.nav a.current { color: #000; }
.nav a.current:visited { color: #012; }
.nav a.current:hover { background-color: #BDE; color: #008; }

.nav h2 { font-size: 9pt; font-weight: bold; border: none; text-decoration: underline; margin-top: 1em; }
#profile-container { font-size: 8pt; }
#profile-container dl { margin-left: 0px; }
#profile-container dt { margin-left: 0px; font-size: 8pt; }
#profile-container dd { margin-left: 0px; font-size: 8pt; }
.profile-link { font-size: 6pt; }
.nav p { font-size: 8pt; }
.blognav a { width: 10em; }

div#footer {
	border-top: solid black 1px;
	color: #888;
	padding: 0.2em;
	text-align: right;
	font-size: 8pt;
	margin-top: 4px;
}

div#footer a { color: #667; text-decoration: none; }

span.w3cvalid {
	position: absolute;
	left: 0.1em;
	bottom: 0.1em;
	width: auto;
	height: auto;
}

div.sidebox, div.sideboxprint, div.sideboxsmall, div.sideboxsmallprint {
	padding: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	float: right;
	width: auto;
	border: solid black 1px;
	background-color: #EEF;
	color: #000;
}
div.sideboxsmall *, div.sideboxsmallprint * {
	padding: 0.2em;
	width: auto;
	min-width: 10%;
	font-size: 8pt;
}

table.currencies {
	position: absolute;
	top: auto;
	left: 0.2em;
	bottom: 7em;
	padding-bottom: 1em;
	border: solid #222 1px;
	background-color: #EEE;
	color: #444;
	font-size: 8pt;
}
table.currencies th {
	border-right: solid #444 1px;
	border-bottom: solid #444 1px;
	font-size: 6pt;
	color: #444;
}
table.currencies td {
	border-right: solid #444 1px;
	font-size: 8pt;
}
table.currencies td a { color: #446; }

.upaline { margin-top: -1em; }

div.day { border: solid black 1px; margin-top: 1em; margin-bottom: 1em; }
div.day h3 { border: none; border-bottom: solid black 1px; margin-top: 0px; }
div.entry span.timestamp { margin-left: -2em; }
div.entry span.subject { font-weight: bold; }

div.day h3 { border: none; border-bottom: solid black 1px; margin-top: 0px; }
div.entry { margin-left: 3em; margin-right: 1em; text-align: justify; }
div.entry span.timestamp { color: #444; }

div.adboxside {
	position: absolute;
	float: none;
	top: auto;
	left: 0.2em;
	bottom: 6.1em;
	width: 12em;
	padding-bottom: 1em;
	margin: 0px;
}

div.navjournal {
	position: absolute;
	top: auto;
	left: 0.2em;
	bottom: 6.1em;
	width: 10em;
	color: #FFF;
	padding-bottom: 1em;
}
div.navjournal a {
	display: block;
	padding: 0em 0.2em 0em 0.2em;
	margin: 0em 0em -1em 0em;
	border: solid #844 2px;
	color: #000;
}

div.navjournal span.sep { visibility: hidden; }

.navjournal a { background-color: #FDD; color: #400; }
.navjournal a:visited { color: #424; }
.navjournal a:hover { background-color: #FEE; color: #424; }
.navjournal a.current { color: #400; }
.navjournal a.current:visited { color: #412; }
.navjournal a.current:hover { background-color: #FDE; color: #808; }

.donate {
	font-size: 10pt;
	position: absolute;
	left: 0.2em;
	bottom: 6.1em;
}
.donate span.bracket { visibility: hidden; }
.donate b a {
	font-weight: normal;
	display: block;
	padding: 0em 0.2em 0em 0.2em;
	margin: 0em;
	border: double #9BC 4px;
	text-decoration: none;
	background-color: #EEF;
	color: #000;
}
.donate b a:hover {
	border: double #9BC 4px;
	text-decoration: none;
	background-color: #DFF;
	color: #024;
}

div#stylelist {
	background: #FFF;
	border: double #AAA 3px;
	left: 4em;
	bottom: 2em;
}
div#stylelist ul { list-style-type: none; margin: 0em; padding: 0em; text-align: left; }
div#stylelistbase {
	position: absolute;
	display: block;
	font-size: 10pt;
	width: 9.5em;
	top: auto;
	left: 0.2em;
	bottom: 2em;
	padding: 0em 0.2em 0em 0.2em;
	margin: 0em;
	border: solid #AAA 1px;
	text-align: center;
}

@media print {
	body { padding-left: 0em; }
	h1 { text-align: center; padding: 0.1em; margin: 0em; }
	#navbar-iframe { display: none; }
	.post-footer { display: none; }
	.blog-permalink { display: none; }
}