html {background: gray; padding: 1.5em;}
body {font: 0.84em/1.3 Arial, sans-serif; margin: 0; padding: 0;
  color: #000; background: rgb(99%,99%,99%);
  max-width: 1280px; min-width: 40em; margin: 0 auto;
  border: 1px solid #000; border-width: 1px;
  position: relative;}

.hpg #sitemast {height: 128px;}
.hpg #sitemast h1 {font-size: 2em; line-height: 1em;}
.hpg #extra {top: 135px;}

.inv {
	display : none;
}

#more {
	background: url(http://www.niklasthrane.dk/assets/img/move.gif) no-repeat;
	padding-top : 20px;
}



/* 009 */
/* image referenced in '#sitemast' rule Copyright Eric A. Meyer */
html {background: rgb(54%,54%,54%);}
#sitemast {background: gray url(http://www.niklasthrane.dk/img/banner/niklas_l.jpg) 0 100% no-repeat;}
#sitemast h1 a {color: rgb(15%,15%,15%);}


#syndicate {text-align: right; margin: 0; padding: 0 1px 1px 0;
  border-right: 3px double #999;
  position: relative; z-index: 10;}
#syndicate li {display: inline; vertical-align: bottom;}

#categorydescription {
	margin: 1.5em 0 0.66em 1.5em;
}

.entry {border-bottom: 1px solid silver; padding: 0 0 1em;}


.skipper, #aboutsite, #aboutsite * {display: none !important;}
* {font-size: 100%;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.33em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.75em;}
pre, code, tt {font: 110% "Andale Mono", Courier, "Courier New", monospace;}
small {font-size: 85%;}
big {font-size: 115%;}
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
img.border {border: 3px double;}
a img {border: none;}
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }

#sitemast {padding: 0; margin: 0; overflow: hidden; border-bottom: 1px solid #000;
  height: 128px; width: 100%; position: relative; z-index: 1;}
#sitemast h1 {font-size: 2em; line-height: 1em; letter-spacing: 0.13em; 
  padding: 0; margin: 0;
  position: absolute; left: 0; top: 100px;
  /* hide-from-IE5/Mac hack \*/
  top: auto; bottom: 0;
  /* end hack */}
#sitemast h1 a {padding: 0 0.25em;}
#sitemast h1 a, .panel a {text-decoration: none;}

#main {margin: 0 15em 0 0; padding: 3em 4em 3em 4em;
  border-right: 1px solid #AAA; background: #FFF;
  min-height: 30em;}
#main h2 {border-bottom: 1px solid; margin: 1.5em 0 0 -1em; padding: 0;
  font-size: 1.25em; line-height: 0.95em;}
#main p.contact {margin: 0 1em; text-align: right; font-size: 90%;}

#main blockquote {font-style: normal; margin: 1em 1em 1em 2em;}
#main blockquote em {font-style: italic; font-weight: inherit;}
#main blockquote p {margin: 0.33em 2.5% 0.33em 0 !important; line-height: 1.2; text-indent: 2em;}
#main blockquote.book p {margin: 0 2.5% 0 0 !important;}
#main blockquote.lyric {font-style: italic; white-space: pre;}
.quoteattrib {margin: -0.75em 3em 0.66em; font-size: 87.5%;}
.quoteattrib cite {font-style: italic;}

#main p {line-height: 1.4em;}
#main li {line-height: 1.33em; margin-bottom: 0.33em;}
#main .compact li {line-height: normal; margin-bottom: 0;}
#main ul li {list-style: square;}


#extra #redesigns {float: left; width: 9.5em;}
#extra #tags {float: right; width: 5.5em;}

#extra {position: absolute; top: 98px; right: 0; font-size: 1em; line-height: 1.1;
  width: 15em; padding: 0; margin: 0;}
#extra ul, #extra ul li, #extra ul li ul {list-style: none;} 
#extra ul {padding-left: 0; margin-left: 0; text-indent: -0.66em;} 

#extra li.panel {padding-top: 1px;}

