/* schueler.css 
 *   Stylesheet for the jonschuler.com website.
 *   Please do not change anything without consulting with james.
 *   There are actually reasons for everything i have done here!  :)
 * notes:
 *   The '{' in the comment separators is used by james in a script
 *     to quickly find all categories of classes.
 * history:
 *   2011 jul 11 jw - major rebuild. 
 *   2011 mar 14 jw - small changes for cleaner code.
 *                    - moved css from head in videos/index.php to here.
 *   2008 mar  9 mh - 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: ***
   ----------------------------------------------------------- */
body {
  font-family: 		verdana, helvetica, arial, lucida, sans-serif;
  background-color:	#9999cc;
  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 {
}

h1 {
  font-size:        150%;
  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-height: 1.2;
}

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:  1.6;
}

/* regular links */
a {
  color: #3a3a87;
  text-decoration:  none;
}
/* Not working in Firefox 3.6 - want to put "outlink" image after link:
a[href|=http]:after {
  content: ' out';
}
*/
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;
}
td.sidebar dd {
  margin-left: 10px;
}

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

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#page-wrapper {
  width:       1000px;
  margin:      auto;
  line-height: 1.5;
}

div#content-wrapper, 
td#content-wrapper {
  padding: 2px 1em 3ex 1em;
  background-color:	#eeeeee;
}
div#footer {
  clear: both;
  color:            #4d4d66; 
  background-color: #eee; 
  margin-top: 40px;
  padding-top: 0ex; 
  font-size: 80%; 
  text-align: center;
}
div#footer a, 
div#footer a:hover {
  color: darkblue;
  background-color: transparent;
}


/* ------------ { navigation bar: ------------ */
div#navbar {
  text-align:    center;
  display:       inline-block;
  width:         100%;
  padding:       6px 0;
  color:         #fff;
  margin-bottom: 16px;
  border:        1px solid #ccccff; 
}
div#navbar div#nav2 {
  font-size:   80%;
  margin-top:  4px;
}
div#navbar a { 
  color: #ffffff; 
  padding-left:  1em; 
  padding-right: 1em;
}  
div#navbar a:hover { /* added mh Dec 10,2007 */ 
  background-color: #ccccff; 
  text-decoration:none;
}
/* ------------ } navigation bar. ------------ */


/* ------------ { other misc navs: ------------ */
p.onthispage {  font-size: 90%;}

h1 span.inheader {
  font-size:   60%; 
  font-weight: normal; 
  padding-left: 5em;
}
h1 span.inheader.exhnav {
  font-size:    70%;
  font-weight:  bold;
  margin-left:  40px;
  padding-left: 0;
  white-space:  nowrap;
  display:      block;
  clear: both;
}
h1 span.inheader.exhnav a {
  color: #fff;
  margin-right: 2em;
}
div.section h2 span.inheader {
  font-size: 90%;
  margin-left: 2em;
}
div.section h2 span.inheader:before {
  content: '[';
}
div.section h2 span.inheader:after {
  content: ']';
}
/* ------------ } other misc navs. ------------ */
 
/* --------------------------------- */
/* ------------ 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:       30px auto;
  padding:      10px 20px;
  background-color: #ffffff;
  border:       1px solid #99c;
}
div.section.current {
  border:       4px solid #99c;
}
div.section.exhibition dl dt {
  clear: both;
  border-top: 4px solid #eee;
  padding-top: 2ex;
  padding-left: 60px;
  margin-top: 2ex;
  font-weight: bold;
}
div.section.exhibition dl dd {
  padding-left: 40px;
}
div.section.exhibition dl dd.last {
  margin-bottom: 2ex;
}
div.section.exhibition span.image {
  width: 200px; 
  margin-left: 2em; 
  margin-right: 80px; 
  float: right;
}
div.section.exhibition span.image img {
  display: block;
  margin: auto;
  border: none;
}
dt.current {
  font-size:    100%;
  font-weight:  bold;
  margin-top:   1em;
  padding-top:  0em;
}
dd.current {
  font-size:    100%;
  font-weight:  normal;
}
/* ------------ } home page. ------------ */

