/* Page Structure
----------------------------------------------- */
body {
  margin:0;
  padding:0;
  background:#eee;
  font:x-small Verdana,Sans-serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}
#content {
  position:relative;
  clear:both;
  line-height:1.5em;
  }
#colM {
  width:65%;
  margin:0;
  background:#fff;
  font-size:85%;
  color:#333;
  }
#colM .col {
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  margin-left:15px;
  padding:35px 50px 30px 15px;
  }
#colR {
  position:absolute;
  width:35%;
  right:15px; margin-right:-15px; /* IE5/Mac Horiz Scrollbar Hack */
  left:auto;
  top:0;
  border-bottom:1px dotted #999;
  font-size:85%;
  }
#colR .col {
  border-right:1px solid #ccc;
  margin:0 20% 0 0;
  padding:20px 15px 10px 15px;
  color:#666;
  }

/* Links
----------------------------------------------- */
a:link, a:visited {
  border-bottom:1px dotted #69f;
  color:#36c;
  text-decoration:none;
  }
a:visited {
  border-bottom-color:#969;
  color:#939;
  }
a:hover {
  border-bottom:1px solid #f00;
  color:#f00;
  }
a.noline:link, a.noline:visited, a.noline:hover {border-style:none;}

/* Header
----------------------------------------------- */
#header {
  background:#036 url("bg_hdr_blue.gif");
  padding-left:15px;
  }
#header #logo {
  border-left:1px solid #369;
  padding:15px;
  background:url("mindmat3.jpg") no-repeat 15px 15px;
  }
#logo a {
  border-style:none;
  display:block;
  width:134px;
  }
#logo img {
  display:block;
  width:0;
  }
.pageheader {
  margin:0 -50px 0 -15px;
  padding:25px 50px 10px 15px;
  background:#eee;
  line-height:1.5em;
  border-bottom:1px dotted #ccc;
  }

/* Nav
----------------------------------------------- */
#nav {
  background-image:url("darken.gif");
  margin:0 0 0 -15px;
  padding:0 0 0 15px;
  border:1px solid #369;
  border-width:1px 0;
  text-transform:lowercase;
  font-size:85%;
  white-space:nowrap;
  }
#nav li {
  margin:0; padding:0;
  display:inline;
  list-style-type:none;
  }
#nav a, #nav strong, #nav em {
  float:left;
  display:block;
  border-style:solid;
  border-color:#369;
  border-width:0 1px 0 0;
  border-top-style:none;
  /* Odd bugs split between IE5/Win and IE5/Mac prevent border values from being combined into one declaration */
  padding:5px 8px;
  text-decoration:none;
  font-weight:normal;
  color:#69c;
  white-space:nowrap;
  }
#nav .first a, #nav .first strong {border-left-width:1px;}
#nav em {
  float:none;
  border-style:none;
  display:block;
  }
#nav span {
  text-transform:uppercase;
  font-weight:bold;
  color:#9cf;
  }
#nav span span {display:none;}
#nav strong, #nav strong span {background:#369; color:#fff;}
#nav strong a span {color:#9cf;}
#nav a:hover, #nav a:focus {background:#036;}
#nav a:hover, #nav a:focus, #nav a:hover span, #nav a:focus span {
  color:#fff;
  border-bottom-width:0;
  }
#nav strong a, #nav strong a:visited {
  float:none;
  display:inline;
  padding:0;
  border-style:none;
  background-color:transparent !important;
  }

/* Titles
----------------------------------------------- */
h1 {
  height:22px;
  margin:0;
  }
#content h1.unique {background:none;}
h1 span {display:none;}
h2 {
  margin:0 -50px 10px -15px;
  padding:15px 50px 0 15px;
  color:#69c;
  font:bold 145% Arial,Helvetica,Sans-serif;
  }
h2.first, h3.first {margin-top:0;}
h2 strong {color:#9cf;}
h2 em, h3 em {display:none;}
h3 {
  font-size:118%;
  font-weight:bold;
  border-width:0;
  }
h5 {
  font-size:100%;
  margin:1em 0 .5em 0;
  }

#colR h2 {
  margin:1.5em -15px 8px -15px;
  padding:0 15px;
  border-top-width:0;
  font-weight:normal;
  }
