/**********************************************************************
 * Axel's OrangeTwo "don't get us bored" Style File, Blogging Version *
 *                                                                    *
 * Based on OrangeTwo Open Source Web Design by SmallPark             *
 * (See http://oswd.org/viewdesign.phtml?id=2109)                     *
 **********************************************************************/

/**********************************************************************
 * Initialising body                                                  *
 **********************************************************************/

body {
	margin: 0px; 
	padding: 0px;
	color: #666;
	background-color: #ffffff;
	font-size: medium;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, div, td, th {
	font-family: Georgia, Lucida, Tahoma, Verdana, Helvetica, sans-serif;
}

code,kbd,pre,xmp,listing,plaintext,tt,a code,code a,a kbd,kbd a,a tt,tt a,pre a {
	font-family: "Lucida Console", "Lucida Typewriter", "Courier New", Courier, typewriter, monospace;
	font-size: 100%;
}

/**********************************************************************
 * Basic font sizes, etc.                                             *
 **********************************************************************/

	h1, h2 {
		font-size: large; 
		padding-top: 0px; 
		padding-bottom: 0.2em;
	}

/*
	h2 {
		font-size: medium; 
		padding-top: 0px; 
		margin-top: 6px;
		padding-bottom: 0.4em;
	}
*/

	h1.date, .rightpane h1, .rightpane h2, h5 {
		font-size: x-small;
		font-family: Lucida, Tahoma, Verdana, Helvetica, sans-serif;
		margin: 0px;
		letter-spacing: 0.5em;
		text-transform: uppercase;
                /* width: 100%;
                color: #FFF;
                background: #FFCC66; */
		padding: 3px;
		margin: 0px;
		margin-top: 16px; 
	}

	h5 {
		padding-left: 0px;
		margin-bottom: 18px;
	}

	h1.date {
		margin-left: -16px;
		/* border: 1px red dashed; */
	}

	.rightpane h1, .rightpane h2 {
		text-align: left;
	}

	.rightpane h1 {
		font-size: small;
	}

	h3 {
		font-size: large; 
		padding-top: 0px;
		margin-top: 0px;
		padding-bottom: 0.2em;
		/* text-decoration: underline; */

		/*
		padding: 6px 12px 6px 12px;
		border: 1px #ff9900 solid;
		-moz-border-radius: 12px;
		border-radius: 12px;
		*/
		/* #CCC */
	}

	h4 {
		font-size: small; 
		padding-top: 0px; 
		padding-bottom: 0.1em;
		}

	h4.related_stories {
		font-size: x-small;
		font-family: "Lucida, Tahoma, Verdana, Helvetica, sans-serif";
		margin: 0px;
		letter-spacing: 0.5em;
		text-transform: uppercase;
		padding-top: 0px; 
		margin-top: 0px;
		}

	ul.related_stories {
		font-size: x-small;
		margin-bottom: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		padding-top: 6px;
		margin-left: 12px;
		padding-left: 12px;
	}

	li.related_stories {
		font-size: x-small;
		margin-bottom: -2px;
		padding-bottom: 0px;
		margin-top: -2px;
		padding-top: 0px;
	}

	q { font-style: italic; }

	.rightpane p, #nav p {
		font-size: small;
		padding-left: 2ex;
	}

	.rightpane ul {
		font-size: small;
	}

	address, #foot {
		font-style: normal;
		font-size: x-small;
		/* text-align: right; */
	}

