/* generics */

* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.84em/1.333 Arial, sans-serif; margin: 0; padding: 0;
  color: #202020; background: #FFF;
  min-width: 40em; margin: 0 auto;}
a:link,
a:visited {color: #800;}
a img {border: none;}
h1 {font-size: 2em; margin: 2em 0 0.5em; padding: 0.25em 0;}
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 0.33em 0 1em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
dt {margin: 0.5em 0 0;}
dd {margin: 0.5em 0 0.5em 2.5em;}
pre, code, tt {font: 110% "Andale Mono", Courier, "Courier New", monospace;
  margin: 1em 0;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.border {border: 3px double;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
p.standalone {text-align: center;}
p.standalone img {display: inline;}
.warning {background: #FF8; color: red; border: 2px solid; padding: 1em;}
.highlight {background: #B4D5FF; font-weight: bold;}

table.chart {margin: 1em auto;}
table.chart caption {font-weight: bold; font-style: italic; font-size: 90%;}
table.chart th {text-align: left;}
table.chart thead th {border-bottom: 1px solid #CCC;}
table.chart th, table.chart td {border-bottom: 1px dotted #DDD;}
table.chart tbody th {padding-right: 1em;}

/* masthead */

#sitemast {padding: 0; margin: 0; overflow: hidden; border-bottom: 1px solid #000;
  height: 150px; 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: 122px;
  /* 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;}

#sitemast {background: #000 url(http://images.kjonigsen.net/jkn/design/background.jpg) 0 0 no-repeat;}
#sitemast h1 a {color: rgb(95%,68%,19%);}

/* main content */

#main 
{
	margin: 1.1em 18em 0 9em;
	padding: 3.5em 0;
	min-height: 37em;
}

#main_wide 
{
	margin: 0 1em;
	padding: 3.5em 0;
}

#main h2 
{
	border-bottom: 1px solid #800;
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 1.75em;
	line-height: 1em;
	font-size: larger;
}

#main h2 a
{
	text-decoration: none;
	color: Black;
}

#main h2 a:hover
{
	color: #808080;
}

#main p.contact 
{
	margin: 0 1em; text-align: right; font-size: 90%;
}

#main div.postdate 
{
	margin: 8px 0 0 0;
	padding: 0;
	float: right;
	font-size: 80%;
	color: #aaaa44;
}

#main div.post
{
	background-color: #f8f8f8;
	
	overflow: hidden;
	border-top: solid 1px #e0e0e0;
	border-left: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
	border-right: solid 1px #f0f0f0;
	margin: 0 20px 2em 20px;
	padding: 0 0.5em;
	-moz-border-radius:1em;
}

#main div.post p
{
	margin: 0;
	padding: 0.5em 0;
	line-height: 1.5em;
}

/*#main div.post p img,
#main div.commentForm p img
{
	border: 1px gray black;
}*/

#main div.postfooter
{
	border-top: 1px #c0c0c0 solid;
	font-size: 0.8em;
	height: 1.5em;
	padding: 0.5em 0.4em 0.2em 0.4em;
	margin-top: 0.5em;
}

#main div.comments
{
	float: left;
}

#main div.addcomment
{
	text-align: right;
}

#main div.commentForm
{
	background-color: #f8f8f8;
	
	border-top: solid 1px #e0e0e0;
	border-left: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
	border-right: solid 1px #f0f0f0;
	margin: 0 20px 2em 20px;
	padding: 0 0.5em 0;
	-moz-border-radius:1em;
}

#main div.commentForm p
{
	line-height: 1em;
	padding: 0em;
	margin: 0.25em;
}

#main div.commentForm input, #main div.commentForm textarea
{
	width: 100%;
}

#main div.commentForm div.commentBox
{
	border: 1px black solid;
	background-color: White;
	padding: 0.5em;
	margin: 0.5em 0;
	color: gray;
	overflow: hidden;
}

#main div.commentForm p.poster
{
	color: #800;
	font-weight: bold;
	float: left;
}

#main div.commentForm p.homepage
{
	float: right;
}

#main div.commentForm p.homepage a
{
	color: #aaaa44;
	text-decoration: none;
}

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

#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;
  border: none; margin-left: 1em;}
#main blockquote.lyric p {text-indent: 0;}
.quoteattrib {margin: -0.75em 3em 0.66em; font-size: 87.5%;}
.quoteattrib cite {font-style: italic;}

#main table.ArticleList
{
	border: solid 1px black;
	background: #f8f8f8;
	padding: 8px;
}

#main table.ArticleList tr th {text-align: left;}
#main table.ArticleList tr td {padding: 4px; vertical-align: top;}

#main div.certification
{
	float: left;
	margin: 1em;
	padding: 1em;
	border: 1px black solid;
	height: 5.5em;
	width: 18em;
	text-align: center;
}

#main div.certificationmcts
{
	float: left;
	margin: 1em;
	padding: 1em;
	border: 1px black solid;
	height: 9em;
	width: 18em;
	text-align: center;
}


#main .tags
{
	clear: right;
	text-align: right;
}

#main .tags a
{
	text-decoration: none;
	text-transform: uppercase;
	font-size: smaller;
	font-weight: bold;
	color: #040;
}

#main .tags a:hover
{
	color: #0c0;
}

/* navbar */

#navigate {position: absolute; top: 151px; left: 0; right: 0;
  padding: 0.25em 0 0.25em 1em;
  z-index: 1; overflow: hidden;
  height: auto; width: 85%; line-height: 2em;}
#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.3em 1em; margin-right: 0.125em;
  border-top: 2px solid #bb9;
  font-weight: bold; color: #660;}
#navlinks li ul {display: none; border: none;}
#navlinks li li a {font-weight: normal;}
#navlinks a:hover {border-top-color: #88A;
	background: #eed url(http://images.kjonigsen.net/jkn/design/selectee.jpg);}
#navlinks #aboutLink {margin-left: 1.75em;}

.frontpage #frontLink a,
.blog #blogLink a,
.japan #japanLink a,
.photos #photoLink a,
.computing #computingLink a,
.media #mediaLink a,
.other #otherLink a,
.about #aboutLink a
{
	background: #000;
	color: #dd8;
	color: rgb(95%,68%,19%);

}

/* 'sidebar' */

#extra {position: absolute; top: 151px; right: 0; z-index: 100; width: 16em; 
  font-size: 1em; line-height: 1.2;
  padding: 1.75em 0 0; margin: 3em 0 0;
  color: #5A5A5F;}

#extra .panel {margin: 1em 0 0 0; padding: 1em 1em 0 3em;}
#extra .panel h4,
#extra .panel h5 {margin: 0 0 0.25em; padding: 0 0.5em 0 0;
  font-size: 90%; line-height: 1em;
  border-bottom: 1px solid #442;}
#extra .panel ul {list-style: none; margin: 0 1em 0 0; padding: 0; font-size: 90%;}
#extra .panel li {margin-left: 1em; text-indent: -1em;}
#extra .panel .more {float: right; margin: -1.5em 1px 0 0.5em;
  font-style: italic; text-align: right; font-size: smaller;}

/* miscellaneous */

#footer {margin: 3em 18em 0 12em; padding: 0.5em 0 3.5em;
  border-top: 1px solid gray;
  text-align: center;
  color: gray; background: #FFF;
  clear: both;
}
#footer a {color: #558;}
#footer a:visited {color: #858;}
#footer p {line-height: 1.2; margin: 0; padding: 0.5em 0.25em 0;}

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

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

/* photogalleries */

#galleries .gallery
{
	background-color: White;
	min-height: 104px;
	border: 1px #c0c0c0 solid;
	padding: 1em;
	margin: 1em 0;
	clear: left;
	-moz-border-radius:1em;
}

#galleries .gallery img
{
	border: 1px black solid;
	padding: 1px;
	margin: 0 0 1em 1em;
	float: right;
}

#galleries a
{
	text-decoration: none;
}

#galleries .gallery h3
{
	margin: 0;
	padding: 0 0 0 0;
	font-size: medium;
}

#galleries .gallery h3 a
{
	color: #404040;
}

#galleries .gallery h3 a:hover
{
	color: #800000;
}

#agalleries .gallery p
{
	line-height: 1.2em;
	padding: 0;
	margin: 0;
}

#galleries .gallery p.numphotos
{
	padding-bottom: 1em;
}

#galleries .gallery .gallerydate
{
	color: #aaaa44;
	font-size: smaller;
	margin: 0;
	padding: 0 0 0.5em 0;
}

#photos
{
	margin: 0;

}

#photos div.photo
{
	float: left;
	margin: 0 1em 1em 0;
	padding: 1em;
	text-align: center;
}

#photos div.photo p
{
	margin: 0;
	padding: 0;
}

#photos div.photo p a
{
	text-decoration: none;
}

#photos div.photo a img
{
	border: 1px #008000 solid;
	padding: 2px;
}

#photos div.photo a:hover img
{
	border: 2px #408000 solid;
	padding: 1px;
}

#photo
{
	text-align: center;
}

#photo img
{
	padding: 2px;
	border: 1px black solid;
	margin-bottom: 1em;
}

#photo .previous
{
	text-align: left;
}

#photo .gallery
{
	text-align:center;
	margin: 0 1em;
}

#photo .next
{
	text-align: right;
}

#photo a
{
	text-decoration: none;
}

#pager
{
	/*border-top: 1px #c0c0c0 solid;*/
	padding: 0 1em;
	/*margin-top: 1em;*/
}

#pager a
{
	text-decoration: none;
	font-size: small;
	color: #008000;
}

#pager .back
{
	float: right;
}

#pager .forward
{
	float: left;
}


/* Hack-o-rama! */

* html #navigate {padding-top: 0;}