/*
-----------------------------------------------
Blaschke screeen style sheet
Author:   Michael Blaschke
Updated:  20 April, 2004
----------------------------------------------- */

body {
  }

/* Page Structure
----------------------------------------------- */
html body {
  margin:0;
  padding:0;
  font-family:Verdana,"Trebuchet MS",Arial,Helvetica,Sans-serif;
  font-size:x-small;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  }
html>body {
  font-size:small;
  }

#content {
  position:relative;
  clear:both;
  line-height:1.5em;
  }
#maincol {
  width:75%;
  margin:0;
  font-size:100%;
  }
#maincol .col {
  border-left:6px double;
  border-right:2px solid;
  margin-left:15px;
  padding:10px 20px 30px 15px;
  }
#subcol {
  position:absolute;
  width:25%;
  right:15px; margin-right:-15px; /* IE5/Mac Horiz Scrollbar Hack */
  left:auto;
  top:0;
  font-size:85%;
  line-height:1.5em;
  }
#subcol .col {
  border-right:1px solid;
  border-left:2px solid;
  border-bottom:1px solid;
  margin:0 15px 0 0;
  padding:10px 15px 10px 15px;
  }
  
/* Main Header
----------------------------------------------- */
#header {
  width:100%;
  border-bottom:3px solid;
  }
#logo {
  background:url("../Graphics/MichaelBlaschke.jpg") no-repeat 0px 0px;
  display:block;
  width:800px;
  height:145px;
  margin-left:15px;
  border:1px double;
  border-width:0 0 0 6px;
  }
#logo img {
  visibility:hidden;
  }
  
/* Main Header Navbar
----------------------------------------------- */
#header ul {
  margin:0;
  padding:0px 0 0 15px;
  text-transform:lowercase;
  font-size:85%;
  white-space:nowrap;
  }
#header ul li {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  background-image:none;
  line-height:normal;
  font-family:Verdana,"Trebuchet MS",Arial,Helvetica,Sans-serif;
  }
#header ul a, #header ul strong {
  background:none;
  display:block;
  float:left;
  height:auto;
  border:2px solid;
  border-width:2px 2px 0 0;
  margin:0;
  padding:4px 8px;
  text-decoration:none;
  font-weight:normal;
  white-space:nowrap;
  }
#header ul a strong {
  padding:0;
  border:none;
  background:none;
  }
/* Commented Backslash Hack hides 
   rule from IE5-Mac, documented at 
   http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \*/
   #header ul a, #header ul strong {float:none;}
   /* End hack */
#header ul span {
  text-transform:uppercase;
  font-weight:bold;
  }
#header ul #h {
  border-left-width:6px;
  border-left-style:double;
  }

/* Footer
----------------------------------------------- */
#footer {
  text-transform:lowercase;
  margin-top:2em;
  }
#maincol #footer {font-size:85%; line-height:1.5em;}
#footer a:link, #footer a:visited {border-width:0;}

/* Titles
----------------------------------------------- */
h1 {
  margin:0;
  font:bold 190%/1em Georgia,Times,"Times New Roman",Serif; 
  }
h1 span {font-weight:normal;}

hr {
  margin-top:1em;
  }

.pageheader {
  margin:0 -21px 0 -15px;
  padding:10px 50px 15px 15px;
  border-top:1px solid;
  border-right:1px solid;
  border-bottom:1px solid;
  font-size:85%;
  line-height:1.5em;
  }
.pageheader p {
  margin:.5em 0 0;
  }
.pageheader em {
  display:block;
  padding-top:5px;
  font:italic 120%/1.6em Georgia,Times,"Times New Roman",Serif; 
  }

#maincol h2 {
  clear:both;
  margin:0 -50px 10px -15px;
  padding:15px 15px 0 15px;
  border-top:1px solid #ccc; 
  font:bold 140% Georgia,Times,"Times New Roman",Serif; 
  }
#subcol h2 {
  margin:25px -15px 8px -15px;
  padding:0 15px;
  border-top-width:0;
  font:135% Georgia,Times,"Times New Roman",Serif; 
  }
h2 del {display:none;}
#content h2 a, #content h3 a {
  border-width:0;
  }
h2 span, h3 span {
  font:85% Verdana,"Trebuchet MS",Arial,Helvetica,Sans-serif; 
  }
  