/*
	hr {
		border-top: 1px #999 solid;
		border-bottom: 0px;
		height: 0px;
		width: 100%;
	}
*/

	hr { display: none; }

	small { font-size: 90%; }
	.blosxomstoryfoot {
		font-size: x-small;
		margin-bottom: 12px;
		padding: 6px 12px 6px 12px;
		border: 1px #ccc solid;
		/* border: 1px #ff9900 solid; */
		-moz-border-radius: 12px;
		border-radius: 12px;
	}
	.menu ul { font-size: small; }
	.slashslash { letter-spacing: -0.3em; }
	small.smpref { font-size: 50%; }

	.inside {
		/* position: static; */
		margin: 6px;
		margin-top: 12px;
		padding-top: 8px;
		padding-bottom: 8px;
		/* width: 100%; */
		}

	.prevnext {
		text-align: right; 
		font-size: x-small; 
		position: relative; 
		top: 8px; 
		right: -24px;
	}

	.prevlink, .nextlink { padding-right: 8px; padding-left: 8px; }
	.breadcrumbs { font-size: x-small; }
	.month-calendar-day-head { font-size: 100%; }
	ul.categorytree, ul.recent { margin-left: 0px; padding-left: 1.5em !important; }
	li.categorytree_item { margin-left: 1.5em !important; padding-left: 0px; }
	a.categorytree { font-weight: bold; }
	ul.recent li { margin-bottom: 0.5ex; }
	.feeds {
		font-size: 80%;
		white-space: nowrap;
	}

	code, blockquote, pre {
		background-color: #EEE;
		border: 1px solid #CCC;
	}

	code { 
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 1px;
	}

	blockquote, pre {
		-moz-border-radius: 12px;
		border-radius: 12px;
		padding: 6px 12px 6px 12px;
		margin: 6px 24px 6px 24px;
	}

	pre {
		text-align: left;
		font-size: 85%;
                overflow: auto;
	}

	#content li {
		padding-top: 0.5ex;
		padding-bottom: 0.5ex;
	}

	#searchform input {
		font-family: Georgia, Lucida, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 10pt;
	}

	#advancedsearch, #advancedsearch p {
		font-family: Georgia, Lucida, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 8pt;
	}

	#advancedsearch input {
		font-family: Georgia, Lucida, Tahoma, Verdana, Helvetica, sans-serif;
		margin-left: 2ex;
	}

	#find, #submit {
		/* Ist das krank: -moz-appearance: tab; */
		background-color: #EEE;
		color: #666;
		border: 1px solid #CCC;
		-moz-border-radius: 12px;
		border-radius: 12px;
	}

	#find {
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		padding-left: 6px;
		border-right: 0px;
	}

	#submit {
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-bottomleft: 0px;
	}

	#find:hover, #submit:hover {
		background-color: #FFCC66;
		color: #666;
	}

/**********************************************************************
 * The orange logo box thingy                                         *
 **********************************************************************/

#logo { 
	position: relative;
	text-align: center;
	width: 137px;
	margin: 0px 5px 20px -5px;
	padding: 50px 10px 5px 10px;
	/* background-color: #FF9900; */
	/* background-color: #f1c176; */
	background-color: #FFCC66;
	color: #FFF;
	/* background-color: #CCC; */
	/* background-color: #86B3F4; */
	/* -moz-border-radius: 12px;
	border-radius: 12px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px; */
}

/* Grey? */

/*
#logo2, #logo3 {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	margin: 0px;
	padding: 0px;
}


#logo2 {
	width: 66%;
	background-color: #FF9200;
	z-index: 1;
}

#logo3 {
	width: 33%;
	background-color: #FF8800;
	z-index: 2;
}
*/

#logotext {
	position: relative;
	z-index: 10;
	margin: 0px;
	padding: 0px;

	color: #FFFFFF;
	font-family: Lucida, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 11pt;
	letter-spacing: 5px;
	text-transform: uppercase;

	text-align: center;
}

#logo strong { font-weight: 900; }
#l1              { letter-spacing: 0.25em; /* border-bottom: 1px #fff solid; */}
#l2              { letter-spacing: 0.31em;                                }
/*  .last-letter { letter-spacing: 0.00px;                                }
#l1 .last-letter {                         border-bottom: 1px #fff solid; } */
/* Konqueror seems to need the last line... */

#logotext a { color: #fff; text-decoration: none; }

/**********************************************************************
 * Layout                                                             *
 **********************************************************************/

/* Identical or similar to all boxes */
#topbox, #thebox, #foot, .rightpane {
	/* background-color: white; */
	color: #666;
	border: 1px #CCC solid;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: 12px;
	padding: 0px 24px 0px 24px;
}

