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:0em; text-shadow:#ddd 0.2em 0.2em 0.2em }
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 }
.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%; }
ul { margin-top:0; }

#comments, #children { margin-top:1em; border-top:1px solid #667799; padding-top:1em }
#comments td { font-size:75%; vertical-align:top; font-family:Verdana,Tahoma  }
.commentlabel { white-space:nowrap; text-align:right; }
.commentlabel .time { color:#ccc }
.commentbody { background-color:#fafaed; font-family:Tahoma, 'Trebuchet MS', Verdana }

.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 { 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:8em; z-index:10 }
#sidenav li { margin:0; padding:0; margin-bottom:0.8em; line-height:100% }

#persistentlinks { font-family:Tahoma; font-size:75%; list-style-type:none; padding:4px; border:1px solid white; margin:0; position:fixed; bottom:10px; left:35px; width:80px; 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 { border-top:1px solid #999; width:100%; margin:1em 0 }
#moddate td { text-align:left; font-size:80%; color:#999; font-style:italic; width:33%; padding:0.1em 0; vertical-align:top }
#moddate td + td { text-align:center; padding:0.1em 2em }
#moddate td:last-child { text-align:right }

#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 { 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 }

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; }
#content { margin-left:8em; margin-top:30px; }

#childlist { font-size:85%; width:100% }
#childlist .section { font-weight:bold; }
#childlist td { border-left:2px solid #ccc; padding-left:0.5em; }
#childlist .mod_date { color:#999; font-size:85%; }

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 }
body#home #infoporn table { display:inline-block }
body#home #infoporn td { padding:0 1em; vertical-align:top; color:#666; white-space:nowrap }
body#home #infoporn th, body#home #infoporn td 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 }

/*** INDEX ***************************************************************/
body.node-list ul.index-list { font-size:85%; list-style-type:none; border-left:2px solid #ccc; width:18%; padding:0 0.5em; position:absolute }
body.node-list ul.index-list li { padding:0; margin:0; margin-bottom:0.6em; }
body.node-list ul.index-list .mod_date { font-size:85%; color:#999; }

body.node-list ul.col-1 { left:14%; }
body.node-list ul.col-2 { left:36%; }
body.node-list ul.col-3 { left:58%; }
body.node-list ul.col-4 { left:80%; }

/*** INDEX ***************************************************************/
body#sitemap #full-site-map {
 margin-left:0; padding-left:0;
 list-style-type:none;

 column-count:2;
 -moz-column-count:2;
 -webkit-column-count:2;
 
 column-gap: 2em; 
 -moz-column-gap: 2em; 
 -webkit-column-gap: 2em;

 column-rule:2px solid #ccc;
 -moz-column-rule:2px solid #ccc;
 -webkit-column-rule:2px solid #ccc;
}

body#sitemap #full-site-map ul {
	margin-left:0; padding-left:0; list-style-type:none;

	column-break-before:always;
	-moz-column-break-before:always;
	-webkit-column-break-before:always;
}
	
body#sitemap #full-site-map li {
	font-size:90%;
	margin-left:0; padding-left:0;
}

body#sitemap ul#full-site-map li li {
	margin-left:1em; padding-left:0;
	column-break-before:avoid;
	-moz-column-break-before:avoid;
	-webkit-column-break-before:avoid;
}

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

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