/* schueler.css 
 *   This is the default stylesheet for the jonschuler.com website.
 *   It is set for MSIE as default.
 *   Other stylesheets (for special pages, other os's, etc., are loaded
 *   after this stylesheet.
 * notes:
 *   Classes may contain only the characters A-Z, a-z, 0-9, hyphens,
 *     and Unicode 161-255. 
 *   MSIE measures from absolute pos, mozilla from relative.
 *   The '{' in the comment separators is used by james in a script
 *     to quickly find all categories of classes.
 *   Clickable image border color - doesn't seem to do it in
 *     'a' selector here; do it with 'body link=' in each page.
 *   Not all browsers render styles the same way so try out
 *     your styles on different browsers before publishing.
 * history:
 *   2008 March 9 added  .homepagesectionhead
 *   2006 jan 18 - added separator class.
 *   2005 sep 10 - normalized formatting of stylesheet files.
 *   2005 jul 07 jw - normalized; betterized.
 *   2005 apr 02 jw - cleaning up style a bit.
 *   2002 aug 31 jw - more changes - links.
 *   1999 may 17 jw - for all schueler pages.  
 */

/* -----------------------------------------------------------
   *** { Standard Stuff: ***
  background-color:	#f0f8ff;
   ----------------------------------------------------------- */
body {
  color:            darkblue;
  font-family: 		verdana, helvetica, arial, lucida, sans-serif;
  line-height:      1.2em;
  background-color:	#9999cc;
  /* background-image: url(/images/paintings/red_shadow_wntr_sky.jpg); */
  padding:          10px 20px 10px 20px;
}

/* We shouldn't have to redefine generic font stuff, but sometimes
   we lose font styles after complicated formatting.
  Also,  body styles do not carry into tables: */
p, h1, h2, h3, h4, h5, h6, td, th, li, dd, dt {
  color:         #000000;
  font-family: 	verdana, helvetica, arial, lucida, sans-serif;
}
td, p, li, dt, dd {
  font-size:        90%;
  line-height:      120%;
}

h1 {
  font-size:        1.3em;
  font-weight:      normal;
  line-height:      1.2em;
  border-bottom:    1px solid #cccccc;
  /* background-image: url(/images/paintings/blues_for_oscar.jpg); */
  padding:          0ex 1em 1ex 1em;
  margin:           0ex 0em 0ex 0em;}
