@charset "utf-8";

/* © A U Schmidhauser | aus@alum.mit.edu | 22 February 2011 */

@font-face {font-family:"w"; src:url(/fonts/w.eot); src:local("w"), url(/fonts/w.otf) format("opentype");}
@font-face {font-family:'c'; src:url('c.eot'); src:local('Corbel Regular'), local('Corbel'), url(/fonts/c.ttf) format('truetype')}
@font-face {font-family:'c-b'; src:url('c-b.eot'); src:local('Corbel Bold'), local('Corbel-Bold'), url(/fonts/c-b.ttf) format('truetype')}
@font-face {font-family:'c-i'; src:url('c-i.eot'); src:local('Corbel Italic'), local('Corbel-Italic'), url(/fonts/c-i.ttf) format('truetype')}
@font-face {font-family:'c-bi'; src:url('c-bi.eot'); src:local('Corbel Bold Italic'), local('Corbel-BoldItalic'), url(/fonts/c-bi.ttf) format('truetype')}

body {font:1em/1.5em georgia, serif; color:#494949; margin:0; padding:0; background-color:#f8f8f8 } /* or f8f8f8 */


/* links */
a:link, a:visited {color:#92640C; text-decoration:none; padding-bottom:1px; border-bottom:1px solid #f8f8f8 }
a:hover {color:#494949; text-decoration:none; border-bottom:1px dotted #494949}
a:active {color:#f8f8f8 ; text-decoration:none; border-bottom:1px solid #f8f8f8 }
	a:link img {border:none}
	a:hover.more {background-image:url(/images/black/bullet-on.gif)}


/* headings */
h1 {} /* Unused, since FF would not let me configure it */
h2 {margin:1em 0 0 0; padding:3em 0 1.5em 0; text-align:left; font:.9em c-b, helvetica, sans-serif; text-transform:uppercase; color:#494949; letter-spacing:0.14em} /* cv, apo:vv, publications, presentations, tools,  */
  h2.first {padding:1em 0 1.5em 0}
h3 {}
h4 {} 
h5 {margin:0; padding:3em 1em .1em 0; text-align:right; font:.9em c-b, helvetica, sans-serif; text-transform:uppercase; color:#494949; letter-spacing:0.14em} /* titles in Sidebar ("S" looks like "5") */


/* lists */
dl {margin:0 0 2em 0; padding:0}
	dl dt {text-indent:-2em; margin:0 0 0 2em; padding:0}
	dl dd {margin:0 0 2em 2.1em; padding:0}
dl.publications {margin:0; padding:0} /* to delete - I only used this on my homepage */
	dl.publications dt {margin:0; padding:.5em 0 0 2em}
	dl.publications dd {margin:0; padding:0 0 0 4em; font-size:small}
dl.2coll {float:left; width:100%; padding:0; margin:.1em 0 0 1em}
	dd.2coll {float:left; font-weight:normal; text-indent:0; margin:0; padding:0}
  dt.2coll {padding:0 0 .5em 9em; margin:0}

#cv dl {margin:0; padding:0 0 1em 0; float:left; width:100%}	/* for address and education */
#cv dl dt {margin:0 0 0 2em; padding:0; float:left}
#cv dl dd {margin:0 0 0 11em; padding:0 0 .5em 0}	/* education */
#cv dl dd.addresses {margin:0 0 0 22em; padding:0}	/* right row address */
#cv p {clear:left}

dl {}
	dd {}
  dt {}

#publications dl {margin:0 0 2em 0; padding:0}
  #publications dl dt {text-indent:-2em; margin:0 0 0 2em; padding:0}
  #publications dl dd {margin:0 0 2em 2.1em; padding:0}

#research dl {margin:0; padding:1.5em 0 0 1em}	/* Works to Download */
  #research dl dt {margin:0; padding:0 0 0 2em}
  #research dl dd {margin:0 0 1.5em 0; padding:0 0 0 2em}
#research dl ul {margin:0; padding:.1em 0 .5em 2em; list-style:none}
	#research dl ul li {margin:0; padding:0 0 .7em 1em; background:url(/images/bullets/b-arrow-blue.gif) no-repeat 0 .52em}

#teaching dl {margin:.5em 0 0 0; padding:0; border:none}
  #teaching dl dt {font-weight:bold; text-indent:-1.5em; margin:0 0 0 1.5em; padding:0}
  #teaching dl dd {margin:0 0 1em 1.5em; padding:0}
#teaching dl.col {float:left; width:100%; padding:0; margin:.1em 0 0 1em}
      #teaching dl.col dt {float:left; font-weight:normal; text-indent:0; margin:0; padding:0}
      #teaching dl.col dd {padding:0 0 .5em 9em; margin:0}
      #teaching dl.col dd.addresses {padding:0 0 0 24em}

ul {}
  ul li {}

ul.none {list-style:none; margin:.5em 0 .5em 2em; padding:0} /* homepage */
	li {margin:0; padding:0 0 .25em 0}

#publications ul {margin:0; padding:1.57em 0 .45em .9em; list-style:none}
  #publications ul li {margin:0; padding:0 0 1.5em 2em; background:url(/images/bullets/b-deco.gif) no-repeat 0 .45em}
#publications ul.nude {margin:0; padding:.6em 0 .6em 0}
  #publications ul.nude li {margin:0; padding:0 0 0 2em; background:none}
    #publications ul ul {margin:0; padding:.6em 0 .3em 2em; list-style:none}
      #publications ul ul li.arrow {margin:0; padding:0 0 .6em 1em; background:url(/images/bullets/b-arrow-blue.gif) no-repeat 0 .7em}

#research ul {margin:1em 0 0 3em; padding:0; list-style:circle}
  #research ul li {margin:0; padding:0 0 .5em 0}
#research ul.arrow {margin:0; padding:.6em 0 .3em 2em; list-style:none}
  #research ul.arrow li {margin:0; padding:0 0 .7em 1em; background:url(/images/bullets/b-arrow-blue.gif) no-repeat 0 .6em}
#research ul li.nude {margin:0; padding:0; background:none}
#research ul.ini {margin:0 auto; padding:1.57em 0 .45em .9em; list-style:none}
  #research ul.ini li {margin:0; padding:0 2em 1.5em 1.5em; float:left; background:none}

#sitemap ul {margin:0; padding:0em 0 2em 2em}
	#sitemap ul li {margin:0 0 0 2em; padding:.5em 0 0 .5em}
#sitemap ul ul {margin:0 0 0 2em; padding:0 0 0 2em}
	#sitemap ul ul li {margin:0 0 0 2em; padding:.5em 0 0 .5em}
#sitemap ul ul ul {margin:0 0 0 2em; padding:0 0 0 2em}
	#sitemap ul ul ul li {margin:0 0 0 2em; padding:.5em 0 0 .5em}

#teaching ul {margin:1em 1em 0 3em; padding:0; list-style:square}  /*Ideally this should be the same as research ul*/
  #teaching ul li {margin:0; padding:0 0 .5em 1em}
  #teaching ul li.narrow {margin:0; padding:0 0 0 1em; background:url(/images/bullets/b-arrow-green.gif) no-repeat 0 .57em}
  #teaching ul li.narrow-blank {margin:0; padding:0; background:none}
#teaching p {clear:left} 


/* tables */
table {margin:3em 0 1em 0; width:99%; border-collapse:collapse; border:none}
	table th, table td {margin:0; padding:.5em 1em .5em 1em; text-align:left; vertical-align:top; border-bottom:1px solid #ccc; border-left:1px solid #ccc; list-style-type:none}
	table th {font:.9em c-b, helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.1em; background:#f4f4f4}
	table td {}
	table li {list-style-type:none} /* delete? */
	table tr {}  /* delete? */
		table tr.alt {background:#F9F9F9}

table.coll {margin:1em} /* how to colums: see works to download */
	table.coll tr {padding:0; border:0; margin:0}
	table.coll td {padding:0; border:0; margin:0}

#teaching table {width:100%; margin:2em 0 .9em 0; border-collapse:collapse; border:none}
  #teaching table th, table td {margin:0; padding:.6em 1.2em; text-align:left; border-bottom:1px solid #ccd2d2; border-left:1px solid #ccd2d2; vertical-align:top; list-style-type:none}
  #teaching table th {background:#f4f4ed}
  #teaching table li {list-style-type:none}
  #teaching table tr {background:#f8f8f8 }
  #teaching table tr.alt {background:#f9f9f9}


/* footnotes */
p.footnotes {text-indent:-1em; padding-left:1em}
 .footnotes hr {margin-left:0; margin-bottom:1em; margin-top:5em; width:8em; border-style:solid; color:#494949; border-width:1px 0 0 0}
 .footnotes hr:after {content: ""}
 .footnotes li {font-size:.85em}
a.footnoteBackLink {border:0; padding:2px 6px 2px 4px; vertical-align:-.1em; font-size:.9em; line-height:0px; color:#999}
a.footnoteBackLink:hover {color:#f8f8f8 }


/* phrases */
p {margin:0; padding:1em 0 0 0}
	p.half {padding:0.5em 0 0 0}
	p.first {padding:0}

blockquote {margin:0; padding:.9em 1.5em; font-size:.95em}
	blockquote p {margin:0; padding:0}

acronym {text-transform:lowercase; font-variant:small-caps; letter-spacing:0.2em}
code {font-family:consolas, courier, monospace}
em {font-style:italic}
; i {margin-left:2em; padding:0; font-size:.82em; font-weight:normal; font-style:normal} /* Instead of 'small-indent' */
q:before {content:'\201C'}
q:after {content:'\201D'}
	q q:before {content:'\2018'}
	q q:after {content:'\2019'}
small {margin:0; padding:0; font-size:.82em}
strong {font-weight:bold; letter-spacing:.01em}
sub {line-height:0}
sup {line-height:0px}
	sup a:link {padding:1px; border-bottom:none}
	sup a:visited {padding:1px; border-bottom:none}

*.abstracts {	margin:0; padding:0; text-decoration:none; border:none}
	*.abstracts a span {margin:0; padding:0; display:none; border:none; text-decoration:none}
	*.abstracts a:hover span {margin:1em 0 1em 0; padding:1em 1em 1em 1em; font-size:.9em; text-indent:.01em; text-decoration:none; display:block; border:1px dotted #bbc1c1; color:#494949}
*.arun {font:100% arial unicode ms, lucida sans unicode, lucida grande, sans-serif} /* For very special characters */
*.blue {color:#40659B}
*.brown {color:#92640C}
*.blue-dotted {color:#40659B; padding-bottom:1px; border-bottom:1px dotted #cdcdcd}
	a.blue-dotted:hover img {display:none}
*.brown-dotted {color:#92640C; padding-bottom:1px; border-bottom:1px dotted #f8f8f8 }
	a.brown-dotted:hover img {display:none}
*.copy {font-size:.8em; letter-spacing:0em; color:#bbb}	/* for bottom bibliography (similiar to footer but serif), paris. 2548 */
*.expand {letter-spacing:.05em}
*.external {background:url(/images/external-gray.gif) no-repeat 100% 40%; padding-right:10px}
*.gray {color:#bbc1c1}
*.gr {font-family:times, minion pro, palatino linotype, gentiumalt, gentium, new athena unicode, serif}
*.green {color:#7B9905}
*.ind {text-indent:1em}
*.html {background:url(/images/html.png) no-repeat; padding-right:12px}
*.left-line {border-left:5px solid #f4f4ed}
*.more {padding-right:13px; background:url(/images/icon-morearrow.gif) no-repeat 100% 5px}
*.more-circle {padding-right:1.2em; background:url(/images/black/b-circle.gif) no-repeat 100% .3em}
*.none {background:none}
*.pdf {padding-right:1.6em; background:url(/images/icons.16x16/page_white_acrobat.png) no-repeat 100% 0}
*.right {text-align:right}
*.rss {padding-left:3em; background:url(/images/feeds/30.png) no-repeat 50% 50%}
*.rss-link {float:right; vertical-align:middle}
*.sc {font-variant:small-caps; letter-spacing:.1em}
	*.no-sc {font-variant:normal; letter-spacing:normal}
*.spotlight {
	margin:.5em 0 .5em 2em; padding:0}


/* masthead and menu */
#banner {margin:0; padding:11px 0 0 0; background:#383d44 url(/images/black/banner-top.gif) repeat-x top left}
#masthead {background:url(/images/black/head-bg.gif) repeat-x bottom left}
	#logo {width:70em; height:6em; margin:0 auto; padding:0}
  #logo a:link, #logo a:visited {display:block; margin:0; padding:.2em 0 0 .1em; font:2em/2.5em w, serif; text-align:left; vertical-align:bottom; text-decoration:none; border:none; color:#efefef}
	#logo a:hover, #logo a:active {color:#232323}
      
#nav {margin:0; padding:0; width:100%; float:right; background:#383d44 url(/images/black/head-bg.gif) repeat-x bottom left}
  #nav ul {width:70em; margin:0 auto; padding:0; list-style:none}
    #nav ul li {float:left; margin:0; padding:0; font-weight:bold; font:.81em/1.4em c, helvetica, non-serif; letter-spacing:.3em; text-transform:uppercase}
      #nav li#t-home {margin-left:-.1em}
      #nav li#t-google {font:.65em/1em c, helvetica, non-serif; color:#494949; vertical-align:bottom; float:right; height:2.8em; display:inline; text-decoration:none; text-transform:none}
      #nav ul li a {margin:0; padding:.4em 3em; display:block; text-decoration:none; color:#ccc; border:none; background:url(/images/black/nav-bg.gif) no-repeat bottom left}
        #nav ul li a:hover {color:#000; background:url(/images/black/tab-hover.gif) repeat-x bottom left}
        #nav ul li a.active {color:#f8f8f8 ; background:url(/images/black/tab-on.gif) repeat}
        #nav ul li a:hover.active {color:#000; background:url(/images/black/tab-on.gif) repeat}
#nav-course {margin:0; padding:0; width:100%; float:right; background:#f4f4ed; border-bottom:1px dotted #bbc1c1}
  #nav-course ul {width:70em; margin:0 auto; padding:0; list-style:none}
    #nav-course ul li {float:left; margin:0; padding:0; font-weight:bold; font-size:.81em; letter-spacing:.28em; text-transform:uppercase}
      #nav-course li#t-home {margin-left:-.1em}
      #nav-course ul li a {color:#666; margin:0; padding:.4em 2.5em; display:block; text-decoration:none; border-bottom:none}
        #nav-course ul li a:hover {color:#f8f8f8 }
        #nav-course ul li a.active {color:#383d44; text-decoration:underline}
        #nav-course ul li a:hover.active {color:#f8f8f8 }

#wrap {clear:both; width:100%; margin:0; padding:0; border-bottom:1px dotted #bbc1c1; background:#f8f8f8 }
	#wrap-inner {width:70em; margin:0 auto; padding:0 0 5em 0; border-left:1px dotted #bbc1c1; border-right:1px dotted #bbc1c1; border-top:none}
		#info {margin:0; padding:0; border-bottom:1px dotted #bbc1c1}
			#info ul {margin:0; padding:0 0 .5em 1em; list-style:none; text-align:left}
	      #crumbs {margin:0; padding:2em 0 2.5em 0; font:.8em/.9em c, helvetica, sans-serif; letter-spacing:0em; color:#aaa}
			  #crumbs a:link, #crumbs a:visited {color:#bbc1c1; text-decoration:none; border:none}
			  #crumbs a:hover {color:#92640C; border:none}
				#pagename {margin:0; padding:0; font:1.4em/1.4em c-bi, helvetica, sans-serif; color:#494949}        

#container {margin:0; padding:0; font-size:1.1em; line-height:1.5em}
  #content {float:left; width:42em; min-height:40em; margin:1.5em 1.5em 0 2em; padding:0; text-align:left}
  #content-wide {width:59em; min-height:40em; margin:1.5em 1.5em 0 2em; padding:0; text-align:left}


/* sidebar */
#sidebar {float:right; width:12em; margin:0; padding:0}

#sidebar ul {text-align:right; margin:0; padding:1em 0 .5em 0; list-style:none}
  #sidebar ul li {font:italic .88em/1.5 georgia, serif; letter-spacing:.02em; margin:0; padding:0}
  #sidebar ul li a {margin:0; padding:.9em 1em .5em .7em; border-bottom:1px dotted #bbc1c1; border-right:none; border-left:none; border-top:none; text-decoration:none; color:#92640C; display:block}
  #sidebar ul li a:hover {color:#494949}
  #sidebar ul li.first a {padding:.8em .6em .4em .6em}
  #sidebar ul li a img {border:none}

#sidebar-course {float:right; width:12em; margin:0; padding:0} /* for my teaching websites only */
#sidebar-course ul {font-size:.8em; letter-spacing:.1em; text-align:left; margin:0; padding:0; list-style:none}
  #sidebar-course ul li {margin:0; padding:0}
  #sidebar-course ul li p {margin:0; padding:0 1em 0 1em; letter-spacing:0}


/* footer */
#footer {width:100%; max-height:10%; margin:0; padding:0 0 5em 0; color:#999; border:none}
	#footer-inner {width:70em; margin:0 auto; padding:0}
		#footer-inner ul {margin:0; padding:0; border:none; text-align:left; font:.8em/1.4em c, helvetica, sans-serif; letter-spacing:.1em; text-transform:uppercase; list-style-type:none}
			#footer-inner ul li {float:left; display:block; margin:0; padding:1em 2em .5em 2em; border-right:1px dotted #bbc1c1}
			#footer-inner ul li a:link, #footer-inner ul li a:visited {text-decoration:none; color:#92640C; border:none}
			#footer-inner ul li a:hover {text-decoration:none; color:#494949}


/* individual pages */
#home {}
	#welcome {padding:0; margin:0}
	#flickr_badge_uber_wrapper {text-align:left}
		#flickr_badge_uber_wrapper a:hover,
		#flickr_badge_uber_wrapper a:link,
		#flickr_badge_uber_wrapper a:active,
		#flickr_badge_uber_wrapper a:visited {border:none}
	#description {clear:both}


#nbook {}
	#nbook ul {margin:0; padding:.5em 1em 0 1.5em; list-style:none}
		#notebook ul li {margin:0; padding:0}
	#nbook p.entry-bottom {margin:0; padding:1.5em 0 4em 2em; font:.75em/1.4em c, helvetica, sans-serif; color:#777}
		#nbook p.entry-bottom a:link, #nbook p.entry-bottom a:visited {text-decoration:none; color:#92640C; border-bottom:none}
		#nbook p.entry-bottom a:hover {color:#494949}
	.entry form {text-align:center}
	select {width:10em}
	#commentform input {width:16em; padding:3px 5px; margin:1px; text-align:left}
	#commentform textarea {width:90%; padding:5px}
	#commentform #submit {margin:0; float:none}
	.alt {margin:0; padding:10px}
	.commentlist {margin:0; padding:0; text-align:justify}
		.commentlist li {margin:.15em 0 .3em 2em; padding:.5em .1em .3em 0; list-style:none}
		.commentlist p {margin:.1em .5em 0 0}
	#commentform p {margin:.5em 0 1em 2em; padding:0}
	.nocomments {text-align:center; margin:0; padding:0}
	.commentmetadata {margin:0; display:block}


/* self-clearing floats */
#masthead h1:after, #masthead h2:after, #nav ul:after, #google:after, #container:after, #flickr:after, #extra:after, #footer:after, #port:after {content:"."; display:block; height:0; clear:both; visibility:hidden}






/* ---------------------------
IE */
body {font-size:x-small; voice-family:"\"}\""; voice-family:inherit; font-size:small}
html>body {font-size:small}
q {behavior:url(/library/iequotes.htc)}
* html .group, * html #nav ul, * html #nav ul li a, * html #wrap, * html #container, * html #content, * html #sidebar, * html #flickr, * html #extra, * html #port	{height:1%}
*:first-child+html .group, *:first-child+html #body, *:first-child+html #banner, *:first-child+html #nav ul, *:first-child+html #banner ul, *:first-child+html #wrap, *:first-child+html #container, *:first-child+html #footer, *:first-child+html #flickr, *:first-child+html #extra, *:first-child+html #port {min-height:1px}
* html #nav ul li a {display:inline}


/* -----------------------------
LIGHTBOX */
#lightbox {position:absolute;	left:0; width:90%; z-index:100; text-align:center; line-height:0}
#lightbox img {width:auto; height:auto}
#lightbox a img {border:none; text-decoration:none}

#outerImageContainer {position:relative; background-color:#f8f8f8 ; width:100px; height:100px; margin:0 auto}
#imageContainer {padding:10px}

#loading {position: absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#imageContainer>#hoverNav {left:0}
#hoverNav a {outline:none}

#prevLink, #nextLink {width: 49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block}
#prevLink {left:0; float:left}
#nextLink {right:0; float:right}
#prevLink:hover, #prevLink:visited:hover {background:url(/images/lightbox/prevlabel.gif) left 10% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background:url(/images/lightbox/nextlabel.gif) right 10% no-repeat}

#imageDataContainer {font:1em/3em georgia, serif; color:#494949; background-color:#f8f8f8 ; margin:.5em auto; overflow:hidden; width:100%}

#imageData {padding:0 10px; color:#666}
#imageData #imageDetails {width:70%; float:left; text-align:left}	
#imageData #caption {font-weight:bold}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1em}			
#imageData #bottomNavClose {width:66px; float:right; padding-bottom:.7em; outline:none}

#overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000}