body h3 {font:bold 100% Georgia,Times,"Times New Roman",Serif;}
h3.first {margin-top:0;}
#maincol h3 {
  margin:1em 0 .5em 0;
  padding-bottom:5px;
  border-bottom:1px solid #eee;
  font-weight:bold;
  }
#subcol h3 {
  margin:.5em 0;
  font:100% Verdana,"Trebuchet MS",Arial,Helvetica,Sans-serif; 
  text-transform:lowercase;
  }
  
body h4 {
  font-size:100%;
  line-height:1.3em;
  margin:1.5em 0 .5em 0;
  }
#maincol h4 {
  font:bold 100% Georgia,Times,"Times New Roman",Serif;
  margin:1.5em 0 .5em 0;
  }
body h5 {
  font-size:100%;
  margin:1em 0 .5em 0;
  }


/* Links
----------------------------------------------- */
a:link, a:visited {
  border-bottom:1px dotted;
  text-decoration:none;
  }
a:visited {
  border-bottom-color:#969;
  }
a:hover {
  border-bottom:1px solid #f00;
  }
a.noline:link, a.noline:visited, a.noline:hover, a.thumb {border-style:none;}
  
/* Lists
----------------------------------------------- */
dl {margin:0 0 1.5em;}
#subcol dl {margin-bottom:.5em;}
dt {
  font-weight:bold;
  margin:0 0 .1em 0;
  }
#maincol dt {
  font:bold 100%/1.4em Georgia,Times,"Times New Roman",Serif; 
  }
dd {margin:0 0 1em 0; font-size:85%; line-height:1.5em;}
dd p {margin:0 0 .5em;}
dd p.location em {
  display:block;
  }
#subcol dd {font-size:100%;}

ul {
  margin:.5em 0 1em;
  padding:0;
  list-style-type:none;
  }
ul li {
  background:url("../graphics/icon_m.gif") no-repeat 4px .4em;
  margin:0;
  padding:0 0 2px 18px;
  line-height:1.5em;
  }
ul.entrylist li {
  font:bold 100%/1.5em Georgia,Times,"Times New Roman",Serif;
  }
#maincol ul li {background-position:4px .45em;}
#subcol ul li {
  font:100%/1.5em Verdana,"Trebuchet MS",Arial,Helvetica,Sans-serif; 
  }
ul ul {
  margin:.5em 0;
  }
#subcol ul li span {margin:0 .25em;}
ul li .date, dl dt em {
  font:italic 85% Verdana,"Trebuchet MS",Arial,Helvetica,Sans-serif; 
  white-space:nowrap;
  }
#subcol ul li .date, #subcol dl dt em, ul dl dd em.date {
  font-size:100%;
  }

/* Link Lists
----------------------------------------------- */
ul.links {margin-bottom:.5em;}
#subcol ul li {
  background:url("../graphics/icon_m_112.gif") no-repeat 0 .6em;
  }
ul li.offsite, #maincol ul li.offsite, #maincol ul.links li {
  background:url("../graphics/icon_offsite_fff.gif") no-repeat 0 .45em;
  }
#subcol ul.offsite li, #subcol ul li.offsite {
  background:url("../graphics/icon_offsite_112.gif") no-repeat 0 .6em;
  }
#maincol ul li.offsite, #maincol ul.links li {background-position:0 .45em;}
dl.links dt {
  background:url("../graphics/icon_offsite_112.gif") no-repeat 0 .5em;
  padding-left:18px;
  }
dl.links dt.onsite {
  background:url("../graphics/icon_m.gif") no-repeat 4px .45em;
  }
dl.links dd {
  padding-left:4px;
  }
  
/* Photo Album Lists
----------------------------------------------- */
dl.album dt {
  margin-top:0;
  padding:0;
  }

dl.album dd {
  margin-left:150px;
  font-size:100%;
  }
dl.album cite {
  display:block;
  font-size:85%;
  line-height:1.5em;
  font-weight:normal;
  }
dl.album cite em {
  display:block;
  padding-bottom:2px;
  font-size:118%;
  line-height:1.5em;
  font-weight:bold;
  font-style:normal;
  }
dl.album strong {
  display:block;
  font-size:120%;
  line-height:1.2em;
  font-weight:bold;
  }