#colM .pageheader h2 {padding-top:10px; margin-bottom:0; font:bold 118% Verdana,Sans-serif;}
#colM h2.first {border-top-width:0;}
#colR h2.first {
  border-top:1px dotted #999;
  margin-top:0;
  padding-top:10px;
  }
#colM h3 {
  margin:0 -50px 0 -15px;
  padding:0 15px 0 15px;
  }
#colM .pageheader h3 {
  margin-top:10px;
  }
#colR h3 {
  margin:0 0 .5em 0;
  font-size:100%;
  color:#69c;
  }
#colM h4 {
  font:bold 120% Arial,Helvetica,Sans-serif;
  margin:0 0 0 0;
  border-top:1px dotted #ccc;
  padding-top:5px;
  }
#colR h4 {
  font-size:100%;
  margin:1.5em 0 .5em 0;
  }

/* Home
----------------------------------------------- */
#home h1 {margin-top:15px;}

/* Log
----------------------------------------------- */
.log #colM {font-size:100%;}
.log #colR {line-height:1.5em;}
.log #hdr .tag {margin-bottom:0;}
.log .pageheader {font-size:85%;}
.log #colM h3 {font-size:120%; border-top:1px dotted #ccc; padding-top:1em;}
.log #colM .pageheader h3 {border-top-width:0; font-size:118%; padding-top:0;}
.log #colM h4 {font-size:120%; color:#00CC33;}
.entry {margin-bottom:20px;}
.entry blockquote {
  margin:1em 2em;
  padding:0 0 .75em;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  }
.entry blockquote p {margin:.75em 0 0;}
.entry strong.time, .entry .sub {font-size:85%;}

table.cal {font-size:100%; margin-top:1.75em;}
.cal .monthname th {
  text-transform:lowercase;
  text-align:left;
  font:bold 118% Verdana,Sans-serif;
  color:#69c;
  }
.cal .monthname a {
  text-decoration:none;
  border-bottom-width:0;
  }
.cal th {
  font:90% Arial,Sans-serif;
  color:#666;
  text-transform:lowercase;
  text-align:center;
  }
.cal td {
  padding:0 2px;
  border:1px solid #000;
  text-align:center;
  color:#666;
  }