h1 a {color: #000000;}
h1 a:link:hover {  text-decoration: none;   background: none;}
h1.site-header {  font-size:        1em;}

h2 {font-size: 1.1em;  line-height1.2em;}

h3 { line-height:      1.2em; font-size:  1em;}
h4 { line-height:      1.2em;}
h5 { line-height:      1.2em;}
h6 { line-height:      1.2em;}

.homepagesectionhead {font-size:140%; padding-top:10px; line-height:160%; }

/* regular links */
a {
  text-decoration:  none;
}
a:link:hover {
  text-decoration:  underline;
  background-color: #ccccff;
}

dt {
  font-size:   1em;
  padding-top: 1ex;
}
dt:first-child {
  padding-top: 0ex;
  margin-top:  0ex;
}
dd {
  font-size:   .9em;
  padding-top: .2em;
}

ul {
  margin-top:  -.5em;
}
li {
  padding-left: .2em;
  margin-left:  -1em;
  margin-top:    0em;
  line-height:  1.3em;
  list-style-image: url(/images/bullets/bullit.gif);
}
li:first-child {
  margin-top:    0ex;
  padding-top:   0ex;
}

li.collections {
  list-style-image: url(/images/bullets/bullit.gif);
}
li.biblio {
  list-style-image: url(/images/bullets/bullit.gif);
}
li.gallery {
  list-style-image: url(/images/bullets/bullit.gif);
}

pre {
  font-family:  monospace;
  font-size:    1.1em;
}
code {
  font-family:  monospace;
  font-size:    1em;
}


/* -----------------------------------------------------------
    { *** Page Parts ***
   ----------------------------------------------------------- */

div.header {
  /* background-image: url(/images/paintings/red_shadow_wntr_sky.jpg); */
}
div.content, td.content {
  padding: 2px 1em 3ex 1em;
  background-color:	#eeeeee;
}
div.footer {
  font-size: 80%; 
  text-align: center;
  padding-top: 0ex; 
  margin-top:  1ex; 
}

/* ------------ { navigation ------------ */
div.navbar {
  text-align:    center;
  padding:       0ex 0ex 0ex 0ex;
  margin:        0ex 0ex 0ex 0ex;}
   
div.navbar p.p1 {
  font-size:     80%;
  padding:       0ex 0ex 0ex 0ex;
  margin:        0ex 0ex 0ex 0ex;}
   
div.navbar p.p2 {
  font-size:     65%;
  padding:       1ex 0ex 1ex 0ex;
  margin:        0ex 0ex 0ex 0ex;  }
  
div.navbar a       { color: #ffffff; padding-left:0px; padding-right:0px;}  
div.navbar a:hover { background-color: #ccccff; text-decoration:none;} /* added Dec 10,2007 */ 
  
div.navbar a.youarehere {color: #ffffff; font-weight: bold; text-decoration: none;}

div.navbar a.youarehere:link:hover {  background: none; }

p.onthispage {  font-size: 90%;}

h1 span.inheader {font-size: 60%; font-weight: normal; padding-left: 5em;}
 
/* --------------------------------- */
/* ------------ sidebar ------------ */
/* --------------------------------- */
td.sidebar {  padding-top: 6ex;}

td.sidebar h1 {font-size:   100%; font-weight: normal; text-align:  left;
               white-space: nowrap; margin-bottom: 0px; padding-bottom: 0px;}
td.sidebar h1 span.inheader { font-size:   90%; }
td.sidebar h1 span.inheader a { color: blue; }

h1.sidebar, dl {
  padding-top: 0px;
  margin-top: 0px;
}
dt.sidebar-page {
  font-size:    90%;
  font-weight:  normal;
}
dt.sidebar-page-first {
  font-size:    90%;
  font-weight:  normal;
}
td.sidebar dt {
  font-size:    90%;
  font-weight:  bold;
}
td.sidebar dt:first-child {
  font-size:    90%;
  font-weight:  bold;
  padding-top:  1ex;
}


/* --------------------------------------------------------
      *** Special Pages: ***
----------------------------------------------------------- */

/* ------------ { home page ------------ */
div.section {
  margin:       10px 0px 15px 10px;
  padding:      5px 20px 5px 20px;
  background-color: #ffffff;
}

/* ------------ { gallery page ------------ */
body.gallery {
  background-color: #ffffff;
  background-image: none;
}
body.gallery h1 {
  background-image: none;
}
body.gallery div.navbar a {
  color: #000000;
}
body.gallery div.bnavbar  {
  font-size:     80%;
  text-align:    center;
  margin:        2ex 0ex 0ex 0ex;
  padding:       1ex 0ex 0ex 0ex;
  border-top:    1px solid #cccccc;
}
table.painting {
  padding: 4px 4px 4px 4px;
}
table.painting td {
  padding-bottom: 10px;
  font-size: 90%;
}
table.painting td.image {
  padding: 30px 60px 60px 60px;
}
table.painting td.title {
  font-size:   100%;
  font-weight: bold;
}
table.painting td.size {
  font-size:   100%;
  text-align: right;
}
table.painting td.idnum {
  font-size:   80%;
  text-align: right;
}
body.gallery div.footer {
  font-size: 80%; 
  text-align: center;
  padding-top: 0ex; 
  margin-top: 2ex; 
  border-top: none;
}

dl.thumb-list {
  padding: 0em 3em 0em 3em;
}
dt.thumb-list-first {
  padding-top: 10px;
}
dt.thumb-list {
  padding-top: 20px;
}


/* -----------------------------------------------------------
    *** { Special Stuff: ***
   ----------------------------------------------------------- */

/* ------------ { photos ------------ */
p.photo-caption {
  font-size: 90%;
  text-align: center;
}
p.th-caption {
  font-size: 80%;
  text-align: center;
  clear:    both;
  padding-top: 1ex;
  margin-top: 0px;
}
p.th-caption span.title {
  font-style: italic;
}

/* ------------ { newsfeed ------------ */
a.rss-link {
  font-family: helvetica, arial, lucida, sans-serif;
  font-size: 90%;
  text-decoration: none;
  background: none;
}
a.rss-link:link:hover {
  text-decoration: none;
  background: none;
}

/* ------------ { showcase ------------ */
div#current {
   border:       4px double blue;
   margin:       10px 0px 15px 10px;
   padding:      10px 20px 10px 20px;
   background-color: #ffffff;
}
dt.current {
  font-size:    100%;
  font-weight:  bold;
  margin-top:   1em;
  padding-top:  0em;
}
dd.current {
  font-size:    100%;
  font-weight:  normal;
}
dd.artist_link {
  font-size: 90%;
  margin-left: 4em;
}
dd.show_link {
}
dd.gallery_link {
}

/* main blocks of home page */
div.displaybox {
   display: table;
   width: 100%;
   background-color: #ffffff;
   padding:      1px 1em 5px 1em;
   margin-top:   0px;
}

/* -----------------------------------------------------------
    { *** Special Stuff ***
   ----------------------------------------------------------- */

ul.newsfeed-list li {
  list-style-image: url('/images/logos/newsfeed-tiny.png');
}

/* separator thingies between items */
span.sep {
  padding: 0px 2px 0px 2px;
}

/* e o f */