dl.album dd span {font-size:85%; color:#666;}
dl.album dd span em {font-style:normal;}

dl.album dd.albumsep {
  clear:left;
  height:0;
  margin:0 0 5px;
  padding-top:5px;
  border-bottom:1px solid #eee;
  font-size:1%;
  }
#maincol dt.head {
  font:bold 140% Georgia,Times,"Times New Roman",Serif; 
  color:#57a;
  }
dl.album dt img {
  float:left;
  display:block;
  margin:3px 12px 5px 0;
  border:1px solid #ccc;
  padding:4px;
  }

/* Photo Albums
----------------------------------------------- */

#maincol .albumpic, #maincol .albumpic_cap, #maincol .albumpic_capw, #maincol .albumpic_capw2 {
  float: left;
  display: inline;  /* IE/Win Float Doubled-margin Bug Hack */
  border: 1px solid;
  margin: 5px 5px 5px 5px;
  padding: 5px;
  }

#maincol .albumpic {
  height: 160px;
  width: 120px;
  }
#maincol .albumpic_cap, #maincol .albumpic_capw, #maincol .albumpic_capw2 {
  height: 200px;
  }
#maincol .albumpic_cap {
  width: 120px;
  }
#maincol .albumpic_capw {
  width: 191px;
  }
#maincol .albumpic_capw2 {
  width: 262px;
  }

#maincol .albumpic2, #maincol .albumpic2b, #maincol .albumpic2t {
  float: left;
  display: inline;  /* IE/Win Float Doubled-margin Bug Hack */
  width: 200px;
  height: 250px;
  }
#maincol .albumpic2 {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  height: 250px;
  }
#maincol .albumpic2t {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  height: 460px;
  }

#maincol .albumpic2b {
  margin: 5px 30px 5px 0px;
  padding: 10px 10px 10px 10px;
  height: 385px;
  border: 1px solid;
  }
  
#maincol .albumpic_lrg {
  float: left;
  display: inline;  /* IE/Win Float Doubled-margin Bug Hack */
  width: 200px;
  height: 385px;
  border: 1px solid;
  margin: 5px 30px 5px 0px;
  padding: 10px 10px 10px 10px;
  }
/* Paragraphs
----------------------------------------------- */
p, pre {margin:.75em 0;}
p.codeblock, pre.codeblock {
  padding:5px;
  }
p.left {
  position:relative;
  float:left;
  margin:3px 12px 5px 0;
  }
p.right {
  position:relative;
  float:right;
  margin:0px 20px 5px 120px;
  }
p.left img, p.right img {
  display:block;
  margin-bottom:.75em;
  border:1px solid;
  padding:4px;
  }
p.left a, p.right a {
  border-width:0;
  }
p.left em, p.right em {
  display:block;
  margin-bottom:5px;
  font-size:85%;
  line-height:1.5em;
  }
  
/* Miscellaneous
----------------------------------------------- */
a img {
  border-width:0;
  border-style:none;
  }

code {font-size:100%;}
.sub code {font-size:110%;}
#maincol .sub {font-size:85%; line-height:1.5em;}
#maincol dd .sub {font-size:100%;}
.group {margin-bottom:1em;}
.block {
  border:1px solid;
  padding:1px 15px;
  margin:1em 0 1.5em;
  }

.imgLeft, .imgleft {
  position:relative;
  float:left;
  margin:3px 12px 5px 0;
  }
.imgRight, .imgright {
  position:relative;
  float:right;
  margin:3px 0 5px 12px;
  }

#maincol .imgleft, #maincol .imgright, #maincol a.thumb img, img.thumb {
  border:1px solid #ccc;
  padding:4px;
  }
.imgleft img, .imgright img {display:block;}

nowrap {white-space:nowrap;}
.none, hr, .skip {display:none;}
.clearboth {clear:both;}
.reset {clear:both; display:block; height:1px; font-size:1px; line-height:1px;}

.arrow {
  font-size:150%;
  font-weight:bold;
  }
.date {white-space:nowrap;}
.sub {font-weight:normal;}
.sub strong {font-weight:bold;}
del, .strike {text-decoration:line-through;}
ins {text-decoration:none;}

/* Color Schemes
----------------
cs1: Blue
----------------------------------------------- */
/* #112  Main  & Subcol background to match logo */
/* #369  Section borders */

