/* global selecters */
body {
  background-image:url(../images/logo-white-250.gif);
  background-attachment:fixed;
  background-position:bottom left;
  background-color:#fff;
  background-repeat:no-repeat;
  margin:0px;
  font:small/1.5em verdana,arial,helvetica,sans-serif;
  color:#666;
}
a img, a:hover img {
  border:0;
	background-color:#fff;
}
h1 {
  font:bold 18px/28px verdana,arial,helvetica,sans-serif;
  padding:13px 0px 0px 0px;
}
h1 a, h1 a:visited, h1 a:link, h1 a:active {
  font:bold 18px/28px verdana,arial,helvetica,sans-serif;
  padding:13px 0px 0px 0px;
  text-decoration:none;
  border-bottom:1px solid #999;
}
h1 a:visited:hover, h1 a:hover {
  font:bold 18px/28px verdana,arial,helvetica,sans-serif;
  padding:13px 0px 0px 0px;
  background-color:transparent;
  border-bottom:1px solid #333;
}
h1.times {
  font:bold 20px/30px "Times New Roman",times,serif;
}
h1#currentProject {
  padding-bottom:20px;
	margin-bottom:0px;
	border-bottom:2px solid #eee;
}
h2 {
  font:bold 14px/24px verdana,arial,verdana,helvetica,sans-serif;
}
h2.times {
  font:bold 18px/24px "Times New Roman",times,serif;
}
h2 a, h2 a:visited, h2 a:link, h2 a:active {
  font:bold 14px/24px verdana,arial,helvetica,sans-serif;
  padding:4px 0px 0px 0px;
  text-decoration:none;
  border-bottom:1px solid #999;
}
h2 a:visited:hover, h2 a:hover {
  font:bold 14px/24px verdana,arial,helvetica,sans-serif;
  padding:4px 0px 0px 0px;
  background-color:transparent;
  border-bottom:1px solid #333;
}
h2.subheading {
  font:bold italic 14px/18px verdana,arial,helvetica,sans-serif;
}
blockquote {
  margin:0 4em;
  font-style:italic;
}
p.quote-credit {
  margin:0 4em;
  color:#666;
}
em {
  font-style:italic;
}
strong {
  font-weight:bold;
}
sup {
  font-size:smaller;
} 
a, a:visited, a:link, a:active {
  text-decoration:none;
  color:#333;
  font:small/1.5em verdana,arial,helvetica,sans-serif;
  border-bottom:1px solid #999;
}
a:visited:hover, a:hover {
  background-color:#eee;
  text-decoration:none;
  color:#000;
  font:small/1.5em verdana,arial,helvetica,sans-serif;
  border-bottom:1px solid #333;
}
a.img, a.img:visited, a.img:link, a.img:active, a.img:visited:hover, a.img:hover {
  text-decoration:none;
	margin:0;
	padding:0;
  border:0;
  background-color:#fff;
  color:#000;
  font-size:1px;
}
.url {
  color:#666;
  background-color:#eee;
}
.clear {
  clear:both;
}
img {
  border:0px;
}
ul.plain, ul.plain li {
  list-style-type:none;
  margin:0;
  padding:0;
}
/* logo bar */
div#logos ul, div#logos ul li {
  padding:0;
	margin:0;
  display:inline;
	list-style:none;
}
/* navigation menu */
#nav {
  position:absolute;
  left:0px;
  top:20px;
  width:150px;
  margin:0px;
  border:none;
  padding:0px;
}
body>div#nav { position:fixed; }
#nav ul, #nav li {
  list-style:none;
}
#nav ul {
  width:150px;
  margin:0px;
  padding:0px;
  list-style:none;
}
#nav ul li {
  padding:0px;
  list-style:none;
  margin:0px 0px 2px 0px;
}
#nav a {
  height:1.5em;
  display:block;
  margin:0;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  text-decoration:none;
  padding:3px 10px;
  color:#555;
  font:bold small/1.5em verdana,arial,helvetica,sans-serif;
}
#nav span {
  height:1.5em;
  display:block;
  margin:0;
  padding:3px 10px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color:#eee;
  color:#000;
  font:bold small/1.5em verdana,arial,helvetica,sans-serif;
}
#nav a:visited:hover, #nav a:hover, #nav a.active {
  height:1.5em;
  display:block;
  margin:0;
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
  background-color:#eee;
  padding:3px 10px;
  text-decoration:none;
  color:#000;
  font:bold small/1.5em verdana,arial,helvetica,sans-serif;
}
#nav a.active {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
#projects a, #membership a, #about a, #imprint a, #cafe a {
  height:1.2em;
  display:block;
  margin:0;
  padding:3px 10px 3px 20px;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  text-decoration:none;
  color:#555;
  font:x-small/1.2em verdana,arial,helvetica,sans-serif;
}
#projects span, #membership span, #about span, #imprint span, #cafe span, #projects a.active, #membership a.active, #about a:active, #imprint a:active, #cafe a:active {
  height:1.2em;
  display:block;
  margin:0;
  padding:3px 10px 3px 20px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color:#eee;
  color:#000;
  font:x-small/1.2em verdana,arial,helvetica,sans-serif;
}
#projects a:visited:hover, #projects a:hover, #membership a:visited:hover, #membership a:hover, #about a:visited:hover, #about a:hover, #imprint a:visited:hover, #imprint a:hover, #cafe a:visited:hover, #cafe a:hover {
  height:1.2em;
  display:block;
  margin:0;
  padding:3px 10px 3px 20px;
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
  background-color:#eee;
  text-decoration:none;
  color:#000;
  font:x-small/1.2em verdana,arial,helvetica,sans-serif;
}
/* layout */
/* general classes */
.cleaner {
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0px;
  padding:0px;
  background:transparent;
}
div {
  margin:0px;
  padding:0px;
  border:none;
}
/* content */
#content, #footer {
  text-align:left;
  color:#000;
  width:600px;
  margin-left:200px;
}
/* contact details */
#contact {
  float:right;
  text-align:right;
  margin:15px 0px;
}
/* images */
.image {
  float:right;
  padding:10px 0px 20px 20px;
}
.imageb {
  float:right;
  padding:10px 0px 0px 20px;
}
/* main text column */
#content-text {
  position:relative;
  color:#000;
}
/* contact box formatting */
span.contact_t {
  font:9px/1.5em verdana,arial,helvetica,sans-serif;
  color:#996;
}
a.contact, a.contact:visited, a.contact:link, a.contact:active, span.contact {
  text-decoration:none;
  color:#333;
  font:9px/1.5em verdana,arial,helvetica,sans-serif;
}
a.contact:visited:hover, a.contact:hover {
  text-decoration:none;
  color:#000;
  font:9px/1.5em verdana,arial,helvetica,sans-serif;
}
/* bold links for headings */
a.bold, a.bold:link, a.bold:visited, a.bold:active {
  text-decoration:none;
  color:#333;
  font-weight:bold;
}
a.bold:visited:hover, a.bold:hover {
  text-decoration:none;
  color:#000;
  font-weight:bold;
}
/* publications page */
tr.grey {
  background-color:#eee;
}
td.header {
  padding:10px 0px;
  font-weight:bold;
}
div.image img {
  margin:10px 0px;
}
p.caption {
  padding:0;
  margin:0 0 10px 0;
}
p.credit {
  text-align:right;
  margin-right:25px;
  margin-top:0;
  color:#666;
}
blockquote {
  margin:5px 25px;
}
/* collection pages */
body.collection #content {
  width:800px;
}
ul.collection, ul.collection li {
  margin:0;
  padding:0;
  border:0;
  list-style:none;
  position:relative;
  display:block;
  clear:both;
}
ul.collection li a.img, ul.collection li a.img:hover,ul.collection li a.img:visited:hover {
  display:block;
  width:210px;
  height:100px;
  margin:1em 0;
  padding:0;
  float:left;
  border:0;
  background:transparent;
}
ul.collection li a.txt, ul.collection li a.txt:hover, ul.collection li a.txt:visited:hover {
  margin-top:30px;
  font-weight:bold;
}
/* online works */
div.workdesc {
  padding:0 1em 1em 1em;
  margin:1em 0;
}
div.workbox h2 {
  padding-left:1em;
}
div.workbox {
  border:1px solid #fff;
}
#nav a#donatebutton, #nav a#donatebutton:hover {
  background-color:#fff;
  border:0;
}
dl.tabular dt {
  font-weight:bold;
}
dl.tabular dd {
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
#donate {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding:0;
}
#donate div.controls {
  background:#fff url(/images/controlsbg.gif) repeat-x 0 0;
  height:25px;
}
#donate a.closebutton {
  width:19px;
  height:19px;
  display:block;
  float:right;
  margin:2px;
  background:transparent url(/images/closebutton.gif) no-repeat 0 0;
  border:0;
}
#donate a.closebutton:hover {
  background:transparent url(/images/closebutton.gif) no-repeat 0 -40px;
}

#donate form {
  padding:12px;
}
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html #donate {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}