html 
{
   font: normal 100% Trebuchet MS, georgia, "Helvetica Neue", Helvetica, Verdana, sans-serif;
   height: 100%;
   margin-bottom: 1px; /*this forces the vert scrollbar at all times */
}

body 
{
   margin: 1.25em 2em 2em 2em;
   padding: 0px;
}

h3
{
   font-size: 1.2em;
   padding-top: 0em;
   padding-bottom: 0em;
}

blockquote 
{
   margin-left: 1.5em;
   margin-right: 10em;
   padding-left: 7px;
   padding-right: 7px;
}

blockquote p
{
   padding: 0px;
   margin-top: 0.75em;
   margin-bottom: 0.75em;
}

p
{
   padding-top: 0.5em;
   padding-bottom: 0.5em;
}

ul 
{
   list-style-type: square;
   list-style: square outside;
   padding-top: 10px;
   padding-bottom: 10px;
}

ul li
{
   list-style-type: square;
   list-style: square outside;
}

code
{
   font-family: Consolas, "Andale Mono", "Lucida Console", "Courier New", "Courier", monospace;
   background: rgb(50,50,50);
   white-space: pre;
}

em 
{
   font-style: italic;
}

.indent 
{
   text-indent: 1.5em;
}

#browserwarning 
{
   text-align: justify;
   padding: 10px;
   display: block;
   margin-bottom: 20px;
   font-size: 1.2em;
   line-height: 1.4em;
}

#browserwarning a:link, #browserwarning a:hover, #browserwarning a:visited 
{
   font-weight: bold; 
   background: none;
   text-decoration: underline;
}

#image-header
{
/*   margin-left: auto;
   margin-right: auto;
   width: 690px; */
}

#image-header a:hover
{
   background: none;
   border: 0px;
}

/*
#top-title 
{
   font-size: 5.5em; 
   font-weight: bold;
   letter-spacing: 0.075em;
}
*/

#nav 
{
   display: inline;
   font-size: 1.15em;
   font-weight: bold;
   font-family: Trebuchet MS, "Helvetica Neue", Helvetica, Verdana, sans-serif;
   letter-spacing: 0.125em;
   margin: 0;
   padding: 0;
}

#offsite-nav
{
   margin-bottom: 10px;
}

/* v3
#nav 
{
   position: fixed;
   right: 20px;
   bottom: 0px;
   width: 50%;
   display: inline;
   float: right;
   font-size: 1.5em;
   font-weight: bold;
   line-height: 1.4em;
   text-align: right;
}
*/

#nav ul li
{
   list-style-type: none;
   display: inline;
}

/*
.offsite-nav
{
   font-size: 0.75em;
   line-height: 1em;
}
*/

/* v1
#nav 
{
   display: block;
   width: 690px;
   vertical-align: bottom;
   margin-left: auto;
   margin-right: auto;
   font-size: 1.8em;
   font-weight: bold;
   text-align: center;
   line-height: 2.2em;
   /* text-shadow: 0px 0px 30px silver, 0px 0px 20px black, grey 10px -10px; 
}
*/

a:link 
{ 
   font-weight: bold;
   text-decoration: underline;
}

a:visited 
{ 
   font-weight: bold; 
   text-decoration: underline;
}

a:hover 
{ 
   font-weight: bold; 
   text-decoration: none;
}

#nav a:link 
{ 
   font-weight: bold; 
   text-decoration: none;
}

#nav a:visited 
{ 
   font-weight: bold; 
   text-decoration: none;
}

#nav a:hover 
{ 
   font-weight: bold; 
   text-decoration: none;
}

.sectiontitle a:link  
{ 
   font-weight: bold; 
   text-decoration: none;
}

.sectiontitle a:visited 
{ 
   font-weight: bold; 
   text-decoration: none;
}

.sectiontitle a:hover 
{ 
   font-weight: bold;
   text-decoration: none;
}

#main 
{
   /*max-width:530px;
   min-width: 450px; */ 
   text-align: left;
}

.sectiontitle, .sectiondate, .section, .section-albumlist, .sectionbottom
{
   display: block;
   text-align: left;
/*   width: 690px; */
}

.sectiontitle 
{
   font-size: 1.6825em;
   font-family: Trebuchet MS, "Helvetica Neue", Helvetica, Verdana, sans-serif;
   font-weight: bold;
   text-transform: uppercase; 
   margin-top: 10px;
}

.sectiondate
{
   font-size: 0.8em;
   font-weight: bold;
   text-transform: none; 
}

.section, .section-albumlist 
{
   text-align: justify;
   margin-bottom: 20px;
   font-size: 1.0em;
   line-height: 1.4em;
}

.section-albumlist
{
   text-align: left;
}

.sectionbottom 
{
   font-style: italic;
   text-align: center;
   margin-bottom: 20px;
   padding: 2px 5px 2px 5px;
   font-size: 1.2em;
}

.sectionbottom p 
{
   margin: 0;
}

.older, .older a:link, .older a:visited, .older a:hover
{
   font-size: 1.375em;
   text-align: center;
   text-decoration: none;
   margin-bottom: 20px;
}

/*
.older a:link 
{ 
   font-weight: bold; 
   text-decoration: none;
}

.older a:visited 
{ 
   font-weight: bold; 
   text-decoration: none;
}

.older a:hover 
{ 
   font-weight: bold; 
   text-decoration: none;
}
   */

.pre 
{
   white-space: pre;
   font-family: monospace;
}

.mono
{
   font-family: monospace;
}

.strike 
{
   text-decoration: line-through;
}

#techfooter 
{
   font: 11px monospace;
   padding: 0px;
   padding-bottom: 2em;
}

#techfooter p 
{
   margin: 0px;
   padding: 0px;
   line-height: 1.3em;
   text-align: left;
}

.four-oh-ecks
{
   font-size: 1.8em;
   text-align: left;
}