.panel h3, .panel h4, .panel h5 {margin: 0.5em 0 0.25em; font-size: 90%; line-height: 1em; padding: 0 0.5em; 
  border-bottom: 1px solid #CCC; text-indent: 0.25em;}
.panel ul {list-style: none; margin: 0 0.5em 1em; padding: 0; font-size: 90%;}
.panel ul li {margin-left: 0.66em; list-style: none; text-indent: -0.66em; line-height: 1.1em;}


#reading img {border: 1px solid silver;}
#extra #reading img {margin: 0.5em;}

/* navbar */

#navigate {position: absolute; top: 129px; left: 0; right: 0;
  padding: 0.25em 0 0.25em 1em;
  z-index: 1; overflow: hidden;
  height: auto; width: 85%; line-height: 2;}
#navigate h4 {display: none;}
#navigate ul, #navigate li {margin: 0; padding: 0;}
#navigate ul {padding-left: 0.5em;}

#navlinks {float: left; width: 100%;}
#navlinks a {text-decoration: none;}
#navlinks li {float: left; list-style: none; margin-left: 1px;}
#navlinks li a {padding: 0.25em 1em; margin-right: 0.125em;
  border-top: 0.75em solid #AAC; border-bottom: 1px dotted #FFF;
  font-weight: bold; color: #668;}
#navlinks li ul {display: none; border: none;}
#navlinks li li a {font-weight: normal;}
#navlinks a:hover {border-top-color: #88A;}
#navlinks #otherLink {margin-left: 1.75em;}

.arch #archLink a,
.css #cssLink a,
.tools #toolsLink a,
.write #writeLink a,
.speak #speakLink a,
.other #otherLink a
{border-color: #226 #FFF #FFF; background: #CCE; color: #226; font-style: italic;}

/* navbar SLUT */





#footer {margin: 0; padding: 0 0 1.5em 4.7em;
  font-size: 0.85em; background: #FFF;}
#footer p {line-height: 1em; margin: 0; padding: 0.5em 1em 0 0;}
#footer p.sosumi {border-top: 1px solid silver; padding-top: 1em} 

.book #main img.cover {float: right; margin: 1em 0 1em 2em;
  border: 1px solid; border-color: #AAA #444 #444 #AAA;}

#thoughts h3#thtitle {margin: 0; padding-right: 180px; position: relative; top: 1.1em; 
  line-height: 0.85em;
  border-bottom: 1px solid #999;}
#syndicate {text-align: right; margin: 0; padding: 0 1px 1px 0;
  border-right: 3px double #999;
  position: relative; z-index: 10;}
#syndicate li {display: inline; vertical-align: bottom;}

.columnar, .columnar li {float: left; margin: 0; padding: 0;
  list-style: none !important;}
.columnar {width: 100%; padding: 0 0 0.75em;}
.two li {width: 45%;}
.three li {width: 30%;}

#thoughts h4 {font-size: 1.2em; line-height: 1em;
  margin: 1.5em 0 0.5em; padding: 0;
  clear: both;}
#thoughts h4 a {text-decoration: none;
 border-bottom: 1px dotted; padding: 0 0 0.125em;}
#thoughts h4 a:hover {border-bottom-style: solid;}
#thoughts h4 a:hover:after {content: " \B6"; padding-left: 0.33em;}
#thoughts h5 {font-size: 1em; line-height: 1em;
  margin: 0 0 0.5em; padding: 0; color: #CCC;}
#thoughts h5 b {font-weight: normal; font-size: 0.9em;}
#thoughts h5>a {text-decoration: none; color: #666;
  margin-left: 0.25em; padding: 0 0.25em; border: 1px solid #CCC;}
#thoughts p {margin: 0 0 0.75em; line-height: 1.4em;}
#thoughts .aside {float: right; clear: right; width: 10em;
  border: 3px double #ABABAB; background: #EFEFEF; color: #888;
  padding: 0.5em 0.5em 0.5em 1em; margin: 0.25em 0 0.75em 1.5em;
  font-size: 95%; font-style: italic; line-height: 1.2em;}

#thoughts pre {margin-left: 0.5em; padding-left: 1em;
  border-left: 0.5em double #EEE;}
#thoughts blockquote {margin-left: 0; padding-left: 1em; 
  border-left: 1em solid #EEE;}

.personbillede, object, .left {
	margin-right : 20px;
	margin-bottom: 20px;
	float: left;
	border : 0px;
}