/* #fff  Maincol background color */
/* #333  Maincol color */
/* #666  Subcol text color */

body.cs1 {background:#112;}

/* Page Structure */
.cs1 #maincol {
  background:#fff;
  color:#333;
  }
.cs1 #maincol .col {
  border-color: #369;
  }
.cs1 #subcol {
  background:#112;
  color:#666;
  }
.cs1 #subcol .col {
  border-color: #369;
  color:#666;
  }

/* Links */
.cs1 #maincol a:link {color:#36c; border-color:#69f;}
.cs1 #maincol a:visited {color:#939; border-color:#969;}
.cs1 #maincol a:hover {color:#f00; border-color:#f00;}

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

.cs1 #maincol h3 a:link, .cs1 #maincol h3 a:visited {color:#69c;}
.cs1 #maincol h3 a:hover {color:#f00;}

.cs1 #subcol h2 a:link, .cs1 #subcol h2 a:visited {color:#69c;}
.cs1 #subcol h2 a:hover {color:#f30;}

/* Main Header */
.cs1 #header {background:#112;
  border-bottom-color:#369;
  }

/* Main Header Navbar */
.cs1 #header ul a, #header ul strong {
  border-color:#369;
  color:#69f;  /* Navbar text secondary color*/
  }
.cs1 #header ul span {color:#9cf;    /* Navbar text primary color*/
  }
.cs1 #header ul a:hover {background:#037;}
.cs1 #header #s strong, #header #s a, #header #s a strong {
  background:#347;  /* Hightlight for selected Navbar item */
  }
.cs1 #header ul a:hover, .cs1 #header ul a:hover strong, .cs1 #header ul a:hover span, .cs1 #header #c strong, .cs1 #header #c strong span {
  color:#fff;
  }
.cs1 #logo {border-color:#369;}

/* Titles */
.cs1 h1 {color:#036;}
.cs1 #maincol h2 {color:#57a;}
.cs1 #subcol h2 {color:#69c;}
.cs1 h3 {color:#57a;}
.cs1 h4, h5 {color:#369;}

.cs1 h2 span, .cs1 h3 span {color:#666;}
.cs1 .pageheader {
  background:#dde;
  border-top-color:#369;
  border-bottom-color:#369;
  }
/* .cs1 .pageheader em {color:#049;} Alternate */
.cs1 .pageheader em {color:#369;}

/* Footer */
.cs1 #maincol #footer {color:#999;}
.cs1 #subcol #footer {color:#666;}

/* Lists */
.cs1 dd p.location em {color:#666;}
.cs1 ul li .date, dl dt em {color:#999;}
.cs1 #subcol ul li em {color:#666; border-color:#333;}
.cs1 #subcol li {color:#9cf; border-color:#69c;}

/* Photo Albums */
.cs1 #maincol .albumpic {border-color:#69c;}
.cs1 #maincol .albumentry {border-color:#69c;}

/* Paragraphs */
.cs1 p.codeblock, pre.codeblock {background:#eee;}
.cs1 p.left img, p.right img {border-color:#ccc;}
.cs1 p.left em, p.right em {color:#666;}

/* Miscellaneous
----------------------------------------------- */
.cs1 a img {color:#fff;}
.cs1 .block {
  background:#eee;
  border-color:#ccc;
  }
.cs1 code {color:#363;}
.cs1 code strong {color:#000;}
.cs1 .time {color:#999;}
.cs1 .date {color:#f90;}
.cs1 .sub {color:#666;}
.cs1 .sub strong {color:#000;}
.cs1 .arrow {color:#f30;}
.cs1 .arrow {color:#000;}
.cs1 #subcol strong.arrow {color:#f90;}
.cs1 .errortype {color:#f00;}
.cs1 del, .cs1 .strike {color:#666;}
.cs1 #subcol .sub, .cs1 #subcol p.location em {color:#999;}
.cs1 #subcol ul strong {color:#fff;}
.cs1 #subcol p strong, .cs1 #subcol dd strong {color:#fff;}
.cs1 form .formbtn:hover {background:#333;}
.cs1 blockquote {color:#666;}
.cs1 #subcol form input.button {border-color:#369 #036 #036 #369; background:#000; color:#9cf;}
.cs1 #subcol form input.text {background:#333; color:#fff; border-color:#666;}
.cs1 #subcol .ghost {color:#222;}