/* The logo and the top menu */
#topbox {
	background-image: url(/static/skagen3.2-blend.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 110px;
	padding: 0px 24px 0px 24px;

	/* width: 100%; */

	/* Not nice, but works */
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;

	/* Image clipping doesn't work yet together with radius */
	/*
	-moz-border-radius: 12px;
	border-radius: 12px;

	-moz-background-clip: padding;
	background-clip: padding;
	*/

	/* Ugly workaround, but only works since Firefox 1.5 Beta 1 */
	/*
	-moz-outline-radius: 24px;
	-moz-outline-color: white;
	-moz-outline-width: 12px;
	-moz-outline-style: solid;
	*/

	/* Looks less workaroundy. */
	margin-right: 0px;
}

/* The invisible box around the other boxes so that everything fits together */
#outerbox {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	/* background-color: red; */
	/* border: 1px green dashed; */
}

/* right column */
.rightpane {
	margin: 0px 0px 16px 0;;
	padding: 0px 18px 12px 18px;
}

#rightpane, #middlepane {
	position: absolute;
	top: 0px;
        width: 200px;
	padding: 0px;
	margin: 0px;
}

#rightpane {
	right: 12px;
	/* width: 306px; */
        width: 200px;
}

#middlepane {
	right: 224px;
	/* width: 306px; */
        width: 200px;
}

/* left column */
#thebox, #foot {
	/* width: auto; */
	margin-right: 333px;
	margin-right: 436px;
	/* background-color: green; */
}

/* main content box */
#thebox {
	/* background-color: blue; */
}

/* content -- maybe merged with #thebox */
#content {
	color: #666;
	/* font-family: "Gill Sans,Verdana,Helvetica,sans-serif"; */
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	/* border: 1px green dashed; */
	font-size: 9pt;
}

/* footer */
#foot {
	padding: 8px 24px 8px 24px;
	border: 1px #CCC solid;
	/* background-color: yellow; */

	font-style: normal;
	font-size: x-small;
	text-align: center;
	color: #666;
}

/**********************************************************************
 * Links                                                              *
 **********************************************************************/