/* ------------ { collections pages ------------ */
div#clctn-wrapper {
  width: 600px;
  margin: auto;
  margin-top: 30px;
}
div#clctn-wrapper ul {
  list-style-image: url(/images/bullets/bullit.gif);
}
div#clctn-wrapper li {
  margin-top: 1.5ex;
}


/* ------------ { exhibitions pages ------------ */
div#exh-wrapper {
  width: 800px;
  margin: auto;
}
body#exhibitions-index div#exh-wrapper {
  width: 600px;
}
body#exhibitions-index table {
  border-collapse: collapse;
}
body#exhibitions-index table tr {
  vertical-align: top;
}
body#exhibitions-index table td {
  padding: 12px 8px;
}
body#exhibitions-index table td:first-child {
  width: 6em;
  padding-right: 12px;
}
body#exhibitions-index table td span.title {
  font-style: italic;
  display:    block;
}
body#exhibitions-index a.det {
  font-size: 90%;
  margin-left: 1em;
  display: block;
}
body#exhibitions-index a.det:hover {
  background-color: transparent;
}
body#exhibitions-index a.det:before {
  content: '[';
}
body#exhibitions-index a.det:after {
  content: ']';
}
/* ------------ { gallery page: ------------ */
body#gallery-index div#content-wrapper {
  background-color: #ffffff;
}
body#gallery-index div.image {
  width: 200px; 
  margin: 60px; 
  float: left;
}
body#gallery-index div.image a img {
  border: none;
}
/* first image in the row */
body#gallery-index div.image.row {
  clear: left;
}
/* ------------ } gallery page. ------------ */



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

/* ------------ { paintings ------------ */
p.th-caption {
  font-size: 80%;
  font-weight: normal;
  text-align: center;
  clear:    both;
  padding-top: 1ex;
  margin-top: 0px;
}
p.th-caption span.title {
  font-style: italic;
  font-size: 110%;
}
p.th-caption span.medium {
  margin-right: 1em;
}
p.th-caption span.id {
  font-size: 80%;
  margin-left: 1em;
}
p.th-caption span.id:before {
  content: '['; 
}
p.th-caption span.id:after {
  content: ']'; 
}
p.th-caption span.size {
  cursor: help;
}
p.th-caption span.clctn {
  display: block;
  clear: left;
}
/* ------------ } paintings. ------------ */

/* ------------ { videos list: ------------ */
div#videos-list {
  width:  800px;
  margin: 2ex auto;
  font-size: 110%;
}
body#order-videos div#videos-list {
  width:  500px;
  margin-left: 0;
}
div#videos-list li {
  list-style-type: none;
}
div#videos-list li {
  margin-top: 3ex;
  font-weight: bold;
  list-style-image: none;
}
body#order-videos span.desc {
  display: block;
  font-weight: normal;
}
div#videos-list li dl, 
div#videos-list li ul li {
  font-weight: normal;
}
body#order-videos div#videos-list dl {
  margin-top: .5ex;
  width: 350px;
}
div#videos-list img {
  border: none;
  float: right;
  margin-top: 3ex;
  margin-left: 40px;
}
body#order-videos div#videos-list img {
  margin-top: 1ex;
  margin-left: 0;
}
div#videos-list span.order-link {
  font-weight: normal;
  margin-left: 1em;
  padding: 0;
  -moz-border-radius: 8px;
}
div#videos-list span.order-link a {
  color: #ffffff;
  font-size: 70%;
  letter-spacing: .1em;
  padding: 2px 4px 3px 4px;
  background-color: #000000;
  border: 2px solid #cc0000;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
div#videos-list span.order-link.main a {
  font-size: 90%;
}
div#videos-list ul.awards {
  margin-top: .5ex;
  margin-left: 3em;
}
div#videos-list ul.awards li {
  font-weight: normal;
}
/* ------------ } videos list. ------------ */

/* separator thingies between items: */
span.sep {
  padding: 0px 2px 0px 2px;
}
div#navbar span.sep {
  font-size: 150%;
}

/* e o f */