@media screen
{
/* =========[ main page style ]=================================================== */
body
{
	font-family: trebuchet ms, sans-serif;
	font-size: 1em;
	background-color: #fff;
	color: #000;
}

/* =========[ jan.moesen.nu header and tagline ]================================== */
h1
{ 
	display: inline; 
	font-family: "Arial Rounded MT Bold", Verdana, Tahoma, sans-serif; 
	font-size: 250%; 
	font-weight: bold;
}
h1 .jan    { color: #f44; background: #fff; }
h1 .dot    { color: #0bc; background: #fff; }
h1 .moesen { color: #0c3; background: #fff; }
h1 .nu     { color: #fc0; background: #fff; }
hr
{
	height: 1px;
	border-top: 1px solid #f44;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	background-color: #f44;
	color: #f44;
}
#tagline
{
	display: inline;
	color: #000;
	background: transparent;
	vertical-align: bottom;
	position: relative;
	top: -.5ex;
	padding-left: .5em;
}
#tagline *
{
	border: 0;
	color: #000;
	background: transparent;
}

/* =========[ h[2-6] headers ]==================================================== */
#entries h3, #links h2
{
	z-index: 2;
	margin: 0;
	padding: 0;
	font-size: 2.5ex;
	line-height: 3ex;
}
/* Right now only Gecko supports border radius -as an extension- so hide from IE/Opera -- see below */
#entries h3:not(NoSupportForBorderRadius), #links h2:not(NoSupportForBorderRadius)
{
	padding: 0 2em;
}
#entries h3 :link, #entries h3 :visited,
#links h2 :link, #links h2 :visited
{
	z-index: 2;
	padding: 0 .5em;
	border: 1px solid #0c3;
	background-color: #ffe;
	color: #080;
	text-decoration: none;
}
#entries h3 :active, #entries h3 :link:hover, #entries h3 :focus
#links h2 :active, #links h2 :link:hover, #links h2 :focus
{
	background-color: #ffe;
	color: #444;
}

/* =========[ boxes ]============================================================= */
.body
{
	z-index: 1;
	padding: 1ex 1em;
	border: 1px solid #0c3;
	background-color: #efe;
	margin-top: -2px;
}
/* Right now only Gecko supports border radius -as an extension- so hide from IE/Opera */
.body:not(NoSupportForBorderRadius)
{
	margin-top: -2ex;
	-moz-border-radius: 2ex;
}
.footer
{
	text-align: right;
}
.footer p
{
	font-size: 80%;
	margin: 0;
}
.footer .categoryLinks
{
	display: block;
}

/* =========[ hyperlinks ]======================================================== */
:link        { color: #06c; background: transparent; }
:visited     { color: #808; background: transparent; }
:link:active, :visited:active { color: #c00; background: transparent; }
:link:hover, :visited:hover   { color: #f44; background: transparent; }

/* =========[ blog entries ]====================================================== */
#entries
{
	position: absolute;
	z-index: 2;
	top: 10ex;
	left: 1em;
	width: 70%;
	min-width: 20em;
	margin: 0 12em 2ex 0;
	line-height: 3ex;
	text-align: justify;
}
#entries h2, #entries hr
{
	display: none;
}
.post
{
	margin-bottom: 2ex;
}

/* =========[ navigation links ]================================================== */
#links
{
	z-index: 1;
	position: absolute;
	top: 10ex;
	right: 1em;
	width: 25%;
	min-width: 10em;
	padding-bottom: 2ex;
}
#links p, #links li
{
	font-size: smaller;
}
#links:hover
{
	z-index: 2;
}
#links ul, #links ol, #links form
{
	list-style-type: none;
	margin-left: 0;
	padding-left: .5em;
}
#links input.txtInput /*/*/
{
	border: 1px solid #0c3;
	color: #070;
	background-color: white;
	width: 100%;
}
#links input.txtButton /*/*/
{
	margin-top: .5ex;
	border: 1px solid #0c3;
	background-color: #fe3;
	color: #070;
	width: 100%;
}
#links .body :link, #links .body :visited,
#links .body :link:active, #links .body :visited:active
{
	color: #070;
	text-transform: lowercase;
}
#links .body :link:hover, #links .body :visited:hover
{
	color: #0a0;
}

/* =========[ inline elements ]=================================================== */
acronym, abbr
{
	border-bottom: 1px dotted #888;
}
abbr[title="exempli gratia"]
{
	border-bottom: 0;
}
.loves
{
	color: #f44;
	background: transparent;
}
q:before
{
	content: '\201C';
}
q:after
{
	content: '\201D';
}

/* =========[ block elements ]==================================================== */
p.contdBelow, ul.contdBelow, ol.contdBelow, form.contdBelow, blockquote.contdBelow
{
	margin-bottom: 0;
	padding-bottom: 0;
}
p.contdFromAbove, ul.contdFromAbove, ol.contdFromAbove, form.contdFromAbove, blockquote.contdFromAbove
{
	margin-top: 0;
	padding-top: 0;
}
p:last-child, ul:last-child, ol:last-child
{
	padding-bottom: 0;
	margin-bottom: 0;
}

/* this last brace ends the @media block to hide the styles from Netscape 4.x */
}