/* Standard intern link */
	a:link, .BLI { text-decoration: none; color: #ff9900; }
	a:visited { text-decoration: none; color: #ff8800; }

/* Standard intern link on orange background */
	a.white:link {text-decoration:none; color:#FFFFFF;}
	a.white:visited {text-decoration:none; color:#F8F8F8;}
	a.white:active,a.white:hover {text-decoration:underline overline; color:#F8F8F8;}

/* Standard extern link */
	a.ext:link, #technorati a:link, .BLE, a.tr-linkcount:link {text-decoration:none; color:#62C23A;}
	a.ext:visited, #technorati a:visited, a.tr-linkcount:visited {text-decoration:none; color:#00A42D;}

	div#technorati-lc { 
                            font-size: 80%; 
                            margin-left: 10px;
                            margin-bottom: -8px;
                            padding-left: 0px;
                            padding-bottom: 0px;
                          }

/* Standard link to correlated pages */
	a.uni:link, .BLU {text-decoration:none; color:#86B3F4;}
	a.uni:visited {text-decoration:none; color:#689FF2;}

/* Hover links */

	a:active, a:hover, a:focus,
	a.uni:active, a.uni:hover, a.uni:focus,
	a.ext:active, a.ext:hover, a.ext:focus,
	a.mail:active, a.mail:hover, a.mail:focus { 
		/* color:#9FCF00; */
		text-decoration: underline overline;
		}

/* Normal non-visible link */
	a.black {
		color: #000000;
	}

	a.black:link, a.black:visited {
		text-decoration: none;
	}

	a.black:active, a.black:hover, a.black:focus {
		text-decoration: underline overline;
	}

/* Secret non-visible link */
	a.blacknote,a.blacknote:link,a.blacknote:visited {
		text-decoration:none; 
		color:#000000;
		cursor:help;
	}
/* Mail-To link */
        a.mail:link,a.mail:visited {
		text-decoration: none;
		font-weight: bold;
		color: #AF659E;
	}

/* IRC link */
        a.irc:link,a.irc:visited {
		text-decoration: none;
		font-weight: bold;
		color: #AF659E;
	}

/* News link */
/*
        a.news:link, a.news:visited {
		text-decoration: none;
		font-variant: small-caps;
		font-weight: bold;
		color: #800040;
	}
        a.news:hover, a.news:focus, a.news:active {
		text-decoration: underline overline;
		font-variant: small-caps;
		font-weight: bold;
		color: #800040;
	}
*/

/* Wikipedia link */
        a.wiki:link, a.wiki:visited, .BLW {
		text-decoration: none;
/*		font-variant: small-caps;
		font-weight: bold; */
		color: #800040;
                border-bottom: 1px dashed #800040;
		/* -moz-border-radius: 12px;
		border-radius: 12px; */
	}
        a.wiki:hover, a.wiki:focus, a.wiki:active {
		text-decoration: none;
/*		font-variant: small-caps;
		font-weight: bold; */
		color: #800040;
                border-bottom: 1px solid #800040;
		/* -moz-border-radius: 12px;
		border-radius: 12px; */
	}

/* H1 links */

h1 a:link, h1 a:visited { text-decoration: underline overline; }
h1 a:hover, h1 a:active, h1 a:focus { text-decoration: none; }

/* Now Playing Text and Links */

p.np {
	color: #999;
	font-size: 90%;
	text-align: center;
}

a.np:link, a.np:visited {
	text-decoration: none;
	color: #999;
	border-bottom: 1px dashed #999;
	/* -moz-border-radius: 12px;
	border-radius: 12px; */
}
a.np:hover, a.np:focus, a.np:active {
	text-decoration: none;
	color: #999;
	border-bottom: 1px solid #999;
}

/* Comment users */

a.curl {
	color: #666;
}

a.curl:link, a.curl:visited {
	text-decoration: underline;
}

a.curl:hover, a.curl:focus, a.curl:active {
        text-decoration: none;
}


/* Button-like reply links */

a.reply, input.reply {
	color: #ff9900;
	border: 1px solid #999;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	padding: 3px;
	cursor: pointer;
}

a.reply:link, a.reply:visited {
	text-decoration: none;
}

a.reply:hover, a.reply:focus, a.reply:active,
input.reply:hover, input.reply:focus, input.reply:active {
	text-decoration: underline;
}

/* Comment headers */

table.commentsubhead {
	font-size: 85%;
	margin-left: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

table.commentsubhead tr {
	vertical-align: top;
}

table.commentsubhead th, table.commentsubhead td {
	text-align: left;
	padding: 0px;
	margin: 0px;
}

/* images */

img { margin: 6px; }

/* acronym and abbr */

acronym {
	text-decoration: none;
	border-bottom: 1px dashed #FF9900;
	cursor: help;
	}

abbr {
	text-decoration: none;
	border-bottom: 1px dashed #999;
	cursor: help;
	}


/**************************************************************************
Navigation bar, lists, and links - Uses Gill Sans for the good ol' Mac. 
I'm using different linking styles for the navigation bar. Also, <li> tags 
are used.
**************************************************************************/
#nav {
	position: relative;
	right: 0px;
	top: -105px;
	height: 105px;
	margin: 0px 0px -105px 180px;
	padding: 0px 0px 0px 0px;
	color: #999;
	font-weight: normal;
	font-size: small;
	/* border: 1px red dashed; */
}

/*
#calyear, #calmonth {
	position: absolute;
	text-align: center;
	font-size: small;
	text-align: center;
}

#calyear {
	top: 0px;
	right: 200px;
}

#calmonth {
	top: 0px;
	right: 0px;
	
}
*/

.highlight {
	background-color: yellow;
}

.footnote {
	font-size: 80%;
}

dt { font-weight: bold; }
dd { padding: 6px; }

.dept {
	margin-top: -10px;
	margin-bottom: 20px;
	font-size: 80%;
	/* padding-left: 2em; */

	/* text-align: center; */
	color: #666;
	border: 1px #CCC solid;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 2px 12px 2px 6px;
	background-color: #EEE;
}

/* Buttons */
#buttons { padding-top: 5px; }
.rightpane img { margin: 1px 0 0 0; }