.cal .selected {border-color:#960; font-weight:bold; color:#fff;}
.cal .today {background:#333; color:#ccc;}
.cal td a, .cal td a:visited, .cal td a:hover {
  font-weight:bold;
  text-decoration:underline;
  border-bottom-width:0;
  }

/* Articles
----------------------------------------------- */
#article #colM {font-size:100%;}
#article #colM .pageheader {font-size:85%;}
#article h1 {margin-top:.5em; margin-bottom:0;}
.art p {margin-bottom:1em;}
.art .pageheader p {margin-bottom:0;}
.art #colM h4 {margin-top:1.2em; font-size:120%;}
#article .footer, #article .sub {font-size:85%;}
dl .author {display:block;}

/* Misc Rules
----------------------------------------------- */
a img {border-width:0;}
p {margin:1em 0 0;}
dl {margin:0;}
dt {font-weight:bold; margin:0 0 .3em 0; font-size:115%;}
dd {margin:0 0 1.5em 0;}
acronym {border-bottom:1px dotted #ccc;}
code {font-size:100%;}
form {margin-top:0;}
form .formbtn {
  position:relative;
  top:2px;
  }

ul {
  margin:0 0 1em 0;
  padding-left:17px;
  list-style-image:url("icon_s7_666.gif");
  }
#colM ul {margin-top:.5em;}
#colM ul ul {
  list-style-image:none;
  list-style-type:disc;
  margin:.5em 0;}
#footer {color:#999; margin-top:2em;}
p.example {margin:1em 0; padding:10px; background:#eee;}
.arrow {color:#f30 !important;}
.errortype {color:#f00;}
.imgLeft {
  position:relative;
  float:left;
  margin:.4em 8px 5px 0;
  }
.imgRight {
  position:relative;
  float:right;
  margin:.4em 0 5px 8px;
  }
.nowrap {white-space:nowrap;}
.none, hr {display:none;}
.clearb {clear:both;}

/* Home
----------------------------------------------- */
#home h1 {background:url("title_reclog.gif") no-repeat;}

/* Log
----------------------------------------------- */
body.log {background:#000;}
.log #colM .col {
  border-right-color:#333;
  background-image:url("/dness/notes/dnn1.jpg");
  background-repeat:repeat-x;
  }
.log #colR {border-bottom-color:#333;}
.log #colR .col {border-right-color:#333; color:#ccc;}
.log .pageheader {border-bottom-style:none;}

.log #colR a:link {color:#9cf; border-color:#69c;}
.log #colR a:visited {color:#f9f; border-color:#c6c;}
.log #colR a:hover {color:#f30; border-color:#f30; background:#000;}

.log h1.bymonth {background:url("title_logmonth.gif") no-repeat;}
.log h1.byday {background:url("title_logday.gif") no-repeat;}
.log h1.bynone {background:url("title_logarchive.gif") no-repeat;}
.log .pageheader h2 {color:#69c;}
.log h4 {color:#69c;}
.log #colR h2.first {border-color:#333;}
.log #colR .sub {color:#999;}
.log #colR ul strong {color:#fff; font-size:118%; line-height:1.2em;}
.log #colR ul li {line-height:1.2em; padding-bottom:5px;}
.log #colR p strong {color:#fff;}
.log form .formbtn:hover {background:#333;}
.log .entry blockquote {color:#666;}

/* Aricles
----------------------------------------------- */
body.art {background:#f0f0e1;}
.art #colM .col {
  background-image:url("ph_olive.gif");
  background-repeat:repeat-x;
  }
.art #colR {border-color:#ccc;}

.art #header {background:#330 url("bg_hdr_olive.gif");}
.art #header #logo {border-color:#663; background-image:url("logo20_olive.gif");}

.art #nav {border-color:#663;}
.art #nav a, .art #nav strong {border-color:#663; color:#996;}
.art #nav span {color:#cc9;}
.art #nav strong, .art #nav strong span {background:#663; color:#fff;}
.art #nav strong a span {color:#cc9;}
.art #nav a:hover, .art #nav a:focus {background:#330; color:#fff;}

.art h1 {background:url("title_articles.gif") no-repeat;}
.art h2 {color:#996;}
.art h2 strong {color:#663;}
.art #colR h2.first {border-color:#ccc;}
.art #colM h2 {color:#996;}
.art h4 {color:#996;}
.art .date {color:#993;}

/* Portfolio
----------------------------------------------- */
body.port {background:#000;}
.port #colM {background:#000; color:#ccc;}
.port #colM .col {
  border-left-color:#333;
  border-right-color:#333;
  padding-top:20px;
  }
.port .portIndex #colM .col {
  background-image:url("ph_green.gif");
  background-repeat:repeat-x;
  padding-top:35px;
  }
.port #colR {border-bottom-color:#333;}
.port #colR .col {border-right-color:#333; color:#ccc;}

.port a:link, .port a:visited {color:#9cf; border-color:#69c;}
.port a:hover {color:#f30; border-color:#f30; background:transparent;}

.port #header {background:#033 url("bg_hdr_green.gif");}
.port #header #logo {border-color:#366; background-image:url("logo20_green.gif");}
.port .pageheader {
  background:#191919;
  border-color:#333;
  }

.port #nav {border-color:#366;}
.port #nav a, .port #nav strong {border-color:#366; color:#699;}
.port #nav span {color:#9cc;}
.port #nav strong, .port #nav strong span {background:#366; color:#fff;}
.port #nav strong a span {color:#9cc;}
.port #nav a:hover, .port #nav a:focus {background:#033; color:#fff;}

.port h1 {background:url("title_port.gif") no-repeat;}
.port h2 {color:#699;}
.port h2 strong {color:#9cc;}
.port #colR h2.first {border-color:#333;}
.port #content #colM h3 {color:#9cc; border-top-color:#333;}

.port #colR .sub {color:#666;}
.port ul {list-style-image:url("icon_s7_699.gif");}
.port #colR ul strong {color:#fff; font-size:118%; line-height:1.2em;}
.port #colR ul li {line-height:1.2em; padding:0 0 5px;}
.port .sub {color:#666;}
.port #colM strong {color:#ccc;}
.port .portIndex #colM strong {color:#fff;}


/* Experiments
----------------------------------------------- */
body.exp {background:#000;}
.exp #colM {background-color:#000; width:95%; color:#ccc;}
.exp #colM .col {
  border-left-color:#333;
  border-right-color:#333;
  border-bottom:1px dotted #333;
  background-image:url("ph_red.gif");
  background-repeat:repeat-x;
  }

.exp a:link, .exp a:visited {color:#9cf; border-color:#69c;}
.exp a:hover {color:#f30; border-color:#f30; background:transparent;}

.exp #header {background:#600 url("bg_hdr_red.gif");}
.exp #header #logo {border-color:#933; background-image:url("logo20_red.gif");}
.exp .pageheader {background:#191919; border-color:#333;}

.exp #nav {border-color:#933;}
.exp #nav a, .exp #nav strong {border-color:#933; color:#f93;}
.exp #nav span {color:#fc6;}
.exp #nav strong, .exp #nav strong span {background:#933; color:#fff;}
.exp #nav strong a span {color:#fc6;}
.exp #nav a:hover, .exp #nav a:focus {background:#600; color:#fff;}

.exp h1 {background:url("title_exp.gif") no-repeat;}
.exp h2 {color:#fc0; border-top-color:#666;}
.exp h2 em {color:#fc0;}
.exp #colM h3, .exp #colM h4 {color:#fc0; border-top-style:none;}
.exp #colM strong, .exp #colM cite {color:#fff;}

/* More Info
----------------------------------------------- */
body.more {background:#ccc;}
.more #colM .col {
  border-right-color:#999;
  background-image:url("ph_gray.gif");
  background-repeat:repeat-x;
  border-bottom:1px dotted #999;
  }
#form #colM .col {padding-right:0;}
.more #colR .col {border-right-color:#999;}

.more #header {background:#333 url("bg_hdr_gray.gif");}
.more #header #logo {border-color:#666; background-image:url("logo20_gray.gif");}
.more .pageheader {margin-right:-50px;}
#form .pageheader {margin-right:0;}

.more #nav {border-color:#666;}
.more #nav a, .more #nav strong {border-color:#666; color:#999;}
.more #nav span {color:#ccc;}
.more #nav strong, .more #nav strong span {background:#666; color:#fff;}
.more #nav strong a span {color:#ccc;}
.more #nav a:hover, .more #nav a:focus {background:#333; color:#fff;}

.more h1 {background:url("title_more.gif") no-repeat;}
.more h2 {color:#69c;}
.more h2 strong {color:#369;}
.more h2 {color:#69c;}
.more h4 {color:#369;}
.more #colM h4 {
  margin-top:1.75em;
  margin-right:-20%;
  padding-right:20%;
  }

.more #colR ul strong {color:#000; font-size:118%; line-height:1.2em;}
.more #footer {color:#666;}

/* Form
----------------------------------------------- */
#contactForm {
  background:#eee;
  margin-left:-15px;
  }
#contactForm table {
  font-size:100%;
  }
#contactForm th, #contactForm td {
  padding:5px 15px;
  border:1px dotted #ccc;
  border-width:0 0 1px 0;
  }
#contactForm th {
  vertical-align:top;
  white-space:nowrap;
  text-align:left;
  }
#contactForm td {
  width:100%;
  border-left-width:1px;
  }
#contactForm .highlt th, #contactForm .highlt td {background:#ffc;}
#contactForm .highlt th {color:#c00;}
#contactForm input, #contactForm textarea, #contactForm select {
  font:x-small Courier New,Courier,Monospace;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body #contactForm input, html>body #contactForm textarea {font-size:small;}
#contactForm textarea {
  display:block;
  clear:left;
  width:80%;
  voice-family: "\"}\""; voice-family:inherit;
  width:95%;
  } html>body #contactForm textarea {width:95%;}
#contactForm #sendbtn {
  padding:2px 5px;
  border:2px solid #69c;
  border-color:#69c #369 #369 #69c;
  background:#ccc;
  font:bold 100% Verdana,Sans-serif;
  }/*
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */
.port #colM .col {
  position:relative;
  border-bottom:1px dotted #333;
  padding-bottom:0;
  }
.portCol {
  position:relative;
  border-top:1px dotted #333;
  margin:0 -50px 0 -15px;
  padding:0 50px 0 0;
  }
.portGroup {
  border-left:1px dotted #333;
  padding:15px 0 20px 15px;
  margin-left:115px;
  min-height:230px
  }

  
/* Titles
----------------------------------------------- */
.port #colM h3 {
  padding-top:12px;
  padding-bottom:12px;
  border-top:1px dotted #666;
  }
.port .portIndex #colM h3 {
  border-top-width:0;
  margin:10px -50px 0 -15px;
  padding:0 15px 0 15px;
  }
.port h3 em {
  font-weight:normal;
  font-style:normal;
  font-size:85%;
  color:#999;
  }
.port #colM h4 {
  line-height:1.5em;
  clear:left;
  margin:0 0 .4em 0;
  color:#fff;
  }
.port #colM h4 em {
  font-weight:normal;
  font-style:normal;
  color:#9cc;
  white-space:nowrap;
  }

/* Thumbnails
----------------------------------------------- */
#thumbs {
  position:absolute;
  top:11px;
  left:28px;
  margin:0;
  width:130px;
  voice-family: "\"}\""; voice-family:inherit;
  left:12px;
  } html>body #thumbs {left:12px;}
#thumbs span {
  float:left;
  margin:0 6px 6px 0;
  width:43px;
  }
#thumbs a, #thumbs strong {
  display:block;
  padding:2px;
  border:2px solid #000;
  }
#thumbs img {display:block;}
#thumbs strong {border-color:#666;}
#thumbs a:hover {border-color:#fff;}

/* Small Thumbnails (2)
----------------------------------------------- */
#thumbs2 {
  position:absolute;
  top:13px;
  left:29px;
  margin:0;
  width:92px;
  }
#thumbs2 span {
  float:left;
  margin:0 4px 4px 0;
  width:19px;
  }
#thumbs2 a {
  display:block;
  padding:1px;
  border:1px solid #000;
  }
#thumbs2 img {display:block;}
#thumbs2 a:hover {border-color:#fff;}

/* ThumbsFront
----------------------------------------------- */
#thumbsFront img {margin:0 5px 5px 0;}

/* Piece and Magnifiers
----------------------------------------------- */
.piece {
  float:left;
  margin:0 10px 10px 0;
  }
.magNav {
  float:left;
  margin-top:-4px;
  }
.magNav span {
  width:49px;
  display:block;
  margin:0 0 6px 0;
  }
.magNav a:link, .magNav a:visited, .magNav a:hover, .magNav strong {
  display:block;
  border:2px solid #000;
  }
.magNav strong {border-color:#666;}
.magNav img {display:block;}
.magNav a:hover {
  border-color:#fff;
  }

/* Prev/Next Nav
----------------------------------------------- */
.portNav {
  position:absolute;
  top:23px;
  right:0;
  text-align:right;
  padding-right:13px;
  width:108px;
  }
.portNav span {
  float:left;
  width:49px;
  margin-right:5px;
  }
.portNav a:link, .portNav a:visited, .portNav a:hover {
  display:block;
  border-style:none;
  }
.portNav img {display:block;}
.portNav a:hover {background:#fff;}

/* Misc
----------------------------------------------- */
.port .portGroup p {
  margin:0 0 .5em 0;
  }
.port b {display:none;}

/* Large Version
----------------------------------------------- */
.portLarge #colM {width:auto;}
.portLarge #colM .col {border-right-style:none;}
.portLarge .magNav {
  float:none;
  position:absolute;
  top:15px;
  left:27px;
  }
.portLarge .portGroup img {padding-bottom:15px;}

body {margin:15px;}
h1 {font:bold 140% Arial,Helvetica,Sans-serif;}
h2 {font:bold 110% Arial,Helvetica,Sans-serif;}
h3 {font:bold 90% Arial,Helvetica,Sans-serif; border:1px solid #ccc;}
h1, h2, h3, h4 {color:#369;}
h1 {color:#036;}
hr {margin-top:1em;}
#logo {padding-bottom:10px;}

/* Generic Rules
----------------------------------------------- */
a img {border-width:0; border-style:none; color:#fff;}
.time {color:#999;}
.date {color:#f90; white-space:nowrap; text-transform:lowercase;}
.sub {color:#999; font-weight:normal;}
.sub strong {color:#000; font-weight:bold;}
.arrow {color:#f30;}
dl cite {font-weight:bold; font-style:normal;}

#contactForm th, #contactForm td {text-align:left; vertical-align:top;}
#contactForm .highlt th, #contactForm .highlt td {background:#ffc;}
#contactForm .highlt th {color:#c00;}