/* $Id: neilvandyke-blueboxes.css,v 1.50 2009/03/22 18:24:06 neilpair Exp $ 
   Copyright 2002-2009 Neil W. Van Dyke <neil@neilvandyke.org>   

   I created this particular "blue boxes" visual design around 1999, with    
   heavy use of "table" and "font" elements.  In Jan-2002,  I came up with   
   an approach to mimic the original look using CSS and only plain least-    
   common-denominator HTML elements (and a few strategic "div" elements).  */

body { 
  background-color: #646697;
  color:            white;
  /* font-family:      "Arial", "Helvetica", sans-serif; */
  font-family:      sans-serif;
  /* font-size:        100%; */
}

code, pre {
  /* font-family:      "Courier New", "Courier", monospace; */
  font-family:         monospace;
  /* color:               #88ff88; */
}

code.email {
  font-family:         monospace;
  color:               white;
  background-color:    #646697
}

h1 {
  font-size:           180%;
  font-weight:         bold;
  margin:              10px 1em;
  padding:             0;
  text-align:          center;
}

h2 {
  font-size:        120%;
  font-weight:      bold;
  padding-top:      0px;
  margin-top:       0px;
}

h3 {
  display:          run-in;
  font-size:        120%;
  font-weight:      bold;
}

p {
  margin:              10px 0;
  padding:             0;
}

pre {
  margin:              10px 0 10px 3em;
  overflow:            auto;
  padding:             0;
}

blockquote {
  font-style:          italic;
  margin:              10px 3em 10px 3em;
  padding:             0;
}

blockquote.quote {
  font-style:          italic;
  margin:              10px 3em 10px 3em;
  padding:             0;
}

blockquote.quoteattrib {
  font-style:          normal;
  margin:              -0.8em 3em 10px 6em;
  padding:             0;
}

.actualbody { 
  border-spacing:   2px;
  color:            white;
  display:          table;
}

.top { 
  display:          table-row;
}

.siteid { 
  background-color: #52547a;
  border-color:     #52547a;
  border-style:     solid;
  border-width:     thin;
  display:          table-cell;
  margin-bottom:    0px;
  margin-left:      0px;
  margin-right:     0px;
  margin-top:       0px;
  padding-bottom:   10px;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  vertical-align:   middle;
}

.siteid p { 
  font-size:           120%;
  margin:              0px 0px;
  padding:             0;
  text-align:          center;
}

.title { 
  background-color: #7578af;
  display:          table-cell;
  border-color:     #52547a;
  border-style:     solid;
  border-width:     thin;
  margin-bottom:    0px;
  margin-left:      0px;
  margin-right:     0px;
  margin-top:       0px;
  padding-bottom:   10px;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  vertical-align:   middle;
  width:            100%;
}

.title h1 {
  font-size:        180%;
  font-weight:      bold;
  margin-bottom:    0px;
  margin-left:      0px;
  margin-right:     0px;
  margin-top:       0px;
  padding-bottom:   0px;
  padding-left:     0px;
  padding-right:    0px;
  padding-top:      0px;
  text-align:       center;
}

.section { 
  display:          table-row;
  vertical-align:   top;
}

.sectionhead {
  background-color: #6e709e;
  border-color:     #52547a;
  border-style:     solid;
  border-width:     thin;
  padding-bottom:   10px;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  text-align:       right;
  display:          table-cell;
  vertical-align:   top;
}

.sectionnohead {
  padding-bottom:   10px;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  display:          table-cell;
}

.sectionbody {
  background-color: #5f628e;
  border-color:     #52547a;
  border-style:     solid;
  border-width:     thin;
  padding-bottom:   4px;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      4px;
  display:          table-cell;
  vertical-align:   top;
}

.sectioncodebody {
  background-color: #ffffff;
  border-color:     #52547a;
  border-style:     solid;
  border-width:     thin;
  padding-bottom:   4px;
  padding-left:     4px;
  padding-right:    4px;
  padding-top:      4px;
  display:          table-cell;
  vertical-align:   top;
}

.sectioncodebody pre {
  background-color: #ffffff;
  color:            black;
  display:          table-cell;
  font-size:        90%;
  margin:           0px;
  overflow:         auto;
  padding:          0px;
}

.sectionnavbarbody {
  background-color: #7274a1;
  border-color:     #52547a;
  border-style:     solid;
  border-width:     thin;
  padding-bottom:   4px;
  padding-left:     4px;
  padding-right:    4px;
  padding-top:      4px;
  display:          table-cell;
  vertical-align:   top;
  text-align:       center;
}

.bottom { 
  display:          table-row;
  vertical-align:   top;
}

.bottomprefix {
  display:          table-cell;
  padding-bottom:   0px;
  padding-left:     0px;
  padding-right:    0px;
  padding-top:      0px;
}

.bottombody {
  padding-bottom:   4px;
  padding-left:     0px;
  padding-right:    0px;
  padding-top:      4px;
  display:          table-cell;
  vertical-align:   top;
}

.bottombody p {
  color:            #aaaaaa;
  font-size:        80%;
  margin-bottom:    0px;
  margin-left:      0px;
  margin-right:     0px;
  margin-top:       0px;
}

/* siteid a */

.siteid a { 
  color:            white;
  text-decoration:  none;
}

.siteid a:active {
  color:            white;
  text-decoration:  underline;
}

.siteid a:link {
  color:            white;
  text-decoration:  none;
}

.siteid a:visited { 
  color:            white;
  text-decoration:  none;
}

.siteid a:hover {
  text-decoration:  underline;
}

/* linkothersite */

a.linkothersite {
  font-weight:      normal;
}

a.linkothersite:active {
  color:            #a0a0ff;
  text-decoration:  underline;
}

a.linkothersite:link {
  color:            #ffff00;
  text-decoration:  none;
}

a.linkothersite:visited { 
  color:            #ffff80;
  text-decoration:  none;
}

a.linkothersite:hover {
  text-decoration:  underline;
}

/* linksamesite */

a.linksamesite {
  font-weight:      bold;
}

a.linksamesite:active {
  color:            #a0a0ff;
  text-decoration:  underline;
}

a.linksamesite:link {
  color:            #ffff00;
  text-decoration:  none;
}

a.linksamesite:visited { 
  color:            #ffff80;
  text-decoration:  none;
}

a.linksamesite:hover {
  text-decoration:  underline;
}

/* secpermalink */

a.linksecperm {
}

a.linksecperm:active {
  color:            #a0a0ff;
  text-decoration:  underline;
}

a.linksecperm:link {
  color:            white;
  text-decoration:  none;
}

a.linksecperm:visited { 
  color:            white;
  text-decoration:  none;
}

a.linksecperm:hover {
  /* color:            #ffff00; */
  text-decoration:  underline;
}

/*EOF*/