body { background-color:white; font-family: Verdana, Tahoma; padding:1em 2em }
a:hover { color:#cc6600 }
li { margin-top:0em; margin-bottom:1em }
h2 { font-size:105%; font-weight:bold; font-style:italic; margin-bottom:0.2em; text-shadow:#ddd 0.2em 0.2em 0.2em; border-bottom:1px solid #ccc; margin-top:1.5em}
p { margin-top:0em; margin-bottom:.75em }
img { border:none }

table#contactinfo th { text-align:right; color:#999999; font-weight:bold; vertical-align:top; padding:2px 4px }
table#contactinfo td { text-align:left; color:#000000; background:#eeeeee; vertical-align:top; padding:2px 4px }
.ancillary { font-style:italic; color:#999999 }

h1 { font-family:verdana; font-size:110%; font-style:italic; font-weight:normal; margin:0.8em 0; line-height:100%; text-shadow:#ddd 0.2em 0.2em 0.2em }
h1 #nodeTitle { font-weight:bold }
#nodeContent { font-size:85%; margin:1em 0; position:relative }
#nodeContent img.block { display:block; max-width:96%; margin:1em auto }
#nodeContent.markdown table { border-collapse: collapse; margin:1em auto; font-size:85% }
#nodeContent.markdown table thead th { border-bottom:1px solid #999; color:#333; padding:0.2em 0.6em }
#nodeContent.markdown table tbody td { border-bottom:1px solid #ccc; padding:0.2em 0.6em }
#nodeContent.markdown table tr>*:first-child { padding-left:0.2em }
#nodeContent.markdown table tr>*:last-child { padding-right:0.2em }

.subhead { font-weight:bold; font-size:normal; font-style:italic; margin-bottom:0em; margin-top:1.5em; border-bottom:1px solid #999999 }
sup { font-size:85%; }
h3 { font-size:100%; margin-bottom:0.2em }
ul { margin-top:0; }

#comments { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#comments td:first-child { width:1px }
#comments, #children { margin-top:1em; border-top:1px solid #ddd; padding-top:1em }
#comments td { font-size:75%; vertical-align:top; font-family:Verdana,Tahoma  }
.commentlabel { white-space:nowrap; text-align:right; padding-bottom:1em; border-bottom:0.5em solid white; }
.commentlabel .time { color:#ccc }
.commentbody { background-color:#fafaed; font-family:Tahoma, 'Trebuchet MS', Verdana; padding-bottom:0.5em; border-bottom:0.5em solid white; }
#errors { font-weight:bold; color:#c00; }

.formhelp { color:#666666; font-size:smaller; font-family:Tahoma, Verdana; font-style:italic }
.highlight { background-color:#ffffdd }
.code { font-family:monospace; color:#003300 }
div.code, pre.code, pre { margin-left:2em; color:#003300 }
dt { font-weight:bold }

.breadcrumb { font-size:smaller; font-family:Tahoma; color:#cccccc }
.breadcrumb a { color:#999999 }
.breadcrumb a:hover { color:#3333cc }

#sidenav { font-family:Tahoma; font-size:75%; list-style-type:none; background-color:#eeeeee; padding:4px; border:1px solid #cccccc; margin:0; position:fixed; top:100px; left:35px; width:9.3em; z-index:10; overflow:hidden }
#sidenav li { margin:0; padding:0; margin-bottom:0.8em; line-height:100% }
#sidenav li.archived { font-size:80% }

#persistentlinks { font-family:Tahoma; font-size:75%; list-style-type:none; padding:4px; border:1px solid transparent; background:rgba(255,255,255,0.8); margin:0; position:fixed; bottom:10px; left:35px; width:95px; z-index:10; }
#persistentlinks li { margin:0; padding:0; margin-top:0.4em }
#persistentlinks a { color:#000099 }
#persistentlinks a:hover { color:#cc6600 }

h2.picturegroup { margin:0em; border-bottom:1px solid black }
div.picturegroup { margin-bottom:2em }
div.picturegroup img { margin:0.5em 1em; border:1px solid #000099; vertical-align:middle }


#moddate { font-size:75%; color:#999; border:1px solid #ddd; padding:0.2em; background:#f6f6f6  }
#moddate > * { display:inline-block }

#topnav { position:fixed; top:0; left:0; width:100%; height:32px; background:url(../images-nav/bg-top.png) repeat-x; z-index:1; ; font-family:Verdana; font-size:85%; letter-spacing:3px; padding-top:4px; white-space:nowrap; }
#topnav a:first-child { margin-left:155px; }
#topnav a { color:#3258a6; text-decoration:none; margin-right:2.5em; border-bottom:2px solid #f5f5f5; display:inline-table; display:inline-block; text-shadow:#ccc 0.2em 0.2em 0.2em }
#topnav a:hover, #topnav a:active { color:#1461CC }
body.netmind #topnav a#netmind,
body.resume #topnav a#resume,
body.details #topnav a#details,
body.contact #topnav a#contact,
body.other #topnav a#other { cursor:default; color:black; border-bottom-color:#666; text-shadow:none }
#topnav a#netmind:hover { border-bottom-color:#93C4F5 }
#topnav a#resume:hover { border-bottom-color:#e6deb8 }
#topnav a#details:hover { border-bottom-color:#b0f593 }
#topnav a#contact:hover { border-bottom-color:#f5c493 }
#topnav a#other:hover { border-bottom-color:#f59393 }

#topnav a.selected:hover { color:black; border-bottom-color:#666 ! important }

#children { margin-top:1em; font-size:85%; }

table.persists td { vertical-align:top; font-size:85%; padding-right:2em }
table.persists ul,
table.persists li { list-style-type:none; margin:0; padding:0 }
table.persists li { margin-bottom:1em;  }
table.persists .time { color:#999; font-size:90% }

#hierarchy td { vertical-align:top; border-left:2px solid #999; padding:0 1em; font-size:90% }
#hierarchy td ul { margin:0; padding:0; list-style-type:none }
#hierarchy td li { margin:0; padding:0; margin-bottom:0.7em; line-height:100% }
#hierarchy td li.parent { font-weight:bold }
#hierarchy td li.parent ul { font-weight:normal }
#hierarchy td ul ul { margin-left:1.4em; font-size:90%; margin-top:0.7em; margin-bottom:1em }
#hierarchy a { text-decoration:none }

body.other { background:url(../images-nav/bg-other.gif) top left repeat-y; }
body.netmind { background:url(../images-nav/bg-netmind.gif) top left repeat-y; }
body.resume { background:url(../images-nav/bg-resume.gif) top left repeat-y; }
body.details { background:url(../images-nav/bg-details.gif) top left repeat-y; }
body.contact { background:url(../images-nav/bg-contact.gif) top left repeat-y; }

#phrogz { position:fixed; top:0; left:0; width:181px; height:181px; background:url(../images-nav/bg-corner.png); z-index:2; }
#phrogz a { display:block; width:74px; height:71px; background:url(/images-nav/phrogz.gif) no-repeat; color:rgba(0,0,0,0); font-size:1px; text-indent:-10000px; }
#phrogz a:hover { background-image:url(/images-nav/phrogz-glow.gif) }
#content { margin-left:8em; margin-top:30px }

#childlist { font-size:85%; list-style-type:none; margin:0; padding:0;}
#childlist .section { font-weight:bold; }
#childlist li { margin:0 1em 1em 0; padding:0; display:inline-block; width:15em; vertical-align:top }
#childlist .mod_date { color:#999; font-size:85%; }
#childlist li:last-child { padding-bottom:0; }

ul.picture-list { margin:0; padding:0; text-align:center; list-style-type:none; }
ul.picture-list li { list-style-type:none; padding:0; margin:0; display:inline }
ul.picture-list img { border:1px solid #aaa; margin:0.5em; vertical-align:middle }

/*** HOME PAGE ***************************************************************/
body#home h1 { margin:0 }

body#home a:link { color:#069 }
body#home a:visited { color:#036; text-decoration:none }
body#home a:active, a:hover { color:#ce6a07 }
body#home #layout { width:280px; margin:5% auto; position:relative }
body#home #layout a { position:absolute; font-family:Verdana; font-size:85%; letter-spacing:4px; text-decoration:none }
body#home #layout a:visited { color:#069 }
body#home #layout a:active, #layout a:hover { font-weight:bold; color:#ce6a07 }
body#home a#home, a#home:hover { left:20px; top:-20px; color:#999; font-weight:normal; text-shadow:none }
body#home #netmind { left:122px; top:-5px; text-shadow:#ccc 0.2em 0.2em 0.3em }
body#home #resume { left:208px; top:42px; text-shadow:#ddd 0.6em 0.5em 0.3em }
body#home #details { left:250px; top:100px; text-shadow:#ddd 1.0em 0.95em 0.4em }
body#home #contact { left:270px; top:170px; text-shadow:#ddd 1.2em 1.1em 0.6em }

body#home #infoporn { font-family:Tahoma; margin:1em auto; text-align:center; }
body#home #infoporn table { display:inline-block; text-align:left; border-collapse:collapse; margin:0 1em; }
body#home #infoporn { padding:0 1em; vertical-align:top; color:#666; white-space:nowrap }
body#home #infoporn th, body#home #infoporn td { font-size:80%; vertical-align:top; padding:0; line-height:100%; padding:0.2em 0; text-align:right; }
body#home #infoporn tbody th { font-weight:normal; text-align:right; padding-right:0.5em }
body#home #infoporn thead th { font-weight:bold; text-align:left; border-bottom:1px solid #666; white-space:nowrap; padding:0 }

body#home #sitemap { margin:0; padding:0.4em; border-top:1px solid #ccc; border-color:rgba(200,200,200,0.8); text-align:center; font-size:75%; position:absolute; background:#eee; background:rgba(250,250,250,0.8); bottom:0; left:0; right:0; color:#999;}

/*** INDEX ***************************************************************/
body.node-list ul.index-list { font-size:85%; list-style-type:none; margin:0; padding:0; text-align:justify; }
body.node-list ul.index-list li { padding:0; margin:0 1em 1em 0; display:inline-block; }
body.node-list ul.index-list .mod_date { font-size:85%; color:#999; }

/*** INDEX ***************************************************************/
body#sitemap ul.site-map {
	display:inline-block;
	vertical-align:top;
	list-style-type:none;
	margin:0; padding:0; padding-left:0.5em;
	border-left:2px solid #eee;
}
body#sitemap ul.site-map > li { font-weight:bold; margin-bottom:1em; }

body#sitemap .site-map ul {
	margin-left:0; padding-left:0; list-style-type:none; margin-bottom:0.7em; font-weight:normal;
}
	
body#sitemap .site-map li {
	font-size:90%;
	margin-bottom:0.3em; padding-bottom:0;
	margin-left:0; padding-left:0;
}

body#sitemap .site-map li li {
	margin-left:1em; padding-left:0;
}

body#sitemap ul.site-map li { font-size:85% }

code { font-family:Courier, monospace; color:#040; background:#f3f3f3 }
a code { color:#009; text-decoration:none }
a:hover code { color:#33c; text-decoration:underline }
pre {
  display:block; white-space:pre; background:#efe; padding:0.5em 1em; color:#030; margin:1.5em; border:1px solid rgba(0,100,0,0.1);
  overflow:auto
}
pre code { background:none }

#sitechanges * { vertical-align:top }
#sitechanges th { white-space:nowrap; font-weight:normal; color:#666; padding-right:1em; text-align:left; font-size:90% }

ul.brief li { margin-top:0; margin-bottom:0.2em; padding-top:0; padding-bottom:0 }

body.archived { background:#ffe }
body.archived #moddate { background:#e99; color:#633; border-color:#c66 }
#archived-notice { color:#900; font-size:80%; font-weight:bold; background:#fcc; padding:0.2em; border:1px solid #c66; border-top:0 }


#nodeContent h1, #nodeContent h2 { font-style:normal }
#nodeContent h4, #nodeContent h5, #nodeContent h6 { margin-bottom:0.4em; opacity:0.7 }